github/CRMEB
1
0
Fork 0
mirror of https://github.com/crmeb/CRMEB.git synced 2025-12-11 18:32:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

增加选择图片排序

Browse Source
This commit is contained in:
liaofei 2020-01-03 11:52:34 +08:00
parent 880c47d5eb
commit e6063b4f34
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
crmeb/app/admin/view/widget/images.php
View File

@ -126,9 +126,11 @@
</div> </div>
<div class="layui-card-body clearfix image-box" style="padding: 10px;height: 360px;z-index:10;"> <div class="layui-card-body clearfix image-box" style="padding: 10px;height: 360px;z-index:10;">
<div class="layui-col-md2 layui-col-xs2 layui-col-sm2 image" v-for="(item,index) in imageList"> <div class="layui-col-md2 layui-col-xs2 layui-col-sm2 image" v-for="(item,index) in imageList">
<span class="layui-badge layui-bg-cyan" style="position: absolute;" v-if="item.sort">{{ item.sort }}</span>
<div class="layui-img-box" :class="item.isSelect ? 'on': '' "> <div class="layui-img-box" :class="item.isSelect ? 'on': '' ">
<img :src="item.att_dir" v-if="small == 1" @click="changImage(item,index)">
<img :src="item.att_dir" v-else @click="changImage(item,index)"> <img :src="item.att_dir" v-if="small == 1" @click="changImage(item)">
<img :src="item.att_dir" v-else @click="changImage(item)">
</div> </div>
</div> </div>
<div class="empty-image" style="width: 100%;height: 100%;text-align: center;" v-if="!imageList.length && loading == false"> <div class="empty-image" style="width: 100%;height: 100%;text-align: center;" v-if="!imageList.length && loading == false">
@ -251,17 +253,25 @@
}, },
//图片选中和取消 //图片选中和取消
changImage:function(item,index){ changImage:function(item,index){
var len = this.imageList.length,selectImages=[],selectImagesIDS=[]; this.$set(item,'isSelect',item.isSelect == undefined ? true : !item.isSelect);
var val = small == 1 ? item['satt_dir'] : item['att_dir'];
this.$set(this.imageList[index],'isSelect',item.isSelect == undefined ? true : !item.isSelect); if(item.isSelect === true) {
for (var i=0;i<len;i++){ this.selectImages[this.selectImages.length] = val;
if(this.imageList[i].isSelect === true) { this.selectImagesIDS[this.selectImages.length] = item['att_id'];
selectImages.push(small == 1 ? this.imageList[i]['satt_dir'] : this.imageList[i]['att_dir']); item.sort = this.selectImages.length;
selectImagesIDS.push(this.imageList[i]['att_id']); }else{
this.selectImages.splice(this.selectImages.indexOf(val),1);
this.selectImagesIDS.splice(this.selectImages.indexOf(item['att_id']),1);
for (var i=0;i<this.imageList.length;i++){
if(this.imageList[i].sort > item.sort) {
this.imageList[i].sort = (this.imageList[i].sort-1)>=0? this.imageList[i].sort-1 : 0;
}
} }
item.sort = 0;
} }
this.$set(this,'selectImages',selectImages); // console.log(this.selectImagesIDS)
this.$set(this,'selectImagesIDS',selectImagesIDS); this.$set(this,'selectImages',this.selectImages);
this.$set(this,'selectImagesIDS',this.selectImagesIDS);
}, },
//获取图片列表 //获取图片列表
getImageList:function(){ getImageList:function(){