Browse Source

单击预览,双击或者右击复制logo链接

preview
yuyanglin 5 years ago
parent
commit
23d98658f0
  1. 7
      epmet-oper-web/src/assets/scss/modules/c-manage/customer-manage.scss
  2. 38
      epmet-oper-web/src/views/modules/customer-manage/customer-manage.vue

7
epmet-oper-web/src/assets/scss/modules/c-manage/customer-manage.scss

@ -61,4 +61,9 @@
width: 178px;
height: 178px;
display: block;
}
}
.customer-logo {
display: block;
width: 40px;
height: 40px;
}

38
epmet-oper-web/src/views/modules/customer-manage/customer-manage.vue

@ -6,7 +6,21 @@
v-loading="dataListLoading"
:data="dataList"
border
style="width: 100%;">
style="width: 100%;"
@row-contextmenu="handleRowContext"
@cell-dblclick="handleRowContext">
<el-table-column prop="logo" label="客户LOGO" header-align="left" align="left" width="100">
<template slot-scope="scope">
<el-image
v-if="scope.row.logo"
style="width: 40px; height: 40px;text-align: center;"
:src="scope.row.logo"
:preview-src-list="[scope.row.logo]"
>
</el-image>
<!-- <img v-if="scope.row.logo" :src="scope.row.logo" class="customer-logo" /> -->
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" header-align="left" align="left" width="300"></el-table-column>
<el-table-column label="操作" fixed="right" header-align="right" align="right">
<template slot-scope="scope">
@ -325,6 +339,28 @@ export default {
this.$message.error('上传头像图片大小不能超过 2MB!')
}
return isJPG && isLt2M
},
handleCellDbclick (row, column, cell, event) {
if (column.label === '客户LOGO') {
this.copy(row.logo)
}
},
handleRowContext (row, column, event) {
this.copy(row.logo)
},
copy (data) {
let url = data
let oInput = document.createElement('input')
oInput.value = url
document.body.appendChild(oInput)
oInput.select()
console.log(oInput.value)
document.execCommand('Copy')
this.$message({
message: 'LOGO链接复制成功',
type: 'success'
})
oInput.remove()
}
},
computed: {

Loading…
Cancel
Save