|
|
@ -1,36 +1,36 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<!--<ul v-for="(item,index) in value" :key="index" class="el-upload-list el-upload-list--picture-card">--> |
|
|
|
<!--<ul v-for="(item,index) in value" :key="index" 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="item" alt="" class="el-upload-list__item-thumbnail">--> |
|
|
|
<!--<img :src="item" alt="" class="el-upload-list__item-thumbnail">--> |
|
|
|
<!--<span class="el-upload-list__item-actions">--> |
|
|
|
<!--<span class="el-upload-list__item-actions">--> |
|
|
|
<!--<span v-if="index != 0" class="el-upload-list__item-preview" @click="moveMaterial(index,'up')">--> |
|
|
|
<!--<span v-if="index != 0" class="el-upload-list__item-preview" @click="moveMaterial(index,'up')">--> |
|
|
|
<!--<i class="el-icon-back" />--> |
|
|
|
<!--<i class="el-icon-back" />--> |
|
|
|
<!--</span>--> |
|
|
|
<!--</span>--> |
|
|
|
<!--<span class="el-upload-list__item-preview" @click="zoomMaterial(index)">--> |
|
|
|
<!--<span class="el-upload-list__item-preview" @click="zoomMaterial(index)">--> |
|
|
|
<!--<i class="el-icon-view" />--> |
|
|
|
<!--<i class="el-icon-view" />--> |
|
|
|
<!--</span>--> |
|
|
|
<!--</span>--> |
|
|
|
<!--<span class="el-upload-list__item-delete" @click="deleteMaterial(index)">--> |
|
|
|
<!--<span class="el-upload-list__item-delete" @click="deleteMaterial(index)">--> |
|
|
|
<!--<i class="el-icon-delete" />--> |
|
|
|
<!--<i class="el-icon-delete" />--> |
|
|
|
<!--</span>--> |
|
|
|
<!--</span>--> |
|
|
|
<!--<span v-if="index != value.length-1" class="el-upload-list__item-preview" @click="moveMaterial(index,'down')">--> |
|
|
|
<!--<span v-if="index != value.length-1" class="el-upload-list__item-preview" @click="moveMaterial(index,'down')">--> |
|
|
|
<!--<i class="el-icon-right" />--> |
|
|
|
<!--<i class="el-icon-right" />--> |
|
|
|
<!--</span>--> |
|
|
|
<!--</span>--> |
|
|
|
<!--</span>--> |
|
|
|
<!--</span>--> |
|
|
|
<!--</div>--> |
|
|
|
<!--</div>--> |
|
|
|
<!--</li>--> |
|
|
|
<!--</li>--> |
|
|
|
<!--</ul>--> |
|
|
|
<!--</ul>--> |
|
|
|
<!--<div v-if="num > value.length" tabindex="0" class="el-upload el-upload--picture-card" :style="'width: '+width+'px;height: '+height+'px;'+'line-height:'+height+'px;'" @click="toSeleteMaterial">--> |
|
|
|
<!--<div v-if="num > value.length" 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>--> |
|
|
|
|
|
|
|
|
|
|
|
<!--<el-dialog--> |
|
|
|
<!--<el-dialog--> |
|
|
|
<!--append-to-body--> |
|
|
|
<!--append-to-body--> |
|
|
|
<!--:visible.sync="dialogVisible"--> |
|
|
|
<!--:visible.sync="dialogVisible"--> |
|
|
|
<!--width="35%"--> |
|
|
|
<!--width="35%"--> |
|
|
|
<!-->--> |
|
|
|
<!-->--> |
|
|
|
<!--<img :src="url" alt="" style="width: 100%">--> |
|
|
|
<!--<img :src="url" alt="" style="width: 100%">--> |
|
|
|
<!--</el-dialog>--> |
|
|
|
<!--</el-dialog>--> |
|
|
|
|
|
|
|
|
|
|
|
<div |
|
|
|
<div |
|
|
@ -149,7 +149,7 @@ import { getPage as materialgroupPage, addObj as materialgroupAdd, delObj as mat |
|
|
|
import { getPage, addObj, delObj, putObj } from '@/api/tools/material' |
|
|
|
import { getPage, addObj, delObj, putObj } from '@/api/tools/material' |
|
|
|
import { getToken } from '@/utils/auth' |
|
|
|
import { getToken } from '@/utils/auth' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import '../../../public/UEditor/dialogs/internal'; |
|
|
|
import '../../../public/UEditor/dialogs/internal' |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: 'MaterialList', |
|
|
|
name: 'MaterialList', |
|
|
@ -462,12 +462,12 @@ export default { |
|
|
|
return isPic && isLt2M |
|
|
|
return isPic && isLt2M |
|
|
|
}, |
|
|
|
}, |
|
|
|
sureUrls() { |
|
|
|
sureUrls() { |
|
|
|
let str = ''; |
|
|
|
let str = '' |
|
|
|
this.urls.forEach(item => { |
|
|
|
this.urls.forEach(item => { |
|
|
|
str += '<img width="100%" src="' + item + '">' |
|
|
|
str += '<img width="100%" src="' + item + '">' |
|
|
|
//this.$set(this.value, this.value.length, item) |
|
|
|
// this.$set(this.value, this.value.length, item) |
|
|
|
nowEditor.dialog.close(true); |
|
|
|
nowEditor.dialog.close(true) |
|
|
|
nowEditor.editor.setContent(str, true); |
|
|
|
nowEditor.editor.setContent(str, true) |
|
|
|
}) |
|
|
|
}) |
|
|
|
this.listDialogVisible = false |
|
|
|
this.listDialogVisible = false |
|
|
|
} |
|
|
|
} |
|
|
|