<template>
|
<GlobalWindow
|
:title="title"
|
width="100%"
|
:withFooter="false"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div class="info">
|
<div class="info_label">
|
<span>商户详情</span>
|
<div>
|
<el-button type="primary" @click="$refs.operaCompanyWindow.open('编辑商户信息', form)">修改商户信息</el-button>
|
</div>
|
</div>
|
<div class="info_list">
|
<div class="info_list_item">
|
<div class="info_list_item_label">商户名称：</div>
|
<div class="info_list_item_val">{{form.name || '-'}}</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">统一信用代码：</div>
|
<div class="info_list_item_val">{{form.code || '-'}}</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">公司账号：</div>
|
<div class="info_list_item_val">{{form.username || '-'}}</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">绑定手机号：</div>
|
<div class="info_list_item_val">
|
{{form.phone || '-'}}
|
<el-button type="primary" size="mini" style="margin-left: 10px;" @click="visiblePhone = true">更改绑定</el-button>
|
</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">认证邮箱：</div>
|
<div class="info_list_item_val">{{form.email || '-'}}</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">纳税人识别号：</div>
|
<div class="info_list_item_val">{{form.taxCode || '-'}}</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">开户行：</div>
|
<div class="info_list_item_val">{{form.taxBank || '-'}}</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">银行账号：</div>
|
<div class="info_list_item_val">{{form.taxAccount || '-'}}</div>
|
</div>
|
<div class="info_list_item" style="width: 100%;">
|
<div class="info_list_item_label">地址、电话：</div>
|
<div class="info_list_item_val">{{form.taxAddr || '-'}}</div>
|
</div>
|
<div class="info_list_item" style="width: 100%;">
|
<div class="info_list_item_label">电子发票接收地址：</div>
|
<div class="info_list_item_val">{{form.invoiceEmail || '-'}}</div>
|
</div>
|
<div class="info_list_item" style="width: 100%;">
|
<div class="info_list_item_label">纸质发票接收地址：</div>
|
<div class="info_list_item_val">{{form.invoiceAddr || '-'}}</div>
|
</div>
|
</div>
|
<div class="info_list" v-if="JSON.stringify(form) !== '{}'">
|
<div class="info_list_item">
|
<div class="info_list_item_label" style="width: 100px;">营业执照：</div>
|
<div class="info_list_item_val">
|
<div class="image" v-if="form.businessImg && form.businessImg.fileurlFull">
|
<el-image
|
v-if="form.businessImg!=null&&form.businessImg.fileurlFull!=null"
|
style="width: 90px; height: 90px"
|
:src="form.businessImg.fileurlFull"
|
:preview-src-list="[form.businessImg.fileurlFull]">
|
</el-image>
|
</div>
|
</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label" style="width: 100px;">法人身份证：</div>
|
<div class="info_list_item_val">
|
<div class="image" v-if="form.idcardImgList && form.idcardImgList .length>1 && form.idcardImgList[0].fileurlFull">
|
<el-image
|
append-to-body
|
v-if="form.idcardImgList[0].fileurlFull"
|
style="width: 90px; height: 90px"
|
:src="form.idcardImgList[0].fileurlFull"
|
:preview-src-list="[form.idcardImgList[0].fileurlFull]">
|
</el-image>
|
</div>
|
<div class="image" v-if="form.idcardImgList && form.idcardImgList .length>2 && form.idcardImgList[1].fileurlFull">
|
<el-image
|
append-to-body
|
v-if="form.idcardImgList[1].fileurlFull"
|
style="width: 90px; height: 90px"
|
:src="form.idcardImgList[1].fileurlFull"
|
:preview-src-list="[form.idcardImgList[1].fileurlFull]">
|
</el-image>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 新建/修改 -->
|
<OperaShopWindow ref="operaCompanyWindow" @success="callback"/>
|
<!-- 修改保险方案 -->
|
<modification ref="modification" @success="callback"/>
|
<!-- 修改手机号 -->
|
<el-dialog
|
title="更改绑定手机号"
|
:visible.sync="visiblePhone"
|
width="500px"
|
:modal="false"
|
:show-close="false"
|
:close-on-click-modal="false"
|
center>
|
<div class="form">
|
<div class="form_item">
|
<div class="form_item_label">绑定手机号：</div>
|
<div class="form_item_val">
|
<el-input v-model="phone" placeholder="请输入"></el-input>
|
</div>
|
</div>
|
<div class="form_item">
|
<div class="form_item_label">验证码：</div>
|
<div class="form_item_val">
|
<el-input v-model="code" placeholder="请输入"></el-input>
|
<el-button type="primary" style="margin-left: 20px;" @click="send" v-if="num === 0">发送验证码</el-button>
|
<el-button type="primary" style="flex-shrink: 0; margin-left: 15px;" v-else>{{num}}s</el-button>
|
</div>
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="close">取 消</el-button>
|
<el-button type="primary" @click="updatePhoneEvent">提 交</el-button>
|
</span>
|
</el-dialog>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import OperaShopWindow from '@/components/business/OperaShopWindow'
|
import modification from '@/components/business/modification'
|
import { getById, updatePhone } from '@/api/business/company'
|
import { sendSms } from '@/api/business/smsEmail'
|
export default {
|
name: 'OperaCompanyDescWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow, OperaShopWindow, modification },
|
data () {
|
return {
|
ruleForm: {
|
phone: '',
|
code: ''
|
},
|
dataId: null,
|
num: 0,
|
timer: null,
|
// 表单数据
|
form: {},
|
phone: '',
|
code: '',
|
visiblePhone: false,
|
options: [],
|
tableData: []
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/company',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
close () {
|
this.visiblePhone = false
|
this.phone = ''
|
this.code = ''
|
clearInterval(this.timer)
|
this.num = 0
|
},
|
updatePhoneEvent () {
|
if (!this.phone) {
|
this.$message.warning('请输入手机号')
|
return
|
}
|
if (!this.code) {
|
this.$message.warning('请输入验证码')
|
return
|
}
|
updatePhone({
|
id: this.form.id,
|
captche: this.code,
|
phone: this.phone
|
}).then(res => {
|
this.form.phone = JSON.parse(JSON.stringify(this.phone))
|
this.$message.success('操作成功')
|
this.visiblePhone = false
|
this.phone = ''
|
this.code = ''
|
clearInterval(this.timer)
|
this.num = 0
|
})
|
},
|
send () {
|
if (!this.phone) {
|
this.$message.warning('请输入手机号')
|
return
|
}
|
sendSms({ phone: this.phone })
|
.then(res => {
|
this.num = 60
|
this.setTime()
|
})
|
},
|
setTime () {
|
this.timer = setInterval(() => {
|
this.num -= 1
|
if (this.num === 0) {
|
clearInterval(this.timer)
|
this.num = 0
|
}
|
}, 1000)
|
},
|
open (title, target) {
|
this.title = title
|
this.dataId = target.id
|
this.phone = ''
|
this.code = ''
|
this.visible=true
|
clearInterval(this.timer)
|
this.num = 0
|
this.getDetail()
|
},
|
getDetail () {
|
getById(this.dataId)
|
.then(res => {
|
this.form = res
|
this.form.type = 1
|
|
this.form.file = {
|
imgurl: '',
|
imgurlfull: ''
|
}
|
this.form.file1 = {
|
imgurl: '',
|
imgurlfull: ''
|
}
|
this.form.file2 = {
|
imgurl: '',
|
imgurlfull: ''
|
}
|
this.form.file3 = {
|
imgurl: '',
|
imgurlfull: ''
|
}
|
if(res.businessImg){
|
this.form.file.imgurl = res.businessImg.fileurl
|
this.form.file.imgurlfull = res.businessImg.fileurlFull
|
}
|
if (res.idcardImgList&& res.idcardImgList.length>1) {
|
this.form.file1.imgurl = res.idcardImgList[0].fileurl
|
this.form.file1.imgurlfull = res.idcardImgList[0].fileurlFull
|
}
|
if (res.idcardImgList && res.idcardImgList.length>2) {
|
this.form.file2.imgurl = res.idcardImgList[1].fileurl
|
this.form.file2.imgurlfull = res.idcardImgList[1].fileurlFull
|
}
|
if (res.signImg) {
|
this.form.file3.imgurl = res.signImg.fileurl
|
this.form.file3.imgurlfull = res.signImg.fileurlFull
|
}
|
})
|
},
|
callback () {
|
this.getDetail()
|
this.$emit('success')
|
// this.visible = false
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.form {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
.form_item {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
margin-bottom: 20px;
|
&:last-child {
|
margin-bottom: 0 !important;
|
}
|
.form_item_label {
|
width: 100px;
|
flex-shrink: 0;
|
font-size: 14px;
|
color: black;
|
}
|
.form_item_val {
|
flex: 1;
|
height: 35px;
|
display: flex;
|
align-items: center;
|
input {
|
width: 100%;
|
height: 100%;
|
font-size: 14px;
|
color: black;
|
padding: 5px 10px;
|
outline: none;
|
box-sizing: border-box;
|
border: 1px solid #ececec;
|
}
|
}
|
}
|
}
|
.info {
|
width: 100%;
|
.info_label {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-bottom: 20px;
|
span {
|
font-size: 18px;
|
font-weight: 500;
|
color: #000000;
|
}
|
}
|
.info_list {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
flex-wrap: wrap;
|
.info_list_item {
|
width: 33.3%;
|
display: flex;
|
align-items: start;
|
margin-bottom: 20px;
|
.info_list_item_label {
|
/*width: 150px;*/
|
flex-shrink: 0;
|
}
|
.info_list_item_val {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
.image {
|
width: 100px;
|
height: 100px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
overflow: hidden;
|
margin-right: 10px;
|
&:last-child {
|
margin: 0 !important;
|
}
|
img {
|
width: 100%;
|
}
|
}
|
}
|
}
|
}
|
}
|
</style>
|
