|
|
@ -1,20 +1,20 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div v-if="type == 'image'"> |
|
|
|
<div v-if="type == 'image'"> |
|
|
|
<div v-if="myValue != ''"> |
|
|
|
<div v-if="myValue != ''"> |
|
|
|
<ul class="el-upload-list el-upload-list--picture-card"> |
|
|
|
<ul class="el-upload-list el-upload-list--picture-card"> |
|
|
|
<li tabindex="0" class="el-upload-list__item is-ready" :style="'width: '+width+'px;height: '+height+'px'"> |
|
|
|
<li tabindex="0" class="el-upload-list__item is-ready" :style="'width: '+width+'px;height: '+height+'px'"> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<img :src="myValue" alt="" class="el-upload-list__item-thumbnail"> |
|
|
|
<img :src="myValue" alt="" class="el-upload-list__item-thumbnail"> |
|
|
|
<span class="el-upload-list__item-actions"> |
|
|
|
<span class="el-upload-list__item-actions"> |
|
|
|
<span class="el-upload-list__item-delete" @click="deleteMaterial"> |
|
|
|
<span class="el-upload-list__item-delete" @click="deleteMaterial"> |
|
|
|
<i class="el-icon-delete" /> |
|
|
|
<i class="el-icon-delete" /> |
|
|
|
</span> |
|
|
|
|
|
|
|
</span> |
|
|
|
</span> |
|
|
|
|
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-else tabindex="0" class="el-upload el-upload--picture-card" :style="'width: '+width+'px;height: '+height+'px;'+'line-height:'+height+'px;'" @click="toSeleteMaterial"> |
|
|
|
<div v-else tabindex="0" class="el-upload el-upload--picture-card" :style="'width: '+width+'px;height: '+height+'px;'+'line-height:'+height+'px;'" @click="toSeleteMaterial"> |
|
|
|
<i class="el-icon-plus" /> |
|
|
|
<i class="el-icon-plus" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
@ -210,7 +210,7 @@ export default { |
|
|
|
]) |
|
|
|
]) |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
watch: { |
|
|
|
value: function (val) { |
|
|
|
value: function(val) { |
|
|
|
this.myValue = val |
|
|
|
this.myValue = val |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
@ -252,10 +252,10 @@ export default { |
|
|
|
this.materialgroupLoading = true |
|
|
|
this.materialgroupLoading = true |
|
|
|
materialgroupPage({ |
|
|
|
materialgroupPage({ |
|
|
|
total: 0, // 总页数 |
|
|
|
total: 0, // 总页数 |
|
|
|
currentPage: 1, // 当前页数 |
|
|
|
page: 1, // 当前页数 |
|
|
|
pageSize: 100, // 每页显示多少条 |
|
|
|
size: 100, // 每页显示多少条 |
|
|
|
ascs: [], // 升序字段 |
|
|
|
ascs: [], // 升序字段 |
|
|
|
descs: 'create_time'// 降序字段 |
|
|
|
sort: 'create_time,desc'// 降序字段 |
|
|
|
}).then(response => { |
|
|
|
}).then(response => { |
|
|
|
this.materialgroupLoading = false |
|
|
|
this.materialgroupLoading = false |
|
|
|
const materialgroupList = response.content |
|
|
|
const materialgroupList = response.content |
|
|
@ -454,7 +454,7 @@ export default { |
|
|
|
return isPic && isLt2M |
|
|
|
return isPic && isLt2M |
|
|
|
}, |
|
|
|
}, |
|
|
|
sureUrls() { |
|
|
|
sureUrls() { |
|
|
|
console.log('this.urls:'+this.urls) |
|
|
|
console.log('this.urls:' + this.urls) |
|
|
|
this.myValue = this.urls[0] |
|
|
|
this.myValue = this.urls[0] |
|
|
|
this.$emit('input', this.urls[0]) |
|
|
|
this.$emit('input', this.urls[0]) |
|
|
|
this.listDialogVisible = false |
|
|
|
this.listDialogVisible = false |
|
|
|