453530270@qq.com
3 years ago
138 changed files with 0 additions and 39292 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
@ -1,723 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
.row-content .widget { |
|
||||
min-width: 1130px; } |
|
||||
.row-content .widget-body { |
|
||||
padding: 0; } |
|
||||
.row-content .iconfont { |
|
||||
font-size: inherit; } |
|
||||
.row-content p { |
|
||||
margin: 0; } |
|
||||
.row-content .btn-resetColor { |
|
||||
padding: .4em 1em; |
|
||||
color: #444; |
|
||||
background: #fdfdfd; |
|
||||
border-color: #efefef; |
|
||||
outline: none; |
|
||||
margin-left: -4px; } |
|
||||
.row-content .btn-resetColor:focus, .row-content .btn-resetColor:hover { |
|
||||
background: #f9f9f9; } |
|
||||
|
|
||||
.work-diy { |
|
||||
padding: 20px 0; |
|
||||
align-items: flex-start; } |
|
||||
.work-diy .diy-menu { |
|
||||
width: 285px; |
|
||||
height: auto; |
|
||||
background: #fdfdfd; |
|
||||
border: 1px solid #ddd; |
|
||||
padding: 15px 10px; |
|
||||
-webkit-transition: all 0.3s; |
|
||||
transition: all 0.3s; |
|
||||
user-select: none; } |
|
||||
.work-diy .diy-menu .navs, |
|
||||
.work-diy .diy-menu .action { |
|
||||
height: auto; } |
|
||||
.work-diy .diy-menu .menu-title { |
|
||||
position: relative; |
|
||||
padding: 0 22px; |
|
||||
height: 30px; |
|
||||
border-bottom: 1px solid #eef1f5; } |
|
||||
.work-diy .diy-menu .menu-title span { |
|
||||
font-size: 1.3rem; } |
|
||||
.work-diy .diy-menu .menu-title::before { |
|
||||
content: ''; |
|
||||
position: absolute; |
|
||||
width: 4px; |
|
||||
height: 13px; |
|
||||
background: #00aeff; |
|
||||
top: 8px; |
|
||||
left: 9px; } |
|
||||
.work-diy .diy-menu .navs { |
|
||||
padding: 10px 5px; |
|
||||
border-bottom: 1px dotted #ddd; |
|
||||
position: relative; |
|
||||
display: -webkit-box; |
|
||||
display: -webkit-flex; |
|
||||
display: -ms-flexbox; |
|
||||
display: flex; } |
|
||||
.work-diy .diy-menu .navs .title { |
|
||||
font-size: 1.24rem; |
|
||||
color: #999; |
|
||||
margin: 10px 0; } |
|
||||
.work-diy .diy-menu .navs .btns-global { |
|
||||
width: 96px; } |
|
||||
.work-diy .diy-menu .navs .btns-global nav { |
|
||||
height: 40px; |
|
||||
line-height: 38px; } |
|
||||
.work-diy .diy-menu .navs nav { |
|
||||
width: 74px; |
|
||||
float: left; |
|
||||
padding: 3px 0; |
|
||||
margin: 5px; |
|
||||
border: 1px solid #dddddd; |
|
||||
text-align: center; |
|
||||
font-size: 12px; |
|
||||
cursor: pointer; |
|
||||
-webkit-transition: All 0.3s ease-in-out; |
|
||||
-moz-transition: All 0.3s ease-in-out; |
|
||||
-o-transition: All 0.3s ease-in-out; |
|
||||
transition: All 0.3s ease-in-out; } |
|
||||
.work-diy .diy-menu .navs nav p { |
|
||||
color: #424242; } |
|
||||
.work-diy .diy-menu .navs nav p.item-icon .iconfont { |
|
||||
font-size: 1.8rem; } |
|
||||
.work-diy .diy-menu .navs nav.page-setup { |
|
||||
width: auto; |
|
||||
padding: 0; |
|
||||
margin: 0; |
|
||||
position: absolute; |
|
||||
top: 12px; |
|
||||
right: 12px; |
|
||||
border-color: #fff; |
|
||||
line-height: 12px; } |
|
||||
.work-diy .diy-menu .navs nav.page-setup:hover { |
|
||||
border-color: #fff; } |
|
||||
.work-diy .diy-menu .navs nav.special { |
|
||||
background: #f4f4f4; } |
|
||||
.work-diy .diy-menu .navs nav:hover { |
|
||||
background: #fff; |
|
||||
border: 1px solid #00aeff; |
|
||||
color: #00aeff; |
|
||||
-webkit-transition: All 0.4s; |
|
||||
-moz-transition: All 0.4s; |
|
||||
-o-transition: All 0.4s; |
|
||||
transition: All 0.4s; } |
|
||||
.work-diy .diy-menu .navs nav:active { |
|
||||
-webkit-box-shadow: inset 1px 3px 5px rgba(0, 0, 0, 0.2); |
|
||||
box-shadow: inset 1px 3px 5px rgba(0, 0, 0, 0.2); } |
|
||||
.work-diy .diy-menu .action { |
|
||||
margin-top: 15px; |
|
||||
text-align: right; |
|
||||
position: relative; } |
|
||||
.work-diy .diy-menu .action:before { |
|
||||
content: ""; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
height: 0; |
|
||||
width: 100%; } |
|
||||
.work-diy .diy-menu .action nav { |
|
||||
margin-right: 5px; } |
|
||||
.work-diy .diy-phone { |
|
||||
width: 377px; |
|
||||
border-radius: 3px; |
|
||||
box-shadow: 0 3px 10px #dcdcdc; |
|
||||
border: 1px solid #ddd; } |
|
||||
.work-diy .diy-phone .phone-top { |
|
||||
width: 100%; |
|
||||
height: 66px; |
|
||||
text-align: center; } |
|
||||
.work-diy .diy-phone .phone-top h4 { |
|
||||
margin: 0; |
|
||||
font-size: 1.4rem; |
|
||||
font-weight: normal; |
|
||||
white-space: nowrap; |
|
||||
line-height: 88px; } |
|
||||
.work-diy .diy-phone .phone-main { |
|
||||
position: relative; |
|
||||
border-top: 0; |
|
||||
user-select: none; } |
|
||||
.work-diy .diy-phone .phone-main .dragArea { |
|
||||
overflow-y: auto; |
|
||||
height: 580px; } |
|
||||
.work-diy .diy-phone .phone-main .drag { |
|
||||
display: block; |
|
||||
overflow: hidden; |
|
||||
font-size: 1.3rem; } |
|
||||
.work-diy .diy-phone .phone-main .drag .btn-edit-del { |
|
||||
height: 16px; |
|
||||
position: absolute; |
|
||||
right: 2px; |
|
||||
bottom: 2px; |
|
||||
display: none; |
|
||||
z-index: 90; } |
|
||||
.work-diy .diy-phone .phone-main .drag .btn-edit-del > div { |
|
||||
width: 32px; |
|
||||
height: 16px; |
|
||||
line-height: 16px; |
|
||||
display: inline-block; |
|
||||
text-align: center; |
|
||||
font-size: 10px; |
|
||||
color: #fff; |
|
||||
background: rgba(0, 0, 0, 0.4); |
|
||||
margin-left: 2px; |
|
||||
cursor: pointer; |
|
||||
position: relative; |
|
||||
z-index: 11; } |
|
||||
.work-diy .diy-phone .phone-main .drag.selected .btn-edit-del, .work-diy .diy-phone .phone-main .drag:hover .btn-edit-del { |
|
||||
display: block; } |
|
||||
.work-diy .diy-phone .phone-main a { |
|
||||
color: #337ab7; } |
|
||||
.work-diy .diy-phone .phone-main .diy-search { |
|
||||
background: #f1f1f2; |
|
||||
padding: 10px 10px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-search .inner { |
|
||||
height: 30px; |
|
||||
background: #fff; |
|
||||
overflow: hidden; } |
|
||||
.work-diy .diy-phone .phone-main .diy-search .inner.radius { |
|
||||
border-radius: 5px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-search .inner.round { |
|
||||
border-radius: 30px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-search .inner .search-input { |
|
||||
height: 30px; |
|
||||
width: 100%; |
|
||||
line-height: 30px; |
|
||||
color: #999999; |
|
||||
padding: 0 10px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-banner { |
|
||||
display: block; |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
height: auto; |
|
||||
overflow: hidden; } |
|
||||
.work-diy .diy-phone .phone-main .diy-banner img { |
|
||||
display: none; |
|
||||
width: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-banner img:first-child { |
|
||||
display: block; } |
|
||||
.work-diy .diy-phone .phone-main .diy-banner .dots { |
|
||||
height: 14px; |
|
||||
padding: 0 10px; |
|
||||
position: absolute; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
bottom: 10px; |
|
||||
opacity: 0.8; |
|
||||
text-align: center; } |
|
||||
.work-diy .diy-phone .phone-main .diy-banner .dots span { |
|
||||
display: inline-block; |
|
||||
margin-left: 3px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-banner .dots.rectangle span { |
|
||||
height: 10px; |
|
||||
width: 16px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-banner .dots.square span { |
|
||||
height: 10px; |
|
||||
width: 10px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-banner .dots.round span { |
|
||||
height: 10px; |
|
||||
width: 10px; |
|
||||
border-radius: 10px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-imageSingle { |
|
||||
display: block; |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
height: auto; |
|
||||
overflow: hidden; } |
|
||||
.work-diy .diy-phone .phone-main .diy-imageSingle img { |
|
||||
display: block; |
|
||||
width: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-navBar li { |
|
||||
margin: 10px 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-navBar li .item-image { |
|
||||
text-align: center; |
|
||||
margin-bottom: 4px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-navBar li .item-image img { |
|
||||
height: 44px; |
|
||||
width: 44px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-navBar li .item-text { |
|
||||
text-align: center; } |
|
||||
.work-diy .diy-phone .phone-main .diy-guide .line { |
|
||||
height: 0; |
|
||||
width: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-video video { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
height: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article { |
|
||||
background: #f7f7f7; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item { |
|
||||
margin-bottom: 10px; |
|
||||
padding: 15px; |
|
||||
background: #fff; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item:last-child { |
|
||||
margin-bottom: 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item .article-item__image image { |
|
||||
display: block; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item .article-item__footer { |
|
||||
margin-top: 5px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item .article-item__footer .article-views { |
|
||||
font-size: 12px; |
|
||||
color: #888; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item.show-type__10 { |
|
||||
display: flex; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item.show-type__10 .article-item__left { |
|
||||
padding-right: 10px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item.show-type__10 .article-item__title { |
|
||||
min-height: 36px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item.show-type__10 .article-item__image img { |
|
||||
display: block; |
|
||||
width: 120px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item.show-type__20 .article-item__image { |
|
||||
margin-top: 12.5px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-article .article-item.show-type__20 .article-item__image img { |
|
||||
display: block; |
|
||||
width: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-special { |
|
||||
line-height: normal; } |
|
||||
.work-diy .diy-phone .phone-main .diy-special .special-left { |
|
||||
padding: 5px 10px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-special .special-left img { |
|
||||
display: block; |
|
||||
width: 70px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-special .special-content { |
|
||||
overflow: hidden; } |
|
||||
.work-diy .diy-phone .phone-main .diy-special .special-content .content-item { |
|
||||
padding: 2px 0; |
|
||||
font-size: 13px; |
|
||||
color: #141414; } |
|
||||
.work-diy .diy-phone .phone-main .diy-special .special-content.display_1 { |
|
||||
height: 22px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-special .special-content.display_2 { |
|
||||
height: 44px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-special .special-more { |
|
||||
padding: 12px 10px; |
|
||||
font-size: 12px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .item-image img { |
|
||||
width: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .display { |
|
||||
height: 0; |
|
||||
width: 100%; |
|
||||
margin: 0; |
|
||||
padding-bottom: 50%; |
|
||||
position: relative; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .display img { |
|
||||
width: 100%; |
|
||||
height: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .display .display-left { |
|
||||
width: 50%; |
|
||||
height: 100%; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .display .display-right { |
|
||||
width: 50%; |
|
||||
height: 100%; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 50%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .display .display-right1 { |
|
||||
width: 100%; |
|
||||
height: 50%; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .display .display-right2 { |
|
||||
width: 100%; |
|
||||
height: 50%; |
|
||||
position: absolute; |
|
||||
top: 50%; |
|
||||
left: 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .display .display-right2 .left { |
|
||||
width: 50%; |
|
||||
height: 100%; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-window .display .display-right2 .right { |
|
||||
width: 50%; |
|
||||
height: 100%; |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 50%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list { |
|
||||
padding: 2px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list.display__slide { |
|
||||
overflow-x: hidden; |
|
||||
white-space: nowrap; |
|
||||
font-size: 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list.display__slide::-webkit-scrollbar { |
|
||||
display: none; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list.display__slide .goods-item { |
|
||||
display: inline-block; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list.display__list .goods-item { |
|
||||
float: left; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list.column__1 .goods-item { |
|
||||
width: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list.column__1 .goods-item .goods-name { |
|
||||
height: auto !important; |
|
||||
min-height: 25px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list.column__2 .goods-item { |
|
||||
width: 50%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list.column__3 .goods-item { |
|
||||
width: 33.33333%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item { |
|
||||
padding: 3px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item .goods-image { |
|
||||
position: relative; |
|
||||
width: 100%; |
|
||||
height: 0; |
|
||||
padding-bottom: 100%; |
|
||||
overflow: hidden; |
|
||||
background: #fff; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item .goods-image:after { |
|
||||
content: ''; |
|
||||
display: block; |
|
||||
margin-top: 100%; |
|
||||
/* margin 百分比相对父元素宽度计算 */ } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item .goods-image img { |
|
||||
position: absolute; |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
-o-object-fit: cover; |
|
||||
object-fit: cover; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item .detail { |
|
||||
padding: 4px; |
|
||||
background: #fff; |
|
||||
font-size: 1.3rem; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item .detail .goods-name { |
|
||||
height: 40px; |
|
||||
overflow: hidden; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item .detail .goods-price { |
|
||||
font-size: 15px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item .detail .line-price { |
|
||||
font-size: 12px; |
|
||||
text-decoration: line-through; |
|
||||
color: #999; } |
|
||||
.work-diy .diy-phone .phone-main .diy-goods .goods-list .goods-item .detail .selling-point { |
|
||||
font-size: 12px; |
|
||||
color: #f20c59; } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon { |
|
||||
padding: 10px 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item { |
|
||||
width: 150px; |
|
||||
height: 60px; |
|
||||
position: relative; |
|
||||
color: #fff; |
|
||||
overflow: hidden; |
|
||||
box-sizing: border-box; } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item i.before { |
|
||||
content: ""; |
|
||||
position: absolute; |
|
||||
z-index: 1; |
|
||||
width: 1.6rem; |
|
||||
height: 1.6rem; |
|
||||
top: 50%; |
|
||||
left: -.8rem; |
|
||||
-webkit-transform: translateY(-50%); |
|
||||
transform: translateY(-50%); |
|
||||
-webkit-border-radius: 80%; |
|
||||
border-radius: 80%; |
|
||||
background-color: #fff; } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item .left-content { |
|
||||
position: relative; |
|
||||
float: left; |
|
||||
width: 70%; |
|
||||
height: 100%; |
|
||||
background-color: #E5004F; |
|
||||
font-size: 12px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item .left-content .content-top .price { |
|
||||
font-size: 2rem; } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item .left-content.color__blue { |
|
||||
background: linear-gradient(-125deg, #57bdbf, #2f9de2); } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item .left-content.color__red { |
|
||||
background: linear-gradient(-128deg, #ff6d6d, #ff3636); } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item .left-content.color__violet { |
|
||||
background: linear-gradient(-113deg, #ef86ff, #b66ff5); } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item .left-content.color__yellow { |
|
||||
background: linear-gradient(-141deg, #f7d059, #fdb054); } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item .right-receive { |
|
||||
float: right; |
|
||||
width: 30%; |
|
||||
height: 100%; |
|
||||
background-color: #4e4e4e; |
|
||||
text-align: center; } |
|
||||
.work-diy .diy-phone .phone-main .diy-coupon .coupon-item .right-receive span { |
|
||||
font-size: 1.3rem; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods { |
|
||||
padding: 10px; |
|
||||
/* 商品图片 */ |
|
||||
/* 商品名称 */ |
|
||||
/* 商品卖点 */ |
|
||||
/* 拼团信息 */ |
|
||||
/* 商品价格 */ |
|
||||
/* 去拼团按钮 */ } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .goods-item { |
|
||||
height: 160px; |
|
||||
margin-bottom: 10px; |
|
||||
padding: 10px; |
|
||||
box-sizing: border-box; |
|
||||
background: #fff; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .goods-item:last-child { |
|
||||
margin-bottom: 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .goods-item_left { |
|
||||
display: flex; |
|
||||
width: 40%; |
|
||||
background: #fff; |
|
||||
align-items: center; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .goods-item_left img { |
|
||||
display: block; |
|
||||
width: 120px; |
|
||||
height: 120px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .goods-item_right { |
|
||||
position: relative; |
|
||||
width: 60%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .goods-item_right .goods-item_title { |
|
||||
height: 36px; |
|
||||
margin-top: 10px; |
|
||||
font-size: 14px; |
|
||||
line-height: 1.3; |
|
||||
color: #333; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .goods-item_desc { |
|
||||
margin-top: 8px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .desc-selling_point { |
|
||||
width: 200px; |
|
||||
height: 16px; |
|
||||
font-size: 12px; |
|
||||
line-height: 1.4; |
|
||||
color: #ff495e; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .desc-situation { |
|
||||
margin-top: 6px; |
|
||||
font-size: 12px; |
|
||||
line-height: 1.3; |
|
||||
color: #f03c3c; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .desc-situation .people { |
|
||||
margin: 0 3px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .desc_footer { |
|
||||
margin-top: 6px; |
|
||||
font-size: 12px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .desc_footer .price_x { |
|
||||
margin-right: 10px; |
|
||||
color: #f03c3c; |
|
||||
font-size: 14px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .desc_footer .price_y { |
|
||||
text-decoration: line-through; } |
|
||||
.work-diy .diy-phone .phone-main .diy-sharingGoods .goods-item .btn-settlement { |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
padding: 0 14px; |
|
||||
border-radius: 20px; |
|
||||
background: linear-gradient(to right, #eb356b 0%, #f03c3c 100%); |
|
||||
box-shadow: 0 2px 10px -2px #eb356b; |
|
||||
font-size: 14px; |
|
||||
line-height: 27px; |
|
||||
text-align: center; |
|
||||
color: #fff; } |
|
||||
.work-diy .diy-phone .phone-main .diy-notice { |
|
||||
padding: 4px 10px; |
|
||||
line-height: 26px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-notice .notice__icon { |
|
||||
font-size: 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-notice .notice__icon img { |
|
||||
width: 16px; |
|
||||
height: 16px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-notice .notice__text { |
|
||||
padding-left: 5px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-richText { |
|
||||
font-size: 14px; |
|
||||
line-height: normal; } |
|
||||
.work-diy .diy-phone .phone-main .diy-richText p { |
|
||||
padding: 0 4px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-richText img { |
|
||||
display: block; |
|
||||
width: 375px; |
|
||||
margin-left: -4px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-richText video { |
|
||||
width: 100%; } |
|
||||
.work-diy .diy-phone .phone-main .diy-richText hr { |
|
||||
margin: 5px 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-richText * + h1, .work-diy .diy-phone .phone-main .diy-richText * + h2, .work-diy .diy-phone .phone-main .diy-richText * + h3, .work-diy .diy-phone .phone-main .diy-richText * + h4, .work-diy .diy-phone .phone-main .diy-richText * + h5, .work-diy .diy-phone .phone-main .diy-richText * + h6 { |
|
||||
margin: 1.6rem 0; } |
|
||||
.work-diy .diy-phone .phone-main .diy-service { |
|
||||
position: absolute; |
|
||||
z-index: 999; } |
|
||||
.work-diy .diy-phone .phone-main .diy-service .service-icon { |
|
||||
padding: 5px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-service .service-icon img { |
|
||||
display: block; |
|
||||
width: 45px; |
|
||||
height: 45px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-shop .shop-item { |
|
||||
padding: 8px 15px; |
|
||||
min-height: 90px; |
|
||||
font-size: 13px; |
|
||||
line-height: 1.5; |
|
||||
border-bottom: 1px solid #eee; } |
|
||||
.work-diy .diy-phone .phone-main .diy-shop .shop-item__logo { |
|
||||
margin-right: 15px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-shop .shop-item__logo img { |
|
||||
display: block; |
|
||||
width: 65px; |
|
||||
height: 65px; |
|
||||
border-radius: 50%; |
|
||||
border: 1px solid #ececec; } |
|
||||
.work-diy .diy-phone .phone-main .diy-shop .shop-item__title { |
|
||||
font-size: 14px; |
|
||||
color: #fd4a5f; |
|
||||
margin-bottom: 5px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-shop .shop-item__address, .work-diy .diy-phone .phone-main .diy-shop .shop-item__phone { |
|
||||
color: #919396; } |
|
||||
.work-diy .diy-phone .phone-main .diy-shop .shop-item__address { |
|
||||
width: 260px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-shop .shop-item__distance { |
|
||||
margin-top: 5px; |
|
||||
color: #c1c1c1; |
|
||||
height: 20px; } |
|
||||
.work-diy .diy-phone .phone-main .diy-shop .shop-item__distance .iconfont { |
|
||||
color: #81838e; |
|
||||
margin-right: 3px; } |
|
||||
.work-diy .diy-phone .optional { |
|
||||
position: relative; } |
|
||||
.work-diy .diy-phone .optional:before { |
|
||||
content: ""; } |
|
||||
.work-diy .diy-phone .optional.__z10:before { |
|
||||
z-index: 10; } |
|
||||
.work-diy .diy-phone .optional.__no-move:before { |
|
||||
cursor: pointer !important; } |
|
||||
.work-diy .diy-phone .optional.selected:before, .work-diy .diy-phone .optional:hover:before { |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
border: 2px dashed #00a0e9; |
|
||||
cursor: move; } |
|
||||
.work-diy .diy-editor { |
|
||||
width: 400px; |
|
||||
height: auto; |
|
||||
min-height: 100px; |
|
||||
padding: 15px 10px; |
|
||||
border: 1px solid #ddd; } |
|
||||
.work-diy .diy-editor .tpl-form-line-form { |
|
||||
font-size: 1.3rem !important; |
|
||||
color: #656565; } |
|
||||
.work-diy .diy-editor .tpl-form-line-form .am-form-group { |
|
||||
margin: 1rem 0; } |
|
||||
.work-diy .diy-editor .tpl-form-line-form .am-form-label { |
|
||||
padding-top: 0; |
|
||||
line-height: 28px; |
|
||||
font-size: 1.3rem; } |
|
||||
.work-diy .diy-editor .tpl-form-line-form .am-radio-inline, .work-diy .diy-editor .tpl-form-line-form .am-checkbox-inline { |
|
||||
padding-top: 0; |
|
||||
font-size: 1.3rem; |
|
||||
line-height: 28px; |
|
||||
margin: 0 10px 0 0; } |
|
||||
.work-diy .diy-editor .tpl-form-line-form .am-radio-inline .am-ucheck-icons, .work-diy .diy-editor .tpl-form-line-form .am-checkbox-inline .am-ucheck-icons { |
|
||||
line-height: 28px; } |
|
||||
.work-diy .diy-editor .tpl-form-line-form input[type=text] { |
|
||||
line-height: 28px; |
|
||||
font-size: 1.3rem; |
|
||||
padding: 0 5px; |
|
||||
color: #656565; } |
|
||||
.work-diy .diy-editor .tpl-form-line-form input[type=color] { |
|
||||
display: inline-block; |
|
||||
-webkit-appearance: square-button; |
|
||||
width: 65px; |
|
||||
height: 26px; |
|
||||
background-color: #ffffff; |
|
||||
border: 1px solid #efefef; |
|
||||
padding: 0 4px; |
|
||||
margin: 1px 0; |
|
||||
cursor: pointer; } |
|
||||
.work-diy .diy-editor .data-image { |
|
||||
display: inline-block; |
|
||||
width: auto; |
|
||||
min-width: 40px; |
|
||||
max-width: 220px; |
|
||||
text-align: center; |
|
||||
cursor: pointer; } |
|
||||
.work-diy .diy-editor .data-image img { |
|
||||
display: block; |
|
||||
max-width: 100%; |
|
||||
height: 50px; } |
|
||||
.work-diy .diy-editor .editor-title { |
|
||||
position: relative; |
|
||||
padding: 0 22px; |
|
||||
height: 34px; |
|
||||
border-bottom: 1px solid #eef1f5; |
|
||||
margin-bottom: 20px; } |
|
||||
.work-diy .diy-editor .editor-title::before { |
|
||||
content: ''; |
|
||||
position: absolute; |
|
||||
width: 4px; |
|
||||
height: 13px; |
|
||||
background: #00aeff; |
|
||||
top: 8px; |
|
||||
left: 9px; } |
|
||||
.work-diy .diy-editor .editor-title span { |
|
||||
font-size: 1.3rem; } |
|
||||
.work-diy .diy-editor .form-items { |
|
||||
height: auto; |
|
||||
padding: 5px 6px; } |
|
||||
.work-diy .diy-editor .form-items .form-item { |
|
||||
background: #f7fafc; |
|
||||
margin-bottom: .6rem; |
|
||||
position: relative; |
|
||||
border-radius: 3px; |
|
||||
cursor: move; } |
|
||||
.work-diy .diy-editor .form-items .form-item input { |
|
||||
background: #f7fafc; } |
|
||||
.work-diy .diy-editor .form-items .form-item .item-delete { |
|
||||
position: absolute; |
|
||||
top: -6px; |
|
||||
right: -6px; |
|
||||
height: 16px; |
|
||||
width: 16px; |
|
||||
line-height: 16px; |
|
||||
background: rgba(153, 153, 153, 0.7); |
|
||||
color: #fff; |
|
||||
border-radius: 50%; |
|
||||
text-align: center; |
|
||||
cursor: pointer; |
|
||||
font-size: 12px; |
|
||||
-webkit-transition: background-color .3s ease-out, border-color .3s ease-out; |
|
||||
transition: background-color .3s ease-out, border-color .3s ease-out; } |
|
||||
.work-diy .diy-editor .form-items .form-item .item-delete:hover { |
|
||||
background: #000; } |
|
||||
.work-diy .diy-editor .form-items .form-item .item-inner { |
|
||||
padding: 10px; |
|
||||
background: #f7fafc; } |
|
||||
.work-diy .diy-editor .form-items .form-item .item-inner .help-block { |
|
||||
margin-top: 10px; } |
|
||||
.work-diy .diy-editor .form-items.__goods .form-item { |
|
||||
float: left; |
|
||||
margin: 10px; |
|
||||
height: 70px; |
|
||||
width: 70px; } |
|
||||
.work-diy .diy-editor .form-items.__goods .data-image { |
|
||||
cursor: unset; } |
|
||||
.work-diy .diy-editor .form-item-add { |
|
||||
width: 100%; |
|
||||
background: #fdfdfd; |
|
||||
color: #6b6b6b; |
|
||||
border: 1px solid #efefef; |
|
||||
outline: none; |
|
||||
padding: 10px 16px; |
|
||||
border-radius: 2px; |
|
||||
font-size: 12px; |
|
||||
line-height: 1; |
|
||||
text-align: center; |
|
||||
vertical-align: middle; |
|
||||
cursor: pointer; |
|
||||
user-select: none; |
|
||||
-webkit-transition: All 0.2s ease-in-out; |
|
||||
-moz-transition: All 0.2s ease-in-out; |
|
||||
-o-transition: All 0.2s ease-in-out; |
|
||||
transition: All 0.2s ease-in-out; } |
|
||||
.work-diy .diy-editor .form-item-add:hover { |
|
||||
background: #f9f9f9; } |
|
||||
|
|
||||
/*# sourceMappingURL=diy.css.map */ |
|
||||
File diff suppressed because one or more lines are too long
@ -1,208 +0,0 @@ |
|||||
/*! |
|
||||
* FullCalendar v0.0.0 Print Stylesheet |
|
||||
* Docs & License: http://fullcalendar.io/ |
|
||||
* (c) 2016 Adam Shaw |
|
||||
*/ |
|
||||
|
|
||||
/* |
|
||||
* Include this stylesheet on your page to get a more printer-friendly calendar. |
|
||||
* When including this stylesheet, use the media='print' attribute of the <link> tag. |
|
||||
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css. |
|
||||
*/ |
|
||||
|
|
||||
.fc { |
|
||||
max-width: 100% !important; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* Global Event Restyling |
|
||||
--------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
.fc-event { |
|
||||
background: #fff !important; |
|
||||
color: #000 !important; |
|
||||
page-break-inside: avoid; |
|
||||
} |
|
||||
|
|
||||
.fc-event .fc-resizer { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* Table & Day-Row Restyling |
|
||||
--------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
.fc th, |
|
||||
.fc td, |
|
||||
.fc hr, |
|
||||
.fc thead, |
|
||||
.fc tbody, |
|
||||
.fc-row { |
|
||||
border-color: #ccc !important; |
|
||||
background: #fff !important; |
|
||||
} |
|
||||
|
|
||||
/* kill the overlaid, absolutely-positioned components */ |
|
||||
/* common... */ |
|
||||
.fc-bg, |
|
||||
.fc-bgevent-skeleton, |
|
||||
.fc-highlight-skeleton, |
|
||||
.fc-helper-skeleton, |
|
||||
/* for timegrid. within cells within table skeletons... */ |
|
||||
.fc-bgevent-container, |
|
||||
.fc-business-container, |
|
||||
.fc-highlight-container, |
|
||||
.fc-helper-container { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
/* don't force a min-height on rows (for DayGrid) */ |
|
||||
.fc tbody .fc-row { |
|
||||
height: auto !important; /* undo height that JS set in distributeHeight */ |
|
||||
min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */ |
|
||||
} |
|
||||
|
|
||||
.fc tbody .fc-row .fc-content-skeleton { |
|
||||
position: static; /* undo .fc-rigid */ |
|
||||
padding-bottom: 0 !important; /* use a more border-friendly method for this... */ |
|
||||
} |
|
||||
|
|
||||
.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */ |
|
||||
padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */ |
|
||||
} |
|
||||
|
|
||||
.fc tbody .fc-row .fc-content-skeleton table { |
|
||||
/* provides a min-height for the row, but only effective for IE, which exaggerates this value, |
|
||||
making it look more like 3em. for other browers, it will already be this tall */ |
|
||||
height: 1em; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* Undo month-view event limiting. Display all events and hide the "more" links |
|
||||
--------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
.fc-more-cell, |
|
||||
.fc-more { |
|
||||
display: none !important; |
|
||||
} |
|
||||
|
|
||||
.fc tr.fc-limited { |
|
||||
display: table-row !important; |
|
||||
} |
|
||||
|
|
||||
.fc td.fc-limited { |
|
||||
display: table-cell !important; |
|
||||
} |
|
||||
|
|
||||
.fc-popover { |
|
||||
display: none; /* never display the "more.." popover in print mode */ |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* TimeGrid Restyling |
|
||||
--------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* undo the min-height 100% trick used to fill the container's height */ |
|
||||
.fc-time-grid { |
|
||||
min-height: 0 !important; |
|
||||
} |
|
||||
|
|
||||
/* don't display the side axis at all ("all-day" and time cells) */ |
|
||||
.fc-agenda-view .fc-axis { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
/* don't display the horizontal lines */ |
|
||||
.fc-slats, |
|
||||
.fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */ |
|
||||
display: none !important; /* important overrides inline declaration */ |
|
||||
} |
|
||||
|
|
||||
/* let the container that holds the events be naturally positioned and create real height */ |
|
||||
.fc-time-grid .fc-content-skeleton { |
|
||||
position: static; |
|
||||
} |
|
||||
|
|
||||
/* in case there are no events, we still want some height */ |
|
||||
.fc-time-grid .fc-content-skeleton table { |
|
||||
height: 4em; |
|
||||
} |
|
||||
|
|
||||
/* kill the horizontal spacing made by the event container. event margins will be done below */ |
|
||||
.fc-time-grid .fc-event-container { |
|
||||
margin: 0 !important; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* TimeGrid *Event* Restyling |
|
||||
--------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* naturally position events, vertically stacking them */ |
|
||||
.fc-time-grid .fc-event { |
|
||||
position: static !important; |
|
||||
margin: 3px 2px !important; |
|
||||
} |
|
||||
|
|
||||
/* for events that continue to a future day, give the bottom border back */ |
|
||||
.fc-time-grid .fc-event.fc-not-end { |
|
||||
border-bottom-width: 1px !important; |
|
||||
} |
|
||||
|
|
||||
/* indicate the event continues via "..." text */ |
|
||||
.fc-time-grid .fc-event.fc-not-end:after { |
|
||||
content: "..."; |
|
||||
} |
|
||||
|
|
||||
/* for events that are continuations from previous days, give the top border back */ |
|
||||
.fc-time-grid .fc-event.fc-not-start { |
|
||||
border-top-width: 1px !important; |
|
||||
} |
|
||||
|
|
||||
/* indicate the event is a continuation via "..." text */ |
|
||||
.fc-time-grid .fc-event.fc-not-start:before { |
|
||||
content: "..."; |
|
||||
} |
|
||||
|
|
||||
/* time */ |
|
||||
|
|
||||
/* undo a previous declaration and let the time text span to a second line */ |
|
||||
.fc-time-grid .fc-event .fc-time { |
|
||||
white-space: normal !important; |
|
||||
} |
|
||||
|
|
||||
/* hide the the time that is normally displayed... */ |
|
||||
.fc-time-grid .fc-event .fc-time span { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */ |
|
||||
.fc-time-grid .fc-event .fc-time:after { |
|
||||
content: attr(data-full); |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* Vertical Scroller & Containers |
|
||||
--------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
/* kill the scrollbars and allow natural height */ |
|
||||
.fc-scroller, |
|
||||
.fc-day-grid-container, /* these divs might be assigned height, which we need to cleared */ |
|
||||
.fc-time-grid-container { /* */ |
|
||||
overflow: visible !important; |
|
||||
height: auto !important; |
|
||||
} |
|
||||
|
|
||||
/* kill the horizontal border/padding used to compensate for scrollbars */ |
|
||||
.fc-row { |
|
||||
border: 0 !important; |
|
||||
margin: 0 !important; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
/* Button Controls |
|
||||
--------------------------------------------------------------------------------------------------*/ |
|
||||
|
|
||||
.fc-button-group, |
|
||||
.fc button { |
|
||||
display: none; /* don't display any button-related controls */ |
|
||||
} |
|
||||
@ -1,152 +0,0 @@ |
|||||
@charset "UTF-8"; |
|
||||
.uploader-list .file-item img { |
|
||||
width: 110px; } |
|
||||
|
|
||||
/* 多规格 */ |
|
||||
.goods-spec-many { |
|
||||
display: none; } |
|
||||
.goods-spec-many .goods-spec-box { |
|
||||
margin-top: 15px; |
|
||||
border: 1px solid #e4e4e4; |
|
||||
padding: 20px; |
|
||||
border-radius: 4px; } |
|
||||
.goods-spec-many input { |
|
||||
font-size: 1.3rem !important; |
|
||||
padding-left: 10px !important; |
|
||||
border: 1px solid #e3e2e5 !important; } |
|
||||
.goods-spec-many input.am-field-error { |
|
||||
border-color: #dd514c !important; } |
|
||||
.goods-spec-many .spec-group-item { |
|
||||
margin-bottom: 25px; } |
|
||||
.goods-spec-many .spec-group-item .spec-group-name { |
|
||||
margin-bottom: 15px; } |
|
||||
.goods-spec-many .spec-group-item .spec-group-name span { |
|
||||
font-size: 1.5rem; } |
|
||||
.goods-spec-many .spec-group-item .spec-group-name .icon-shanchu1 { |
|
||||
display: inline-block; } |
|
||||
.goods-spec-many .spec-group-item .spec-list .spec-item { |
|
||||
position: relative; |
|
||||
margin-right: 12px; |
|
||||
margin-bottom: 12px; } |
|
||||
.goods-spec-many .spec-group-item .spec-list .spec-item span { |
|
||||
min-width: 50px; |
|
||||
display: inline-block; |
|
||||
border: 1px solid #ddd; |
|
||||
text-align: center; |
|
||||
padding: 0 15px; |
|
||||
border-radius: 2px; |
|
||||
font-size: 1.3rem; |
|
||||
line-height: 30px; } |
|
||||
.goods-spec-many .spec-group-item .spec-list .spec-item:hover .icon-shanchu1 { |
|
||||
visibility: visible; } |
|
||||
.goods-spec-many .spec-group-item .spec-list .spec-item .icon-shanchu1 { |
|
||||
position: absolute; |
|
||||
width: 20px; |
|
||||
top: -9px; |
|
||||
right: -9px; |
|
||||
visibility: hidden; } |
|
||||
.goods-spec-many .spec-group-item .spec-item-add input { |
|
||||
width: 110px; |
|
||||
border-top-left-radius: 4px; |
|
||||
border-bottom-left-radius: 4px; } |
|
||||
.goods-spec-many .spec-group-item .spec-item-add button { |
|
||||
display: table-cell; |
|
||||
height: 32px; |
|
||||
font-size: 1.3rem; |
|
||||
border-color: #e3e2e5; |
|
||||
border-left: none; |
|
||||
border-top-right-radius: 4px; |
|
||||
border-bottom-right-radius: 4px; |
|
||||
outline: none; } |
|
||||
.goods-spec-many .icon-shanchu1 { |
|
||||
cursor: pointer; |
|
||||
text-align: center; |
|
||||
color: #ababab; |
|
||||
font-size: 1.3rem; } |
|
||||
.goods-spec-many .icon-shanchu1:hover { |
|
||||
color: #6b6b6b; } |
|
||||
.goods-spec-many .spec-group-button button { |
|
||||
color: #2589ff; |
|
||||
background-color: #fff; |
|
||||
border-color: #2589ff; |
|
||||
font-size: 12px; |
|
||||
border-radius: 4px; |
|
||||
outline: 0; |
|
||||
font-weight: 400; |
|
||||
padding: .6em 1em; |
|
||||
outline: none !important; } |
|
||||
.goods-spec-many .spec-group-add .spec-group-add-item { |
|
||||
margin-bottom: 10px; } |
|
||||
.goods-spec-many .spec-group-add .spec-group-add-item input { |
|
||||
width: 160px; |
|
||||
border-radius: 4px; |
|
||||
display: inline-block; |
|
||||
margin-left: 12px; } |
|
||||
.goods-spec-many .goods-sku .goods-spec-line { |
|
||||
border: 1px dashed #e3e2e5; } |
|
||||
.goods-spec-many .goods-sku .spec-batch { |
|
||||
margin-bottom: 1.5rem; } |
|
||||
.goods-spec-many .goods-sku .spec-batch .am-form-label { |
|
||||
padding-top: 0; } |
|
||||
.goods-spec-many .goods-sku .spec-batch .am-form-group { |
|
||||
margin-left: .6rem; |
|
||||
margin-bottom: .8rem; } |
|
||||
.goods-spec-many .goods-sku .spec-batch .am-form-group input { |
|
||||
width: 140px; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.td-spec-value { |
|
||||
padding: .7rem 1.3rem !important; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image { |
|
||||
font-size: 0; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .upload-image { |
|
||||
display: inline-block; |
|
||||
width: 32px; |
|
||||
height: 32px; |
|
||||
border: 1px dashed #E3E2E5; |
|
||||
border-radius: 4px; |
|
||||
text-align: center; |
|
||||
cursor: pointer; |
|
||||
color: #B2AEBC; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .upload-image .iconfont { |
|
||||
line-height: 32px; |
|
||||
font-size: 1.2rem; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .upload-image:hover { |
|
||||
border: 1px dashed #2589ff; |
|
||||
color: #2589ff; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image { |
|
||||
position: relative; |
|
||||
display: inline-block; |
|
||||
width: 32px; |
|
||||
height: 32px; |
|
||||
cursor: pointer; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image img { |
|
||||
width: 100%; |
|
||||
height: 100%; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image .image-delete { |
|
||||
display: none; |
|
||||
position: absolute; |
|
||||
top: -8px; |
|
||||
right: -8px; |
|
||||
cursor: pointer; |
|
||||
height: 15px; |
|
||||
width: 15px; |
|
||||
line-height: 15px; |
|
||||
background: rgba(153, 153, 153, 0.7); |
|
||||
border-radius: 50%; |
|
||||
text-align: center; |
|
||||
color: #fff !important; |
|
||||
font-size: 1rem; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image .image-delete:hover { |
|
||||
background: #000; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel td.spec-image .data-image:hover .image-delete { |
|
||||
display: block; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel input { |
|
||||
display: inline-block !important; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel input.ipt-goods-no { |
|
||||
width: 140px; } |
|
||||
.goods-spec-many .goods-sku .spec-sku-tabel input.ipt-w80 { |
|
||||
width: 80px; } |
|
||||
.goods-spec-many .spec-group-button button:hover, .goods-spec-many .spec-group-button button:focus { |
|
||||
color: #fbfbfb; |
|
||||
background-color: #19a7f0; } |
|
||||
|
|
||||
/*# sourceMappingURL=goods.css.map */ |
|
||||
@ -1,232 +0,0 @@ |
|||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
border: 0; |
|
||||
outline: 0; |
|
||||
font-size: 100%; |
|
||||
vertical-align: baseline; |
|
||||
background: transparent; |
|
||||
outline-style: none |
|
||||
} |
|
||||
|
|
||||
@keyframes fade-in { |
|
||||
0% { |
|
||||
opacity: 0; |
|
||||
} |
|
||||
|
|
||||
/*初始状态 透明度为0*/ |
|
||||
40% { |
|
||||
opacity: 0; |
|
||||
} |
|
||||
|
|
||||
/*过渡状态 透明度为0*/ |
|
||||
100% { |
|
||||
opacity: 1; |
|
||||
} |
|
||||
|
|
||||
/*结束状态 透明度为1*/ |
|
||||
} |
|
||||
|
|
||||
@-webkit-keyframes fade-in { |
|
||||
|
|
||||
/*针对webkit内核*/ |
|
||||
0% { |
|
||||
opacity: 0; |
|
||||
} |
|
||||
40% { |
|
||||
opacity: 0; |
|
||||
} |
|
||||
100% { |
|
||||
opacity: 1; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
#wrapper { |
|
||||
animation: fade-in; /*动画名称*/ |
|
||||
animation-duration: .6s; /*动画持续时间*/ |
|
||||
-webkit-animation: fade-in .6s; /*针对webkit内核*/ |
|
||||
} |
|
||||
|
|
||||
body { |
|
||||
line-height: 1; |
|
||||
font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; |
|
||||
} |
|
||||
|
|
||||
a { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
border: 0; |
|
||||
font-size: 100%; |
|
||||
vertical-align: baseline; |
|
||||
background: transparent |
|
||||
} |
|
||||
|
|
||||
a:hover, a:focus { |
|
||||
text-decoration: none; |
|
||||
bblr: expression(this.onFocus=this.blur()); |
|
||||
outline-style: none |
|
||||
} |
|
||||
|
|
||||
table { |
|
||||
border-collapse: collapse; |
|
||||
border-spacing: 0 |
|
||||
} |
|
||||
|
|
||||
input, select { |
|
||||
vertical-align: middle |
|
||||
} |
|
||||
|
|
||||
* { |
|
||||
-webkit-box-sizing: border-box; |
|
||||
-moz-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
|
|
||||
.clearfix::before, .clearfix::after { |
|
||||
content: ""; |
|
||||
height: 0; |
|
||||
line-height: 0; |
|
||||
display: block; |
|
||||
visibility: hidden; |
|
||||
clear: both |
|
||||
} |
|
||||
|
|
||||
.clearfix:after { |
|
||||
clear: both |
|
||||
} |
|
||||
|
|
||||
.clearfix { |
|
||||
*zoom: 1 |
|
||||
} |
|
||||
|
|
||||
/* login */ |
|
||||
html, body { |
|
||||
height: 100%; |
|
||||
} |
|
||||
|
|
||||
.page-login-v3:before { |
|
||||
position: fixed; |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
z-index: -1; |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
content: ''; |
|
||||
background: #62a8ea; |
|
||||
background: url(../../img/login_bg.jpg) center center/cover no-repeat !important; |
|
||||
} |
|
||||
|
|
||||
.container { |
|
||||
text-align: center; |
|
||||
height: 100%; |
|
||||
} |
|
||||
|
|
||||
.container:before { |
|
||||
display: inline-block; |
|
||||
height: 100%; |
|
||||
vertical-align: middle; |
|
||||
content: ""; |
|
||||
} |
|
||||
|
|
||||
.login-body { |
|
||||
display: inline-block; |
|
||||
vertical-align: middle; |
|
||||
width: 400px; |
|
||||
margin: 75px 0; |
|
||||
background: #fff; |
|
||||
border-radius: 4px; |
|
||||
padding: 50px 40px 40px; |
|
||||
-webkit-box-sizing: border-box; |
|
||||
-moz-box-sizing: border-box; |
|
||||
box-sizing: border-box; |
|
||||
} |
|
||||
|
|
||||
.login-content { |
|
||||
} |
|
||||
|
|
||||
.login-content .brand .brand-img { |
|
||||
width: 50px; |
|
||||
} |
|
||||
|
|
||||
.login-content .brand .brand-text { |
|
||||
margin-top: 20px; |
|
||||
margin-bottom: 11px; |
|
||||
font-size: 20px !important; |
|
||||
font-family: "Microsoft YaHei"; |
|
||||
text-shadow: rgba(0, 0, 0, .15) 0 0 1px; |
|
||||
font-weight: 400; |
|
||||
color: #37474f; |
|
||||
} |
|
||||
|
|
||||
.login-form { |
|
||||
margin: 45px 0 30px; |
|
||||
} |
|
||||
|
|
||||
.login-form .form-group { |
|
||||
margin: 30px 0; |
|
||||
} |
|
||||
|
|
||||
.login-form input { |
|
||||
display: block; |
|
||||
border: 0; |
|
||||
border-radius: 0; |
|
||||
-webkit-box-shadow: none; |
|
||||
box-shadow: none; |
|
||||
width: 100%; |
|
||||
border-bottom: 1px solid #E4EAEC; |
|
||||
font-size: 14px; |
|
||||
height: 42px; |
|
||||
line-height: 1.5; |
|
||||
outline: none; |
|
||||
padding: 0 5px; |
|
||||
color: #a3afb7; |
|
||||
font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; |
|
||||
transition: all 0.3s ease-in-out; |
|
||||
-moz-transition: all 0.3s ease-in-out; |
|
||||
-webkit-transition: all 0.3s ease-in-out; |
|
||||
-o-transition: all 0.3s ease-in-out; |
|
||||
} |
|
||||
|
|
||||
.login-form input:focus { |
|
||||
border-bottom: 1px solid #ff5060; |
|
||||
} |
|
||||
|
|
||||
.login-form button { |
|
||||
width: 100%; |
|
||||
margin-top: 20px; |
|
||||
padding: 10px 18px; |
|
||||
font-size: 18px; |
|
||||
line-height: 1.3333333; |
|
||||
border-radius: 4px; |
|
||||
white-space: normal; |
|
||||
-webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; |
|
||||
-o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; |
|
||||
transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear; |
|
||||
-webkit-font-smoothing: subpixel-antialiased; |
|
||||
color: #fff; |
|
||||
background-color: #ff5060; |
|
||||
/*border-color: #ff5060;*/ |
|
||||
border: 1px solid transparent; |
|
||||
cursor: pointer; |
|
||||
outline: none; |
|
||||
} |
|
||||
|
|
||||
.login-form button[disabled], .login-form button[disabled]:hover { |
|
||||
color: #fff; |
|
||||
background-color: #a2caee; |
|
||||
border-color: #a2caee; |
|
||||
cursor: not-allowed; |
|
||||
opacity: .65; |
|
||||
} |
|
||||
|
|
||||
.login-form button:hover { |
|
||||
background-color: #fd717e; |
|
||||
border-color: #fd717e; |
|
||||
} |
|
||||
|
|
||||
@media screen and (max-width: 404px) { |
|
||||
.login-body { |
|
||||
width: 310px; |
|
||||
padding: 50px 30px 40px; |
|
||||
} |
|
||||
} |
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 318 B |
|
Before Width: | Height: | Size: 502 KiB |
|
Before Width: | Height: | Size: 266 KiB |
|
Before Width: | Height: | Size: 205 KiB |
|
Before Width: | Height: | Size: 674 B |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 242 KiB |
|
Before Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 7.0 KiB |
|
Before Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 6.6 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 554 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 82 KiB |
File diff suppressed because one or more lines are too long
@ -1,740 +0,0 @@ |
|||||
/** |
|
||||
* jquery全局函数封装 |
|
||||
*/ |
|
||||
(function ($) { |
|
||||
/** |
|
||||
* Jquery类方法 |
|
||||
*/ |
|
||||
$.fn.extend({ |
|
||||
|
|
||||
superForm: function (option) { |
|
||||
// 默认选项
|
|
||||
var defaultOption = { |
|
||||
buildData: function () { |
|
||||
return {}; |
|
||||
}, |
|
||||
validation: function () { |
|
||||
return true; |
|
||||
} |
|
||||
}; |
|
||||
option = $.extend(true, {}, defaultOption, option); |
|
||||
|
|
||||
var $form = $(this) |
|
||||
, btn_submit = $('.j-submit'); |
|
||||
$form.validator({ |
|
||||
onValid: function (validity) { |
|
||||
$(validity.field).next('.am-alert').hide(); |
|
||||
}, |
|
||||
/** |
|
||||
* 显示错误信息 |
|
||||
* @param validity |
|
||||
*/ |
|
||||
onInValid: function (validity) { |
|
||||
var $field = $(validity.field) |
|
||||
, $group = $field.parent() |
|
||||
, $alert = $group.find('.am-alert'); |
|
||||
|
|
||||
if ($field.data('validationMessage') !== undefined) { |
|
||||
// 使用自定义的提示信息 或 插件内置的提示信息
|
|
||||
var msg = $field.data('validationMessage') || this.getValidationMessage(validity); |
|
||||
if (!$alert.length) { |
|
||||
$alert = $('<div class="am-alert am-alert-danger"></div>').hide().appendTo($group); |
|
||||
} |
|
||||
$alert.html(msg).show(); |
|
||||
} |
|
||||
}, |
|
||||
submit: function () { |
|
||||
if (this.isFormValid() === true) { |
|
||||
// 自定义验证
|
|
||||
if (!option.validation()) |
|
||||
return false; |
|
||||
// 禁用按钮, 防止二次提交
|
|
||||
btn_submit.attr('disabled', true); |
|
||||
// 表单提交
|
|
||||
$form.ajaxSubmit({ |
|
||||
type: "post", |
|
||||
dataType: "json", |
|
||||
data: option.buildData(), |
|
||||
success: function (result) { |
|
||||
result.code === 1 ? $.show_success(result.msg, result.url) |
|
||||
: $.show_error(result.msg); |
|
||||
btn_submit.attr('disabled', false); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
return false; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 删除元素 |
|
||||
*/ |
|
||||
delete: function (index, url, msg) { |
|
||||
$(this).click(function () { |
|
||||
var param = {}; |
|
||||
param[index] = $(this).attr('data-id'); |
|
||||
layer.confirm(msg ? msg : '确定要删除吗？', {title: '友情提示'} |
|
||||
, function (index) { |
|
||||
$.post(url, param, function (result) { |
|
||||
result.code === 1 ? $.show_success(result.msg, result.url) |
|
||||
: $.show_error(result.msg); |
|
||||
}); |
|
||||
layer.close(index); |
|
||||
} |
|
||||
); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 选择图片文件 |
|
||||
* @param option |
|
||||
*/ |
|
||||
selectImages: function (option) { |
|
||||
var $this = this |
|
||||
// 配置项
|
|
||||
, defaults = { |
|
||||
name: 'iFile' // input name
|
|
||||
, imagesList: '.uploader-list' // 图片列表容器
|
|
||||
, imagesItem: '.file-item' // 图片元素容器
|
|
||||
, imageDelete: '.file-item-delete' // 删除按钮元素
|
|
||||
, multiple: false // 是否多选
|
|
||||
, limit: null // 图片数量 (如果存在done回调函数则无效)
|
|
||||
, done: null // 选择完成后的回调函数
|
|
||||
} |
|
||||
, options = $.extend({}, defaults, option); |
|
||||
// 显示文件库 选择文件
|
|
||||
$this.fileLibrary({ |
|
||||
type: 'image' |
|
||||
, done: function (data, $touch) { |
|
||||
// 判断回调参数是否存在, 否则执行默认
|
|
||||
if (typeof options.done === 'function') { |
|
||||
return options.done(data, $touch); |
|
||||
} |
|
||||
// 新增图片列表
|
|
||||
var list = options.multiple ? data : [data[0]]; |
|
||||
var $html = $(template('tpl-file-item', {list: list, name: options.name})) |
|
||||
, $imagesList = $this.next(options.imagesList); |
|
||||
if ( |
|
||||
options.limit > 0 |
|
||||
&& $imagesList.find(options.imagesItem).length + list.length > options.limit |
|
||||
) { |
|
||||
layer.msg('图片数量不能大于' + options.limit + '张', {anim: 6}); |
|
||||
return false; |
|
||||
} |
|
||||
// 注册删除事件
|
|
||||
$html.find(options.imageDelete).click(function () { |
|
||||
$(this).parent().remove(); |
|
||||
}); |
|
||||
// 渲染html
|
|
||||
options.multiple ? $imagesList.append($html) : $imagesList.html($html); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 封装：ajaxSubmit |
|
||||
* @param option |
|
||||
*/ |
|
||||
myAjaxSubmit: function (option) { |
|
||||
var $this = this; |
|
||||
var options = $.extend({}, { |
|
||||
type: 'post' |
|
||||
, dataType: 'json' |
|
||||
, url: '' |
|
||||
, data: {} |
|
||||
, success: $.noop |
|
||||
}, option); |
|
||||
$this.ajaxSubmit({ |
|
||||
type: options.type, |
|
||||
dataType: options.dataType, |
|
||||
url: options.url, |
|
||||
data: options.data, |
|
||||
success: function (result) { |
|
||||
result.code === 1 ? $.show_success(result.msg, result.url) |
|
||||
: $.show_error(result.msg); |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
/** |
|
||||
* Jquery全局函数 |
|
||||
*/ |
|
||||
$.extend({ |
|
||||
|
|
||||
/** |
|
||||
* 对象转URL |
|
||||
*/ |
|
||||
urlEncode: function (data) { |
|
||||
var _result = []; |
|
||||
for (var key in data) { |
|
||||
var value = null; |
|
||||
if (data.hasOwnProperty(key)) value = data[key]; |
|
||||
if (value.constructor === Array) { |
|
||||
value.forEach(function (_value) { |
|
||||
_result.push(key + "=" + _value); |
|
||||
}); |
|
||||
} else { |
|
||||
_result.push(key + '=' + value); |
|
||||
} |
|
||||
} |
|
||||
return _result.join('&'); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 操作成功弹框提示 |
|
||||
* @param msg |
|
||||
* @param url |
|
||||
*/ |
|
||||
show_success: function (msg, url) { |
|
||||
layer.msg(msg, { |
|
||||
icon: 1 |
|
||||
, time: 1200 |
|
||||
// , anim: 1
|
|
||||
, shade: 0.5 |
|
||||
, end: function () { |
|
||||
(url !== undefined && url.length > 0) ? window.location = url : window.location.reload(); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 操作失败弹框提示 |
|
||||
* @param msg |
|
||||
* @param reload |
|
||||
*/ |
|
||||
show_error: function (msg, reload) { |
|
||||
var time = reload ? 1200 : 0; |
|
||||
layer.alert(msg, { |
|
||||
title: '提示' |
|
||||
, icon: 2 |
|
||||
, time: time |
|
||||
, anim: 6 |
|
||||
, end: function () { |
|
||||
reload && window.location.reload(); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 文件上传 (单文件) |
|
||||
* 支持同一页面多个上传元素 |
|
||||
* $.uploadImage({ |
|
||||
* pick: '.upload-file', // 上传按钮
|
|
||||
* list: '.uploader-list' // 缩略图容器
|
|
||||
* }); |
|
||||
*/ |
|
||||
uploadImage: function (option) { |
|
||||
// 文件大小
|
|
||||
var maxSize = option.maxSize !== undefined ? option.maxSize : 2 |
|
||||
// 初始化Web Uploader
|
|
||||
, uploader = WebUploader.create({ |
|
||||
// 选完文件后，是否自动上传。
|
|
||||
auto: true, |
|
||||
// 允许重复上传
|
|
||||
duplicate: true, |
|
||||
// 文件接收服务端。
|
|
||||
server: STORE_URL + '/upload/image', |
|
||||
// 选择文件的按钮。可选。
|
|
||||
// 内部根据当前运行是创建，可能是input元素，也可能是flash.
|
|
||||
pick: { |
|
||||
id: option.pick, |
|
||||
multiple: false |
|
||||
}, |
|
||||
// 文件上传域的name
|
|
||||
fileVal: 'iFile', |
|
||||
// 图片上传前不进行压缩
|
|
||||
compress: false, |
|
||||
// 文件总数量
|
|
||||
// fileNumLimit: 1,
|
|
||||
// 文件大小2m => 2097152
|
|
||||
fileSingleSizeLimit: maxSize * 1024 * 1024, |
|
||||
// 只允许选择图片文件。
|
|
||||
accept: { |
|
||||
title: 'Images', |
|
||||
extensions: 'gif,jpg,jpeg,bmp,png', |
|
||||
mimeTypes: 'image/*' |
|
||||
}, |
|
||||
// 缩略图配置
|
|
||||
thumb: { |
|
||||
quality: 100, |
|
||||
crop: false, |
|
||||
allowMagnify: false |
|
||||
}, |
|
||||
// 文件上传header扩展
|
|
||||
headers: { |
|
||||
'Accept': 'application/json, text/javascript, */*; q=0.01', |
|
||||
'X-Requested-With': 'XMLHttpRequest' |
|
||||
} |
|
||||
}); |
|
||||
// 验证大小
|
|
||||
uploader.on('error', function (type) { |
|
||||
// console.log(type);
|
|
||||
if (type === "F_DUPLICATE") { |
|
||||
// console.log("请不要重复选择文件！");
|
|
||||
} else if (type === "F_EXCEED_SIZE") { |
|
||||
alert("文件大小不可超过" + maxSize + "m 哦！换个小点的文件吧！"); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
// 当有文件添加进来的时候
|
|
||||
uploader.on('fileQueued', function (file) { |
|
||||
var $uploadFile = $('#rt_' + file.source.ruid).parent() |
|
||||
, $list = $uploadFile.next(option.list) |
|
||||
, $li = $( |
|
||||
'<div id="' + file.id + '" class="file-item thumbnail">' + |
|
||||
'<img>' + |
|
||||
'<input type="hidden" name="' + $uploadFile.data('name') + '" value="">' + |
|
||||
'<i class="iconfont icon-shanchu file-item-delete"></i>' + |
|
||||
'</div>' |
|
||||
), |
|
||||
$img = $li.find('img'), |
|
||||
$delete = $li.find('.file-item-delete'); |
|
||||
// 删除文件
|
|
||||
$delete.on('click', function () { |
|
||||
uploader.removeFile(file); |
|
||||
$delete.parent().remove(); |
|
||||
}); |
|
||||
// $list为容器jQuery实例
|
|
||||
$list.empty().append($li); |
|
||||
// 创建缩略图
|
|
||||
// 如果为非图片文件，可以不用调用此方法。
|
|
||||
// thumbnailWidth x thumbnailHeight 为 100 x 100
|
|
||||
uploader.makeThumb(file, function (error, src) { |
|
||||
if (error) { |
|
||||
$img.replaceWith('<span>不能预览</span>'); |
|
||||
return; |
|
||||
} |
|
||||
$img.attr('src', src); |
|
||||
}, 1, 1); |
|
||||
}); |
|
||||
// 文件上传成功，给item添加成功class, 用样式标记上传成功。
|
|
||||
uploader.on('uploadSuccess', function (file, response) { |
|
||||
if (response.code === 1) { |
|
||||
var $item = $('#' + file.id); |
|
||||
$item.addClass('upload-state-done') |
|
||||
.children('input[type=hidden]').val(response.data.path); |
|
||||
} else |
|
||||
uploader.uploadError(file); |
|
||||
}); |
|
||||
// 文件上传失败
|
|
||||
uploader.on('uploadError', function (file) { |
|
||||
uploader.uploadError(file); |
|
||||
}); |
|
||||
// 显示上传出错信息
|
|
||||
uploader.uploadError = function (file) { |
|
||||
var $li = $('#' + file.id), |
|
||||
$error = $li.find('div.error'); |
|
||||
// 避免重复创建
|
|
||||
if (!$error.length) { |
|
||||
$error = $('<div class="error"></div>').appendTo($li); |
|
||||
} |
|
||||
$error.text('上传失败'); |
|
||||
}; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 显示模态对话框 |
|
||||
* @param option |
|
||||
*/ |
|
||||
showModal: function (option) { |
|
||||
var options = $.extend({}, { |
|
||||
title: '' |
|
||||
, area: '340px' |
|
||||
, content: '' |
|
||||
, success: $.noop |
|
||||
, yes: $.noop |
|
||||
, uCheck: false |
|
||||
}, option); |
|
||||
|
|
||||
var $content; |
|
||||
layer.open({ |
|
||||
type: 1 |
|
||||
, title: options.title |
|
||||
, area: options.area |
|
||||
, offset: 'auto' |
|
||||
, anim: 1 |
|
||||
, closeBtn: 1 |
|
||||
, shade: 0.3 |
|
||||
, btn: ['确定', '取消'] |
|
||||
, content: options.content |
|
||||
, success: function (layero) { |
|
||||
$content = layero.find('.layui-layer-content'); |
|
||||
if (options.uCheck) { |
|
||||
$content.find("input[type='checkbox'],input[type='radio']").uCheck(); |
|
||||
} |
|
||||
options.success.call(true, $content); |
|
||||
} |
|
||||
, yes: function (index) { |
|
||||
if (options.yes.call(true, $content)) { |
|
||||
layer.close(index); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
} |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
})(jQuery); |
|
||||
|
|
||||
/** |
|
||||
* app.js |
|
||||
*/ |
|
||||
$(function () { |
|
||||
|
|
||||
/** |
|
||||
* 点击侧边开关 (一级) |
|
||||
*/ |
|
||||
$('.switch-button').on('click', function () { |
|
||||
var header = $('.tpl-header'), wrapper = $('.tpl-content-wrapper'), leftSidebar = $('.left-sidebar'); |
|
||||
if (leftSidebar.css('left') !== "0px") { |
|
||||
header.removeClass('active') && wrapper.removeClass('active') && leftSidebar.css('left', 0); |
|
||||
} else { |
|
||||
header.addClass('active') && wrapper.addClass('active') && leftSidebar.css('left', -280); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
/** |
|
||||
* 侧边栏开关 (二级) |
|
||||
*/ |
|
||||
$('.sidebar-nav-sub-title').click(function () { |
|
||||
$(this).toggleClass('active'); |
|
||||
}); |
|
||||
|
|
||||
// 刷新按钮
|
|
||||
$('.refresh-button').click(function () { |
|
||||
window.location.reload(); |
|
||||
}); |
|
||||
|
|
||||
// 删除图片 (数据库已有的)
|
|
||||
$('.file-item-delete').click(function () { |
|
||||
var $this = $(this) |
|
||||
, noClick = $this.data('noClick') |
|
||||
, name = $this.data('name'); |
|
||||
|
|
||||
if (noClick) { |
|
||||
return false; |
|
||||
} |
|
||||
layer.confirm('您确定要删除该' + (name ? name : '图片') + '吗？', { |
|
||||
title: '友情提示' |
|
||||
}, function (index) { |
|
||||
$this.parent().remove(); |
|
||||
layer.close(index); |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
//******* 地区选择插件 *******//
|
|
||||
(function () { |
|
||||
|
|
||||
/*** |
|
||||
* 地区选择插件 |
|
||||
* @param container |
|
||||
* @param datas |
|
||||
* @constructor |
|
||||
*/ |
|
||||
function RegionalChoice(container, datas) { |
|
||||
this.container = container; |
|
||||
this.datas = datas; |
|
||||
this.initInterface(); // 初始化地域界面
|
|
||||
} |
|
||||
|
|
||||
RegionalChoice.prototype = { |
|
||||
|
|
||||
/** |
|
||||
* 条件渲染 |
|
||||
* @param alreadyIds 已存在的区域ID: 用于新增 |
|
||||
* @param checkedIds 已选中的区域ID: 用于编辑 |
|
||||
* @param |
|
||||
*/ |
|
||||
render: function (alreadyIds, checkedIds) { |
|
||||
alreadyIds = alreadyIds || []; |
|
||||
alreadyIds.length > 0 && this.setAlready(alreadyIds); |
|
||||
checkedIds = checkedIds || []; |
|
||||
checkedIds.length > 0 && this.setChecked(checkedIds); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 初始化地域界面 |
|
||||
*/ |
|
||||
initInterface: function () { |
|
||||
var _this = this; |
|
||||
$(_this.container).append( |
|
||||
$('<div/>', { |
|
||||
class: 'place-div' |
|
||||
}).append( |
|
||||
$('<div/>', {}).append( |
|
||||
$('<div/>', { |
|
||||
class: 'checkbtn' |
|
||||
}) |
|
||||
.append( |
|
||||
$('<label/>', {}) |
|
||||
// 全选框
|
|
||||
.append( |
|
||||
$('<input/>', { |
|
||||
type: 'checkbox', |
|
||||
change: function () { |
|
||||
var checked = $(this).is(':checked'), |
|
||||
$allCheckbox = $('.place').find('input[type=checkbox]'); |
|
||||
$('.ratio').html(''); |
|
||||
$allCheckbox.prop('checked', checked); |
|
||||
} |
|
||||
}) |
|
||||
) |
|
||||
.append(' 全国') |
|
||||
) |
|
||||
.append( |
|
||||
$('<a/>', { |
|
||||
class: 'clearCheck', |
|
||||
text: '清空', |
|
||||
click: function () { |
|
||||
_this.destroy(); |
|
||||
} |
|
||||
}) |
|
||||
) |
|
||||
).append( |
|
||||
// 省份
|
|
||||
$('<div/>', { |
|
||||
class: 'place clearfloat' |
|
||||
}).append(function () { |
|
||||
return _this.getSmallPlace(); |
|
||||
}()) |
|
||||
) |
|
||||
) |
|
||||
); |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 遍历省份 |
|
||||
* @returns {jQuery} |
|
||||
* @constructor |
|
||||
*/ |
|
||||
getSmallPlace: function () { |
|
||||
var _this = this; |
|
||||
return $('<div/>', { |
|
||||
class: 'smallplace clearfloat' |
|
||||
}).append( |
|
||||
$.map(_this.datas, function (item) { |
|
||||
return $('<div/>', { |
|
||||
class: 'place-tooltips' |
|
||||
}) |
|
||||
.append( |
|
||||
$('<label/>', {}) |
|
||||
.append( |
|
||||
$('<input/>', { |
|
||||
id: item.id, |
|
||||
type: 'checkbox', |
|
||||
class: 'province', |
|
||||
change: function () { |
|
||||
var $this = $(this) |
|
||||
, small = $this.parent().next('.citys').find('input') |
|
||||
, $placeTooltips = $this.parents('.place-tooltips'); |
|
||||
if ($this.prop('checked')) { |
|
||||
small.prop('checked', true); |
|
||||
$placeTooltips.find('.ratio').html('(' + small.length + '/' + small.length + ')'); |
|
||||
} else { |
|
||||
small.prop('checked', false); |
|
||||
$placeTooltips.find('.ratio').html(''); |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
) |
|
||||
.append( |
|
||||
// 省份名称
|
|
||||
$('<span/>', { |
|
||||
class: 'province_name', |
|
||||
text: item.name |
|
||||
}) |
|
||||
) |
|
||||
.append(function () { |
|
||||
// 城市数量
|
|
||||
if (item.city) { |
|
||||
return $('<span/>', { |
|
||||
class: 'ratio' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
).append(function () { |
|
||||
// 城市列表
|
|
||||
if (item.city) { |
|
||||
return $('<div/>', { |
|
||||
class: 'citys' |
|
||||
}).append( |
|
||||
$('<i/>', { |
|
||||
class: 'jt' |
|
||||
}).append($('<i/>', {})) |
|
||||
).append( |
|
||||
_this.getSmallCitys(item.city) |
|
||||
) |
|
||||
} |
|
||||
}) |
|
||||
}) |
|
||||
) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 遍历城市 |
|
||||
* @param datas |
|
||||
* @returns {jQuery} |
|
||||
* @constructor |
|
||||
*/ |
|
||||
getSmallCitys: function (datas) { |
|
||||
return $('<div/>', { |
|
||||
class: 'row-div clearfloat' |
|
||||
}).append( |
|
||||
$.map(datas, function (item) { |
|
||||
return $('<p/>', {}).append( |
|
||||
$('<label/>', {}).append( |
|
||||
$('<input/>', { |
|
||||
id: item.id, |
|
||||
type: 'checkbox', |
|
||||
name: 'city[]', |
|
||||
class: 'city', |
|
||||
change: function () { |
|
||||
var $citys = $(this).parents('.citys') |
|
||||
, $placeTooltips = $(this).parents('.place-tooltips') |
|
||||
, tf = $citys.find('input:checked').length |
|
||||
, $province = $placeTooltips.find('.province') |
|
||||
, $ratio = $placeTooltips.find('.ratio'); |
|
||||
if (tf > 0) { |
|
||||
$province.prop('checked', true); |
|
||||
$ratio.html('(' + tf + '/' + $citys.find('input').length + ')'); |
|
||||
} else if (tf === 0) { |
|
||||
$province.prop('checked', false); |
|
||||
$ratio.html(''); |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
).append( |
|
||||
$('<span/>', { |
|
||||
text: item.name |
|
||||
}) |
|
||||
) |
|
||||
) |
|
||||
}) |
|
||||
) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 获取已选中的省市id |
|
||||
* @returns {array} |
|
||||
* @constructor |
|
||||
*/ |
|
||||
getCheckedIds: function () { |
|
||||
var checkedIds = []; |
|
||||
$('input[type=checkbox][name="city[]"]:checked').each(function (index, item) { |
|
||||
checkedIds.push(item.id); |
|
||||
}); |
|
||||
return checkedIds; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 获取已选中的省市id (树状) |
|
||||
* @returns {Array} |
|
||||
*/ |
|
||||
getCheckedTree: function () { |
|
||||
var _this = this; |
|
||||
// 遍历省份
|
|
||||
var data = []; |
|
||||
$('input.province:checked').each(function (index, province) { |
|
||||
var $this = $(this) |
|
||||
, $citys = $this.parent().next() |
|
||||
, $cityInputChecked = $citys.find('input.city:checked') |
|
||||
, cityData = [] |
|
||||
, cityTotal = Object.keys(_this.datas[province.id].city).length; |
|
||||
// 遍历城市
|
|
||||
if (cityTotal !== $cityInputChecked.length) { |
|
||||
$cityInputChecked.each(function (index, item) { |
|
||||
cityData.push({id: item.id, name: $(this).next().text()}); |
|
||||
}); |
|
||||
} |
|
||||
data.push({ |
|
||||
id: province.id, |
|
||||
name: $this.next().text(), |
|
||||
city: cityData |
|
||||
}); |
|
||||
}); |
|
||||
return data; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 获取已选中地区内容 |
|
||||
* @returns {{content: string, checkedIds: *|Array}} |
|
||||
*/ |
|
||||
getCheckedContent: function () { |
|
||||
// 获取已选中的省市id
|
|
||||
var dataTree = this.getCheckedTree() |
|
||||
, checkedIds = this.getCheckedIds() |
|
||||
, content = ''; |
|
||||
if (checkedIds.length === 373) { |
|
||||
content = '全国'; |
|
||||
} else { |
|
||||
var str = ''; |
|
||||
dataTree.forEach(function (item) { |
|
||||
str += item.name; |
|
||||
if (item.city.length > 0) { |
|
||||
var cityStr = ''; |
|
||||
item.city.forEach(function (city) { |
|
||||
cityStr += city.name + '、'; |
|
||||
}); |
|
||||
str += ' (<span class="am-link-muted">' |
|
||||
+ cityStr.substring(0, cityStr.length - 1) + '</span>)'; |
|
||||
} |
|
||||
str += '、'; |
|
||||
}); |
|
||||
content = str.substring(0, str.length - 1); |
|
||||
} |
|
||||
return { |
|
||||
content: content, |
|
||||
ids: checkedIds |
|
||||
}; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 批量选中 |
|
||||
* @param checkedIds 已选中的区域ID: 用于编辑 |
|
||||
* @constructor |
|
||||
*/ |
|
||||
setChecked: function (checkedIds) { |
|
||||
var $place = $('.place-div'); |
|
||||
$.each(checkedIds, function (i, id) { |
|
||||
$place.find('#' + id).trigger('click'); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 批量删除已存在的区域 |
|
||||
* @param alreadyIds 已存在的区域ID: 用于新增 |
|
||||
* @constructor |
|
||||
*/ |
|
||||
setAlready: function (alreadyIds) { |
|
||||
var $place = $('.place-div'); |
|
||||
$.each(alreadyIds, function (i, id) { |
|
||||
var $p = $place.find('#' + id).parent().parent() |
|
||||
, $siblings = $p.siblings(); |
|
||||
$siblings.length > 0 ? $p.remove() : $p.closest('.place-tooltips').remove(); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 清空 |
|
||||
*/ |
|
||||
destroy: function () { |
|
||||
var $place = $('.place-div'); |
|
||||
$place.find('input[type=checkbox]').prop('checked', false); |
|
||||
$place.find('.ratio').html(''); |
|
||||
} |
|
||||
|
|
||||
}; |
|
||||
|
|
||||
window.RegionalChoice = RegionalChoice; |
|
||||
|
|
||||
})(window); |
|
||||
|
|
||||
|
|
||||
|
|
||||
File diff suppressed because one or more lines are too long
@ -1,263 +0,0 @@ |
|||||
/** |
|
||||
* DDSort: drag and drop sorting. |
|
||||
* Documentation: https://github.com/Barrior/DDSort
|
|
||||
*/ |
|
||||
+function ($) { |
|
||||
var defaultOptions = { |
|
||||
down: $.noop, |
|
||||
move: $.noop, |
|
||||
up: $.noop, |
|
||||
target: 'li', |
|
||||
delay: 100, |
|
||||
cloneStyle: { |
|
||||
'background-color': '#eee' |
|
||||
}, |
|
||||
floatStyle: { |
|
||||
// 用固定定位可以防止定位父级不是Body的情况的兼容处理，表示不兼容IE6，无妨
|
|
||||
'position': 'fixed', |
|
||||
// 'border': '1px solid #ccc',
|
|
||||
'background-color': '#fff' |
|
||||
// 'box-shadow': '10px 10px 20px 0 #eee',
|
|
||||
// 'webkitTransform': 'rotate(4deg)',
|
|
||||
// 'mozTransform': 'rotate(4deg)',
|
|
||||
// 'msTransform': 'rotate(4deg)',
|
|
||||
// 'transform': 'rotate(4deg)'
|
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
$.fn.DDSort = function (options) { |
|
||||
var $doc = $(document); |
|
||||
var settings = $.extend(true, {}, defaultOptions, options); |
|
||||
|
|
||||
return this.each(function () { |
|
||||
|
|
||||
var that = $(this); |
|
||||
var height = 'height'; |
|
||||
var width = 'width'; |
|
||||
|
|
||||
if (that.css('box-sizing') == 'border-box') { |
|
||||
height = 'outerHeight'; |
|
||||
width = 'outerWidth'; |
|
||||
} |
|
||||
|
|
||||
that.on('mousedown.DDSort touchstart.DDSort', settings.target, function (e) { |
|
||||
|
|
||||
var startTime = new Date().getTime(); |
|
||||
|
|
||||
// 桌面端只允许鼠标左键拖动
|
|
||||
if (e.type == 'mousedown' && e.which != 1) return; |
|
||||
|
|
||||
// 防止表单元素，a 链接，可编辑元素失效
|
|
||||
var tagName = e.target.tagName.toLowerCase(); |
|
||||
if (tagName == 'input' || tagName == 'textarea' || tagName == 'select' || |
|
||||
tagName == 'a' || $(e.target).prop('contenteditable') == 'true') { |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
var self = this; |
|
||||
var $this = $(self); |
|
||||
// 鼠标按下时的元素偏移
|
|
||||
var offset = $this.offset(); |
|
||||
|
|
||||
// 鼠标按下时的光标坐标
|
|
||||
// 桌面端
|
|
||||
var pageX = e.pageX; |
|
||||
var pageY = e.pageY; |
|
||||
|
|
||||
// 移动端
|
|
||||
var targetTouches = e.originalEvent.targetTouches; |
|
||||
if (e.type == 'touchstart' && targetTouches) { |
|
||||
pageX = targetTouches[0].pageX; |
|
||||
pageY = targetTouches[0].pageY; |
|
||||
} |
|
||||
|
|
||||
var clone = $this.clone() |
|
||||
.css(settings.cloneStyle) |
|
||||
.css('height', $this[height]()) |
|
||||
.empty(); |
|
||||
|
|
||||
var hasClone = 1; |
|
||||
|
|
||||
// 缓存计算
|
|
||||
var thisOuterHeight = $this.outerHeight(), |
|
||||
thisOuterWidth = $this.outerWidth(), |
|
||||
thatOuterHeight = that.outerHeight(), |
|
||||
thatOuterWidth = that.outerWidth(); |
|
||||
|
|
||||
// 滚动速度
|
|
||||
var upSpeed = thisOuterHeight, |
|
||||
downSpeed = thisOuterHeight, |
|
||||
leftSpeed = thisOuterWidth, |
|
||||
rightSpeed = thisOuterWidth, |
|
||||
maxSpeed = thisOuterHeight * 3; |
|
||||
|
|
||||
settings.down.call(self); |
|
||||
|
|
||||
$doc.on('mousemove.DDSort touchmove.DDSort', function (e) { |
|
||||
|
|
||||
// 鼠标移动时的光标坐标
|
|
||||
// 桌面端
|
|
||||
var _pageX = e.pageX; |
|
||||
var _pageY = e.pageY; |
|
||||
|
|
||||
// 移动端
|
|
||||
var targetTouches = e.originalEvent.targetTouches; |
|
||||
if (e.type == 'touchmove' && targetTouches) { |
|
||||
_pageX = targetTouches[0].pageX; |
|
||||
_pageY = targetTouches[0].pageY; |
|
||||
} |
|
||||
|
|
||||
if (new Date().getTime() - startTime < settings.delay) { |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
if (hasClone) { |
|
||||
$this.before(clone) |
|
||||
.css('width', $this[width]()) |
|
||||
.css(settings.floatStyle) |
|
||||
.appendTo($this.parent()); |
|
||||
|
|
||||
hasClone = 0; |
|
||||
} |
|
||||
|
|
||||
var disX = pageX - _pageX; |
|
||||
var disY = pageY - _pageY; |
|
||||
var left = offset.left - disX; |
|
||||
var top = offset.top - disY; |
|
||||
|
|
||||
$this.offset({ |
|
||||
left: left, |
|
||||
top: top |
|
||||
}); |
|
||||
|
|
||||
var $left = getLeft(clone), |
|
||||
$right = getRight(clone, $this), |
|
||||
$top = getTop(clone), |
|
||||
$under = getUnder(clone, $this); |
|
||||
|
|
||||
|
|
||||
if ($top && $top.length && top < $top.offset().top + $top.outerHeight(true) / 2) { |
|
||||
// 向上排序
|
|
||||
$top.before(clone); |
|
||||
|
|
||||
} else if ($under && $under.length && top + thisOuterHeight > $under.offset().top + $under.outerHeight(true) / 2) { |
|
||||
// 向下排序
|
|
||||
$under.after(clone); |
|
||||
|
|
||||
} else if($left && $left.length && left < $left.offset().left + $left.outerWidth(true) / 2) { |
|
||||
//向左排序
|
|
||||
$left.before(clone); |
|
||||
|
|
||||
} else if($right && $right.length && left + thisOuterWidth > $right.offset().left + $right.outerWidth(true) / 2) { |
|
||||
//向右排序
|
|
||||
$right.after(clone); |
|
||||
|
|
||||
} |
|
||||
|
|
||||
// 处理滚动条，that 是带着滚动条的元素，这里默认以为 that 元素是这样的元素（正常情况就是这样），
|
|
||||
// 如果使用者事件委托的元素不是这样的元素，那么需要提供接口出来
|
|
||||
var thatScrollTop = that.scrollTop(); |
|
||||
var thatOffsetTop = that.offset().top; |
|
||||
if (top < thatOffsetTop) { |
|
||||
// 向上滚动
|
|
||||
downSpeed = thisOuterHeight; |
|
||||
upSpeed = ++upSpeed > maxSpeed ? maxSpeed : upSpeed; |
|
||||
var scrollVal = thatScrollTop - upSpeed; |
|
||||
that.scrollTop(scrollVal); |
|
||||
} else if (top + thisOuterHeight - thatOffsetTop > thatOuterHeight) { |
|
||||
// 向下滚动
|
|
||||
upSpeed = thisOuterHeight; |
|
||||
downSpeed = ++downSpeed > maxSpeed ? maxSpeed : downSpeed; |
|
||||
var scrollVal = thatScrollTop + downSpeed; |
|
||||
that.scrollTop(scrollVal); |
|
||||
} |
|
||||
|
|
||||
var thatScrollLeft = that.scrollLeft(); |
|
||||
var thatOffsetLeft = that.offset().left; |
|
||||
if (left < that.offset().left) { |
|
||||
// 向左滚动
|
|
||||
rightSpeed = thisOuterWidth; |
|
||||
leftSpeed = ++leftSpeed > maxSpeed ? maxSpeed : leftSpeed; |
|
||||
var scrollVal = thatScrollLeft - leftSpeed; |
|
||||
that.scrollLeft(scrollVal); |
|
||||
} else if (left + thisOuterWidth - thatOffsetLeft > thatOuterWidth) { |
|
||||
// 向右滚动
|
|
||||
leftSpeed = thisOuterWidth; |
|
||||
rightSpeed = ++rightSpeed > maxSpeed ? maxSpeed : rightSpeed; |
|
||||
var scrollVal = thatScrollLeft + rightSpeed; |
|
||||
that.scrollLeft(scrollVal); |
|
||||
} |
|
||||
|
|
||||
settings.move.call(self, left, top); |
|
||||
}) |
|
||||
.on('mouseup.DDSort touchend.DDSort', function () { |
|
||||
|
|
||||
$doc.off('mousemove.DDSort mouseup.DDSort touchmove.DDSort touchend.DDSort'); |
|
||||
|
|
||||
// click 的时候也会触发 mouseup 事件，加上判断阻止这种情况
|
|
||||
if (!hasClone) { |
|
||||
clone.before($this.removeAttr('style')).remove(); |
|
||||
settings.up.call(self); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
return false; |
|
||||
}); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
|
|
||||
//允许计算误差
|
|
||||
var deviation = 5; |
|
||||
|
|
||||
var getLeft = function (clone) { |
|
||||
var left = clone.prev(); |
|
||||
if(left.length && clone.offset().top==left.offset().top) { |
|
||||
var _dev = Math.abs(clone.offset().left - (left.offset().left + left.outerWidth(true))); |
|
||||
if(_dev <= deviation) { |
|
||||
return left; |
|
||||
} |
|
||||
} |
|
||||
return undefined; |
|
||||
} |
|
||||
var getTop = function (clone, prev) { |
|
||||
if(!prev){ |
|
||||
prev = clone.prev(); |
|
||||
} |
|
||||
if(!prev.length) { |
|
||||
return undefined; |
|
||||
} |
|
||||
if(clone.offset().left==prev.offset().left) { |
|
||||
var _dev = Math.abs(clone.offset().top - (prev.offset().top+prev.outerHeight(true))); |
|
||||
if(_dev <= deviation) { |
|
||||
return prev; |
|
||||
} |
|
||||
} |
|
||||
return getTop(clone, prev.prev()); |
|
||||
} |
|
||||
var getRight = function (clone, $this) { |
|
||||
var rigth = clone.next().not($this); |
|
||||
if(rigth.length && clone.offset().top==rigth.offset().top) { |
|
||||
var _dev = Math.abs(clone.offset().left - (rigth.offset().left-clone.outerWidth(true))); |
|
||||
if(_dev <= deviation) { |
|
||||
return rigth; |
|
||||
} |
|
||||
} |
|
||||
return undefined; |
|
||||
} |
|
||||
var getUnder = function (clone, $this, next) { |
|
||||
if(!next){ |
|
||||
next = clone.next().not($this); |
|
||||
} |
|
||||
if(!next.length) { |
|
||||
return undefined; |
|
||||
} |
|
||||
if(clone.offset().left==next.offset().left) { |
|
||||
var _dev = Math.abs(clone.offset().top - (next.offset().top-clone.outerHeight(true))); |
|
||||
if(_dev <= deviation) { |
|
||||
return next; |
|
||||
} |
|
||||
} |
|
||||
return getUnder(clone, $this, next.next().not($this)); |
|
||||
} |
|
||||
}(jQuery); |
|
||||
@ -1,312 +0,0 @@ |
|||||
(function () { |
|
||||
|
|
||||
/*** |
|
||||
* 配送区域设置 |
|
||||
* @param options |
|
||||
* @constructor |
|
||||
*/ |
|
||||
function delivery(options) { |
|
||||
var option = $.extend(true, { |
|
||||
el: '#app', |
|
||||
name: '', |
|
||||
method: 10, |
|
||||
regions: {}, |
|
||||
formData: [] |
|
||||
}, options); |
|
||||
var app = this.createVueApp(option); |
|
||||
app.initializeForms(); |
|
||||
} |
|
||||
|
|
||||
delivery.prototype = { |
|
||||
|
|
||||
createVueApp: function (option) { |
|
||||
return new Vue({ |
|
||||
el: option.el, |
|
||||
data: { |
|
||||
// 模板名称
|
|
||||
name: option.name, |
|
||||
// 计费方式
|
|
||||
method: option.method, |
|
||||
// 所有地区
|
|
||||
regions: option.regions, |
|
||||
// 全选状态
|
|
||||
checkAll: false, |
|
||||
// 当前选择的地区id集
|
|
||||
checked: { |
|
||||
province: [], |
|
||||
citys: [] |
|
||||
}, |
|
||||
// 禁止选择的地区id集
|
|
||||
disable: { |
|
||||
province: [], |
|
||||
citys: [], |
|
||||
treeData: {} |
|
||||
}, |
|
||||
// 已选择的区域和运费form项
|
|
||||
forms: [] |
|
||||
}, |
|
||||
methods: { |
|
||||
|
|
||||
// 初始化forms
|
|
||||
initializeForms: function () { |
|
||||
var app = this; |
|
||||
if (!option.formData.length) return false; |
|
||||
option.formData.forEach(function (form) { |
|
||||
// 转换为整数型
|
|
||||
for (var key in form.citys) { |
|
||||
if (form.citys.hasOwnProperty(key)) { |
|
||||
form.citys[key] = parseInt(form.citys[key]); |
|
||||
} |
|
||||
} |
|
||||
form['treeData'] = app.getTreeData({ |
|
||||
province: form.province, |
|
||||
citys: form.citys |
|
||||
}); |
|
||||
app.forms.push(form); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
// 添加配送区域
|
|
||||
onAddRegionEvent: function () { |
|
||||
var app = this; |
|
||||
// 判断是否选择了全国
|
|
||||
var total = 0; |
|
||||
app.forms.forEach(function (item) { |
|
||||
total += item.citys.length; |
|
||||
}); |
|
||||
if (total >= 373) { |
|
||||
layer.msg('已经选择了所有区域~'); |
|
||||
return false; |
|
||||
} |
|
||||
// 显示选择可配送区域弹窗
|
|
||||
app.onShowCheckBox({ |
|
||||
complete: function (checked) { |
|
||||
// 选择完成后新增form项
|
|
||||
app.forms.push({ |
|
||||
province: checked.province, |
|
||||
citys: checked.citys, |
|
||||
treeData: app.getTreeData(checked) |
|
||||
}); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
// 全选
|
|
||||
onCheckAll: function (checked) { |
|
||||
var app = this; |
|
||||
app.checkAll = checked; |
|
||||
// 遍历能选择的地区
|
|
||||
for (var key in app.regions) { |
|
||||
if (app.regions.hasOwnProperty(key)) { |
|
||||
var item = app.regions[key]; |
|
||||
if (!app.isPropertyExist(item.id, app.disable.treeData) |
|
||||
|| !app.disable.treeData[item.id].isAllCitys) { |
|
||||
var provinceId = parseInt(item.id); |
|
||||
this.checkedProvince(provinceId, app.checkAll); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
// 标记不可选的地区
|
|
||||
onDisableRegion: function (ignoreFormIndex) { |
|
||||
var app = this; |
|
||||
// 清空禁选地区
|
|
||||
var disable = {province: [], citys: []}; |
|
||||
for (var key in app.forms) { |
|
||||
if (app.forms.hasOwnProperty(key)) { |
|
||||
if (ignoreFormIndex > -1 && ignoreFormIndex === parseInt(key)) continue; |
|
||||
var item = app.forms[key]; |
|
||||
disable.province = app.arrayMerge(disable.province, item.province); |
|
||||
disable.citys = app.arrayMerge(disable.citys, item.citys); |
|
||||
} |
|
||||
} |
|
||||
app.disable = { |
|
||||
province: disable.province, |
|
||||
citys: disable.citys, |
|
||||
treeData: app.getTreeData(disable) |
|
||||
}; |
|
||||
}, |
|
||||
|
|
||||
// 将选中的区域id集格式化为树状格式
|
|
||||
getTreeData: function (checkedData) { |
|
||||
var app = this; |
|
||||
var treeData = {}; |
|
||||
checkedData.province.forEach(function (provinceId) { |
|
||||
var province = app.regions[provinceId] |
|
||||
, citys = [] |
|
||||
, cityCount = 0; |
|
||||
for (var cityIndex in province.city) { |
|
||||
if (province.city.hasOwnProperty(cityIndex)) { |
|
||||
var cityItem = province.city[cityIndex]; |
|
||||
if (app.inArray(cityItem.id, checkedData.citys)) { |
|
||||
citys.push({id: cityItem.id, name: cityItem.name}); |
|
||||
} |
|
||||
cityCount++; |
|
||||
} |
|
||||
} |
|
||||
treeData[province.id] = { |
|
||||
id: province.id, |
|
||||
name: province.name, |
|
||||
citys: citys, |
|
||||
isAllCitys: citys.length === cityCount |
|
||||
}; |
|
||||
}); |
|
||||
return treeData; |
|
||||
}, |
|
||||
|
|
||||
// 编辑配送区域
|
|
||||
onEditerForm: function (formIndex, formItem) { |
|
||||
var app = this; |
|
||||
// 显示选择可配送区域弹窗
|
|
||||
app.onShowCheckBox({ |
|
||||
editerFormIndex: formIndex, |
|
||||
checkedData: { |
|
||||
province: formItem.province, |
|
||||
citys: formItem.citys |
|
||||
}, |
|
||||
complete: function (data) { |
|
||||
// var formItem = app.forms[formIndex];
|
|
||||
formItem.province = data.province; |
|
||||
formItem.citys = data.citys; |
|
||||
formItem.treeData = app.getTreeData(data); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
// 删除配送区域
|
|
||||
onDeleteForm: function (formIndex) { |
|
||||
var app = this; |
|
||||
layer.confirm('确定要删除吗？' |
|
||||
, {title: '友情提示'} |
|
||||
, function (index) { |
|
||||
app.forms.splice(formIndex, 1); |
|
||||
layer.close(index); |
|
||||
} |
|
||||
); |
|
||||
}, |
|
||||
|
|
||||
// 显示选择可配送区域弹窗
|
|
||||
onShowCheckBox: function (option) { |
|
||||
var app = this; |
|
||||
var options = $.extend(true, { |
|
||||
editerFormIndex: -1, |
|
||||
checkedData: null, |
|
||||
complete: $.noop() |
|
||||
}, option); |
|
||||
// 已选中的数据
|
|
||||
app.checked = options.checkedData ? options.checkedData : { |
|
||||
province: [], |
|
||||
citys: [] |
|
||||
}; |
|
||||
// 标记不可选的地区
|
|
||||
app.onDisableRegion(options.editerFormIndex); |
|
||||
// 取消全选按钮
|
|
||||
app.checkAll = false; |
|
||||
// 开启弹窗
|
|
||||
layer.open({ |
|
||||
type: 1, |
|
||||
shade: false, |
|
||||
title: '选择可配送区域', |
|
||||
btn: ['确定', '取消'], |
|
||||
area: ['820px', '520px'], //宽高
|
|
||||
content: $(this.$refs['choice']), |
|
||||
yes: function (index) { |
|
||||
if (app.checked.citys.length <= 0) { |
|
||||
layer.msg('请选择区域~'); |
|
||||
return false; |
|
||||
} |
|
||||
options.complete(app.checked); |
|
||||
layer.close(index); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
// 选择省份
|
|
||||
onCheckedProvince: function (e) { |
|
||||
var provinceId = parseInt(e.target.value); |
|
||||
this.checkedProvince(provinceId, e.target.checked); |
|
||||
}, |
|
||||
|
|
||||
checkedProvince: function (provinceId, checked) { |
|
||||
var app = this; |
|
||||
// 更新省份选择
|
|
||||
var index = app.checked.province.indexOf(provinceId); |
|
||||
if (!checked) { |
|
||||
index > -1 && app.checked.province.splice(index, 1); |
|
||||
} else { |
|
||||
index === -1 && app.checked.province.push(provinceId); |
|
||||
} |
|
||||
// 更新城市选择
|
|
||||
var cityIds = app.regions[provinceId].city; |
|
||||
for (var cityIndex in cityIds) { |
|
||||
if (cityIds.hasOwnProperty(cityIndex)) { |
|
||||
var cityId = parseInt(cityIndex); |
|
||||
var checkedIndex = app.checked.citys.indexOf(cityId); |
|
||||
if (!checked) { |
|
||||
checkedIndex > -1 && app.checked.citys.splice(checkedIndex, 1) |
|
||||
} else { |
|
||||
checkedIndex === -1 && app.checked.citys.push(cityId); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
// 选择城市
|
|
||||
onCheckedCity: function (e, provinceId) { |
|
||||
var cityId = parseInt(e.target.value); |
|
||||
if (!e.target.checked) { |
|
||||
var index = this.checked.citys.indexOf(cityId); |
|
||||
index > -1 && this.checked.citys.splice(index, 1) |
|
||||
} else { |
|
||||
this.checked.citys.push(cityId); |
|
||||
} |
|
||||
// 更新省份选中状态
|
|
||||
this.onUpdateProvinceChecked(parseInt(provinceId)); |
|
||||
}, |
|
||||
|
|
||||
// 更新省份选中状态
|
|
||||
onUpdateProvinceChecked: function (provinceId) { |
|
||||
var provinceIndex = this.checked.province.indexOf(provinceId); |
|
||||
var isExist = provinceIndex > -1; |
|
||||
if (!this.onHasCityChecked(provinceId)) { |
|
||||
isExist && this.checked.province.splice(provinceIndex, 1); |
|
||||
} else { |
|
||||
!isExist && this.checked.province.push(provinceId); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
// 是否存在城市被选中
|
|
||||
onHasCityChecked: function (provinceId) { |
|
||||
var app = this; |
|
||||
var cityIds = this.regions[provinceId].city; |
|
||||
for (var cityId in cityIds) { |
|
||||
if (cityIds.hasOwnProperty(cityId) |
|
||||
&& app.inArray(parseInt(cityId), app.checked.citys)) |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}, |
|
||||
|
|
||||
// 数组中是否存在指定的值
|
|
||||
inArray: function (val, array) { |
|
||||
return array.indexOf(val) > -1; |
|
||||
}, |
|
||||
|
|
||||
// 对象的属性是否存在
|
|
||||
isPropertyExist: function (key, obj) { |
|
||||
return obj.hasOwnProperty(key); |
|
||||
}, |
|
||||
|
|
||||
// 数组合并
|
|
||||
arrayMerge: function (arr1, arr2) { |
|
||||
return arr1.concat(arr2); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
window.delivery = delivery; |
|
||||
|
|
||||
})(window); |
|
||||
@ -1,296 +0,0 @@ |
|||||
(function () { |
|
||||
|
|
||||
// 解决火狐浏览器拖动新增tab
|
|
||||
document.body.ondrop = function (event) { |
|
||||
event.preventDefault(); |
|
||||
event.stopPropagation(); |
|
||||
}; |
|
||||
|
|
||||
// 默认数据
|
|
||||
var defaultData = {}; |
|
||||
|
|
||||
// umeditor 实例
|
|
||||
var $umeditor = {}; |
|
||||
|
|
||||
/*** |
|
||||
* 前端可视化diy |
|
||||
* @constructor |
|
||||
*/ |
|
||||
function diyPhone(initalData, diyData, opts) { |
|
||||
defaultData = initalData; |
|
||||
this.init(diyData, opts); |
|
||||
} |
|
||||
|
|
||||
diyPhone.prototype = { |
|
||||
|
|
||||
init: function (data, opts) { |
|
||||
// 实例化Vue
|
|
||||
new Vue({ |
|
||||
el: '#app', |
|
||||
data: { |
|
||||
// diy数据
|
|
||||
diyData: data, |
|
||||
// 当前选中的元素（下标）
|
|
||||
selectedIndex: -1, |
|
||||
// 当前选中的diy元素
|
|
||||
curItem: {}, |
|
||||
// 外部数据
|
|
||||
opts: opts |
|
||||
}, |
|
||||
|
|
||||
error: '', |
|
||||
|
|
||||
methods: { |
|
||||
|
|
||||
/** |
|
||||
* 新增Diy组件 |
|
||||
* @param key |
|
||||
*/ |
|
||||
onAddItem: function (key) { |
|
||||
// 验证新增Diy组件
|
|
||||
if (!this.onCheckAddItem(key)) { |
|
||||
return false; |
|
||||
} |
|
||||
// 复制默认diy组件数据
|
|
||||
var data = $.extend(true, {}, defaultData[key]); |
|
||||
// 新增到diy列表数据
|
|
||||
this.diyData.items.push(data); |
|
||||
// 编辑当前选中的元素
|
|
||||
this.onEditer(this.diyData.items.length - 1); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 验证新增Diy组件 |
|
||||
* @param key |
|
||||
*/ |
|
||||
onCheckAddItem: function (key) { |
|
||||
// 验证关注公众号组件只能存在一个
|
|
||||
if (key === 'officialAccount') { |
|
||||
for (var index in this.diyData.items) { |
|
||||
if (this.diyData.items.hasOwnProperty(index)) { |
|
||||
var item = this.diyData.items[index]; |
|
||||
if (item.type === 'officialAccount') { |
|
||||
layer.msg('该组件最多存在一个', {anim: 6}); |
|
||||
return false; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
return true; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 拖动diy元素更新当前索引 |
|
||||
* @param e |
|
||||
*/ |
|
||||
onDragItemEnd: function (e) { |
|
||||
this.onEditer(e.newIndex); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑当前选中的Diy元素 |
|
||||
* @param index |
|
||||
*/ |
|
||||
onEditer: function (index) { |
|
||||
// 记录当前选中元素的索引
|
|
||||
this.selectedIndex = index; |
|
||||
// 当前选中的元素数据
|
|
||||
this.curItem = this.selectedIndex === 'page' ? this.diyData.page |
|
||||
: this.diyData.items[this.selectedIndex]; |
|
||||
// 注册编辑器事件
|
|
||||
this.initEditor(); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 删除diy元素 |
|
||||
* @param index |
|
||||
*/ |
|
||||
onDeleleItem: function (index) { |
|
||||
var _this = this; |
|
||||
layer.confirm('确定要删除吗？', function (layIdx) { |
|
||||
_this.diyData.items.splice(index, 1); |
|
||||
_this.selectedIndex = -1; |
|
||||
layer.close(layIdx); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑器：选择图片 |
|
||||
* @param source |
|
||||
* @param index |
|
||||
*/ |
|
||||
onEditorSelectImage: function (source, index) { |
|
||||
$.fileLibrary({ |
|
||||
type: 'image', |
|
||||
done: function (images) { |
|
||||
source[index] = images[0]['file_path']; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑器：重置颜色 |
|
||||
* @param holder |
|
||||
* @param attribute |
|
||||
* @param color |
|
||||
*/ |
|
||||
onEditorResetColor: function (holder, attribute, color) { |
|
||||
holder[attribute] = color; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑器：删除data元素 |
|
||||
* @param index |
|
||||
* @param selectedIndex |
|
||||
*/ |
|
||||
onEditorDeleleData: function (index, selectedIndex) { |
|
||||
if (this.diyData.items[selectedIndex].data.length <= 1) { |
|
||||
layer.msg('至少保留一个', {anim: 6}); |
|
||||
return false; |
|
||||
} |
|
||||
this.diyData.items[selectedIndex].data.splice(index, 1); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑器：添加data元素 |
|
||||
*/ |
|
||||
onEditorAddData: function () { |
|
||||
// 新增data数据
|
|
||||
var newDataItem = $.extend(true, {}, defaultData[this.curItem.type].data[0]); |
|
||||
this.curItem.data.push(newDataItem); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 注册编辑器事件 |
|
||||
*/ |
|
||||
initEditor: function () { |
|
||||
// 注册dom事件
|
|
||||
this.$nextTick(function () { |
|
||||
// 销毁 umeditor 组件
|
|
||||
if ($umeditor.hasOwnProperty('key')) { |
|
||||
$umeditor.destroy(); |
|
||||
} |
|
||||
// 注册html组件
|
|
||||
this.editorHtmlComponent(); |
|
||||
// 富文本事件
|
|
||||
if (this.curItem.type === 'richText') { |
|
||||
this.onRichText(this.curItem); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑器事件：html组件 |
|
||||
*/ |
|
||||
editorHtmlComponent: function () { |
|
||||
var $editor = $(this.$refs['diy-editor']); |
|
||||
// 单/多选框
|
|
||||
$editor.find('input[type=checkbox], input[type=radio]').uCheck(); |
|
||||
// select组件
|
|
||||
// $editor.find('select').selected();
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑器事件：拼团商品选择 |
|
||||
* @param item |
|
||||
*/ |
|
||||
onSelectGoods: function (item) { |
|
||||
var uris = { |
|
||||
goods: 'goods/lists&status=10', |
|
||||
sharingGoods: 'sharing.goods/lists&status=10', |
|
||||
bargainGoods: 'bargain.goods/lists&status=10', |
|
||||
sharpGoods: 'sharp.goods/lists&status=10' |
|
||||
}; |
|
||||
$.selectData({ |
|
||||
title: '选择商品', |
|
||||
uri: uris[item.type], |
|
||||
duplicate: false, |
|
||||
dataIndex: 'goods_id', |
|
||||
done: function (data) { |
|
||||
data.forEach(function (itm) { |
|
||||
item.data.push(itm) |
|
||||
}); |
|
||||
}, |
|
||||
getExistData: function () { |
|
||||
var existData = []; |
|
||||
item.data.forEach(function (goods) { |
|
||||
if (goods.hasOwnProperty('goods_id')) { |
|
||||
existData.push(goods.goods_id); |
|
||||
} |
|
||||
}); |
|
||||
return existData; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 选择线下门店 |
|
||||
* @param item |
|
||||
*/ |
|
||||
onSelectShop: function (item) { |
|
||||
$.selectData({ |
|
||||
title: '选择门店', |
|
||||
uri: 'shop/lists', |
|
||||
duplicate: false, |
|
||||
dataIndex: 'shop_id', |
|
||||
done: function (data) { |
|
||||
data.forEach(function (itm) { |
|
||||
item.data.push(itm) |
|
||||
}); |
|
||||
}, |
|
||||
getExistData: function () { |
|
||||
var existData = []; |
|
||||
item.data.forEach(function (shop) { |
|
||||
if (shop.hasOwnProperty('shop_id')) { |
|
||||
existData.push(shop.shop_id); |
|
||||
} |
|
||||
}); |
|
||||
return existData; |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑器事件：富文本 |
|
||||
*/ |
|
||||
onRichText: function (item) { |
|
||||
$umeditor = UM.getEditor('ume-editor', { |
|
||||
initialFrameWidth: 375, |
|
||||
initialFrameHeight: 400 |
|
||||
}); |
|
||||
$umeditor.ready(function () { |
|
||||
// 写入编辑器内容
|
|
||||
$umeditor.setContent(item.params.content); |
|
||||
$umeditor.addListener('contentChange', function () { |
|
||||
item.params.content = $umeditor.getContent(); |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 提交后端保存 |
|
||||
* @returns {boolean} |
|
||||
*/ |
|
||||
onSubmit: function () { |
|
||||
if (this.diyData.items.length <= 0) { |
|
||||
layer.msg('至少存在一个组件', {anim: 6}); |
|
||||
return false; |
|
||||
} |
|
||||
var data = JSON.stringify(this.diyData); |
|
||||
var timeStamp = parseInt(new Date().getTime() / 1000); |
|
||||
localStorage.setItem("diy_" + timeStamp, data); |
|
||||
$.post('', {data: data}, function (result) { |
|
||||
result.code === 1 ? $.show_success(result.msg, result.url) |
|
||||
: $.show_error(result.msg); |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
}; |
|
||||
|
|
||||
window.diyPhone = diyPhone; |
|
||||
|
|
||||
})(window); |
|
||||
@ -1,511 +0,0 @@ |
|||||
(function (root, factory) { |
|
||||
if (typeof define === 'function' && define.amd) { |
|
||||
// AMD. Register as an anonymous module.
|
|
||||
define(['exports', 'echarts'], factory); |
|
||||
} else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') { |
|
||||
// CommonJS
|
|
||||
factory(exports, require('echarts')); |
|
||||
} else { |
|
||||
// Browser globals
|
|
||||
factory({}, root.echarts); |
|
||||
} |
|
||||
}(this, function (exports, echarts) { |
|
||||
var log = function (msg) { |
|
||||
if (typeof console !== 'undefined') { |
|
||||
console && console.error && console.error(msg); |
|
||||
} |
|
||||
}; |
|
||||
if (!echarts) { |
|
||||
log('ECharts is not Loaded'); |
|
||||
return; |
|
||||
} |
|
||||
echarts.registerTheme('walden', { |
|
||||
"color": [ |
|
||||
"#3fb1e3", |
|
||||
"#6be6c1", |
|
||||
"#626c91", |
|
||||
"#a0a7e6", |
|
||||
"#c4ebad", |
|
||||
"#96dee8" |
|
||||
], |
|
||||
"backgroundColor": "rgba(252,252,252,0)", |
|
||||
"textStyle": {}, |
|
||||
"title": { |
|
||||
"textStyle": { |
|
||||
"color": "#666666" |
|
||||
}, |
|
||||
"subtextStyle": { |
|
||||
"color": "#999999" |
|
||||
} |
|
||||
}, |
|
||||
"line": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": "2" |
|
||||
} |
|
||||
}, |
|
||||
"lineStyle": { |
|
||||
"normal": { |
|
||||
"width": "3" |
|
||||
} |
|
||||
}, |
|
||||
"symbolSize": "8", |
|
||||
"symbol": "emptyCircle", |
|
||||
"smooth": false |
|
||||
}, |
|
||||
"radar": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": "2" |
|
||||
} |
|
||||
}, |
|
||||
"lineStyle": { |
|
||||
"normal": { |
|
||||
"width": "3" |
|
||||
} |
|
||||
}, |
|
||||
"symbolSize": "8", |
|
||||
"symbol": "emptyCircle", |
|
||||
"smooth": false |
|
||||
}, |
|
||||
"bar": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"barBorderWidth": 0, |
|
||||
"barBorderColor": "#ccc" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"barBorderWidth": 0, |
|
||||
"barBorderColor": "#ccc" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"pie": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"scatter": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"boxplot": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"parallel": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"sankey": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"funnel": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"gauge": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"candlestick": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"color": "#e6a0d2", |
|
||||
"color0": "transparent", |
|
||||
"borderColor": "#e6a0d2", |
|
||||
"borderColor0": "#3fb1e3", |
|
||||
"borderWidth": "2" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"graph": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"borderWidth": 0, |
|
||||
"borderColor": "#ccc" |
|
||||
} |
|
||||
}, |
|
||||
"lineStyle": { |
|
||||
"normal": { |
|
||||
"width": "1", |
|
||||
"color": "#cccccc" |
|
||||
} |
|
||||
}, |
|
||||
"symbolSize": "8", |
|
||||
"symbol": "emptyCircle", |
|
||||
"smooth": false, |
|
||||
"color": [ |
|
||||
"#3fb1e3", |
|
||||
"#6be6c1", |
|
||||
"#626c91", |
|
||||
"#a0a7e6", |
|
||||
"#c4ebad", |
|
||||
"#96dee8" |
|
||||
], |
|
||||
"label": { |
|
||||
"normal": { |
|
||||
"textStyle": { |
|
||||
"color": "#ffffff" |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"map": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"areaColor": "#eeeeee", |
|
||||
"borderColor": "#aaaaaa", |
|
||||
"borderWidth": 0.5 |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"areaColor": "rgba(63,177,227,0.25)", |
|
||||
"borderColor": "#3fb1e3", |
|
||||
"borderWidth": 1 |
|
||||
} |
|
||||
}, |
|
||||
"label": { |
|
||||
"normal": { |
|
||||
"textStyle": { |
|
||||
"color": "#ffffff" |
|
||||
} |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"textStyle": { |
|
||||
"color": "rgb(63,177,227)" |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"geo": { |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"areaColor": "#eeeeee", |
|
||||
"borderColor": "#aaaaaa", |
|
||||
"borderWidth": 0.5 |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"areaColor": "rgba(63,177,227,0.25)", |
|
||||
"borderColor": "#3fb1e3", |
|
||||
"borderWidth": 1 |
|
||||
} |
|
||||
}, |
|
||||
"label": { |
|
||||
"normal": { |
|
||||
"textStyle": { |
|
||||
"color": "#ffffff" |
|
||||
} |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"textStyle": { |
|
||||
"color": "rgb(63,177,227)" |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"categoryAxis": { |
|
||||
"axisLine": { |
|
||||
"show": true, |
|
||||
"lineStyle": { |
|
||||
"color": "#cccccc" |
|
||||
} |
|
||||
}, |
|
||||
"axisTick": { |
|
||||
"show": false, |
|
||||
"lineStyle": { |
|
||||
"color": "#333" |
|
||||
} |
|
||||
}, |
|
||||
"axisLabel": { |
|
||||
"show": true, |
|
||||
"textStyle": { |
|
||||
"color": "#999999" |
|
||||
} |
|
||||
}, |
|
||||
"splitLine": { |
|
||||
"show": true, |
|
||||
"lineStyle": { |
|
||||
"color": [ |
|
||||
"#eeeeee" |
|
||||
] |
|
||||
} |
|
||||
}, |
|
||||
"splitArea": { |
|
||||
"show": false, |
|
||||
"areaStyle": { |
|
||||
"color": [ |
|
||||
"rgba(250,250,250,0.05)", |
|
||||
"rgba(200,200,200,0.02)" |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"valueAxis": { |
|
||||
"axisLine": { |
|
||||
"show": true, |
|
||||
"lineStyle": { |
|
||||
"color": "#cccccc" |
|
||||
} |
|
||||
}, |
|
||||
"axisTick": { |
|
||||
"show": false, |
|
||||
"lineStyle": { |
|
||||
"color": "#333" |
|
||||
} |
|
||||
}, |
|
||||
"axisLabel": { |
|
||||
"show": true, |
|
||||
"textStyle": { |
|
||||
"color": "#999999" |
|
||||
} |
|
||||
}, |
|
||||
"splitLine": { |
|
||||
"show": true, |
|
||||
"lineStyle": { |
|
||||
"color": [ |
|
||||
"#eeeeee" |
|
||||
] |
|
||||
} |
|
||||
}, |
|
||||
"splitArea": { |
|
||||
"show": false, |
|
||||
"areaStyle": { |
|
||||
"color": [ |
|
||||
"rgba(250,250,250,0.05)", |
|
||||
"rgba(200,200,200,0.02)" |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"logAxis": { |
|
||||
"axisLine": { |
|
||||
"show": true, |
|
||||
"lineStyle": { |
|
||||
"color": "#cccccc" |
|
||||
} |
|
||||
}, |
|
||||
"axisTick": { |
|
||||
"show": false, |
|
||||
"lineStyle": { |
|
||||
"color": "#333" |
|
||||
} |
|
||||
}, |
|
||||
"axisLabel": { |
|
||||
"show": true, |
|
||||
"textStyle": { |
|
||||
"color": "#999999" |
|
||||
} |
|
||||
}, |
|
||||
"splitLine": { |
|
||||
"show": true, |
|
||||
"lineStyle": { |
|
||||
"color": [ |
|
||||
"#eeeeee" |
|
||||
] |
|
||||
} |
|
||||
}, |
|
||||
"splitArea": { |
|
||||
"show": false, |
|
||||
"areaStyle": { |
|
||||
"color": [ |
|
||||
"rgba(250,250,250,0.05)", |
|
||||
"rgba(200,200,200,0.02)" |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"timeAxis": { |
|
||||
"axisLine": { |
|
||||
"show": true, |
|
||||
"lineStyle": { |
|
||||
"color": "#cccccc" |
|
||||
} |
|
||||
}, |
|
||||
"axisTick": { |
|
||||
"show": false, |
|
||||
"lineStyle": { |
|
||||
"color": "#333" |
|
||||
} |
|
||||
}, |
|
||||
"axisLabel": { |
|
||||
"show": true, |
|
||||
"textStyle": { |
|
||||
"color": "#999999" |
|
||||
} |
|
||||
}, |
|
||||
"splitLine": { |
|
||||
"show": true, |
|
||||
"lineStyle": { |
|
||||
"color": [ |
|
||||
"#eeeeee" |
|
||||
] |
|
||||
} |
|
||||
}, |
|
||||
"splitArea": { |
|
||||
"show": false, |
|
||||
"areaStyle": { |
|
||||
"color": [ |
|
||||
"rgba(250,250,250,0.05)", |
|
||||
"rgba(200,200,200,0.02)" |
|
||||
] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"toolbox": { |
|
||||
"iconStyle": { |
|
||||
"normal": { |
|
||||
"borderColor": "#999999" |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"borderColor": "#666666" |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"legend": { |
|
||||
"textStyle": { |
|
||||
"color": "#999999" |
|
||||
} |
|
||||
}, |
|
||||
"tooltip": { |
|
||||
"axisPointer": { |
|
||||
"lineStyle": { |
|
||||
"color": "#cccccc", |
|
||||
"width": 1 |
|
||||
}, |
|
||||
"crossStyle": { |
|
||||
"color": "#cccccc", |
|
||||
"width": 1 |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"timeline": { |
|
||||
"lineStyle": { |
|
||||
"color": "#626c91", |
|
||||
"width": 1 |
|
||||
}, |
|
||||
"itemStyle": { |
|
||||
"normal": { |
|
||||
"color": "#626c91", |
|
||||
"borderWidth": 1 |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"color": "#626c91" |
|
||||
} |
|
||||
}, |
|
||||
"controlStyle": { |
|
||||
"normal": { |
|
||||
"color": "#626c91", |
|
||||
"borderColor": "#626c91", |
|
||||
"borderWidth": 0.5 |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"color": "#626c91", |
|
||||
"borderColor": "#626c91", |
|
||||
"borderWidth": 0.5 |
|
||||
} |
|
||||
}, |
|
||||
"checkpointStyle": { |
|
||||
"color": "#3fb1e3", |
|
||||
"borderColor": "rgba(63,177,227,0.15)" |
|
||||
}, |
|
||||
"label": { |
|
||||
"normal": { |
|
||||
"textStyle": { |
|
||||
"color": "#626c91" |
|
||||
} |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"textStyle": { |
|
||||
"color": "#626c91" |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
"visualMap": { |
|
||||
"color": [ |
|
||||
"#2a99c9", |
|
||||
"#afe8ff" |
|
||||
] |
|
||||
}, |
|
||||
"dataZoom": { |
|
||||
"backgroundColor": "rgba(255,255,255,0)", |
|
||||
"dataBackgroundColor": "rgba(222,222,222,1)", |
|
||||
"fillerColor": "rgba(114,230,212,0.25)", |
|
||||
"handleColor": "#cccccc", |
|
||||
"handleSize": "100%", |
|
||||
"textStyle": { |
|
||||
"color": "#999999" |
|
||||
} |
|
||||
}, |
|
||||
"markPoint": { |
|
||||
"label": { |
|
||||
"normal": { |
|
||||
"textStyle": { |
|
||||
"color": "#ffffff" |
|
||||
} |
|
||||
}, |
|
||||
"emphasis": { |
|
||||
"textStyle": { |
|
||||
"color": "#ffffff" |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
})); |
|
||||
File diff suppressed because one or more lines are too long
@ -1,472 +0,0 @@ |
|||||
;(function ($, window, document, undefined) { |
|
||||
|
|
||||
/** |
|
||||
* 文件库模块 |
|
||||
* @param trigger |
|
||||
* @param options |
|
||||
* @constructor |
|
||||
*/ |
|
||||
function FileLibrary(trigger, options) { |
|
||||
// 配置项
|
|
||||
var defaults = { |
|
||||
type: 'image', |
|
||||
layerId: 'file-library' |
|
||||
, layerSkin: 'file-library' |
|
||||
}; |
|
||||
this.options = $.extend({}, defaults, options); |
|
||||
// 触发对象
|
|
||||
this.$trigger = trigger; |
|
||||
this.$touch = null; // 当前触发元素
|
|
||||
// 容器元素
|
|
||||
this.$element = null; |
|
||||
// 初始化对象事件
|
|
||||
this.init(); |
|
||||
} |
|
||||
|
|
||||
FileLibrary.prototype = { |
|
||||
|
|
||||
/** |
|
||||
* 初始化 |
|
||||
*/ |
|
||||
init: function () { |
|
||||
var _this = this; |
|
||||
// 打开文件库事件
|
|
||||
_this.triggerEvent(); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 打开文件库事件 |
|
||||
*/ |
|
||||
triggerEvent: function () { |
|
||||
var _this = this; |
|
||||
if (_this.$trigger !== false) { |
|
||||
// 点击开启文件库弹窗
|
|
||||
_this.$trigger.unbind().click(function () { |
|
||||
_this.$touch = $(this); |
|
||||
_this.showLibraryModal(); |
|
||||
}); |
|
||||
} else { |
|
||||
_this.showLibraryModal(); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 显示文件库弹窗 |
|
||||
*/ |
|
||||
showLibraryModal: function () { |
|
||||
var _this = this; |
|
||||
_this.getJsonData({group_id: -1}, function (data) { |
|
||||
data.is_default = true; |
|
||||
// 捕获页
|
|
||||
layer.open({ |
|
||||
type: 1 |
|
||||
, id: _this.options.layerId |
|
||||
, title: '图片库' |
|
||||
, skin: _this.options.layerSkin |
|
||||
, area: '840px' |
|
||||
, offset: 'auto' |
|
||||
, anim: 1 |
|
||||
, closeBtn: 1 |
|
||||
, shade: 0.3 |
|
||||
, btn: ['确定', '取消'] |
|
||||
, content: template('tpl-file-library', data) |
|
||||
, success: function (layero) { |
|
||||
// 初始化文件库弹窗
|
|
||||
_this.initModal(layero); |
|
||||
} |
|
||||
, yes: function (index) { |
|
||||
// 确认回调
|
|
||||
_this.done(); |
|
||||
layer.close(index); |
|
||||
} |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 初始化文件库弹窗 |
|
||||
*/ |
|
||||
initModal: function (element) { |
|
||||
var _this = this; |
|
||||
_this.$element = element; |
|
||||
// 注册分组下拉选择组件
|
|
||||
_this.selectDropdown(); |
|
||||
// 注册分类切换事件
|
|
||||
_this.switchClassEvent(); |
|
||||
// 注册文件点击选中事件
|
|
||||
_this.selectFilesEvent(); |
|
||||
// 新增分组事件
|
|
||||
_this.addGroupEvent(); |
|
||||
// 编辑分组事件
|
|
||||
_this.editGroupEvent(); |
|
||||
// 删除分组事件
|
|
||||
_this.deleteGroupEvent(); |
|
||||
// 注册文件上传事件
|
|
||||
_this.uploadImagesEvent(); |
|
||||
// 注册文件删除事件
|
|
||||
_this.deleteFilesEvent(); |
|
||||
// 注册文件移动事件
|
|
||||
_this.moveFilesEvent(); |
|
||||
// 注册文件列表分页事件
|
|
||||
_this.fileListPage(); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 注册文件列表分页事件 |
|
||||
*/ |
|
||||
fileListPage: function () { |
|
||||
var _this = this; |
|
||||
_this.$element.find('#file-list-body').on('click', '.switch-page', function () { |
|
||||
var page = $(this).data('page'); |
|
||||
_this.renderFileList(page); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 文件移动事件 |
|
||||
*/ |
|
||||
moveFilesEvent: function () { |
|
||||
var _this = this |
|
||||
, $groupSelect = _this.$element.find('.group-select'); |
|
||||
// 绑定文件选中事件
|
|
||||
$groupSelect.on('click', '.move-file-group', function () { |
|
||||
$groupSelect.dropdown('close'); |
|
||||
var groupId = $(this).data('group-id') |
|
||||
, fileIds = _this.getSelectedFileIds(); |
|
||||
if (fileIds.length === 0) { |
|
||||
layer.msg('您还没有选择任何文件~', {offset: 't', anim: 6}); |
|
||||
return false; |
|
||||
} |
|
||||
layer.confirm('确定移动选中的文件吗？', {title: '友情提示'}, function (index) { |
|
||||
var load = layer.load(); |
|
||||
$.post(STORE_URL + '/upload.library/moveFiles', { |
|
||||
group_id: groupId |
|
||||
, fileIds: fileIds |
|
||||
}, function (result) { |
|
||||
layer.msg(result.msg); |
|
||||
if (result.code === 1) { |
|
||||
_this.renderFileList(); |
|
||||
} |
|
||||
layer.close(load); |
|
||||
}); |
|
||||
layer.close(index); |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 删除选中的文件 |
|
||||
*/ |
|
||||
deleteFilesEvent: function () { |
|
||||
var _this = this; |
|
||||
_this.$element.on('click', '.file-delete', function () { |
|
||||
var fileIds = _this.getSelectedFileIds(); |
|
||||
if (fileIds.length === 0) { |
|
||||
layer.msg('您还没有选择任何文件~', {offset: 't', anim: 6}); |
|
||||
return; |
|
||||
} |
|
||||
layer.confirm('确定删除选中的文件吗？', {title: '友情提示'}, function (index) { |
|
||||
var load = layer.load(); |
|
||||
$.post(STORE_URL + '/upload.library/deleteFiles', { |
|
||||
fileIds: fileIds |
|
||||
}, function (result) { |
|
||||
layer.close(load); |
|
||||
if (result.code === 1) { |
|
||||
_this.renderFileList(); |
|
||||
} |
|
||||
}); |
|
||||
layer.close(index); |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 文件上传 (多文件) |
|
||||
*/ |
|
||||
uploadImagesEvent: function () { |
|
||||
var _this = this; |
|
||||
var loadIndex = null; |
|
||||
// 文件大小
|
|
||||
var maxSize = 2; |
|
||||
// 初始化Web Uploader
|
|
||||
var uploader = WebUploader.create({ |
|
||||
// 选完文件后，是否自动上传。
|
|
||||
auto: true, |
|
||||
// 文件接收服务端。
|
|
||||
server: STORE_URL + '/upload/image', |
|
||||
// 选择文件的按钮。可选。
|
|
||||
// 内部根据当前运行是创建，可能是input元素，也可能是flash.
|
|
||||
pick: { |
|
||||
id: '.j-upload', |
|
||||
multiple: true |
|
||||
}, |
|
||||
// 文件上传域的name
|
|
||||
fileVal: 'iFile', |
|
||||
// 图片上传前不进行压缩
|
|
||||
compress: false, |
|
||||
// 允许重复
|
|
||||
duplicate: true, |
|
||||
// 文件总数量
|
|
||||
// fileNumLimit: 10,
|
|
||||
// 文件大小2m => 2097152
|
|
||||
fileSingleSizeLimit: maxSize * 1024 * 1024, |
|
||||
// 只允许选择图片文件。
|
|
||||
accept: { |
|
||||
title: 'Images', |
|
||||
extensions: 'gif,jpg,jpeg,bmp,png', |
|
||||
mimeTypes: 'image/*' |
|
||||
}, |
|
||||
// 文件上传header扩展
|
|
||||
headers: { |
|
||||
'Accept': 'application/json, text/javascript, */*; q=0.01', |
|
||||
'X-Requested-With': 'XMLHttpRequest' |
|
||||
} |
|
||||
}); |
|
||||
// 验证大小
|
|
||||
uploader.on('error', function (type) { |
|
||||
if (type === 'F_DUPLICATE') { |
|
||||
console.log('请不要重复选择文件！'); |
|
||||
} else if (type === 'F_EXCEED_SIZE') { |
|
||||
alert('文件大小不可超过' + maxSize + 'm 哦！换个小点的文件吧！'); |
|
||||
} |
|
||||
}); |
|
||||
// 文件上传前触发,添加附带参数
|
|
||||
uploader.on('uploadBeforeSend', function (obj, data) { |
|
||||
data.group_id = _this.getCurrentGroupId(); |
|
||||
}); |
|
||||
// 文件上传成功，给item添加成功class, 用样式标记上传成功。
|
|
||||
uploader.on('uploadSuccess', function (file, response) { |
|
||||
if (response.code === 1) { |
|
||||
var $list = _this.$element.find('ul.file-list-item'); |
|
||||
$list.prepend(template('tpl-file-list-item', [response.data])); |
|
||||
} else { |
|
||||
uploader.uploadError(file, response); |
|
||||
} |
|
||||
}); |
|
||||
// 监听文件上传失败
|
|
||||
uploader.on('uploadError', function (file, reason) { |
|
||||
uploader.uploadError(file, reason); |
|
||||
}); |
|
||||
// 文件上传失败回调函数
|
|
||||
uploader.uploadError = function (file, reason) { |
|
||||
layer.msg(reason.msg, {anim: 6}); |
|
||||
}; |
|
||||
// 文件开始上传
|
|
||||
uploader.on('startUpload', function () { |
|
||||
loadIndex = layer.load(); |
|
||||
}); |
|
||||
// 文件上传结束
|
|
||||
uploader.on('uploadFinished', function () { |
|
||||
layer.close(loadIndex); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 新增分组事件 |
|
||||
*/ |
|
||||
addGroupEvent: function () { |
|
||||
var _this = this |
|
||||
, $groupList = _this.$element.find('.file-group > ul'); |
|
||||
_this.$element.on('click', '.group-add', function () { |
|
||||
layer.prompt({title: '请输入新分组名称'}, function (value, index) { |
|
||||
var load = layer.load(); |
|
||||
$.post(STORE_URL + '/upload.library/addGroup', { |
|
||||
group_name: value, |
|
||||
group_type: _this.options.type |
|
||||
}, function (result) { |
|
||||
layer.msg(result.msg); |
|
||||
if (result.code === 1) { |
|
||||
$groupList.append(template('tpl-group-item', result.data)); |
|
||||
var $groupSelectList = _this.$element.find('.group-select > .group-list'); |
|
||||
$groupSelectList.append( |
|
||||
'<li>' + |
|
||||
' <a class="move-file-group" data-group-id="' + result.data.group_id + '"' + |
|
||||
' href="javascript:void(0);">' + result.data.group_name + '</a>' + |
|
||||
'</li>' |
|
||||
); |
|
||||
} |
|
||||
layer.close(load); |
|
||||
}); |
|
||||
layer.close(index); |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 编辑分组事件 |
|
||||
*/ |
|
||||
editGroupEvent: function () { |
|
||||
var _this = this; |
|
||||
_this.$element.find('.file-group').on('click', '.group-edit', function () { |
|
||||
var $li = $(this).parent() |
|
||||
, group_id = $li.data('group-id'); |
|
||||
layer.prompt({title: '修改分组名称', value: $li.attr('title')}, function (value, index) { |
|
||||
var load = layer.load(); |
|
||||
$.post(STORE_URL + '/upload.library/editGroup', { |
|
||||
group_id: group_id |
|
||||
, group_name: value |
|
||||
}, function (result) { |
|
||||
layer.msg(result.msg); |
|
||||
if (result.code === 1) { |
|
||||
$li.attr('title', value).find('.group-name').text(value); |
|
||||
var $groupSelectList = _this.$element.find('.group-select > .group-list'); |
|
||||
$groupSelectList.find('[data-group-id="' + group_id + '"]').text(value); |
|
||||
} |
|
||||
layer.close(load); |
|
||||
}); |
|
||||
layer.close(index); |
|
||||
}); |
|
||||
return false; |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 删除分组事件 |
|
||||
*/ |
|
||||
deleteGroupEvent: function () { |
|
||||
var _this = this; |
|
||||
_this.$element.find('.file-group').on('click', '.group-delete', function () { |
|
||||
var $li = $(this).parent() |
|
||||
, group_id = $li.data('group-id'); |
|
||||
layer.confirm('确定删除该分组吗？', {title: '友情提示'}, function (index) { |
|
||||
var load = layer.load(); |
|
||||
$.post(STORE_URL + '/upload.library/deleteGroup', { |
|
||||
group_id: group_id |
|
||||
}, function (result) { |
|
||||
layer.msg(result.msg); |
|
||||
if (result.code === 1) { |
|
||||
$li.remove(); |
|
||||
var $groupSelectList = _this.$element.find('.group-select > .group-list'); |
|
||||
$groupSelectList.find('[data-group-id="' + group_id + '"]').remove(); |
|
||||
} |
|
||||
layer.close(load); |
|
||||
}); |
|
||||
layer.close(index); |
|
||||
}); |
|
||||
return false; |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 注册文件选中事件 |
|
||||
*/ |
|
||||
selectFilesEvent: function () { |
|
||||
// 绑定文件选中事件
|
|
||||
this.$element.find('#file-list-body').on('click', '.file-list-item li', function () { |
|
||||
$(this).toggleClass('active'); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 分类切换事件 |
|
||||
*/ |
|
||||
switchClassEvent: function () { |
|
||||
var _this = this; |
|
||||
// 注册分类切换事件
|
|
||||
_this.$element.find('.file-group').on('click', 'li', function () { |
|
||||
var $this = $(this); |
|
||||
// 切换选中状态
|
|
||||
$this.addClass('active').siblings('.active').removeClass('active'); |
|
||||
// 重新渲染文件列表
|
|
||||
_this.renderFileList(); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 注册分组下拉选择组件 |
|
||||
*/ |
|
||||
selectDropdown: function () { |
|
||||
this.$element.find('.group-select').dropdown(); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 获取文件库列表数据 |
|
||||
* @param params |
|
||||
* @param success |
|
||||
*/ |
|
||||
getJsonData: function (params, success) { |
|
||||
var loadIndex = layer.load(); |
|
||||
typeof params === 'function' && (success = params); |
|
||||
// 获取文件库列表
|
|
||||
$.getJSON(STORE_URL + '/upload.library/fileList', params, function (result) { |
|
||||
layer.close(loadIndex); |
|
||||
if (result.code === 1) { |
|
||||
typeof success === 'function' && success(result.data); |
|
||||
} else { |
|
||||
layer.msg(result.msg, {anim: 6}); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 重新渲染文件列表 |
|
||||
* @param page |
|
||||
*/ |
|
||||
renderFileList: function (page) { |
|
||||
var _this = this |
|
||||
, groupId = this.getCurrentGroupId(); |
|
||||
// 重新渲染文件列表
|
|
||||
_this.getJsonData({group_id: groupId, page: page || 1}, function (data) { |
|
||||
_this.$element.find('#file-list-body').html(template('tpl-file-list', data.file_list)); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 获取选中的文件列表 |
|
||||
* @returns {Array} |
|
||||
*/ |
|
||||
getSelectedFiles: function () { |
|
||||
var selectedList = []; |
|
||||
this.$element.find('.file-list-item > li.active').each(function (index) { |
|
||||
var $this = $(this); |
|
||||
selectedList[index] = { |
|
||||
file_id: $this.data('file-id') |
|
||||
, file_path: $this.data('file-path') |
|
||||
}; |
|
||||
}); |
|
||||
return selectedList; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 获取选中的文件的ID集 |
|
||||
* @returns {Array} |
|
||||
*/ |
|
||||
getSelectedFileIds: function () { |
|
||||
var fileList = this.getSelectedFiles(); |
|
||||
var data = []; |
|
||||
fileList.forEach(function (item) { |
|
||||
data.push(item.file_id); |
|
||||
}); |
|
||||
return data; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 获取当前分组id |
|
||||
* @returns {*} |
|
||||
*/ |
|
||||
getCurrentGroupId: function () { |
|
||||
return this.$element.find('.file-group > ul > li.active').data('group-id'); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 确认回调 |
|
||||
*/ |
|
||||
done: function () { |
|
||||
var selectedList = this.getSelectedFiles(); |
|
||||
selectedList.length > 0 && typeof this.options.done === 'function' |
|
||||
&& this.options.done(selectedList, this.$touch); |
|
||||
} |
|
||||
|
|
||||
}; |
|
||||
|
|
||||
// 在Jquery插件中使用FileLibrary对象
|
|
||||
$.fn.fileLibrary = function (options) { |
|
||||
new FileLibrary(this, options); |
|
||||
}; |
|
||||
|
|
||||
// 在Jquery插件中使用FileLibrary对象
|
|
||||
$.fileLibrary = function (options) { |
|
||||
new FileLibrary(false, options); |
|
||||
}; |
|
||||
|
|
||||
})(jQuery, window, document); |
|
||||
@ -1,310 +0,0 @@ |
|||||
(function () { |
|
||||
|
|
||||
// 配置信息
|
|
||||
var setting = { |
|
||||
el: 'many-app', |
|
||||
baseData: null |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 构造方法 |
|
||||
* @param options |
|
||||
* @param baseData |
|
||||
* @constructor |
|
||||
*/ |
|
||||
function GoodsSpec(options, baseData) { |
|
||||
// 配置信息
|
|
||||
setting = $.extend(true, {}, setting, options); |
|
||||
// 初始化
|
|
||||
this.initialize(); |
|
||||
} |
|
||||
|
|
||||
GoodsSpec.prototype = { |
|
||||
|
|
||||
// vue组件句柄
|
|
||||
appVue: null, |
|
||||
|
|
||||
/** |
|
||||
* 初始化 |
|
||||
*/ |
|
||||
initialize: function () { |
|
||||
// 已存在的规格数据
|
|
||||
var spec_attr = [], spec_list = []; |
|
||||
if (typeof setting.baseData !== 'undefined' && setting.baseData !== null) { |
|
||||
spec_attr = setting.baseData['spec_attr']; |
|
||||
spec_list = setting.baseData['spec_list']; |
|
||||
} |
|
||||
|
|
||||
// 实例化vue对象
|
|
||||
this.appVue = new Vue({ |
|
||||
el: setting.el, |
|
||||
data: { |
|
||||
spec_attr: spec_attr, |
|
||||
spec_list: spec_list, |
|
||||
// 显示添加规格组按钮
|
|
||||
showAddGroupBtn: true, |
|
||||
// 显示添加规格组表单
|
|
||||
showAddGroupForm: false, |
|
||||
// 新增规格组值
|
|
||||
addGroupFrom: { |
|
||||
specName: '', |
|
||||
specValue: '' |
|
||||
}, |
|
||||
// 批量设置sku属性
|
|
||||
batchData: { |
|
||||
goods_no: '', |
|
||||
goods_price: '', |
|
||||
sharing_price: '', |
|
||||
line_price: '', |
|
||||
stock_num: '', |
|
||||
goods_weight: '' |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
/** |
|
||||
* 显示/隐藏添加规则组 |
|
||||
*/ |
|
||||
onToggleAddGroupForm: function () { |
|
||||
this.showAddGroupBtn = !this.showAddGroupBtn; |
|
||||
this.showAddGroupForm = !this.showAddGroupForm; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 表单提交：新增规格组 |
|
||||
* @returns {boolean} |
|
||||
*/ |
|
||||
onSubmitAddGroup: function () { |
|
||||
var _this = this; |
|
||||
if (_this.addGroupFrom.specName === '' || _this.addGroupFrom.specValue === '') { |
|
||||
layer.msg('请填写规则名或规则值'); |
|
||||
return false; |
|
||||
} |
|
||||
// 添加到数据库
|
|
||||
var load = layer.load(); |
|
||||
$.post(STORE_URL + '/goods.spec/addSpec', { |
|
||||
spec_name: _this.addGroupFrom.specName, |
|
||||
spec_value: _this.addGroupFrom.specValue |
|
||||
}, function (result) { |
|
||||
layer.close(load); |
|
||||
if (result.code !== 1) { |
|
||||
layer.msg(result.msg); |
|
||||
return false; |
|
||||
} |
|
||||
// 记录规格数据
|
|
||||
_this.spec_attr.push({ |
|
||||
group_id: result.data['spec_id'], |
|
||||
group_name: _this.addGroupFrom.specName, |
|
||||
spec_items: [{ |
|
||||
item_id: result.data['spec_value_id'], |
|
||||
spec_value: _this.addGroupFrom.specValue |
|
||||
}], |
|
||||
tempValue: '' |
|
||||
}); |
|
||||
// 清空输入内容
|
|
||||
_this.addGroupFrom.specName = ''; |
|
||||
_this.addGroupFrom.specValue = ''; |
|
||||
// 隐藏添加规则组
|
|
||||
_this.onToggleAddGroupForm(); |
|
||||
// 构建规格组合列表
|
|
||||
_this.buildSkulist(); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 新增规格值 |
|
||||
* @param index |
|
||||
*/ |
|
||||
onSubmitAddValue: function (index) { |
|
||||
var _this = this |
|
||||
, specAttr = _this.spec_attr[index]; |
|
||||
if (specAttr.tempValue === '') { |
|
||||
layer.msg('规格值不能为空'); |
|
||||
return false; |
|
||||
} |
|
||||
// 添加到数据库
|
|
||||
var load = layer.load(); |
|
||||
$.post(STORE_URL + '/goods.spec/addSpecValue', { |
|
||||
spec_id: specAttr.group_id, |
|
||||
spec_value: specAttr.tempValue |
|
||||
}, function (result) { |
|
||||
layer.close(load); |
|
||||
if (result.code !== 1) { |
|
||||
layer.msg(result.msg); |
|
||||
return false; |
|
||||
} |
|
||||
// 记录规格数据
|
|
||||
specAttr.spec_items.push({ |
|
||||
item_id: result.data['spec_value_id'], |
|
||||
spec_value: specAttr.tempValue |
|
||||
}); |
|
||||
// 清空输入内容
|
|
||||
specAttr.tempValue = ''; |
|
||||
// 构建规格组合列表
|
|
||||
_this.buildSkulist(); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 构建规格组合列表 |
|
||||
*/ |
|
||||
buildSkulist: function () { |
|
||||
var _this = this; |
|
||||
// 规格组合总数 (table行数)
|
|
||||
var totalRow = 1; |
|
||||
for (var i = 0; i < _this.spec_attr.length; i++) { |
|
||||
totalRow *= _this.spec_attr[i].spec_items.length; |
|
||||
} |
|
||||
// 遍历tr 行
|
|
||||
var specList = []; |
|
||||
for (i = 0; i < totalRow; i++) { |
|
||||
var rowData = [], rowCount = 1, specSkuIdAttr = []; |
|
||||
// 遍历td 列
|
|
||||
for (var j = 0; j < _this.spec_attr.length; j++) { |
|
||||
var skuValues = _this.spec_attr[j].spec_items; |
|
||||
rowCount *= skuValues.length; |
|
||||
var anInterBankNum = (totalRow / rowCount) |
|
||||
, point = ((i / anInterBankNum) % skuValues.length); |
|
||||
if (0 === (i % anInterBankNum)) { |
|
||||
rowData.push({ |
|
||||
rowspan: anInterBankNum, |
|
||||
item_id: skuValues[point].item_id, |
|
||||
spec_value: skuValues[point].spec_value |
|
||||
}); |
|
||||
} |
|
||||
specSkuIdAttr.push(skuValues[parseInt(point.toString())].item_id); |
|
||||
} |
|
||||
specList.push({ |
|
||||
spec_sku_id: specSkuIdAttr.join('_'), |
|
||||
rows: rowData, |
|
||||
form: {} |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
// return false;
|
|
||||
// 合并旧sku数据
|
|
||||
if (_this.spec_list.length > 0 && specList.length > 0) { |
|
||||
for (i = 0; i < specList.length; i++) { |
|
||||
var overlap = _this.spec_list.filter(function (val) { |
|
||||
return val.spec_sku_id === specList[i].spec_sku_id; |
|
||||
}); |
|
||||
if (overlap.length > 0) specList[i].form = overlap[0].form; |
|
||||
} |
|
||||
} |
|
||||
_this.spec_list = specList; |
|
||||
// 注册上传sku图片事件
|
|
||||
_this.onSelectImagesEvent(); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 删除规则组事件 |
|
||||
* @param index |
|
||||
*/ |
|
||||
onDeleteGroup: function (index) { |
|
||||
var _this = this; |
|
||||
layer.confirm('确定要删除该规则吗？确认后不可恢复请谨慎操作' |
|
||||
, function (layerIndex) { |
|
||||
// 删除指定规则组
|
|
||||
_this.spec_attr.splice(index, 1); |
|
||||
// 构建规格组合列表
|
|
||||
_this.buildSkulist(); |
|
||||
layer.close(layerIndex); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 删除规则值事件 |
|
||||
* @param index |
|
||||
* @param itemIndex |
|
||||
*/ |
|
||||
onDeleteValue: function (index, itemIndex) { |
|
||||
var _this = this; |
|
||||
layer.confirm('确定要删除该规则吗？确认后不可恢复请谨慎操作' |
|
||||
, function (layerIndex) { |
|
||||
// 删除指定规则组
|
|
||||
_this.spec_attr[index].spec_items.splice(itemIndex, 1); |
|
||||
// 构建规格组合列表
|
|
||||
_this.buildSkulist(); |
|
||||
layer.close(layerIndex); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 批量设置sku属性 |
|
||||
*/ |
|
||||
onSubmitBatchData: function () { |
|
||||
var _this = this; |
|
||||
_this.spec_list.forEach(function (value) { |
|
||||
if (_this.batchData.goods_no) { |
|
||||
_this.$set(value.form, 'goods_no', _this.batchData.goods_no); |
|
||||
} |
|
||||
if (_this.batchData.goods_price) { |
|
||||
_this.$set(value.form, 'goods_price', _this.batchData.goods_price); |
|
||||
} |
|
||||
if (_this.batchData.sharing_price) { |
|
||||
_this.$set(value.form, 'sharing_price', _this.batchData.sharing_price); |
|
||||
} |
|
||||
if (_this.batchData.line_price) { |
|
||||
_this.$set(value.form, 'line_price', _this.batchData.line_price); |
|
||||
} |
|
||||
if (_this.batchData.stock_num) { |
|
||||
_this.$set(value.form, 'stock_num', _this.batchData.stock_num); |
|
||||
} |
|
||||
if (_this.batchData.goods_weight) { |
|
||||
_this.$set(value.form, 'goods_weight', _this.batchData.goods_weight); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 注册上传sku图片事件 |
|
||||
*/ |
|
||||
onSelectImagesEvent: function () { |
|
||||
var _this = this; |
|
||||
// 注册上传sku图片
|
|
||||
_this.$nextTick(function () { |
|
||||
$(_this.$el).find('.j-selectImg').selectImages({ |
|
||||
done: function (data, $addon) { |
|
||||
var index = $addon.data('index'); |
|
||||
_this.$set(_this.spec_list[index].form, 'image_id', data[0]['file_id']); |
|
||||
_this.$set(_this.spec_list[index].form, 'image_path', data[0]['file_path']); |
|
||||
} |
|
||||
}); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 删除sku图片 |
|
||||
*/ |
|
||||
onDeleteSkuImage: function (index) { |
|
||||
this.spec_list[index].form['image_id'] = 0; |
|
||||
this.spec_list[index].form['image_path'] = ''; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 获取当前data |
|
||||
*/ |
|
||||
getData: function () { |
|
||||
return this.$data; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* sku列表是否为空 |
|
||||
* @returns {boolean} |
|
||||
*/ |
|
||||
isEmptySkuList: function () { |
|
||||
return !this.spec_list.length; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
// 初始化生成sku列表
|
|
||||
spec_list.length > 0 && this.appVue.buildSkulist(); |
|
||||
} |
|
||||
|
|
||||
}; |
|
||||
|
|
||||
window.GoodsSpec = GoodsSpec; |
|
||||
|
|
||||
})(); |
|
||||
|
|
||||
@ -1,307 +0,0 @@ |
|||||
/*! |
|
||||
* jquery.dad.js v1 (http://konsolestudio.com/dad)
|
|
||||
* Author William Lima |
|
||||
*/ |
|
||||
|
|
||||
(function ($) { |
|
||||
'use strict'; |
|
||||
var supportsTouch = 'ontouchstart' in window || navigator.msMaxTouchPoints; |
|
||||
|
|
||||
$.fn.dad = function (opts) { |
|
||||
var _this = this; |
|
||||
|
|
||||
var defaults = { |
|
||||
target: '>div', |
|
||||
draggable: false, |
|
||||
placeholder: '', |
|
||||
callback: false, |
|
||||
containerClass: 'dad-container', |
|
||||
childrenClass: 'dads-children', |
|
||||
cloneClass: 'dads-children-clone', |
|
||||
active: true, |
|
||||
}; |
|
||||
|
|
||||
var options = $.extend({}, defaults, opts); |
|
||||
|
|
||||
$(this).each(function () { |
|
||||
var active = options.active; |
|
||||
var $daddy = $(this); |
|
||||
var childrenClass = options.childrenClass; |
|
||||
var cloneClass = options.cloneClass; |
|
||||
var jQclass = '.' + childrenClass; |
|
||||
var $target = $daddy.find(options.target); |
|
||||
var placeholder = options.placeholder; |
|
||||
var callback = options.callback; |
|
||||
var dragClass = 'dad-draggable-area'; |
|
||||
var holderClass = 'dads-children-placeholder'; |
|
||||
|
|
||||
// HANDLE MOUSE
|
|
||||
var mouse = { |
|
||||
x: 0, |
|
||||
y: 0, |
|
||||
target: false, |
|
||||
clone: false, |
|
||||
placeholder: false, |
|
||||
cloneoffset: { |
|
||||
x: 0, |
|
||||
y: 0, |
|
||||
}, |
|
||||
updatePosition: function (e) { |
|
||||
this.x = e.pageX; |
|
||||
this.y = e.pageY; |
|
||||
}, |
|
||||
|
|
||||
move: function (e) { |
|
||||
this.updatePosition(e); |
|
||||
if (this.clone !== false && _this.target !== false) { |
|
||||
this.clone.css({ |
|
||||
left: this.x - this.cloneoffset.x, |
|
||||
top: this.y - this.cloneoffset.y, |
|
||||
}); |
|
||||
} |
|
||||
}, |
|
||||
}; |
|
||||
|
|
||||
$(window).on('mousemove touchmove', function (e) { |
|
||||
var ev = e; |
|
||||
|
|
||||
if (mouse.clone !== false && mouse.target !== false) e.preventDefault(); |
|
||||
|
|
||||
if (supportsTouch && e.type == 'touchmove') { |
|
||||
ev = e.originalEvent.touches[0]; |
|
||||
var mouseTarget = document.elementFromPoint(ev.clientX, ev.clientY); |
|
||||
|
|
||||
$(mouseTarget).trigger('touchenter'); |
|
||||
} |
|
||||
|
|
||||
mouse.move(ev); |
|
||||
}); |
|
||||
|
|
||||
$daddy.addClass(options.containerClass); |
|
||||
|
|
||||
if (!$daddy.hasClass('dad-active') && active === true) { |
|
||||
$daddy.addClass('dad-active'); |
|
||||
}; |
|
||||
|
|
||||
_this.addDropzone = function (selector, func) { |
|
||||
$(selector).on('mouseenter touchenter', function () { |
|
||||
if (mouse.target !== false) { |
|
||||
mouse.placeholder.css({ display: 'none' }); |
|
||||
mouse.target.css({ display: 'none' }); |
|
||||
$(this).addClass('active'); |
|
||||
} |
|
||||
}).on('mouseup touchend', function () { |
|
||||
if (mouse.target != false) { |
|
||||
mouse.placeholder.css({ display: 'block' }); |
|
||||
mouse.target.css({ display: 'block' }); |
|
||||
func(mouse.target); |
|
||||
dadEnd(); |
|
||||
}; |
|
||||
|
|
||||
$(this).removeClass('active'); |
|
||||
}).on('mouseleave touchleave', function () { |
|
||||
if (mouse.target !== false) { |
|
||||
mouse.placeholder.css({ display: 'block' }); |
|
||||
mouse.target.css({ display: 'block' }); |
|
||||
} |
|
||||
|
|
||||
$(this).removeClass('active'); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
// GET POSITION FUNCTION
|
|
||||
_this.getPosition = function () { |
|
||||
var positionArray = []; |
|
||||
$(this).find(jQclass).each(function () { |
|
||||
positionArray[$(this).attr('data-dad-id')] = parseInt($(this).attr('data-dad-position')); |
|
||||
}); |
|
||||
|
|
||||
return positionArray; |
|
||||
}; |
|
||||
|
|
||||
_this.activate = function () { |
|
||||
active = true; |
|
||||
if (!$daddy.hasClass('dad-active')) { |
|
||||
$daddy.addClass('dad-active'); |
|
||||
} |
|
||||
|
|
||||
return _this; |
|
||||
}; |
|
||||
|
|
||||
// DEACTIVATE FUNCTION
|
|
||||
_this.deactivate = function () { |
|
||||
active = false; |
|
||||
$daddy.removeClass('dad-active'); |
|
||||
return _this; |
|
||||
}; |
|
||||
|
|
||||
// DEFAULT DROPPING
|
|
||||
$daddy.on('DOMNodeInserted', function (e) { |
|
||||
var $thisTarget = $(e.target); |
|
||||
if (!$thisTarget.hasClass(childrenClass) && !$thisTarget.hasClass(holderClass)) { |
|
||||
$thisTarget.addClass(childrenClass); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
$(document).on('mouseup touchend', function () { |
|
||||
dadEnd(); |
|
||||
}); |
|
||||
|
|
||||
// ORDER ELEMENTS
|
|
||||
var order = 1; |
|
||||
$target.addClass(childrenClass).each(function () { |
|
||||
if ($(this).data('dad-id') == undefined) { |
|
||||
$(this).attr('data-dad-id', order); |
|
||||
} |
|
||||
|
|
||||
$(this).attr('data-dad-position', order); |
|
||||
order++; |
|
||||
}); |
|
||||
|
|
||||
// CREATE REORDER FUNCTION
|
|
||||
function updatePosition(e) { |
|
||||
var order = 1; |
|
||||
e.find(jQclass).each(function () { |
|
||||
$(this).attr('data-dad-position', order); |
|
||||
order++; |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
// END EVENT
|
|
||||
function dadEnd() { |
|
||||
if (mouse.target != false && mouse.clone != false) { |
|
||||
if (callback != false) { |
|
||||
callback(mouse.target); |
|
||||
} |
|
||||
|
|
||||
var appear = mouse.target; |
|
||||
var desappear = mouse.clone; |
|
||||
var holder = mouse.placeholder; |
|
||||
var bLeft = 0; |
|
||||
var bTop = 0; |
|
||||
|
|
||||
// Maybe we will use this in the future
|
|
||||
//Math.floor(parseFloat($daddy.css('border-left-width')));
|
|
||||
//Math.floor(parseFloat($daddy.css('border-top-width')));
|
|
||||
if ($.contains($daddy[0], mouse.target[0])) { |
|
||||
mouse.clone.animate({ |
|
||||
top: mouse.target.offset().top - $daddy.offset().top - bTop, |
|
||||
left: mouse.target.offset().left - $daddy.offset().left - bLeft, |
|
||||
}, 300, function () { |
|
||||
appear.css({ |
|
||||
visibility: 'visible', |
|
||||
}).removeClass('active'); |
|
||||
desappear.remove(); |
|
||||
}); |
|
||||
} else { |
|
||||
mouse.clone.fadeOut(300, function () { |
|
||||
desappear.remove(); |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
holder.remove(); |
|
||||
mouse.clone = false; |
|
||||
mouse.placeholder = false; |
|
||||
mouse.target = false; |
|
||||
updatePosition($daddy); |
|
||||
} |
|
||||
|
|
||||
$('html, body').removeClass('dad-noSelect'); |
|
||||
} |
|
||||
|
|
||||
// UPDATE EVENT
|
|
||||
function dadUpdate(obj) { |
|
||||
if (mouse.target !== false && mouse.clone !== false) { |
|
||||
var $origin = $('<span style="display:none"></span>'); |
|
||||
var $newplace = $('<span style="display:none"></span>'); |
|
||||
|
|
||||
if (obj.prevAll().hasClass('active')) { |
|
||||
obj.after($newplace); |
|
||||
} else { |
|
||||
obj.before($newplace); |
|
||||
} |
|
||||
|
|
||||
mouse.target.before($origin); |
|
||||
$newplace.before(mouse.target); |
|
||||
|
|
||||
// UPDATE PLACEHOLDER
|
|
||||
mouse.placeholder.css({ |
|
||||
top: mouse.target.offset().top - $daddy.offset().top, |
|
||||
left: mouse.target.offset().left - $daddy.offset().left, |
|
||||
width: mouse.target.outerWidth() - 10, |
|
||||
height: mouse.target.outerHeight() - 10, |
|
||||
}); |
|
||||
|
|
||||
$origin.remove(); |
|
||||
$newplace.remove(); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// GRABBING EVENT
|
|
||||
var jq = (options.draggable !== false) ? options.draggable : jQclass; |
|
||||
$daddy.find(jq).addClass(dragClass); |
|
||||
$daddy.on('mousedown touchstart', jq, function (e) { |
|
||||
// For touchstart we must update "mouse" position
|
|
||||
if (e.type == 'touchstart') { |
|
||||
mouse.updatePosition(e.originalEvent.touches[0]); |
|
||||
} |
|
||||
|
|
||||
if (mouse.target == false && active == true && (e.which == 1 || e.type == 'touchstart')) { |
|
||||
var $self = $(this); |
|
||||
|
|
||||
// GET TARGET
|
|
||||
if (options.draggable !== false) { |
|
||||
mouse.target = $daddy.find(jQclass).has(this); |
|
||||
} else { |
|
||||
mouse.target = $self; |
|
||||
} |
|
||||
|
|
||||
// ADD CLONE
|
|
||||
mouse.clone = mouse.target.clone(); |
|
||||
mouse.target.css({ visibility: 'hidden' }).addClass('active'); |
|
||||
mouse.clone.addClass(cloneClass); |
|
||||
$daddy.append(mouse.clone); |
|
||||
|
|
||||
// ADD PLACEHOLDER
|
|
||||
var $placeholder = $('<div></div>'); |
|
||||
mouse.placeholder = $placeholder; |
|
||||
mouse.placeholder.addClass(holderClass); |
|
||||
mouse.placeholder.css({ |
|
||||
top: mouse.target.offset().top - $daddy.offset().top, |
|
||||
left: mouse.target.offset().left - $daddy.offset().left, |
|
||||
width: mouse.target.outerWidth() - 10, |
|
||||
height: mouse.target.outerHeight() - 10, |
|
||||
lineHeight: mouse.target.height() - 18 + 'px', |
|
||||
textAlign: 'center', |
|
||||
}).text(placeholder); |
|
||||
|
|
||||
$daddy.append(mouse.placeholder); |
|
||||
|
|
||||
// GET OFFSET FOR CLONE
|
|
||||
var bLeft = Math.floor(parseFloat($daddy.css('border-left-width'))); |
|
||||
var bTop = Math.floor(parseFloat($daddy.css('border-top-width'))); |
|
||||
var difx = mouse.x - mouse.target.offset().left + $daddy.offset().left + bLeft; |
|
||||
var dify = mouse.y - mouse.target.offset().top + $daddy.offset().top + bTop; |
|
||||
mouse.cloneoffset.x = difx; |
|
||||
mouse.cloneoffset.y = dify; |
|
||||
|
|
||||
// REMOVE THE CHILDREN DAD CLASS AND SET THE POSITION ON SCREEN
|
|
||||
mouse.clone.removeClass(childrenClass).css({ |
|
||||
position: 'absolute', |
|
||||
top: mouse.y - mouse.cloneoffset.y, |
|
||||
left: mouse.x - mouse.cloneoffset.x, |
|
||||
}); |
|
||||
|
|
||||
// UNABLE THE TEXT SELECTION AND SET THE GRAB CURSOR
|
|
||||
$('html,body').addClass('dad-noSelect'); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
$daddy.on('mouseenter touchenter', jQclass, function () { |
|
||||
dadUpdate($(this)); |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
return this; |
|
||||
}; |
|
||||
})(jQuery); |
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,132 +0,0 @@ |
|||||
;(function ($, window, document, undefined) { |
|
||||
|
|
||||
/** |
|
||||
* 数据选择器模块 |
|
||||
* @param $trigger |
|
||||
* @param option |
|
||||
* @constructor |
|
||||
*/ |
|
||||
function selectData($trigger, option) { |
|
||||
var defaults = { |
|
||||
title: '', // 弹窗标题
|
|
||||
uri: '', // api uri
|
|
||||
duplicate: true, // 是否允许重复数据
|
|
||||
dataIndex: '', // 数据索引名称 例如: goods_id, 用于验证数据是否重复
|
|
||||
getExistData: $.noop() // 获取已存在数据接口函数
|
|
||||
}; |
|
||||
this.options = $.extend({}, defaults, option); |
|
||||
// 初始化对象事件
|
|
||||
this.init($trigger); |
|
||||
} |
|
||||
|
|
||||
selectData.prototype = { |
|
||||
|
|
||||
/** |
|
||||
* 初始化 |
|
||||
*/ |
|
||||
init: function ($trigger) { |
|
||||
var _this = this; |
|
||||
if ($trigger === false) { |
|
||||
_this.showModal(); |
|
||||
return false; |
|
||||
} |
|
||||
// 选择器触发事件
|
|
||||
$trigger.unbind().click(function () { |
|
||||
_this.showModal(); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 显示数据选择弹窗 |
|
||||
*/ |
|
||||
showModal: function () { |
|
||||
var _this = this; |
|
||||
// 捕获页
|
|
||||
layer.open({ |
|
||||
type: 2 |
|
||||
, id: _this.options.layerId |
|
||||
, title: _this.options.title |
|
||||
, skin: 'modal-select-data' |
|
||||
, area: ['840px', '520px'] |
|
||||
, offset: 'auto' |
|
||||
, anim: 1 |
|
||||
, closeBtn: 1 |
|
||||
, shade: 0.3 |
|
||||
, btn: ['确定', '取消'] |
|
||||
, content: STORE_URL + '/data.' + this.options.uri |
|
||||
, success: function (layero) { |
|
||||
// 初始化文件库弹窗
|
|
||||
_this.initModal(layero); |
|
||||
} |
|
||||
, yes: function (index, layero) { |
|
||||
var iframeWin = window[layero.find('iframe')[0]['name']] |
|
||||
, selectedData = iframeWin.getSelectedData() // 选择的数据
|
|
||||
, newData = _this.duplicateData(selectedData); // 去除重复
|
|
||||
// 执行回调函数
|
|
||||
if (newData && typeof _this.options.done === 'function') { |
|
||||
_this.options.done(JSON.parse(JSON.stringify(newData)), this.$touch); |
|
||||
} |
|
||||
layer.close(index); |
|
||||
} |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 筛选重复数据 |
|
||||
* @param selectedData |
|
||||
*/ |
|
||||
duplicateData: function (selectedData) { |
|
||||
var _this = this; |
|
||||
if (!selectedData.length) { |
|
||||
return false; |
|
||||
} |
|
||||
if (_this.options.duplicate !== false) { |
|
||||
return selectedData; |
|
||||
} |
|
||||
if (_this.options.dataIndex === '') { |
|
||||
console.error('dataIndex is not defined'); |
|
||||
return false; |
|
||||
} |
|
||||
var existData = _this.options.getExistData.call(true); |
|
||||
if (!existData.length) { |
|
||||
return selectedData; |
|
||||
} |
|
||||
var newData = []; |
|
||||
selectedData.forEach(function (item) { |
|
||||
if (existData.indexOf(item[_this.options.dataIndex]) === -1) { |
|
||||
newData.push(item); |
|
||||
existData.push(item[_this.options.dataIndex]); |
|
||||
} |
|
||||
}); |
|
||||
return newData; |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 初始弹窗 |
|
||||
*/ |
|
||||
initModal: function (element) { |
|
||||
var _this = this; |
|
||||
_this.$element = element; |
|
||||
} |
|
||||
|
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 在Jquery插件中使用selectData对象 |
|
||||
* @param options |
|
||||
* @returns {selectData} |
|
||||
*/ |
|
||||
$.fn.selectData = function (options) { |
|
||||
return new selectData(this, options); |
|
||||
}; |
|
||||
|
|
||||
/** |
|
||||
* 在Jquery插件中使用selectData对象 |
|
||||
* @param options |
|
||||
* @returns {selectData} |
|
||||
*/ |
|
||||
$.selectData = function (options) { |
|
||||
return new selectData(false, options); |
|
||||
}; |
|
||||
|
|
||||
})(jQuery, window, document); |
|
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
@ -1,87 +0,0 @@ |
|||||
.edui-popup-emotion .edui-emotion-jd img{ |
|
||||
background:transparent url(images/jxface2.gif?v=1.1) no-repeat scroll left top; |
|
||||
cursor:pointer;width:35px;height:35px;display:block; |
|
||||
} |
|
||||
.edui-popup-emotion .edui-emotion-pp img{ |
|
||||
background:transparent url(images/fface.gif?v=1.1) no-repeat scroll left top; |
|
||||
cursor:pointer;width:25px;height:25px;display:block; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-ldw img{ |
|
||||
background:transparent url(images/wface.gif?v=1.1) no-repeat scroll left top; |
|
||||
cursor:pointer;width:35px;height:35px;display:block; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-tsj img{ |
|
||||
background:transparent url(images/tface.gif?v=1.1) no-repeat scroll left top; |
|
||||
cursor:pointer;width:35px;height:35px;display:block; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-cat img{ |
|
||||
background:transparent url(images/cface.gif?v=1.1) no-repeat scroll left top; |
|
||||
cursor:pointer;width:35px;height:35px;display:block; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-bb img{ |
|
||||
background:transparent url(images/bface.gif?v=1.1) no-repeat scroll left top; |
|
||||
cursor:pointer;width:35px;height:35px;display:block; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-youa img{ |
|
||||
background:transparent url(images/yface.gif?v=1.1) no-repeat scroll left top; |
|
||||
cursor:pointer;width:35px;height:35px;display:block; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-smileytable { |
|
||||
width: 100%; |
|
||||
border-spacing: 0; |
|
||||
border-collapse: collapse; |
|
||||
table-layout: fixed; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-wrapper { |
|
||||
padding: 15px; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-tab-nav{ |
|
||||
height: auto; |
|
||||
*height: 31px; |
|
||||
} |
|
||||
.edui-popup-emotion .edui-emotion-tabs{ |
|
||||
clear: both; |
|
||||
width: 0; |
|
||||
height: 0; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-tab-content { |
|
||||
padding: 15px 0; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-preview-box { |
|
||||
width:90px; |
|
||||
height:76px; |
|
||||
border:2px solid #9cb945; |
|
||||
background:#FFFFFF; |
|
||||
background-position:center; |
|
||||
background-repeat:no-repeat; |
|
||||
position: absolute; |
|
||||
top: 67px; |
|
||||
left: 494px; |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-tab-text { |
|
||||
font-size: 12px; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-preview-left { |
|
||||
left: 15px; |
|
||||
} |
|
||||
|
|
||||
.edui-popup-emotion .edui-emotion-preview-img { |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
display: block; |
|
||||
background-repeat: no-repeat; |
|
||||
background-position: center center; |
|
||||
} |
|
||||
@ -1,272 +0,0 @@ |
|||||
(function(){ |
|
||||
|
|
||||
var editor = null; |
|
||||
|
|
||||
UM.registerWidget('emotion',{ |
|
||||
|
|
||||
tpl: "<link type=\"text/css\" rel=\"stylesheet\" href=\"<%=emotion_url%>emotion.css\">" + |
|
||||
"<div class=\"edui-emotion-tab-Jpanel edui-emotion-wrapper\">" + |
|
||||
"<ul class=\"edui-emotion-Jtabnav edui-tab-nav\">" + |
|
||||
"<li class=\"edui-tab-item\"><a data-context=\".edui-emotion-Jtab0\" hideFocus=\"true\" class=\"edui-tab-text\"><%=lang_input_choice%></a></li>" + |
|
||||
"<li class=\"edui-tab-item\"><a data-context=\".edui-emotion-Jtab1\" class=\"edui-tab-text\"><%=lang_input_Tuzki%></a></li>" + |
|
||||
"<li class=\"edui-tab-item\"><a data-context=\".edui-emotion-Jtab2\" hideFocus=\"true\" class=\"edui-tab-text\"><%=lang_input_lvdouwa%></a></li>" + |
|
||||
"<li class=\"edui-tab-item\"><a data-context=\".edui-emotion-Jtab3\" hideFocus=\"true\" class=\"edui-tab-text\"><%=lang_input_BOBO%></a></li>" + |
|
||||
"<li class=\"edui-tab-item\"><a data-context=\".edui-emotion-Jtab4\" hideFocus=\"true\" class=\"edui-tab-text\"><%=lang_input_babyCat%></a></li>" + |
|
||||
"<li class=\"edui-tab-item\"><a data-context=\".edui-emotion-Jtab5\" hideFocus=\"true\" class=\"edui-tab-text\"><%=lang_input_bubble%></a></li>" + |
|
||||
"<li class=\"edui-tab-item\"><a data-context=\".edui-emotion-Jtab6\" hideFocus=\"true\" class=\"edui-tab-text\"><%=lang_input_youa%></a></li>" + |
|
||||
"<li class=\"edui-emotion-tabs\"></li>" + |
|
||||
"</ul>" + |
|
||||
"<div class=\"edui-tab-content edui-emotion-JtabBodys\">" + |
|
||||
"<div class=\"edui-emotion-Jtab0 edui-tab-pane\"></div>" + |
|
||||
"<div class=\"edui-emotion-Jtab1 edui-tab-pane\"></div>" + |
|
||||
"<div class=\"edui-emotion-Jtab2 edui-tab-pane\"></div>" + |
|
||||
"<div class=\"edui-emotion-Jtab3 edui-tab-pane\"></div>" + |
|
||||
"<div class=\"edui-emotion-Jtab4 edui-tab-pane\"></div>" + |
|
||||
"<div class=\"edui-emotion-Jtab5 edui-tab-pane\"></div>" + |
|
||||
"<div class=\"edui-emotion-Jtab6 edui-tab-pane\"></div>" + |
|
||||
"</div>" + |
|
||||
"<div class=\"edui-emotion-JtabIconReview edui-emotion-preview-box\">" + |
|
||||
"<img src=\"<%=cover_img%>\" class=\'edui-emotion-JfaceReview edui-emotion-preview-img\'/>" + |
|
||||
"</div>", |
|
||||
|
|
||||
sourceData: { |
|
||||
emotion: { |
|
||||
tabNum:7, //切换面板数量
|
|
||||
SmilmgName:{ 'edui-emotion-Jtab0':['j_00', 84], 'edui-emotion-Jtab1':['t_00', 40], 'edui-emotion-Jtab2':['w_00', 52], 'edui-emotion-Jtab3':['B_00', 63], 'edui-emotion-Jtab4':['C_00', 20], 'edui-emotion-Jtab5':['i_f', 50], 'edui-emotion-Jtab6':['y_00', 40] }, //图片前缀名
|
|
||||
imageFolders:{ 'edui-emotion-Jtab0':'jx2/', 'edui-emotion-Jtab1':'tsj/', 'edui-emotion-Jtab2':'ldw/', 'edui-emotion-Jtab3':'bobo/', 'edui-emotion-Jtab4':'babycat/', 'edui-emotion-Jtab5':'face/', 'edui-emotion-Jtab6':'youa/'}, //图片对应文件夹路径
|
|
||||
imageCss:{'edui-emotion-Jtab0':'jd', 'edui-emotion-Jtab1':'tsj', 'edui-emotion-Jtab2':'ldw', 'edui-emotion-Jtab3':'bb', 'edui-emotion-Jtab4':'cat', 'edui-emotion-Jtab5':'pp', 'edui-emotion-Jtab6':'youa'}, //图片css类名
|
|
||||
imageCssOffset:{'edui-emotion-Jtab0':35, 'edui-emotion-Jtab1':35, 'edui-emotion-Jtab2':35, 'edui-emotion-Jtab3':35, 'edui-emotion-Jtab4':35, 'edui-emotion-Jtab5':25, 'edui-emotion-Jtab6':35}, //图片偏移
|
|
||||
SmileyInfor:{ |
|
||||
'edui-emotion-Jtab0':['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'], |
|
||||
'edui-emotion-Jtab1':['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么？', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'], |
|
||||
'edui-emotion-Jtab2':['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢？', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'], |
|
||||
'edui-emotion-Jtab3':['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'], |
|
||||
'edui-emotion-Jtab4':['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'], |
|
||||
'edui-emotion-Jtab5':['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'], |
|
||||
'edui-emotion-Jtab6':['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上'] |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
initContent:function( _editor, $widget ){ |
|
||||
|
|
||||
var me = this, |
|
||||
emotion = me.sourceData.emotion, |
|
||||
lang = _editor.getLang( 'emotion' )['static'], |
|
||||
emotionUrl = UMEDITOR_CONFIG.UMEDITOR_HOME_URL + 'dialogs/emotion/', |
|
||||
options = $.extend( {}, lang, { |
|
||||
emotion_url: emotionUrl |
|
||||
}), |
|
||||
$root = me.root(); |
|
||||
|
|
||||
if( me.inited ) { |
|
||||
me.preventDefault(); |
|
||||
this.switchToFirst(); |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
me.inited = true; |
|
||||
|
|
||||
editor = _editor; |
|
||||
this.widget = $widget; |
|
||||
|
|
||||
emotion.SmileyPath = _editor.options.emotionLocalization === true ? emotionUrl + 'images/' : "http://img.baidu.com/hi/"; |
|
||||
emotion.SmileyBox = me.createTabList( emotion.tabNum ); |
|
||||
emotion.tabExist = me.createArr( emotion.tabNum ); |
|
||||
|
|
||||
options['cover_img'] = emotion.SmileyPath + (editor.options.emotionLocalization ? '0.gif' : 'default/0.gif'); |
|
||||
|
|
||||
$root.html( $.parseTmpl( me.tpl, options ) ); |
|
||||
|
|
||||
me.tabs = $.eduitab({selector:".edui-emotion-tab-Jpanel"}); |
|
||||
|
|
||||
//缓存预览对象
|
|
||||
me.previewBox = $root.find(".edui-emotion-JtabIconReview"); |
|
||||
me.previewImg = $root.find(".edui-emotion-JfaceReview"); |
|
||||
|
|
||||
me.initImgName(); |
|
||||
|
|
||||
}, |
|
||||
initEvent:function(){ |
|
||||
|
|
||||
var me = this; |
|
||||
|
|
||||
//防止点击过后关闭popup
|
|
||||
me.root().on('click', function(e){ |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
//移动预览
|
|
||||
me.root().delegate( 'td', 'mouseover mouseout', function( evt ){ |
|
||||
|
|
||||
var $td = $( this), |
|
||||
url = $td.attr('data-surl') || null; |
|
||||
|
|
||||
if( url ) { |
|
||||
me[evt.type]( this, url , $td.attr('data-posflag') ); |
|
||||
} |
|
||||
|
|
||||
return false; |
|
||||
|
|
||||
} ); |
|
||||
|
|
||||
//点击选中
|
|
||||
me.root().delegate( 'td', 'click', function( evt ){ |
|
||||
|
|
||||
var $td = $( this), |
|
||||
realUrl = $td.attr('data-realurl') || null; |
|
||||
|
|
||||
if( realUrl ) { |
|
||||
me.insertSmiley( realUrl.replace( /'/g, "\\'" ), evt ); |
|
||||
} |
|
||||
|
|
||||
return false; |
|
||||
|
|
||||
} ); |
|
||||
|
|
||||
//更新模板
|
|
||||
me.tabs.edui().on("beforeshow", function( evt ){ |
|
||||
|
|
||||
var contentId = $(evt.target).attr('data-context').replace( /^.*\.(?=[^\s]*$)/, '' ); |
|
||||
|
|
||||
evt.stopPropagation(); |
|
||||
|
|
||||
me.updateTab( contentId ); |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
this.switchToFirst(); |
|
||||
|
|
||||
}, |
|
||||
initImgName: function() { |
|
||||
|
|
||||
var emotion = this.sourceData.emotion; |
|
||||
|
|
||||
for ( var pro in emotion.SmilmgName ) { |
|
||||
var tempName = emotion.SmilmgName[pro], |
|
||||
tempBox = emotion.SmileyBox[pro], |
|
||||
tempStr = ""; |
|
||||
|
|
||||
if ( tempBox.length ) return; |
|
||||
|
|
||||
for ( var i = 1; i <= tempName[1]; i++ ) { |
|
||||
tempStr = tempName[0]; |
|
||||
if ( i < 10 ) tempStr = tempStr + '0'; |
|
||||
tempStr = tempStr + i + '.gif'; |
|
||||
tempBox.push( tempStr ); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
/** |
|
||||
* 切换到第一个tab |
|
||||
*/ |
|
||||
switchToFirst: function(){ |
|
||||
this.root().find(".edui-emotion-Jtabnav .edui-tab-text:first").trigger('click'); |
|
||||
}, |
|
||||
updateTab: function( contentBoxId ) { |
|
||||
|
|
||||
var me = this, |
|
||||
emotion = me.sourceData.emotion; |
|
||||
|
|
||||
me.autoHeight( contentBoxId ); |
|
||||
|
|
||||
if ( !emotion.tabExist[ contentBoxId ] ) { |
|
||||
|
|
||||
emotion.tabExist[ contentBoxId ] = true; |
|
||||
me.createTab( contentBoxId ); |
|
||||
|
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
autoHeight: function( ) { |
|
||||
this.widget.height(this.root() + 2); |
|
||||
}, |
|
||||
createTabList: function( tabNum ) { |
|
||||
var obj = {}; |
|
||||
for ( var i = 0; i < tabNum; i++ ) { |
|
||||
obj["edui-emotion-Jtab" + i] = []; |
|
||||
} |
|
||||
return obj; |
|
||||
}, |
|
||||
mouseover: function( td, srcPath, posFlag ) { |
|
||||
|
|
||||
posFlag -= 0; |
|
||||
|
|
||||
$(td).css( 'backgroundColor', '#ACCD3C' ); |
|
||||
|
|
||||
this.previewImg.css( "backgroundImage", "url(" + srcPath + ")" ); |
|
||||
posFlag && this.previewBox.addClass('edui-emotion-preview-left'); |
|
||||
this.previewBox.show(); |
|
||||
|
|
||||
}, |
|
||||
mouseout: function( td ) { |
|
||||
$(td).css( 'backgroundColor', 'transparent' ); |
|
||||
this.previewBox.removeClass('edui-emotion-preview-left').hide(); |
|
||||
}, |
|
||||
insertSmiley: function( url, evt ) { |
|
||||
var obj = { |
|
||||
src: url |
|
||||
}; |
|
||||
obj._src = obj.src; |
|
||||
editor.execCommand( 'insertimage', obj ); |
|
||||
if ( !evt.ctrlKey ) { |
|
||||
//关闭预览
|
|
||||
this.previewBox.removeClass('edui-emotion-preview-left').hide(); |
|
||||
this.widget.edui().hide(); |
|
||||
} |
|
||||
}, |
|
||||
createTab: function( contentBoxId ) { |
|
||||
|
|
||||
var faceVersion = "?v=1.1", //版本号
|
|
||||
me = this, |
|
||||
$contentBox = this.root().find("."+contentBoxId), |
|
||||
emotion = me.sourceData.emotion, |
|
||||
imagePath = emotion.SmileyPath + emotion.imageFolders[ contentBoxId ], //获取显示表情和预览表情的路径
|
|
||||
positionLine = 11 / 2, //中间数
|
|
||||
iWidth = iHeight = 35, //图片长宽
|
|
||||
iColWidth = 3, //表格剩余空间的显示比例
|
|
||||
tableCss = emotion.imageCss[ contentBoxId ], |
|
||||
cssOffset = emotion.imageCssOffset[ contentBoxId ], |
|
||||
textHTML = ['<table border="1" class="edui-emotion-smileytable">'], |
|
||||
i = 0, imgNum = emotion.SmileyBox[ contentBoxId ].length, imgColNum = 11, faceImage, |
|
||||
sUrl, realUrl, posflag, offset, infor; |
|
||||
|
|
||||
for ( ; i < imgNum; ) { |
|
||||
textHTML.push( '<tr>' ); |
|
||||
for ( var j = 0; j < imgColNum; j++, i++ ) { |
|
||||
faceImage = emotion.SmileyBox[ contentBoxId ][i]; |
|
||||
if ( faceImage ) { |
|
||||
sUrl = imagePath + faceImage + faceVersion; |
|
||||
realUrl = imagePath + faceImage; |
|
||||
posflag = j < positionLine ? 0 : 1; |
|
||||
offset = cssOffset * i * (-1) - 1; |
|
||||
infor = emotion.SmileyInfor[ contentBoxId ][i]; |
|
||||
|
|
||||
textHTML.push( '<td class="edui-emotion-' + tableCss + '" data-surl="'+ sUrl +'" data-realurl="'+ realUrl +'" data-posflag="'+ posflag +'" align="center">' ); |
|
||||
textHTML.push( '<span>' ); |
|
||||
textHTML.push( '<img style="background-position:left ' + offset + 'px;" title="' + infor + '" src="' + emotion.SmileyPath + (editor.options.emotionLocalization ? '0.gif" width="' : 'default/0.gif" width="') + iWidth + '" height="' + iHeight + '"></img>' ); |
|
||||
textHTML.push( '</span>' ); |
|
||||
} else { |
|
||||
textHTML.push( '<td bgcolor="#FFFFFF">' ); |
|
||||
} |
|
||||
textHTML.push( '</td>' ); |
|
||||
} |
|
||||
textHTML.push( '</tr>' ); |
|
||||
} |
|
||||
textHTML.push( '</table>' ); |
|
||||
textHTML = textHTML.join( "" ); |
|
||||
$contentBox.html( textHTML ); |
|
||||
}, |
|
||||
createArr: function( tabNum ) { |
|
||||
var arr = []; |
|
||||
for ( var i = 0; i < tabNum; i++ ) { |
|
||||
arr[i] = 0; |
|
||||
} |
|
||||
return arr; |
|
||||
}, |
|
||||
width:603, |
|
||||
height:400 |
|
||||
}); |
|
||||
|
|
||||
})(); |
|
||||
|
|
||||
|
Before Width: | Height: | Size: 43 B |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 8.4 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 216 B |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 28 KiB |
@ -1,32 +0,0 @@ |
|||||
.edui-popup-formula .edui-formula-wrapper { |
|
||||
padding: 15px; |
|
||||
} |
|
||||
.edui-popup-formula .edui-formula-wrapper .edui-tab-nav{ |
|
||||
height: auto; |
|
||||
*height: 31px; |
|
||||
} |
|
||||
.edui-popup-formula .edui-formula-wrapper .edui-tab-text { |
|
||||
font-size: 12px; |
|
||||
} |
|
||||
.edui-popup-formula .edui-formula-wrapper .edui-formula-clearboth { |
|
||||
clear: both; |
|
||||
width: 0; |
|
||||
height: 0; |
|
||||
} |
|
||||
.edui-popup-formula .edui-formula-wrapper .edui-tab-pane ul { |
|
||||
margin: 0px; |
|
||||
padding: 0px; |
|
||||
} |
|
||||
.edui-popup-formula .edui-formula-wrapper .edui-tab-content { |
|
||||
padding: 5px 0px 0px 0px; |
|
||||
} |
|
||||
.edui-popup-formula .edui-formula-wrapper .edui-tab-pane .edui-formula-latex-item { |
|
||||
display: block; |
|
||||
float: left; |
|
||||
margin: 0px 3px 3px 0px; |
|
||||
width: 30px; |
|
||||
height: 30px; |
|
||||
border:1px solid #cccccc; |
|
||||
background-image: url("images/formula.png"); |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
@ -1,212 +0,0 @@ |
|||||
<!doctype html> |
|
||||
<html lang="en"> |
|
||||
<head> |
|
||||
<meta charset="UTF-8"> |
|
||||
<title>Document</title> |
|
||||
<link rel="stylesheet" href="../../third-party/mathquill/mathquill.css"/> |
|
||||
<style> |
|
||||
html, body, .main{ |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
.main{ |
|
||||
width:1024px; |
|
||||
height:1024px; |
|
||||
} |
|
||||
.mathquill-editable, |
|
||||
.mathquill-rendered-math{ |
|
||||
border: 0px; |
|
||||
padding: 0px; |
|
||||
margin:4px; |
|
||||
} |
|
||||
</style> |
|
||||
</head> |
|
||||
<body> |
|
||||
|
|
||||
<div class="main"> |
|
||||
<div class="mathquill-editable"></div> |
|
||||
</div> |
|
||||
|
|
||||
<div> |
|
||||
<input id="blurHelper" /> |
|
||||
</div> |
|
||||
|
|
||||
<script src="../../third-party/jquery.min.js"></script> |
|
||||
<script src="../../third-party/mathquill/mathquill.js"></script> |
|
||||
<script> |
|
||||
$(function(){ |
|
||||
|
|
||||
var UM = parent.UM, |
|
||||
$iframe = $(getSelfIframe()), |
|
||||
editorId = $iframe.parents('.edui-body-container').attr('id'), |
|
||||
editor = UM.getEditor(editorId), |
|
||||
timer; |
|
||||
|
|
||||
/* 获得当前公式所在的iframe节点 */ |
|
||||
function getSelfIframe(){ |
|
||||
var iframes = parent.document.getElementsByTagName('iframe'); |
|
||||
for (var key in iframes) { |
|
||||
if (iframes[key].contentWindow == window) { |
|
||||
return iframes[key]; |
|
||||
} |
|
||||
} |
|
||||
return null; |
|
||||
} |
|
||||
/* 获得当前url上的hash存储的参数值 */ |
|
||||
function getLatex() { |
|
||||
return $iframe.attr('data-latex') || ''; |
|
||||
} |
|
||||
/* 保存场景 */ |
|
||||
function saveScene(){ |
|
||||
timer && clearTimeout(timer); |
|
||||
timer = setTimeout(function(){ |
|
||||
editor.fireEvent('savescene'); |
|
||||
editor.fireEvent('contentchange'); |
|
||||
editor.fireEvent('selectionchange'); |
|
||||
timer = null; |
|
||||
}, 300); |
|
||||
} |
|
||||
/* 设置编辑器可编辑 */ |
|
||||
function enableEditor(){ |
|
||||
if(editor.body.contentEditable == 'false') { |
|
||||
editor.setEnabled(); |
|
||||
} |
|
||||
} |
|
||||
/* 设置编辑器不可编辑 */ |
|
||||
function disableEditor(){ |
|
||||
if(editor.body.contentEditable == 'true') { |
|
||||
editor.setDisabled(['undo', 'redo', 'preview', 'formula'], true); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
/* 公式 */ |
|
||||
var Formula = function(){ |
|
||||
var _this = this, |
|
||||
latex = getLatex(); |
|
||||
|
|
||||
this.isFocus = false; |
|
||||
this.isDisabled = false; |
|
||||
|
|
||||
/* 加载公式内容 */ |
|
||||
this.$mathquill = $('.mathquill-editable').mathquill('latex', latex); |
|
||||
|
|
||||
/* 设置活动状态的公式iframe */ |
|
||||
this.$mathquill.on('mousedown', function(){ |
|
||||
/* 编辑器不可用时,公式也不可用 */ |
|
||||
if(_this.disabled) return false; |
|
||||
|
|
||||
/* 第一次点击当前公式,设置公式活动 */ |
|
||||
if(!$iframe.hasClass('edui-formula-active')) { |
|
||||
disableEditor(); |
|
||||
editor.blur(); |
|
||||
editor.$body.find('iframe').not($iframe).each(function(k, v){ |
|
||||
v.contentWindow.formula.blur(); |
|
||||
}); |
|
||||
if(_this.$mathquill.find('.cursor').css('display') == 'none') { |
|
||||
_this.refresh(); |
|
||||
_this.$mathquill.addClass('hasCursor'); |
|
||||
} |
|
||||
} |
|
||||
_this.focus(); |
|
||||
}); |
|
||||
editor.addListener('click', function(){ |
|
||||
_this.blur(); |
|
||||
enableEditor(); |
|
||||
}); |
|
||||
|
|
||||
/* 里面focus,编辑器也判断为focus */ |
|
||||
editor.addListener('isFocus', function(){ |
|
||||
return _this.isFocus; |
|
||||
}); |
|
||||
/* um不可用,公式也不可编辑 */ |
|
||||
editor.addListener('setDisabled', function(type, except){ |
|
||||
if (!(except && except.join(' ').indexOf('formula') != -1) && _this.isDisabled != true ) { |
|
||||
_this.setDisabled(); |
|
||||
} |
|
||||
}); |
|
||||
editor.addListener('setEnabled', function(){ |
|
||||
if (_this.isDisabled != false) { |
|
||||
_this.setEnabled(); |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
/* 设置更新外层iframe的大小和属性 */ |
|
||||
$(document.body).on('keydown', function(){ |
|
||||
_this.updateIframe(); |
|
||||
}).on('keyup', function(){ |
|
||||
_this.updateIframe(); |
|
||||
}); |
|
||||
|
|
||||
/* 清除初始化的高亮状态 */ |
|
||||
this.$mathquill.removeClass('hasCursor'); |
|
||||
|
|
||||
/* 初始化后延迟刷新外层iframe大小 */ |
|
||||
setTimeout(function(){ |
|
||||
_this.updateIframe(); |
|
||||
}, 300); |
|
||||
}; |
|
||||
|
|
||||
Formula.prototype = { |
|
||||
focus:function(){ |
|
||||
$iframe.addClass('edui-formula-active'); |
|
||||
this.isFocus = true; |
|
||||
}, |
|
||||
blur:function(){ |
|
||||
$iframe.removeClass('edui-formula-active'); |
|
||||
this.removeCursor(); |
|
||||
this.isFocus = false; |
|
||||
}, |
|
||||
removeCursor: function(){ |
|
||||
this.$mathquill.find('span.cursor').hide(); |
|
||||
this.$mathquill.parent().find('.hasCursor').removeClass('hasCursor'); |
|
||||
}, |
|
||||
updateIframe: function(){ |
|
||||
$iframe.width(this.$mathquill.width()+8).height(this.$mathquill.height()+8); |
|
||||
var latex = $iframe.attr('data-latex'), |
|
||||
newLatex = this.getLatex(); |
|
||||
if(latex != newLatex) { |
|
||||
$iframe.attr('data-latex', this.getLatex()); |
|
||||
saveScene(); |
|
||||
} |
|
||||
}, |
|
||||
insertLatex: function(latex){ |
|
||||
this.$mathquill.mathquill('write', latex); |
|
||||
this.updateIframe(); |
|
||||
this.removeCursor(); |
|
||||
}, |
|
||||
setLatex: function(latex){ |
|
||||
this.$mathquill.mathquill('latex', latex); |
|
||||
this.updateIframe(); |
|
||||
}, |
|
||||
getLatex: function(){ |
|
||||
return this.$mathquill.mathquill('latex'); |
|
||||
}, |
|
||||
redraw: function(){ |
|
||||
this.$mathquill.mathquill('redraw'); |
|
||||
}, |
|
||||
setDisabled: function(){ |
|
||||
this.blur(); |
|
||||
var latex = this.getLatex(); |
|
||||
this.$mathquill.mathquill('revert').text(latex).mathquill(); |
|
||||
this.updateIframe(); |
|
||||
this.isDisabled = true; |
|
||||
}, |
|
||||
setEnabled: function(){ |
|
||||
this.$mathquill.removeClass('mathquill-rendered-math'); |
|
||||
this.refresh(); |
|
||||
this.isDisabled = false; |
|
||||
}, |
|
||||
refresh: function(){ |
|
||||
var latex = this.getLatex(); |
|
||||
this.$mathquill.mathquill('revert').text(latex).mathquill('editable'); |
|
||||
this.updateIframe(); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
/* 绑定到window上，给上级window调用 */ |
|
||||
window.formula = new Formula(); |
|
||||
}); |
|
||||
</script> |
|
||||
</body> |
|
||||
</html> |
|
||||
@ -1,124 +0,0 @@ |
|||||
(function () { |
|
||||
|
|
||||
var editor = null; |
|
||||
|
|
||||
UM.registerWidget('formula', { |
|
||||
|
|
||||
tpl: "<link type=\"text/css\" rel=\"stylesheet\" href=\"<%=formula_url%>formula.css\">" + |
|
||||
"<div class=\"edui-formula-wrapper\">" + |
|
||||
"<ul class=\"edui-tab-nav\"></ul>" + |
|
||||
"<div class=\"edui-tab-content\"></div>" + |
|
||||
"</div>", |
|
||||
|
|
||||
sourceData: { |
|
||||
formula: { |
|
||||
'common': [ |
|
||||
"{/}frac{ }{ }", "^{ }/_{ }", "x^{ }", "x_{ }", "x^{ }_{ }", "{/}bar{ }", "{/}sqrt{ }", "{/}nthroot{ }{ }", |
|
||||
"{/}sum^{ }_{n=}", "{/}sum", "{/}log_{ }", "{/}ln", "{/}int_{ }^{ }", "{/}oint_{ }^{ }" |
|
||||
], |
|
||||
'symbol': [ |
|
||||
"+", "-", "{/}pm", "{/}times", "{/}ast", "{/}div", "/", "{/}bigtriangleup", |
|
||||
"=", "{/}ne", "{/}approx", ">", "<", "{/}ge", "{/}le", "{/}infty", |
|
||||
"{/}cap", "{/}cup", "{/}because", "{/}therefore", "{/}subset", "{/}supset", "{/}subseteq", "{/}supseteq", |
|
||||
"{/}nsubseteq", "{/}nsupseteq", "{/}in", "{/}ni", "{/}notin", "{/}mapsto", "{/}leftarrow", "{/}rightarrow", |
|
||||
"{/}Leftarrow", "{/}Rightarrow", "{/}leftrightarrow", "{/}Leftrightarrow" |
|
||||
], |
|
||||
'letter': [ |
|
||||
"{/}alpha", "{/}beta", "{/}gamma", "{/}delta", "{/}varepsilon", "{/}varphi", "{/}lambda", "{/}mu", |
|
||||
"{/}rho", "{/}sigma", "{/}omega", "{/}Gamma", "{/}Delta", "{/}Theta", "{/}Lambda", "{/}Xi", |
|
||||
"{/}Pi", "{/}Sigma", "{/}Upsilon", "{/}Phi", "{/}Psi", "{/}Omega" |
|
||||
] |
|
||||
} |
|
||||
}, |
|
||||
initContent: function (_editor, $widget) { |
|
||||
|
|
||||
var me = this, |
|
||||
formula = me.sourceData.formula, |
|
||||
lang = _editor.getLang('formula').static, |
|
||||
formulaUrl = UMEDITOR_CONFIG.UMEDITOR_HOME_URL + 'dialogs/formula/', |
|
||||
options = $.extend({}, lang, { 'formula_url': formulaUrl }), |
|
||||
$root = me.root(); |
|
||||
|
|
||||
if (me.inited) { |
|
||||
me.preventDefault(); |
|
||||
return; |
|
||||
} |
|
||||
me.inited = true; |
|
||||
|
|
||||
editor = _editor; |
|
||||
me.$widget = $widget; |
|
||||
|
|
||||
$root.html($.parseTmpl(me.tpl, options)); |
|
||||
me.tabs = $.eduitab({selector: "#edui-formula-tab-Jpanel"}); |
|
||||
|
|
||||
/* 初始化popup的内容 */ |
|
||||
var headHtml = [], xMax = 0, yMax = 0, |
|
||||
$tabContent = me.root().find('.edui-tab-content'); |
|
||||
$.each(formula, function (k, v) { |
|
||||
var contentHtml = []; |
|
||||
$.each(v, function (i, f) { |
|
||||
contentHtml.push('<li class="edui-formula-latex-item" data-latex="' + f + '" style="background-position:-' + (xMax * 30) + 'px -' + (yMax * 30) + 'px"></li>'); |
|
||||
if (++xMax >=8) { |
|
||||
++yMax; xMax = 0; |
|
||||
} |
|
||||
}); |
|
||||
yMax++; xMax = 0; |
|
||||
$tabContent.append('<div class="edui-tab-pane"><ul>' + contentHtml.join('') + '</ul>'); |
|
||||
headHtml.push('<li class="edui-tab-item"><a href="javascript:void(0);" class="edui-tab-text">' + lang['lang_tab_' + k] + '</a></li>'); |
|
||||
}); |
|
||||
headHtml.push('<li class="edui-formula-clearboth"></li>'); |
|
||||
$root.find('.edui-tab-nav').html(headHtml.join('')); |
|
||||
$root.find('.edui-tab-content').append('<div class="edui-formula-clearboth"></div>'); |
|
||||
|
|
||||
/* 选中第一个tab */ |
|
||||
me.switchTab(0); |
|
||||
}, |
|
||||
initEvent: function () { |
|
||||
var me = this; |
|
||||
|
|
||||
//防止点击过后关闭popup
|
|
||||
me.root().on('click', function (e) { |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
//点击tab切换菜单
|
|
||||
me.root().find('.edui-tab-nav').delegate('.edui-tab-item', 'click', function (evt) { |
|
||||
me.switchTab(this); |
|
||||
return false; |
|
||||
}); |
|
||||
|
|
||||
//点击选中公式
|
|
||||
me.root().find('.edui-tab-pane').delegate('.edui-formula-latex-item', 'click', function (evt) { |
|
||||
var $item = $(this), |
|
||||
latex = $item.attr('data-latex') || ''; |
|
||||
|
|
||||
if (latex) { |
|
||||
me.insertLatex(latex.replace("{/}", "\\")); |
|
||||
} |
|
||||
me.$widget.edui().hide(); |
|
||||
return false; |
|
||||
}); |
|
||||
}, |
|
||||
switchTab:function(index){ |
|
||||
var me = this, |
|
||||
$root = me.root(), |
|
||||
index = $.isNumeric(index) ? index:$.inArray(index, $root.find('.edui-tab-nav .edui-tab-item')); |
|
||||
|
|
||||
$root.find('.edui-tab-nav .edui-tab-item').removeClass('edui-active').eq(index).addClass('edui-active'); |
|
||||
$root.find('.edui-tab-content .edui-tab-pane').removeClass('edui-active').eq(index).addClass('edui-active'); |
|
||||
|
|
||||
/* 自动长高 */ |
|
||||
me.autoHeight(0); |
|
||||
}, |
|
||||
autoHeight: function () { |
|
||||
this.$widget.height(this.root() + 2); |
|
||||
}, |
|
||||
insertLatex: function (latex) { |
|
||||
editor.execCommand('formula', latex ); |
|
||||
}, |
|
||||
width: 350, |
|
||||
height: 400 |
|
||||
}); |
|
||||
|
|
||||
})(); |
|
||||
|
|
||||
|
Before Width: | Height: | Size: 19 KiB |
@ -1,42 +0,0 @@ |
|||||
.edui-dialog-image .edui-image-wrapper{font-size: 12px;margin: 15px;} |
|
||||
|
|
||||
/*upload*/ |
|
||||
.edui-dialog-image .edui-image-upload1{position: absolute;top:50%;left:50%;width:44px;height:38px;margin-top:-19px; margin-left: -22px;} |
|
||||
.edui-dialog-image .edui-image-upload2{position:relative;float:left;width:120px;height:120px;margin:5px 0 0 5px;} |
|
||||
|
|
||||
.edui-dialog-image .edui-image-form{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0;cursor: pointer;} |
|
||||
.edui-dialog-image .edui-image-form .edui-image-file{width: 100%;height:100%;filter: alpha(opacity=0)} |
|
||||
|
|
||||
.edui-dialog-image .edui-image-upload1 .edui-image-icon{display: inline-block;width:44px;height:38px;background-image: url('images/upload1.png')} |
|
||||
.edui-dialog-image .edui-image-upload1 .edui-image-icon.hover{background-position: -50px 0;} |
|
||||
.edui-dialog-image .edui-image-upload2 .edui-image-icon{display: inline-block;width:120px;height:120px;background-image: url('images/upload2.png')} |
|
||||
|
|
||||
.edui-dialog-image .edui-image-dragTip{position: absolute;display:none;top:50%;left:50%;margin-top:30px;margin-left: -60px; |
|
||||
color: #222;font-size:14px;text-shadow: 0px 2px 3px #555;} |
|
||||
|
|
||||
.edui-dialog-image .edui-image-content{height:330px;width:100%;position: relative;} |
|
||||
|
|
||||
.edui-dialog-image .edui-image-mask{display: none;position: absolute;top:0;left:0;width: 100%; height: 100%;background-color:#fff; |
|
||||
text-align: center;line-height:300px;color:#000;font-size:14px;font-weight:bold;opacity: 0.6;filter: alpha(opacity=60);} |
|
||||
.edui-dialog-image .edui-image-mask.edui-active{display: block;} |
|
||||
|
|
||||
/*network*/ |
|
||||
.edui-dialog-image .edui-image-searchBar{margin: 10px;} |
|
||||
.edui-dialog-image .edui-image-searchBar .edui-image-searchTxt{display: inline-block !important;*display: inline !important;*zoom:1;width:400px; border: 1px solid #c5d2ff; height: 20px; line-height: 18px; font-size: 14px; padding: 3px; margin: 0;outline:0;} |
|
||||
.edui-dialog-image .edui-image-searchBar .edui-image-searchAdd{display: inline-block !important;*display: inline !important;*zoom:1; |
|
||||
width:60px; text-align:center;height: 25px;text-align: center;line-height: 25px; |
|
||||
background-color: #ffffff;padding: 0; border: 1px solid #ababab;margin-left: 20px;cursor: pointer; |
|
||||
} |
|
||||
.edui-dialog-image .edui-image-searchBar .edui-image-searchAdd.hover{ |
|
||||
background-color: #d5e1f2; |
|
||||
padding: 0; |
|
||||
border: 1px solid #a3bde3; |
|
||||
} |
|
||||
.edui-dialog-image .edui-image-searchRes{height:280px;overflow:auto;} |
|
||||
|
|
||||
|
|
||||
/*common*/ |
|
||||
.edui-dialog-image .edui-image-item{position:relative;float:left;width:120px;height:120px;border: 1px solid #CCC;cursor: default;margin: 5px 0 0 5px;} |
|
||||
.edui-dialog-image .edui-image-item .edui-image-pic{position: absolute;left:-9999px;} |
|
||||
.edui-dialog-image .edui-image-item .edui-image-close{position:absolute;right:0;background: url('images/close.png');width:17px;height:17px;cursor:pointer;z-index:1} |
|
||||
.edui-dialog-image .edui-image-item.hover .edui-image-close{display: block;} |
|
||||
@ -1,454 +0,0 @@ |
|||||
(function() { |
|
||||
|
|
||||
var utils = UM.utils, |
|
||||
browser = UM.browser, |
|
||||
Base = { |
|
||||
checkURL: function(url) { |
|
||||
if (!url) return false; |
|
||||
url = utils.trim(url); |
|
||||
if (url.length <= 0) { |
|
||||
return false; |
|
||||
} |
|
||||
if (url.search(/http:\/\/|https:\/\//) !== 0) { |
|
||||
url += 'http://'; |
|
||||
} |
|
||||
|
|
||||
url = url.replace(/\?[\s\S]*$/, ""); |
|
||||
|
|
||||
if (!/(.gif|.jpg|.jpeg|.png)$/i.test(url)) { |
|
||||
return false; |
|
||||
} |
|
||||
return url; |
|
||||
}, |
|
||||
getAllPic: function(sel, $w, editor) { |
|
||||
var me = this, |
|
||||
arr = [], |
|
||||
$imgs = $(sel, $w); |
|
||||
|
|
||||
$.each($imgs, function(index, node) { |
|
||||
$(node).removeAttr("width").removeAttr("height"); |
|
||||
|
|
||||
// if (node.width > editor.options.initialFrameWidth) {
|
|
||||
// me.scale(node, editor.options.initialFrameWidth -
|
|
||||
// parseInt($(editor.body).css("padding-left")) -
|
|
||||
// parseInt($(editor.body).css("padding-right")));
|
|
||||
// }
|
|
||||
|
|
||||
return arr.push({ |
|
||||
_src: node.src, |
|
||||
src: node.src |
|
||||
}); |
|
||||
}); |
|
||||
|
|
||||
return arr; |
|
||||
}, |
|
||||
scale: function(img, max, oWidth, oHeight) { |
|
||||
var width = 0, |
|
||||
height = 0, |
|
||||
percent, ow = img.width || oWidth, |
|
||||
oh = img.height || oHeight; |
|
||||
if (ow > max || oh > max) { |
|
||||
if (ow >= oh) { |
|
||||
if (width = ow - max) { |
|
||||
percent = (width / ow).toFixed(2); |
|
||||
img.height = oh - oh * percent; |
|
||||
img.width = max; |
|
||||
} |
|
||||
} else { |
|
||||
if (height = oh - max) { |
|
||||
percent = (height / oh).toFixed(2); |
|
||||
img.width = ow - ow * percent; |
|
||||
img.height = max; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
return this; |
|
||||
}, |
|
||||
close: function($img) { |
|
||||
|
|
||||
$img.css({ |
|
||||
top: ($img.parent().height() - $img.height()) / 2, |
|
||||
left: ($img.parent().width() - $img.width()) / 2 |
|
||||
}).prev().on("click", function() { |
|
||||
|
|
||||
if ($(this).parent().remove().hasClass("edui-image-upload-item")) { |
|
||||
//显示图片计数-1
|
|
||||
Upload.showCount--; |
|
||||
Upload.updateView(); |
|
||||
} |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
return this; |
|
||||
}, |
|
||||
createImgBase64: function(img, file, $w) { |
|
||||
if (browser.webkit) { |
|
||||
//Chrome8+
|
|
||||
img.src = window.webkitURL.createObjectURL(file); |
|
||||
} else if (browser.gecko) { |
|
||||
//FF4+
|
|
||||
img.src = window.URL.createObjectURL(file); |
|
||||
} else { |
|
||||
//实例化file reader对象
|
|
||||
var reader = new FileReader(); |
|
||||
reader.onload = function(e) { |
|
||||
img.src = this.result; |
|
||||
$w.append(img); |
|
||||
}; |
|
||||
reader.readAsDataURL(file); |
|
||||
} |
|
||||
}, |
|
||||
callback: function(editor, $w, url, state) { |
|
||||
if (state == "SUCCESS") { |
|
||||
//显示图片计数+1
|
|
||||
Upload.showCount++; |
|
||||
var $img = $("<img src='" + url + "' class='edui-image-pic' />"), |
|
||||
$item = $("<div class='edui-image-item edui-image-upload-item'><div class='edui-image-close'></div></div>").append($img); |
|
||||
|
|
||||
if ($(".edui-image-upload2", $w).length < 1) { |
|
||||
$(".edui-image-content", $w).append($item); |
|
||||
|
|
||||
Upload.render(".edui-image-content", 2) |
|
||||
.config(".edui-image-upload2"); |
|
||||
} else { |
|
||||
$(".edui-image-upload2", $w).before($item).show(); |
|
||||
} |
|
||||
|
|
||||
$img.on("load", function() { |
|
||||
Base.scale(this, 120); |
|
||||
Base.close($(this)); |
|
||||
$(".edui-image-content", $w).focus(); |
|
||||
}); |
|
||||
|
|
||||
} else { |
|
||||
currentDialog.showTip(state); |
|
||||
window.setTimeout(function() { |
|
||||
|
|
||||
currentDialog.hideTip(); |
|
||||
|
|
||||
}, 3000); |
|
||||
} |
|
||||
|
|
||||
Upload.toggleMask(); |
|
||||
|
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
/* |
|
||||
* 本地上传 |
|
||||
* */ |
|
||||
var Upload = { |
|
||||
showCount: 0, |
|
||||
uploadTpl: '<div class="edui-image-upload%%">' + |
|
||||
'<span class="edui-image-icon"></span>' + |
|
||||
'<form class="edui-image-form" method="post" enctype="multipart/form-data" target="up">' + |
|
||||
'<input style=\"filter: alpha(opacity=0);\" class="edui-image-file" type="file" hidefocus name="iFile" accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp"/>' + |
|
||||
'</form>' + |
|
||||
|
|
||||
'</div>', |
|
||||
init: function(editor, $w) { |
|
||||
var me = this; |
|
||||
|
|
||||
me.editor = editor; |
|
||||
me.dialog = $w; |
|
||||
me.render(".edui-image-local", 1); |
|
||||
me.config(".edui-image-upload1"); |
|
||||
me.submit(); |
|
||||
me.drag(); |
|
||||
|
|
||||
$(".edui-image-upload1").hover(function() { |
|
||||
$(".edui-image-icon", this).toggleClass("hover"); |
|
||||
}); |
|
||||
|
|
||||
if (!(UM.browser.ie && UM.browser.version <= 9)) { |
|
||||
$(".edui-image-dragTip", me.dialog).css("display", "block"); |
|
||||
} |
|
||||
|
|
||||
|
|
||||
return me; |
|
||||
}, |
|
||||
render: function(sel, t) { |
|
||||
var me = this; |
|
||||
|
|
||||
$(sel, me.dialog).append($(me.uploadTpl.replace(/%%/g, t))); |
|
||||
|
|
||||
return me; |
|
||||
}, |
|
||||
config: function(sel) { |
|
||||
var me = this, |
|
||||
url = me.editor.options.imageUrl; |
|
||||
|
|
||||
url = url + (url.indexOf("?") == -1 ? "?" : "&") + "editorid=" + me.editor.id; //初始form提交地址;
|
|
||||
|
|
||||
$("form", $(sel, me.dialog)).attr("action", url); |
|
||||
|
|
||||
return me; |
|
||||
}, |
|
||||
uploadComplete: function(r) { |
|
||||
console.log('uploadComplete'); |
|
||||
|
|
||||
var me = this; |
|
||||
try { |
|
||||
var json = JSON.parse(r); |
|
||||
var state = json.code === 1 ? 'SUCCESS' : 'Error!'; |
|
||||
Base.callback(me.editor, me.dialog, json.data.file_path, state); |
|
||||
} catch (e) { |
|
||||
var lang = me.editor.getLang('image'); |
|
||||
Base.callback(me.editor, me.dialog, '', (lang && lang.uploadError) || 'Error!'); |
|
||||
} |
|
||||
}, |
|
||||
submit: function(callback) { |
|
||||
console.log('submit'); |
|
||||
|
|
||||
var me = this, |
|
||||
input = $('<input style="filter: alpha(opacity=0);" class="edui-image-file" type="file" hidefocus=""' + |
|
||||
' name="iFile" accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp">'), |
|
||||
input = input[0]; |
|
||||
|
|
||||
$(me.dialog).delegate(".edui-image-file", "change", function(e) { |
|
||||
|
|
||||
if (!this.parentNode) { |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
$('<iframe name="up" style="display: none"></iframe>') |
|
||||
.insertBefore(me.dialog).on('load', function() { |
|
||||
var r = this.contentWindow.document.body.innerText; |
|
||||
if (r == '') return; |
|
||||
me.uploadComplete(r); |
|
||||
$(this).unbind('load'); |
|
||||
$(this).remove(); |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
$(this).parent()[0].submit(); |
|
||||
Upload.updateInput(input); |
|
||||
me.toggleMask("Loading...."); |
|
||||
callback && callback(); |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
return me; |
|
||||
}, |
|
||||
//更新input
|
|
||||
updateInput: function(inputField) { |
|
||||
|
|
||||
$(".edui-image-file", this.dialog).each(function(index, ele) { |
|
||||
|
|
||||
ele.parentNode.replaceChild(inputField.cloneNode(true), ele); |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
}, |
|
||||
//更新上传框
|
|
||||
updateView: function() { |
|
||||
|
|
||||
if (Upload.showCount !== 0) { |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
$(".edui-image-upload2", this.dialog).hide(); |
|
||||
$(".edui-image-dragTip", this.dialog).show(); |
|
||||
$(".edui-image-upload1", this.dialog).show(); |
|
||||
|
|
||||
}, |
|
||||
drag: function() { |
|
||||
var me = this; |
|
||||
//做拽上传的支持
|
|
||||
if (!UM.browser.ie9below) { |
|
||||
me.dialog.find('.edui-image-content').on('drop', function(e) { |
|
||||
|
|
||||
//获取文件列表
|
|
||||
var fileList = e.originalEvent.dataTransfer.files; |
|
||||
var img = document.createElement('img'); |
|
||||
var hasImg = false; |
|
||||
$.each(fileList, function(i, f) { |
|
||||
if (/^image/.test(f.type)) { |
|
||||
//创建图片的base64
|
|
||||
Base.createImgBase64(img, f, me.dialog); |
|
||||
|
|
||||
var xhr = new XMLHttpRequest(); |
|
||||
xhr.open("post", me.editor.getOpt('imageUrl') + "?type=ajax", true); |
|
||||
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); |
|
||||
|
|
||||
//模拟数据
|
|
||||
var fd = new FormData(); |
|
||||
fd.append(me.editor.getOpt('imageFieldName'), f); |
|
||||
|
|
||||
xhr.send(fd); |
|
||||
xhr.addEventListener('load', function(e) { |
|
||||
var r = e.target.response, |
|
||||
json; |
|
||||
me.uploadComplete(r); |
|
||||
if (i == fileList.length - 1) { |
|
||||
$(img).remove() |
|
||||
} |
|
||||
}); |
|
||||
hasImg = true; |
|
||||
} |
|
||||
}); |
|
||||
if (hasImg) { |
|
||||
e.preventDefault(); |
|
||||
me.toggleMask("Loading...."); |
|
||||
} |
|
||||
|
|
||||
}).on('dragover', function(e) { |
|
||||
e.preventDefault(); |
|
||||
}); |
|
||||
} |
|
||||
}, |
|
||||
toggleMask: function(html) { |
|
||||
var me = this; |
|
||||
|
|
||||
var $mask = $(".edui-image-mask", me.dialog); |
|
||||
if (html) { |
|
||||
if (!(UM.browser.ie && UM.browser.version <= 9)) { |
|
||||
$(".edui-image-dragTip", me.dialog).css("display", "none"); |
|
||||
} |
|
||||
$(".edui-image-upload1", me.dialog).css("display", "none"); |
|
||||
$mask.addClass("edui-active").html(html); |
|
||||
} else { |
|
||||
|
|
||||
$mask.removeClass("edui-active").html(); |
|
||||
|
|
||||
if (Upload.showCount > 0) { |
|
||||
return me; |
|
||||
} |
|
||||
|
|
||||
if (!(UM.browser.ie && UM.browser.version <= 9)) { |
|
||||
$(".edui-image-dragTip", me.dialog).css("display", "block"); |
|
||||
} |
|
||||
$(".edui-image-upload1", me.dialog).css("display", "block"); |
|
||||
} |
|
||||
|
|
||||
return me; |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
/* |
|
||||
* 网络图片 |
|
||||
* */ |
|
||||
var NetWork = { |
|
||||
init: function(editor, $w) { |
|
||||
var me = this; |
|
||||
|
|
||||
me.editor = editor; |
|
||||
me.dialog = $w; |
|
||||
|
|
||||
me.initEvt(); |
|
||||
}, |
|
||||
initEvt: function() { |
|
||||
var me = this, |
|
||||
url, |
|
||||
$ele = $(".edui-image-searchTxt", me.dialog); |
|
||||
|
|
||||
$(".edui-image-searchAdd", me.dialog).on("click", function() { |
|
||||
url = Base.checkURL($ele.val()); |
|
||||
|
|
||||
if (url) { |
|
||||
|
|
||||
$("<img src='" + url + "' class='edui-image-pic' />").on("load", function() { |
|
||||
|
|
||||
|
|
||||
var $item = $("<div class='edui-image-item'><div class='edui-image-close'></div></div>").append(this); |
|
||||
|
|
||||
$(".edui-image-searchRes", me.dialog).append($item); |
|
||||
|
|
||||
Base.scale(this, 120); |
|
||||
|
|
||||
$item.width($(this).width()); |
|
||||
|
|
||||
Base.close($(this)); |
|
||||
|
|
||||
$ele.val(""); |
|
||||
}); |
|
||||
} |
|
||||
}) |
|
||||
.hover(function() { |
|
||||
$(this).toggleClass("hover"); |
|
||||
}); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
var $tab = null, |
|
||||
currentDialog = null; |
|
||||
|
|
||||
UM.registerWidget('image', { |
|
||||
tpl: "<link rel=\"stylesheet\" type=\"text/css\" href=\"<%=image_url%>image.css\">" + |
|
||||
"<div class=\"edui-image-wrapper\">" + |
|
||||
"<ul class=\"edui-tab-nav\">" + |
|
||||
"<li class=\"edui-tab-item edui-active\"><a data-context=\".edui-image-local\" class=\"edui-tab-text\"><%=lang_tab_local%></a></li>" + |
|
||||
"<li class=\"edui-tab-item\"><a data-context=\".edui-image-JimgSearch\" class=\"edui-tab-text\"><%=lang_tab_imgSearch%></a></li>" + |
|
||||
"</ul>" + |
|
||||
"<div class=\"edui-tab-content\">" + |
|
||||
"<div class=\"edui-image-local edui-tab-pane edui-active\">" + |
|
||||
"<div class=\"edui-image-content\"></div>" + |
|
||||
"<div class=\"edui-image-mask\"></div>" + |
|
||||
"<div class=\"edui-image-dragTip\"><%=lang_input_dragTip%></div>" + |
|
||||
"</div>" + |
|
||||
"<div class=\"edui-image-JimgSearch edui-tab-pane\">" + |
|
||||
"<div class=\"edui-image-searchBar\">" + |
|
||||
"<table><tr><td><input class=\"edui-image-searchTxt\" type=\"text\"></td>" + |
|
||||
"<td><div class=\"edui-image-searchAdd\"><%=lang_btn_add%></div></td></tr></table>" + |
|
||||
"</div>" + |
|
||||
"<div class=\"edui-image-searchRes\"></div>" + |
|
||||
"</div>" + |
|
||||
"</div>" + |
|
||||
"</div>", |
|
||||
initContent: function(editor, $dialog) { |
|
||||
var lang = editor.getLang('image')["static"], |
|
||||
opt = $.extend({}, lang, { |
|
||||
image_url: UMEDITOR_CONFIG.UMEDITOR_HOME_URL + 'dialogs/image/' |
|
||||
}); |
|
||||
|
|
||||
Upload.showCount = 0; |
|
||||
|
|
||||
if (lang) { |
|
||||
var html = $.parseTmpl(this.tpl, opt); |
|
||||
} |
|
||||
|
|
||||
currentDialog = $dialog.edui(); |
|
||||
|
|
||||
this.root().html(html); |
|
||||
|
|
||||
}, |
|
||||
initEvent: function(editor, $w) { |
|
||||
$tab = $.eduitab({ |
|
||||
selector: ".edui-image-wrapper" |
|
||||
}) |
|
||||
.edui().on("beforeshow", function(e) { |
|
||||
e.stopPropagation(); |
|
||||
}); |
|
||||
|
|
||||
Upload.init(editor, $w); |
|
||||
|
|
||||
NetWork.init(editor, $w); |
|
||||
}, |
|
||||
buttons: { |
|
||||
'ok': { |
|
||||
exec: function(editor, $w) { |
|
||||
var sel = "", |
|
||||
index = $tab.activate(); |
|
||||
|
|
||||
if (index == 0) { |
|
||||
sel = ".edui-image-content .edui-image-pic"; |
|
||||
} else if (index == 1) { |
|
||||
sel = ".edui-image-searchRes .edui-image-pic"; |
|
||||
} |
|
||||
|
|
||||
var list = Base.getAllPic(sel, $w, editor); |
|
||||
|
|
||||
if (index != -1) { |
|
||||
editor.execCommand('insertimage', list); |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
'cancel': {} |
|
||||
}, |
|
||||
width: 700, |
|
||||
height: 408 |
|
||||
}, function(editor, $w, url, state) { |
|
||||
Base.callback(editor, $w, url, state) |
|
||||
}) |
|
||||
})(); |
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 848 B |
|
Before Width: | Height: | Size: 1.9 KiB |
@ -1,73 +0,0 @@ |
|||||
(function(){ |
|
||||
var utils = UM.utils; |
|
||||
function hrefStartWith(href, arr) { |
|
||||
href = href.replace(/^\s+|\s+$/g, ''); |
|
||||
for (var i = 0, ai; ai = arr[i++];) { |
|
||||
if (href.indexOf(ai) == 0) { |
|
||||
return true; |
|
||||
} |
|
||||
} |
|
||||
return false; |
|
||||
} |
|
||||
|
|
||||
UM.registerWidget('link', { |
|
||||
tpl: "<style type=\"text/css\">" + |
|
||||
".edui-dialog-link .edui-link-table{font-size: 12px;margin: 10px;line-height: 30px}" + |
|
||||
".edui-dialog-link .edui-link-txt{width:300px;height:21px;line-height:21px;border:1px solid #d7d7d7;}" + |
|
||||
"</style>" + |
|
||||
"<table class=\"edui-link-table\">" + |
|
||||
"<tr>" + |
|
||||
"<td><label for=\"href\"><%=lang_input_url%></label></td>" + |
|
||||
"<td><input class=\"edui-link-txt\" id=\"edui-link-Jhref\" type=\"text\" /></td>" + |
|
||||
"</tr>" + |
|
||||
"<tr>" + |
|
||||
"<td><label for=\"title\"><%=lang_input_title%></label></td>" + |
|
||||
"<td><input class=\"edui-link-txt\" id=\"edui-link-Jtitle\" type=\"text\"/></td>" + |
|
||||
"</tr>" + |
|
||||
"<tr>" + |
|
||||
"<td colspan=\"2\">" + |
|
||||
"<label for=\"target\"><%=lang_input_target%></label>" + |
|
||||
"<input id=\"edui-link-Jtarget\" type=\"checkbox\"/>" + |
|
||||
"</td>" + |
|
||||
"</tr>" + |
|
||||
// "<tr>" +
|
|
||||
// "<td colspan=\"2\" id=\"edui-link-Jmsg\"></td>" +
|
|
||||
// "</tr>" +
|
|
||||
"</table>", |
|
||||
initContent: function (editor) { |
|
||||
var lang = editor.getLang('link'); |
|
||||
if (lang) { |
|
||||
var html = $.parseTmpl(this.tpl, lang.static); |
|
||||
} |
|
||||
this.root().html(html); |
|
||||
}, |
|
||||
initEvent: function (editor, $w) { |
|
||||
var link = editor.queryCommandValue('link'); |
|
||||
if(link){ |
|
||||
$('#edui-link-Jhref',$w).val(utils.html($(link).attr('href'))); |
|
||||
$('#edui-link-Jtitle',$w).val($(link).attr('title')); |
|
||||
$(link).attr('target') == '_blank' && $('#edui-link-Jtarget').attr('checked',true) |
|
||||
} |
|
||||
$('#edui-link-Jhref',$w).focus(); |
|
||||
}, |
|
||||
buttons: { |
|
||||
'ok': { |
|
||||
exec: function (editor, $w) { |
|
||||
var href = $('#edui-link-Jhref').val().replace(/^\s+|\s+$/g, ''); |
|
||||
|
|
||||
if (href) { |
|
||||
editor.execCommand('link', { |
|
||||
'href': href, |
|
||||
'target': $("#edui-link-Jtarget:checked").length ? "_blank" : '_self', |
|
||||
'title': $("#edui-link-Jtitle").val().replace(/^\s+|\s+$/g, ''), |
|
||||
'_href': href |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
'cancel':{} |
|
||||
}, |
|
||||
width: 400 |
|
||||
}) |
|
||||
})(); |
|
||||
|
|
||||
@ -1,148 +0,0 @@ |
|||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
||||
<head> |
|
||||
<meta charset="utf-8"/> |
|
||||
<meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具"/> |
|
||||
<meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图"/> |
|
||||
<title>百度地图API自定义地图</title> |
|
||||
<!--引用百度地图API--> |
|
||||
<style type="text/css"> |
|
||||
html, body { |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
</style> |
|
||||
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=2.0&ak=6b6c1a67eaa7db1ca6d6da28e590e343&services=true"></script> |
|
||||
</head> |
|
||||
|
|
||||
<body onload="initMap();"> |
|
||||
<!--百度地图容器--> |
|
||||
<div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div> |
|
||||
</body> |
|
||||
<script type="text/javascript"> |
|
||||
function getParam(name) { |
|
||||
return location.href.match(new RegExp('[?#&]' + name + '=([^?#&]+)', 'i')) ? RegExp.$1 : ''; |
|
||||
} |
|
||||
var map, marker; |
|
||||
var centerParam = getParam('center'); |
|
||||
var zoomParam = getParam('zoom'); |
|
||||
var widthParam = getParam('width'); |
|
||||
var heightParam = getParam('height'); |
|
||||
var markersParam = getParam('markers'); |
|
||||
var markerStylesParam = getParam('markerStyles'); |
|
||||
var iframe = getSelfIframe(); |
|
||||
var UM = parent.UM; |
|
||||
var editor = getEditor(); |
|
||||
|
|
||||
//创建和初始化地图函数： |
|
||||
function initMap() { |
|
||||
// [FF]切换模式后报错 |
|
||||
if (!window.BMap) { |
|
||||
return; |
|
||||
} |
|
||||
var dituContent = document.getElementById('dituContent'); |
|
||||
dituContent.style.width = widthParam + 'px'; |
|
||||
dituContent.style.height = heightParam + 'px'; |
|
||||
|
|
||||
createMap();//创建地图 |
|
||||
setMapEvent();//设置地图事件 |
|
||||
addMapControl();//向地图添加控件 |
|
||||
|
|
||||
// 创建标注 |
|
||||
var markersArr = markersParam.split(','); |
|
||||
var point = new BMap.Point(markersArr[0], markersArr[1]); |
|
||||
marker = new BMap.Marker(point); |
|
||||
marker.enableDragging(); |
|
||||
map.addOverlay(marker); // 将标注添加到地图中 |
|
||||
|
|
||||
if(iframe && UM && editor) { //在编辑状态下 |
|
||||
setMapListener();//地图改变修改外层的iframe标签src属性 |
|
||||
} else { |
|
||||
document.focus(); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
//创建地图函数： |
|
||||
function createMap() { |
|
||||
map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图 |
|
||||
var centerArr = centerParam.split(','); |
|
||||
var point = new BMap.Point(parseFloat(centerArr[0]), parseFloat(centerArr[1]));//定义一个中心点坐标 |
|
||||
map.centerAndZoom(point, parseInt(zoomParam));//设定地图的中心点和坐标并将地图显示在地图容器中 |
|
||||
} |
|
||||
|
|
||||
//地图事件设置函数： |
|
||||
function setMapEvent() { |
|
||||
map.enableDragging();//启用地图拖拽事件，默认启用(可不写) |
|
||||
map.enableScrollWheelZoom();//启用地图滚轮放大缩小 |
|
||||
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写) |
|
||||
map.enableKeyboard();//启用键盘上下左右键移动地图 |
|
||||
} |
|
||||
|
|
||||
//地图控件添加函数： |
|
||||
function addMapControl() { |
|
||||
//向地图中添加缩放控件 |
|
||||
var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE}); |
|
||||
map.addControl(ctrl_nav); |
|
||||
//向地图中添加缩略图控件 |
|
||||
var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1}); |
|
||||
map.addControl(ctrl_ove); |
|
||||
//向地图中添加比例尺控件 |
|
||||
var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT}); |
|
||||
map.addControl(ctrl_sca); |
|
||||
} |
|
||||
|
|
||||
function setMapListener() { |
|
||||
var timer; |
|
||||
|
|
||||
map.addEventListener('moveend', mapListenerHandler); |
|
||||
map.addEventListener('zoomend', mapListenerHandler); |
|
||||
marker.addEventListener('dragend', mapListenerHandler); |
|
||||
|
|
||||
function mapListenerHandler() { |
|
||||
var zoom = map.getZoom(), |
|
||||
center = map.getCenter(), |
|
||||
marker = window.marker.P; |
|
||||
|
|
||||
iframe.src = iframe.src. |
|
||||
replace(new RegExp('([?#&])center=([^?#&]+)', 'i'), '$1center=' + center.lng + ',' + center.lat). |
|
||||
replace(new RegExp('([?#&])markers=([^?#&]+)', 'i'), '$1markers=' + marker.lng + ',' + marker.lat). |
|
||||
replace(new RegExp('([?#&])zoom=([^?#&]+)', 'i'), '$1zoom=' + zoom); |
|
||||
editor.fireEvent('saveScene'); |
|
||||
saveScene(editor); |
|
||||
} |
|
||||
|
|
||||
function saveScene(){ |
|
||||
if(!timer) { |
|
||||
timer = setTimeout(function(){ |
|
||||
editor.fireEvent('savescene'); |
|
||||
editor.fireEvent('contentchange'); |
|
||||
timer = null; |
|
||||
}, 1000); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
function getSelfIframe(){ |
|
||||
var iframes = parent.document.getElementsByTagName('iframe'); |
|
||||
for (var key in iframes) { |
|
||||
if (iframes[key].contentWindow == window) { |
|
||||
return iframes[key]; |
|
||||
} |
|
||||
} |
|
||||
return null; |
|
||||
} |
|
||||
|
|
||||
function getEditor(){ |
|
||||
var parentNode = iframe.parentNode; |
|
||||
while (parentNode && parentNode.tagName && parentNode.tagName.toLowerCase() != 'body') { |
|
||||
if (parentNode.className && parentNode.className.indexOf('edui-body-container')!=-1) { |
|
||||
return UM.getEditor(parentNode.id); |
|
||||
} |
|
||||
parentNode = parentNode.parentNode; |
|
||||
} |
|
||||
return null; |
|
||||
} |
|
||||
</script> |
|
||||
</html> |
|
||||
@ -1,263 +0,0 @@ |
|||||
(function () { |
|
||||
|
|
||||
var widgetName = 'map'; |
|
||||
|
|
||||
UM.registerWidget(widgetName, { |
|
||||
|
|
||||
tpl: "<style type=\"text/css\">" + |
|
||||
".edui-dialog-map .edui-map-content{width:530px; height: 350px;margin: 10px auto;}" + |
|
||||
".edui-dialog-map .edui-map-content table{width: 100%}" + |
|
||||
".edui-dialog-map .edui-map-content table td{vertical-align: middle;}" + |
|
||||
".edui-dialog-map .edui-map-button { border: 1px solid #ccc; float: left; cursor: default; height: 23px; width: 70px; cursor: pointer; margin: 0; font-size: 12px; line-height: 24px; text-align: center; }" + |
|
||||
".edui-dialog-map .edui-map-button:hover {background:#eee;}" + |
|
||||
".edui-dialog-map .edui-map-city,.edui-dialog-map .edui-map-address{height:21px;background: #FFF;border:1px solid #d7d7d7; line-height: 21px;}" + |
|
||||
".edui-dialog-map .edui-map-city{width:90px}" + |
|
||||
".edui-dialog-map .edui-map-address{width:150px}" + |
|
||||
".edui-dialog-map .edui-map-dynamic-label span{vertical-align:middle;margin: 3px 0px 3px 3px;}" + |
|
||||
".edui-dialog-map .edui-map-dynamic-label input{vertical-align:middle;margin: 3px;}" + |
|
||||
"</style>" + |
|
||||
"<div class=\"edui-map-content\">" + |
|
||||
"<table>" + |
|
||||
"<tr>" + |
|
||||
"<td><%=lang_city%>:</td>" + |
|
||||
"<td><input class=\"edui-map-city\" type=\"text\" value=\"<%=city.value%>\"/></td>" + |
|
||||
"<td><%=lang_address%>:</td>" + |
|
||||
"<td><input class=\"edui-map-address\" type=\"text\" value=\"\" /></td>" + |
|
||||
"<td><a class=\"edui-map-button\"><%=lang_search%></a></td>" + |
|
||||
"<td><label class=\"edui-map-dynamic-label\"><input class=\"edui-map-dynamic\" type=\"checkbox\" name=\"edui-map-dynamic\" /><span><%=lang_dynamicmap%></span></label></td>"+ |
|
||||
"</tr>" + |
|
||||
"</table>" + |
|
||||
"<div style=\"width:100%;height:340px;margin:5px auto;border:1px solid gray\" class=\"edui-map-container\"></div>" + |
|
||||
"</div>" + |
|
||||
"<script class=\"edui-tpl-container\" type=\"text/plain\">" + |
|
||||
"<!DOCTYPE html>" + |
|
||||
"<html>" + |
|
||||
"<head>" + |
|
||||
"<title></title>" + |
|
||||
"</head>" + |
|
||||
"<body>" + |
|
||||
"<scr_ipt>" + |
|
||||
"window.onload = function(){" + |
|
||||
"var scripts = document.scripts || document.getElementsByTagName(\"script\")," + |
|
||||
"src = [];" + |
|
||||
"for( var i = 1, len = scripts.length; i<len; i++ ) {" + |
|
||||
"src.push( scripts[i].src );" + |
|
||||
"}" + |
|
||||
"parent.UM.getEditor(<<id>>).getWidgetData(\'map\').requestMapApi( src );" + |
|
||||
"};" + |
|
||||
"function mapReadyStateChange ( state ) { " + |
|
||||
" if ( state === 'complete' || state === 'loaded' ) {" + |
|
||||
" document.close(); " + |
|
||||
" } }" + |
|
||||
"</scr_ipt>" + |
|
||||
"<scr_ipt onreadystatechange='mapReadyStateChange(this.readyState);' onload='mapReadyStateChange(\"loaded\");' src=\"http://api.map.baidu.com/api?v=2.0&ak=6b6c1a67eaa7db1ca6d6da28e590e343&services=true\"></scr_ipt>" + |
|
||||
"</body>" + |
|
||||
"</html>" + |
|
||||
"</script>", |
|
||||
initContent: function (editor, $widget) { |
|
||||
|
|
||||
var me = this, |
|
||||
lang = editor.getLang(widgetName), |
|
||||
theme_url = editor.options.themePath + editor.options.theme; |
|
||||
|
|
||||
if( me.inited ) { |
|
||||
me.preventDefault(); |
|
||||
return false; |
|
||||
} |
|
||||
|
|
||||
me.inited = true; |
|
||||
|
|
||||
me.lang = lang; |
|
||||
me.editor = editor; |
|
||||
|
|
||||
me.root().html($.parseTmpl(me.tpl, $.extend({}, lang['static'], { |
|
||||
'theme_url': theme_url |
|
||||
}))); |
|
||||
|
|
||||
me.initRequestApi(); |
|
||||
|
|
||||
}, |
|
||||
/** |
|
||||
* 初始化请求API |
|
||||
*/ |
|
||||
initRequestApi: function () { |
|
||||
|
|
||||
var $ifr = null; |
|
||||
|
|
||||
//已经初始化过， 不用再次初始化
|
|
||||
if (window.BMap && window.BMap.Map) { |
|
||||
this.initBaiduMap(); |
|
||||
} else { |
|
||||
|
|
||||
$ifr = $('<iframe style="display: none;"></iframe>'); |
|
||||
$ifr.appendTo( this.root() ); |
|
||||
|
|
||||
$ifr = $ifr[ 0 ].contentWindow.document; |
|
||||
|
|
||||
$ifr.open(); |
|
||||
$ifr.write( this.root().find(".edui-tpl-container").html().replace( /scr_ipt/g, 'script').replace('<<id>>',"'" + this.editor.id + "'") ); |
|
||||
|
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
requestMapApi: function (src) { |
|
||||
|
|
||||
var me = this; |
|
||||
|
|
||||
if (src.length) { |
|
||||
|
|
||||
var _src = src[0]; |
|
||||
|
|
||||
src = src.slice(1); |
|
||||
|
|
||||
if (_src) { |
|
||||
$.getScript(_src, function () { |
|
||||
me.requestMapApi(src); |
|
||||
}); |
|
||||
} else { |
|
||||
me.requestMapApi(src); |
|
||||
} |
|
||||
|
|
||||
} else { |
|
||||
|
|
||||
me.initBaiduMap(); |
|
||||
|
|
||||
} |
|
||||
|
|
||||
|
|
||||
}, |
|
||||
initBaiduMap: function () { |
|
||||
|
|
||||
var $root = this.root(), |
|
||||
map = new BMap.Map($root.find(".edui-map-container")[0]), |
|
||||
me = this, |
|
||||
marker, |
|
||||
point, |
|
||||
imgcss, |
|
||||
img = $(me.editor.selection.getRange().getClosedNode()); |
|
||||
|
|
||||
map.enableInertialDragging(); |
|
||||
map.enableScrollWheelZoom(); |
|
||||
map.enableContinuousZoom(); |
|
||||
|
|
||||
if (img.length && /api[.]map[.]baidu[.]com/ig.test(img.attr("src"))) { |
|
||||
var url = img.attr("src"), |
|
||||
centerPos = me.getPars(url, "center").split(","), |
|
||||
markerPos = me.getPars(url, "markers").split(","); |
|
||||
point = new BMap.Point(Number(centerPos[0]), Number(centerPos[1])); |
|
||||
marker = new BMap.Marker(new BMap.Point(Number(markerPos[0]), Number(markerPos[1]))); |
|
||||
map.addControl(new BMap.NavigationControl()); |
|
||||
map.centerAndZoom(point, Number(me.getPars(url, "zoom"))); |
|
||||
imgcss = img.attr('style'); |
|
||||
} else { |
|
||||
point = new BMap.Point(116.404, 39.915); // 创建点坐标
|
|
||||
marker = new BMap.Marker(point); |
|
||||
map.addControl(new BMap.NavigationControl()); |
|
||||
map.centerAndZoom(point, 10); // 初始化地图,设置中心点坐标和地图级别。
|
|
||||
} |
|
||||
marker.enableDragging(); |
|
||||
map.addOverlay(marker); |
|
||||
|
|
||||
me.map = map; |
|
||||
me.marker = marker; |
|
||||
me.imgcss = imgcss; |
|
||||
}, |
|
||||
doSearch: function () { |
|
||||
var me = this, |
|
||||
city = me.root().find('.edui-map-city').val(), |
|
||||
address = me.root().find('.edui-map-address').val(); |
|
||||
|
|
||||
if (!city) { |
|
||||
alert(me.lang.cityMsg); |
|
||||
return; |
|
||||
} |
|
||||
var search = new BMap.LocalSearch(city, { |
|
||||
onSearchComplete: function (results) { |
|
||||
if (results && results.getNumPois()) { |
|
||||
var points = []; |
|
||||
for (var i = 0; i < results.getCurrentNumPois(); i++) { |
|
||||
points.push(results.getPoi(i).point); |
|
||||
} |
|
||||
if (points.length > 1) { |
|
||||
me.map.setViewport(points); |
|
||||
} else { |
|
||||
me.map.centerAndZoom(points[0], 13); |
|
||||
} |
|
||||
point = me.map.getCenter(); |
|
||||
me.marker.setPoint(point); |
|
||||
} else { |
|
||||
alert(me.lang.errorMsg); |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
search.search(address || city); |
|
||||
}, |
|
||||
getPars: function (str, par) { |
|
||||
var reg = new RegExp(par + "=((\\d+|[.,])*)", "g"); |
|
||||
return reg.exec(str)[1]; |
|
||||
}, |
|
||||
reset: function(){ |
|
||||
this.map && this.map.reset(); |
|
||||
}, |
|
||||
initEvent: function () { |
|
||||
var me = this, |
|
||||
$root = me.root(); |
|
||||
|
|
||||
$root.find('.edui-map-address').on('keydown', function (evt) { |
|
||||
evt = evt || event; |
|
||||
if (evt.keyCode == 13) { |
|
||||
me.doSearch(); |
|
||||
return false; |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
$root.find(".edui-map-button").on('click', function (evt) { |
|
||||
me.doSearch(); |
|
||||
}); |
|
||||
|
|
||||
$root.find(".edui-map-address").focus(); |
|
||||
|
|
||||
$root.on( "mousewheel DOMMouseScroll", function ( e ) { |
|
||||
return false; |
|
||||
} ); |
|
||||
|
|
||||
}, |
|
||||
width: 580, |
|
||||
height: 408, |
|
||||
buttons: { |
|
||||
ok: { |
|
||||
exec: function (editor) { |
|
||||
var widget = editor.getWidgetData(widgetName), |
|
||||
center = widget.map.getCenter(), |
|
||||
zoom = widget.map.getZoom(), |
|
||||
size = widget.map.getSize(), |
|
||||
point = widget.marker.P; |
|
||||
|
|
||||
if (widget.root().find(".edui-map-dynamic")[0].checked) { |
|
||||
var URL = editor.getOpt('UMEDITOR_HOME_URL'), |
|
||||
url = [URL + (/\/$/.test(URL) ? '':'/') + "dialogs/map/map.html" + |
|
||||
'#center=' + center.lng + ',' + center.lat, |
|
||||
'&zoom=' + zoom, |
|
||||
'&width=' + size.width, |
|
||||
'&height=' + size.height, |
|
||||
'&markers=' + point.lng + ',' + point.lat].join(''); |
|
||||
editor.execCommand('inserthtml', '<iframe class="ueditor_baidumap" src="' + url + '" frameborder="0" width="' + (size.width+4) + '" height="' + (size.height+4) + '"></iframe>'); |
|
||||
} else { |
|
||||
url = "http://api.map.baidu.com/staticimage?center=" + center.lng + ',' + center.lat + |
|
||||
"&zoom=" + zoom + "&width=" + size.width + '&height=' + size.height + "&markers=" + point.lng + ',' + point.lat; |
|
||||
editor.execCommand('inserthtml', '<img width="' + size.width + '"height="' + size.height + '" src="' + url + '"' + (widget.imgcss ? ' style="' + widget.imgcss + '"' : '') + '/>', true); |
|
||||
} |
|
||||
|
|
||||
widget.reset(); |
|
||||
} |
|
||||
}, |
|
||||
cancel: { |
|
||||
exec: function(editor){ |
|
||||
editor.getWidgetData(widgetName).reset(); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
})(); |
|
||||
|
|
||||
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB |
@ -1,59 +0,0 @@ |
|||||
@charset "utf-8"; |
|
||||
.edui-dialog-video .edui-video-wrapper{ width: 570px;_width:575px;margin: 10px auto; zoom:1;position: relative} |
|
||||
.edui-dialog-video .edui-video-tabbody{height:335px;} |
|
||||
.edui-dialog-video .edui-video-panel { position: absolute;width:100%; height:100%;background: #fff;} |
|
||||
.edui-dialog-video .edui-video-panel table td{vertical-align: middle;} |
|
||||
.edui-dialog-video #eduiVideoUrl { |
|
||||
width: 470px; |
|
||||
height: 21px; |
|
||||
line-height: 21px; |
|
||||
margin: 8px 5px; |
|
||||
background: #FFF; |
|
||||
border: 1px solid #d7d7d7; |
|
||||
} |
|
||||
.edui-dialog-video #eduiVideoSearchTxt{margin-left:15px;background: #FFF;width:200px;height:21px;line-height:21px;border: 1px solid #d7d7d7;} |
|
||||
.edui-dialog-video #searchList{width: 570px;overflow: auto;zoom:1;height: 270px;} |
|
||||
.edui-dialog-video #searchList div{float: left;width: 120px;height: 135px;margin: 5px 15px;} |
|
||||
.edui-dialog-video #searchList img{margin: 2px 8px;cursor: pointer;border: 2px solid #fff} /*不用缩略图*/ |
|
||||
.edui-dialog-video #searchList p{margin-left: 10px;} |
|
||||
.edui-dialog-video #eduiVideoType{ |
|
||||
width: 65px; |
|
||||
height: 23px; |
|
||||
line-height: 22px; |
|
||||
border: 1px solid #d7d7d7; |
|
||||
} |
|
||||
.edui-dialog-video #eduiVideoSearchBtn,.edui-dialog-video #eduiVideoSearchReset{ |
|
||||
/*width: 80px;*/ |
|
||||
height: 25px; |
|
||||
line-height: 25px; |
|
||||
background: #eee; |
|
||||
border: 1px solid #d7d7d7; |
|
||||
cursor: pointer; |
|
||||
padding: 0 5px; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
|
|
||||
.edui-dialog-video #eduiVideoPreview{width: 420px; margin-left: 10px; _margin-left:5px; height: 280px;background-color: #ddd;float: left} |
|
||||
.edui-dialog-video #eduiVideoInfo {width: 120px;float: left;margin-left: 10px;_margin-left:7px;} |
|
||||
.edui-dialog-video .edui-video-wrapper fieldset{ |
|
||||
border: 1px solid #ddd; |
|
||||
padding-left: 5px; |
|
||||
margin-bottom: 20px; |
|
||||
padding-bottom: 5px; |
|
||||
width: 115px; |
|
||||
} |
|
||||
.edui-dialog-video .edui-video-wrapper fieldset legend{font-weight: bold;} |
|
||||
.edui-dialog-video .edui-video-wrapper fieldset p{line-height: 30px;} |
|
||||
.edui-dialog-video .edui-video-wrapper fieldset input.edui-video-txt{ |
|
||||
width: 65px; |
|
||||
height: 21px; |
|
||||
line-height: 21px; |
|
||||
margin: 8px 5px; |
|
||||
background: #FFF; |
|
||||
border: 1px solid #d7d7d7; |
|
||||
} |
|
||||
.edui-dialog-video .edui-video-wrapper label.edui-video-url{font-weight: bold;margin-left: 5px;color: #06c;} |
|
||||
.edui-dialog-video #eduiVideoFloat div{cursor:pointer;opacity: 0.5;filter: alpha(opacity = 50);margin:9px;_margin:5px;width:38px;height:36px;float:left;} |
|
||||
.edui-dialog-video #eduiVideoFloat .edui-video-focus{opacity: 1;filter: alpha(opacity = 100)} |
|
||||
.edui-dialog-video .edui-video-wrapper span.edui-video-view{display: inline-block;width: 30px;float: right;cursor: pointer;color: blue} |
|
||||
@ -1,282 +0,0 @@ |
|||||
|
|
||||
(function(){ |
|
||||
var domUtils = UM.dom.domUtils; |
|
||||
var widgetName = 'video'; |
|
||||
|
|
||||
UM.registerWidget( widgetName,{ |
|
||||
|
|
||||
tpl: "<link rel=\"stylesheet\" type=\"text/css\" href=\"<%=video_url%>video.css\" />" + |
|
||||
"<div class=\"edui-video-wrapper\">" + |
|
||||
"<div id=\"eduiVideoTab\">" + |
|
||||
"<div id=\"eduiVideoTabHeads\" class=\"edui-video-tabhead\">" + |
|
||||
"<span tabSrc=\"video\" class=\"edui-video-focus\"><%=lang_tab_insertV%></span>" + |
|
||||
"</div>" + |
|
||||
"<div id=\"eduiVideoTabBodys\" class=\"edui-video-tabbody\">" + |
|
||||
"<div id=\"eduiVideoPanel\" class=\"edui-video-panel\">" + |
|
||||
"<table><tr><td><label for=\"eduiVideoUrl\" class=\"edui-video-url\"><%=lang_video_url%></label></td><td><input id=\"eduiVideoUrl\" type=\"text\"></td></tr></table>" + |
|
||||
"<div id=\"eduiVideoPreview\"></div>" + |
|
||||
"<div id=\"eduiVideoInfo\">" + |
|
||||
"<fieldset>" + |
|
||||
"<legend><%=lang_video_size%></legend>" + |
|
||||
"<table>" + |
|
||||
"<tr><td><label for=\"eduiVideoWidth\"><%=lang_videoW%></label></td><td><input class=\"edui-video-txt\" id=\"eduiVideoWidth\" type=\"text\"/></td></tr>" + |
|
||||
"<tr><td><label for=\"eduiVideoHeight\"><%=lang_videoH%></label></td><td><input class=\"edui-video-txt\" id=\"eduiVideoHeight\" type=\"text\"/></td></tr>" + |
|
||||
"</table>" + |
|
||||
"</fieldset>" + |
|
||||
"<fieldset>" + |
|
||||
"<legend><%=lang_alignment%></legend>" + |
|
||||
"<div id=\"eduiVideoFloat\"></div>" + |
|
||||
"</fieldset>" + |
|
||||
"</div>" + |
|
||||
"</div>" + |
|
||||
"</div>" + |
|
||||
"</div>" + |
|
||||
"</div>", |
|
||||
initContent:function( editor, $widget ){ |
|
||||
|
|
||||
var me = this, |
|
||||
lang = editor.getLang( widgetName), |
|
||||
video_url = UMEDITOR_CONFIG.UMEDITOR_HOME_URL + 'dialogs/video/'; |
|
||||
|
|
||||
me.lang = lang; |
|
||||
me.editor = editor; |
|
||||
me.$widget = $widget; |
|
||||
me.root().html( $.parseTmpl( me.tpl, $.extend( { video_url: video_url }, lang['static'] ) ) ); |
|
||||
|
|
||||
me.initController( lang ); |
|
||||
|
|
||||
}, |
|
||||
initEvent:function(){ |
|
||||
|
|
||||
var me = this, |
|
||||
url = $("#eduiVideoUrl", me.$widget)[0]; |
|
||||
|
|
||||
if( 'oninput' in url ) { |
|
||||
url.oninput = function(){ |
|
||||
me.createPreviewVideo( this.value ); |
|
||||
}; |
|
||||
} else { |
|
||||
url.onpropertychange = function () { |
|
||||
me.createPreviewVideo( this.value ); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
initController: function( lang ){ |
|
||||
|
|
||||
var me = this, |
|
||||
img = me.editor.selection.getRange().getClosedNode(), |
|
||||
url; |
|
||||
|
|
||||
me.createAlignButton( ["eduiVideoFloat"] ); |
|
||||
|
|
||||
//编辑视频时初始化相关信息
|
|
||||
if(img && img.className == "edui-faked-video"){ |
|
||||
$("#eduiVideoUrl", me.$widget)[0].value = url = img.getAttribute("_url"); |
|
||||
$("#eduiVideoWidth", me.$widget)[0].value = img.width; |
|
||||
$("#eduiVideoHeight", me.$widget)[0].value = img.height; |
|
||||
var align = domUtils.getComputedStyle(img,"float"), |
|
||||
parentAlign = domUtils.getComputedStyle(img.parentNode,"text-align"); |
|
||||
me.updateAlignButton(parentAlign==="center"?"center":align); |
|
||||
} |
|
||||
me.createPreviewVideo(url); |
|
||||
|
|
||||
}, |
|
||||
/** |
|
||||
* 根据url生成视频预览 |
|
||||
*/ |
|
||||
createPreviewVideo: function(url){ |
|
||||
|
|
||||
if ( !url )return; |
|
||||
|
|
||||
var me = this, |
|
||||
lang = me.lang, |
|
||||
conUrl = me.convert_url(url); |
|
||||
|
|
||||
if(!me.endWith(conUrl,[".swf",".flv",".wmv"])){ |
|
||||
$("#eduiVideoPreview", me.$widget).html( lang.urlError ); |
|
||||
return; |
|
||||
} |
|
||||
$("#eduiVideoPreview", me.$widget)[0].innerHTML = '<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"' + |
|
||||
' src="' + url + '"' + |
|
||||
' width="' + 420 + '"' + |
|
||||
' height="' + 280 + '"' + |
|
||||
' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" ></embed>'; |
|
||||
|
|
||||
}, |
|
||||
/** |
|
||||
* 将单个视频信息插入编辑器中 |
|
||||
*/ |
|
||||
insertSingle: function(){ |
|
||||
|
|
||||
var me = this, |
|
||||
width = $("#eduiVideoWidth", me.$widget)[0], |
|
||||
height = $("#eduiVideoHeight", me.$widget)[0], |
|
||||
url=$('#eduiVideoUrl', me.$widget)[0].value, |
|
||||
align = this.findFocus("eduiVideoFloat","name"); |
|
||||
|
|
||||
if(!url) return false; |
|
||||
if ( !me.checkNum( [width, height] ) ) return false; |
|
||||
this.editor.execCommand('insertvideo', { |
|
||||
url: me.convert_url(url), |
|
||||
width: width.value, |
|
||||
height: height.value, |
|
||||
align: align |
|
||||
}); |
|
||||
|
|
||||
}, |
|
||||
/** |
|
||||
* URL转换 |
|
||||
*/ |
|
||||
convert_url: function(url){ |
|
||||
if ( !url ) return ''; |
|
||||
var matches = url.match(/youtu.be\/(\w+)$/) || |
|
||||
url.match(/youtube\.com\/watch\?v=(\w+)/) || |
|
||||
url.match(/youtube.com\/v\/(\w+)/), |
|
||||
youku = url.match(/youku\.com\/v_show\/id_(\w+)/), |
|
||||
youkuPlay = /player\.youku\.com/ig.test(url); |
|
||||
|
|
||||
if(youkuPlay){ |
|
||||
url = url.replace(/\?f=.*/, ""); |
|
||||
} else if (matches){ |
|
||||
url = "https://www.youtube.com/v/" + matches[1] + "?version=3&feature=player_embedded"; |
|
||||
}else if(youku){ |
|
||||
url = "http://player.youku.com/player.php/sid/"+youku[1]+"/v.swf" |
|
||||
} else { |
|
||||
url = url.replace(/http:\/\/www\.tudou\.com\/programs\/view\/([\w\-]+)\/?/i, "http://www.tudou.com/v/$1") |
|
||||
.replace(/http:\/\/www\.youtube\.com\/watch\?v=([\w\-]+)/i, "http://www.youtube.com/v/$1") |
|
||||
.replace(/http:\/\/v\.youku\.com\/v_show\/id_([\w\-=]+)\.html/i, "http://player.youku.com/player.php/sid/$1") |
|
||||
.replace(/http:\/\/www\.56\.com\/u\d+\/v_([\w\-]+)\.html/i, "http://player.56.com/v_$1.swf") |
|
||||
.replace(/http:\/\/www.56.com\/w\d+\/play_album\-aid\-\d+_vid\-([^.]+)\.html/i, "http://player.56.com/v_$1.swf") |
|
||||
.replace(/http:\/\/v\.ku6\.com\/.+\/([^.]+)\.html/i, "http://player.ku6.com/refer/$1/v.swf") |
|
||||
.replace(/\?f=.*/, ""); |
|
||||
} |
|
||||
return url; |
|
||||
}, |
|
||||
/** |
|
||||
* 检测传入的所有input框中输入的长宽是否是正数 |
|
||||
*/ |
|
||||
checkNum: function checkNum( nodes ) { |
|
||||
|
|
||||
var me = this; |
|
||||
|
|
||||
for ( var i = 0, ci; ci = nodes[i++]; ) { |
|
||||
var value = ci.value; |
|
||||
if ( !me.isNumber( value ) && value) { |
|
||||
alert( me.lang.numError ); |
|
||||
ci.value = ""; |
|
||||
ci.focus(); |
|
||||
return false; |
|
||||
} |
|
||||
} |
|
||||
return true; |
|
||||
}, |
|
||||
/** |
|
||||
* 数字判断 |
|
||||
* @param value |
|
||||
*/ |
|
||||
isNumber: function( value ) { |
|
||||
return /(0|^[1-9]\d*$)/.test( value ); |
|
||||
}, |
|
||||
updateAlignButton: function( align ) { |
|
||||
var aligns = $( "#eduiVideoFloat", this.$widget )[0].children; |
|
||||
|
|
||||
for ( var i = 0, ci; ci = aligns[i++]; ) { |
|
||||
if ( ci.getAttribute( "name" ) == align ) { |
|
||||
if ( ci.className !="edui-video-focus" ) { |
|
||||
ci.className = "edui-video-focus"; |
|
||||
} |
|
||||
} else { |
|
||||
if ( ci.className =="edui-video-focus" ) { |
|
||||
ci.className = ""; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
/** |
|
||||
* 创建图片浮动选择按钮 |
|
||||
* @param ids |
|
||||
*/ |
|
||||
createAlignButton: function( ids ) { |
|
||||
var lang = this.lang, |
|
||||
vidoe_home = UMEDITOR_CONFIG.UMEDITOR_HOME_URL + 'dialogs/video/'; |
|
||||
|
|
||||
for ( var i = 0, ci; ci = ids[i++]; ) { |
|
||||
var floatContainer = $( "#" + ci, this.$widget ) [0], |
|
||||
nameMaps = {"none":lang['default'], "left":lang.floatLeft, "right":lang.floatRight}; |
|
||||
for ( var j in nameMaps ) { |
|
||||
var div = document.createElement( "div" ); |
|
||||
div.setAttribute( "name", j ); |
|
||||
if ( j == "none" ) div.className="edui-video-focus"; |
|
||||
div.style.cssText = "background:url("+ vidoe_home +"images/" + j + "_focus.jpg);"; |
|
||||
div.setAttribute( "title", nameMaps[j] ); |
|
||||
floatContainer.appendChild( div ); |
|
||||
} |
|
||||
this.switchSelect( ci ); |
|
||||
} |
|
||||
}, |
|
||||
/** |
|
||||
* 选择切换 |
|
||||
*/ |
|
||||
switchSelect: function( selectParentId ) { |
|
||||
var selects = $( "#" + selectParentId, this.$widget )[0].children; |
|
||||
for ( var i = 0, ci; ci = selects[i++]; ) { |
|
||||
$(ci).on("click", function () { |
|
||||
for ( var j = 0, cj; cj = selects[j++]; ) { |
|
||||
cj.className = ""; |
|
||||
cj.removeAttribute && cj.removeAttribute( "class" ); |
|
||||
} |
|
||||
this.className = "edui-video-focus"; |
|
||||
} ) |
|
||||
} |
|
||||
}, |
|
||||
/** |
|
||||
* 找到id下具有focus类的节点并返回该节点下的某个属性 |
|
||||
* @param id |
|
||||
* @param returnProperty |
|
||||
*/ |
|
||||
findFocus: function( id, returnProperty ) { |
|
||||
var tabs = $( "#" + id , this.$widget)[0].children, |
|
||||
property; |
|
||||
for ( var i = 0, ci; ci = tabs[i++]; ) { |
|
||||
if ( ci.className=="edui-video-focus" ) { |
|
||||
property = ci.getAttribute( returnProperty ); |
|
||||
break; |
|
||||
} |
|
||||
} |
|
||||
return property; |
|
||||
}, |
|
||||
/** |
|
||||
* 末尾字符检测 |
|
||||
*/ |
|
||||
endWith: function(str,endStrArr){ |
|
||||
for(var i=0,len = endStrArr.length;i<len;i++){ |
|
||||
var tmp = endStrArr[i]; |
|
||||
if(str.length - tmp.length<0) return false; |
|
||||
|
|
||||
if(str.substring(str.length-tmp.length)==tmp){ |
|
||||
return true; |
|
||||
} |
|
||||
} |
|
||||
return false; |
|
||||
}, |
|
||||
width:610, |
|
||||
height:498, |
|
||||
buttons: { |
|
||||
ok: { |
|
||||
exec: function( editor, $w ){ |
|
||||
$("#eduiVideoPreview", $w).html(""); |
|
||||
editor.getWidgetData(widgetName).insertSingle(); |
|
||||
} |
|
||||
}, |
|
||||
cancel: { |
|
||||
exec: function(){ |
|
||||
//清除视频
|
|
||||
$("#eduiVideoPreview").html(""); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
})(); |
|
||||
@ -1,150 +0,0 @@ |
|||||
/** |
|
||||
* English language package |
|
||||
*/ |
|
||||
UM.I18N['en'] = { |
|
||||
'labelMap':{ |
|
||||
'anchor':'Anchor', 'undo':'Undo', 'redo':'Redo', 'bold':'Bold', 'indent':'Indent', 'snapscreen':'SnapScreen', |
|
||||
'italic':'Italic', 'underline':'Underline', 'strikethrough':'Strikethrough', 'subscript':'SubScript','fontborder':'text border', |
|
||||
'superscript':'SuperScript', 'formatmatch':'Format Match', 'source':'Source', 'blockquote':'BlockQuote', |
|
||||
'pasteplain':'PastePlain', 'selectall':'SelectAll', 'print':'Print', 'preview':'Preview', |
|
||||
'horizontal':'Horizontal', 'removeformat':'RemoveFormat', 'time':'Time', 'date':'Date', |
|
||||
'unlink':'Unlink', 'insertrow':'InsertRow', 'insertcol':'InsertCol', 'mergeright':'MergeRight', 'mergedown':'MergeDown', |
|
||||
'deleterow':'DeleteRow', 'deletecol':'DeleteCol', 'splittorows':'SplitToRows','insertcode':'insert code', |
|
||||
'splittocols':'SplitToCols', 'splittocells':'SplitToCells','deletecaption':'DeleteCaption','inserttitle':'InsertTitle', |
|
||||
'mergecells':'MergeCells', 'deletetable':'DeleteTable', 'cleardoc':'Clear', 'insertparagraphbeforetable':"InsertParagraphBeforeTable", |
|
||||
'fontfamily':'FontFamily', 'fontsize':'FontSize', 'paragraph':'Paragraph', 'image':'Image','edittable':'Edit Table', 'edittd':'Edit Td','link':'Link', |
|
||||
'emotion':'Emotion', 'spechars':'Spechars', 'searchreplace':'SearchReplace', 'map':'BaiduMap', 'gmap':'GoogleMap', |
|
||||
'video':'Video', 'help':'Help', 'justifyleft':'JustifyLeft', 'justifyright':'JustifyRight', 'justifycenter':'JustifyCenter', |
|
||||
'justifyjustify':'Justify', 'forecolor':'FontColor', 'backcolor':'BackColor', 'insertorderedlist':'OL', |
|
||||
'insertunorderedlist':'UL', 'fullscreen':'FullScreen', 'directionalityltr':'EnterFromLeft', 'directionalityrtl':'EnterFromRight', |
|
||||
'rowspacingtop':'RowSpacingTop', 'rowspacingbottom':'RowSpacingBottom', 'highlightcode':'Code', 'pagebreak':'PageBreak', 'insertframe':'Iframe', 'imagenone':'Default', |
|
||||
'imageleft':'ImageLeft', 'imageright':'ImageRight', 'attachment':'Attachment', 'imagecenter':'ImageCenter', 'wordimage':'WordImage', |
|
||||
'lineheight':'LineHeight','edittip':'EditTip','customstyle':'CustomStyle', 'scrawl':'Scrawl', 'autotypeset':'AutoTypeset', |
|
||||
'webapp':'WebAPP', 'touppercase':'UpperCase', 'tolowercase':'LowerCase','template':'Template','background':'Background','inserttable':'InsertTable', |
|
||||
'drafts': 'drafts', 'formula':'formula' |
|
||||
}, |
|
||||
'paragraph':{'p':'Paragraph', 'h1':'Title 1', 'h2':'Title 2', 'h3':'Title 3', 'h4':'Title 4', 'h5':'Title 5', 'h6':'Title 6'}, |
|
||||
'fontfamily':{ |
|
||||
'songti':'Sim sun', |
|
||||
'kaiti':'Sim kai', |
|
||||
'heiti':'Sim hei', |
|
||||
'lishu':'Sim li', |
|
||||
'yahei': 'Microsoft yahei', |
|
||||
'andaleMono':'Andale mono', |
|
||||
'arial': 'Arial', |
|
||||
'arialBlack':'Arial black', |
|
||||
'comicSansMs':'Comic sans ms', |
|
||||
'impact':'Impact', |
|
||||
'timesNewRoman':'Times new roman' |
|
||||
}, |
|
||||
'ok':"OK", |
|
||||
'cancel':"Cancel", |
|
||||
'closeDialog':"closeDialog", |
|
||||
'tableDrag':"You must import the file uiUtils.js before drag! ", |
|
||||
'autofloatMsg':"The plugin AutoFloat depends on EditorUI!", |
|
||||
'anthorMsg':"Link", |
|
||||
'clearColor':'Clear', |
|
||||
'standardColor':'Standard color', |
|
||||
'themeColor':'Theme color', |
|
||||
'property':'Property', |
|
||||
'default':'Default', |
|
||||
'modify':'Modify', |
|
||||
'justifyleft':'Justify Left', |
|
||||
'justifyright':'Justify Right', |
|
||||
'justifycenter':'Justify Center', |
|
||||
'justify':'Default', |
|
||||
'clear':'Clear', |
|
||||
'anchorMsg':'Anchor', |
|
||||
'delete':'Delete', |
|
||||
'clickToUpload':"Click to upload", |
|
||||
'unset':"Language hasn't been set!", |
|
||||
't_row':'row', |
|
||||
't_col':'col', |
|
||||
'more':'More', |
|
||||
'pasteOpt':'Paste Option', |
|
||||
'pasteSourceFormat':"Keep Source Formatting", |
|
||||
'tagFormat':'Keep tag', |
|
||||
'pasteTextFormat':'Keep Text only', |
|
||||
|
|
||||
//===============dialog i18N=======================
|
|
||||
'image':{ |
|
||||
'static':{ |
|
||||
'lang_tab_local':"Local Upload", |
|
||||
'lang_tab_imgSearch':"Network Pictures", |
|
||||
'lang_input_dragTip':"Support drag upload", |
|
||||
'lang_btn_add':"Add" |
|
||||
}, |
|
||||
'uploadError': 'Upload Error' |
|
||||
}, |
|
||||
'emotion':{ |
|
||||
'static':{ |
|
||||
'lang_input_choice':'Choice', |
|
||||
'lang_input_Tuzki':'Tuzki', |
|
||||
'lang_input_lvdouwa':'LvDouWa', |
|
||||
'lang_input_BOBO':'BOBO', |
|
||||
'lang_input_babyCat':'BabyCat', |
|
||||
'lang_input_bubble':'Bubble', |
|
||||
'lang_input_youa':'YouA' |
|
||||
} |
|
||||
}, |
|
||||
'gmap':{ |
|
||||
'static':{ |
|
||||
'lang_input_address':'Address:', |
|
||||
'lang_input_search':'Search', |
|
||||
'address':{'value':"Beijing"} |
|
||||
}, |
|
||||
'searchError':'Unable to locate the address!' |
|
||||
}, |
|
||||
'link':{ |
|
||||
'static':{ |
|
||||
'lang_input_text':'Text：', |
|
||||
'lang_input_url':'URL：', |
|
||||
'lang_input_title':'Title：', |
|
||||
'lang_input_target':'open in new window：' |
|
||||
}, |
|
||||
'validLink':'Supports only effective when a link is selected', |
|
||||
'httpPrompt':'The hyperlink you enter should start with "http|https|ftp://"!' |
|
||||
}, |
|
||||
'map':{ |
|
||||
'static':{ |
|
||||
'lang_city':"City", |
|
||||
'lang_address':"Address", |
|
||||
'city':{'value':"Beijing"}, |
|
||||
'lang_search':"Search", |
|
||||
'lang_dynamicmap':"Dynamic map" |
|
||||
}, |
|
||||
'cityMsg':"Please enter the city name!", |
|
||||
'errorMsg':"Can't find the place!" |
|
||||
}, |
|
||||
'video':{ |
|
||||
'static':{ |
|
||||
'lang_tab_insertV':"Video", |
|
||||
'lang_video_url':" URL ", |
|
||||
'lang_video_size':"Video Size", |
|
||||
'lang_videoW':"Width", |
|
||||
'lang_videoH':"Height", |
|
||||
'lang_alignment':"Alignment", |
|
||||
'videoSearchTxt':{'value':"Enter the search keyword!"}, |
|
||||
'videoType':{'options':["All", "Hot", "Entertainment", "Funny", "Sports", "Science", "variety"]}, |
|
||||
'videoSearchBtn':{'value':"Search in Baidu"}, |
|
||||
'videoSearchReset':{'value':"Clear result"} |
|
||||
}, |
|
||||
'numError':"Please enter the correct Num. e.g 123,400", |
|
||||
'floatLeft':"Float left", |
|
||||
'floatRight':"Float right", |
|
||||
'default':"Default", |
|
||||
'block':"Display in block", |
|
||||
'urlError':"The video url format may be wrong!", |
|
||||
'loading':" The video is loading, please wait…", |
|
||||
'clickToSelect':"Click to select", |
|
||||
'goToSource':'Visit source video ', |
|
||||
'noVideo':" Sorry,can't find the video,please try again!" |
|
||||
}, |
|
||||
'formula':{ |
|
||||
'static':{ |
|
||||
'lang_tab_common':'Common', |
|
||||
'lang_tab_symbol':'Symbol', |
|
||||
'lang_tab_letter':'Letter' |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
Before Width: | Height: | Size: 3.3 KiB |
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue