| | |
| | | size="small" |
| | | plain |
| | | icon="el-icon-upload2" |
| | | v-if="canDoIt" |
| | | @click="handleUpload" |
| | | >上 传 |
| | | </el-button> |
| | |
| | | size="small" |
| | | icon="el-icon-delete" |
| | | plain |
| | | v-if="canDoIt" |
| | | @click="handleDelete" |
| | | >删 除 |
| | | </el-button> |
| | |
| | | type="text" |
| | | icon="el-icon-download" |
| | | size="small" |
| | | v-if="permission.attach_download" |
| | | @click="handleDownload(scope.row)" |
| | | >下载222 |
| | | >下载 |
| | | </el-button> |
| | | <el-button |
| | | type="text" |
| | |
| | | :visible.sync="imgSee" |
| | | class="see-img-box" |
| | | > |
| | | <div class="img" :style="{ background: imgUrl }"></div> |
| | | <div class="imgs" :style="{ background: imgUrl }"></div> |
| | | </el-dialog> |
| | | </basic-container> |
| | | </template> |
| | |
| | | height: "auto", |
| | | calcHeight: 30, |
| | | tip: false, |
| | | align: "center", |
| | | searchShow: true, |
| | | menu: false, |
| | | // menu: false, |
| | | height: 323, |
| | | searchMenuSpan: 6, |
| | | border: false, |
| | |
| | | selection: true, |
| | | dialogClickModal: false, |
| | | column: [ |
| | | { |
| | | label: "附件地址", |
| | | prop: "link", |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请输入附件地址", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "附件域名", |
| | | prop: "domain", |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请输入附件域名", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | // { |
| | | // label: "附件地址", |
| | | // prop: "link", |
| | | // hide: true, |
| | | // rules: [ |
| | | // { |
| | | // required: true, |
| | | // message: "请输入附件地址", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | // }, |
| | | // { |
| | | // label: "附件域名", |
| | | // prop: "domain", |
| | | // hide: true, |
| | | // // search: true, |
| | | // rules: [ |
| | | // { |
| | | // required: true, |
| | | // message: "请输入附件域名", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | // }, |
| | | // { |
| | | // label: "附件名称", |
| | | // prop: "name", |
| | | // hide: true, |
| | | // search: true, |
| | | // rules: [ |
| | | // { |
| | | // required: true, |
| | | // message: "请输入附件名称", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | // }, |
| | | { |
| | | label: "附件名称", |
| | | prop: "name", |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: "请输入附件名称", |
| | | trigger: "blur", |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "附件原名", |
| | | prop: "originalName", |
| | | search: true, |
| | | overHidden: true, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | label: "预览", |
| | | prop: "link", |
| | | slot: true, |
| | | dataType: "string", |
| | | type: "img", |
| | | }, |
| | | // { |
| | | // label: "上传时间", |
| | | // prop: "createTime", |
| | | // // slot: true, |
| | | // // search: true, |
| | | // rules: [ |
| | | // { |
| | | // required: true, |
| | | // message: "请输入附件大小", |
| | | // trigger: "blur", |
| | | // }, |
| | | // ], |
| | | // }, |
| | | // { |
| | | // label: "预览", |
| | | // prop: "link", |
| | | // slot: true, |
| | | // dataType: "string", |
| | | // type: "img", |
| | | // }, |
| | | ], |
| | | }, |
| | | data: [], |
| | |
| | | }; |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["permission"]), |
| | | ...mapGetters(["permission", "canDoIt"]), |
| | | permissionList() { |
| | | return { |
| | | addBtn: false, |
| | |
| | | this.attachBox = true; |
| | | }, |
| | | uploadAfter(res, done, loading, column) { |
| | | window.console.log(column); |
| | | // window.console.log(column); |
| | | this.attachBox = false; |
| | | this.refreshChange(); |
| | | done(); |
| | |
| | | seeImages(row) { |
| | | this.imgUrl = ""; |
| | | this.imgUrl = "url(" + row.link + ") center center / contain no-repeat"; |
| | | console.log(this.imgUrl); |
| | | // this.imgUrl = row.link; |
| | | |
| | | this.imgSee = true; |
| | | }, |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style> |
| | | <style lang="scss" scoped> |
| | | </style> |