<template>
|
<GlobalWindow
|
:title="title"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div class="title-style">客户信息 <div class="tips">{{form.oepnType ? '正式' : '体验' }}</div><div class="tips">有效期：{{ form.oepnValidDate.substring(0, form.oepnValidDate.length-9) }}</div></div>
|
<el-descriptions direction="horizontal" :column="1" :colon="false">
|
<el-descriptions-item label="客户名称：">{{ form.orgName }}</el-descriptions-item>
|
<el-descriptions-item label="客户简称：">{{ form.remark }}</el-descriptions-item>
|
<el-descriptions-item label="主登录账号：">{{ form.phone }}</el-descriptions-item>
|
<el-descriptions-item label="所在地址：">{{ form.addr }}</el-descriptions-item>
|
<el-descriptions-item label="企业信用代码：">{{ form.creditCode }}</el-descriptions-item>
|
<el-descriptions-item label="联系人：">{{ form.linkName }} {{ form.linkPhone }}</el-descriptions-item>
|
<el-descriptions-item label="销售人员：">{{ form.salespersonName }} {{ form.salespersonmobile }}</el-descriptions-item>
|
<el-descriptions-item label="营业执照：">
|
<!-- {{ form.fileurlfull }} -->
|
<el-image
|
v-if="form.fileStoreAddr"
|
style="width: 120px; height: 80px;"
|
:src="form.fileurlfull"
|
:initial-index="0"
|
:preview-src-list="[form.fileurlfull]"
|
></el-image>
|
</el-descriptions-item>
|
<el-descriptions-item label="系统访问地址：">
|
<a :href="form.systemUrl" target="_blank" rel="noopener noreferrer">{{ form.systemUrl }}</a>
|
<span style="cursor: pointer; margin-left: 10px;" @click="copy">复制</span>
|
</el-descriptions-item>
|
</el-descriptions>
|
<div slot="footer"></div>
|
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
export default {
|
name: 'OperaClientDetailWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow },
|
data () {
|
|
return {
|
isUploading: false,
|
// 表单数据
|
form: {
|
id: null,
|
oepnType: 1,
|
orgName: '',
|
name: '',
|
remark: '',
|
phone: '',
|
legalPerson: '',
|
addr: '',
|
salesperson: '',
|
salespersonName: '',
|
salespersonmobile: '',
|
oepnValidDate: '',
|
creditCode: '',
|
linkName: '',
|
linkPhone: '',
|
fileStoreAddr: '',
|
fileurlfull: '',
|
systemUrl: ''
|
},
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/clientManger',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
open (target) {
|
this.title = '客户资料'
|
this.visible = true
|
debugger
|
// 编辑
|
this.$nextTick(() => {
|
for (const key in this.form) {
|
this.form[key] = target[key]
|
}
|
})
|
},
|
copy() {
|
// let text = `系统访问地址：${this.form.systemUrl}\n登录主账号：${this.form.phone}\n登录密码：123456\n`
|
this.$copyText(this.form.systemUrl)
|
.then(() => {
|
this.$message.success('复制成功，去分享给同事吧~')
|
})
|
.catch(e => {
|
this.$message.error(e)
|
})
|
},
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
::v-deep .el-descriptions-item__label {
|
width: 85px;
|
text-align: right;
|
display: flex;
|
flex-direction: row-reverse;
|
}
|
.title-style {
|
font-weight: 500;
|
font-size: 20px;
|
display: flex;
|
line-height: 32px;
|
height: 32px;
|
margin-bottom: 20px;
|
.tips {
|
margin-left: 10px;
|
font-weight: normal;
|
font-size: 16px;
|
line-height:32px;
|
height: 32px;
|
padding: 0 5px;
|
color: rgb(68, 87, 172);
|
background-color: rgb(227, 230, 243);
|
}
|
}
|
.image-style {
|
width: 100px;
|
height: 60px;
|
margin-right: 8px;
|
}
|
</style>
|
