Authored by weiqingting

编辑器

... ... @@ -369,42 +369,44 @@ var $=require('jquery');
initEvt: function () {
var me = this,
$ele = $(".edui-image-product .edui-product-content", me.dialog);
$.ajax({
url:"/goods/productPhoto/queryProductPhotoList",
data:{
productSkn:$('#productSkn').val()
},
dataType: 'json',
method:'post',
success:function(res){
var data = res.data;
if (res.code == 200 && data.data.list instanceof Array && data.data.list[0].pictureBoList instanceof Array) {
$.each(data.data.list[0].pictureBoList, function(i, value) {
var url=value.fileName;
if (url) {
// url+="?imageView/0/w/120/h/90";
$("<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-product .edui-product-content", me.dialog).append($item);
Base.scale(this, 120);
$item.width(120);
Base.close($(this));
});
}
});
if($.trim($('#productSkn').val())){
$.ajax({
url:"/productPhoto/queryProductPhotoList",
data:{
productSkn:$('#productSkn').val()
},
dataType: 'json',
method:'post',
success:function(res){
var data = res.data;
if (res.code == 200 && data.data.list instanceof Array && data.data.list[0].pictureBoList instanceof Array) {
$.each(data.data.list[0].pictureBoList, function(i, value) {
var url=value.fileName;
if (url) {
// url+="?imageView/0/w/120/h/90";
$("<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-product .edui-product-content", me.dialog).append($item);
Base.scale(this, 120);
$item.width(120);
Base.close($(this));
});
}
});
}
}
}
});
$(document).on("click",".edui-image-product .edui-product-content .edui-image-pic",function(){
$(".edui-image-product .edui-product-content .edui-image-pic").removeClass("active-product");
$(this).addClass("active-product");
})
});
$(document).on("click",".edui-image-product .edui-product-content .edui-image-pic",function(){
$(".edui-image-product .edui-product-content .edui-image-pic").removeClass("active-product");
$(this).addClass("active-product");
});
}
}
}
... ...
... ... @@ -293,4 +293,9 @@ span.tag{
width: 100%;
height: 100%;
display: block;
}
.edui-product-content{
.active-product{
border: 2px solid #000;
}
}
\ No newline at end of file
... ...