| | |
| | | <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.legalName || '-'}}</div> |
| | | </div> |
| | | <div class="info_list_item"> |
| | | <div class="info_list_item_label">绑定手机号:</div> |
| | | <div class="info_list_item_val"> |
| | |
| | | <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_label">纸质发票接收地址:</div> |
| | | <div class="info_list_item_val">{{form.invoiceAddr || '-'}}</div> |
| | | </div> |
| | | </div> |
| | |
| | | label="保险方案"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="shopName" |
| | | align="center" |
| | | label="委托商户"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | label="加减保功能"> |
| | | <template slot-scope="{row}"> |
| | |
| | | <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.fileurlFull"> |
| | | <img :src="form.businessImg.fileurlFull" alt=""> |
| | | <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[0].fileurlFull"> |
| | | <img :src="form.idcardImgList[0].fileurlFull" alt=""> |
| | | <div class="image" v-if="form.idcardImgList && form.idcardImgList .length>0 && 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[1].fileurlFull"> |
| | | <img :src="form.idcardImgList[1].fileurlFull" alt=""> |
| | | <div class="image" v-if="form.idcardImgList && form.idcardImgList .length>1 && 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 class="info_list_item"> |
| | | <!-- <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.signImg.fileurlFull"> |
| | | <img :src="form.signImg.fileurlFull" alt=""> |
| | | <div class="image" v-if="form.signImg && form.signImg.fileurlFull"> |
| | | <el-image |
| | | v-if="form.signImg.fileurlFull!=null" |
| | | style="width: 90px; height: 90px" |
| | | :src="form.signImg.fileurlFull" |
| | | :preview-src-list="[form.signImg.fileurlFull]"> |
| | | </el-image> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | </div> |
| | | <!-- 新建/修改 --> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import OperaCompanyWindow from '@/components/business/OperaCompanyWindow' |
| | | import modification from '@/components/business/modification' |
| | | import { getById, updatePhone } from '@/api/business/company' |
| | | import { listForCompany } from '@/api/business/solutions' |
| | | import { sendSms } from '@/api/business/smsEmail' |
| | | export default { |
| | | name: 'OperaCompanyDescWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow, OperaCompanyWindow, modification }, |
| | | data () { |
| | | return { |
| | | ruleForm: { |
| | | phone: '', |
| | | code: '' |
| | | }, |
| | | 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) { |
| | | const that = this; |
| | | this.title = title |
| | | this.phone = '' |
| | | this.code = '' |
| | | clearInterval(this.timer) |
| | | this.num = 0 |
| | | getById(target.id) |
| | | .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: '' |
| | | } |
| | | |
| | | this.form.file.imgurl = res.businessImg.fileurl |
| | | this.form.file.imgurlfull = res.businessImg.fileurlFull |
| | | this.form.file1.imgurl = res.idcardImgList[0].fileurl |
| | | this.form.file1.imgurlfull = res.idcardImgList[0].fileurlFull |
| | | this.form.file2.imgurl = res.idcardImgList[1].fileurl |
| | | this.form.file2.imgurlfull = res.idcardImgList[1].fileurlFull |
| | | this.form.file3.imgurl = res.signImg.fileurl |
| | | this.form.file3.imgurlfull = res.signImg.fileurlFull |
| | | |
| | | listForCompany({ companyId: target.id }) |
| | | .then(resa => { |
| | | that.form.solutionList = resa.map(item => { |
| | | return { |
| | | solutionBaseId: item.solutionBaseId, |
| | | canAdd: item.canAdd, |
| | | canReduce: item.canReduce |
| | | } |
| | | }) |
| | | that.form.solutionListName = resa.map(item => { |
| | | return { |
| | | solutionName: item.solutionName, |
| | | canAdd: item.canAdd, |
| | | canReduce: item.canReduce |
| | | } |
| | | }) |
| | | console.log(that.form) |
| | | that.visible = true |
| | | }) |
| | | }) |
| | | }, |
| | | callback() { |
| | | this.$emit('success') |
| | | this.visible = false |
| | | } |
| | | } |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import OperaCompanyWindow from '@/components/business/OperaCompanyWindow' |
| | | import modification from '@/components/business/modification' |
| | | import { getById, updatePhone } from '@/api/business/company' |
| | | import { listForCompany } from '@/api/business/solutions' |
| | | import { sendSms } from '@/api/business/smsEmail' |
| | | export default { |
| | | name: 'OperaCompanyDescWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow, OperaCompanyWindow, 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 |
| | | }) .catch(e => { |
| | | this.$tip.apiFailed(e) |
| | | }) |
| | | }, |
| | | send () { |
| | | if (!this.phone) { |
| | | this.$message.warning('请输入手机号') |
| | | return |
| | | } |
| | | sendSms({ phone: this.phone }) |
| | | .then(res => { |
| | | this.num = 60 |
| | | this.setTime() |
| | | }) .catch(e => { |
| | | this.$tip.apiFailed(e) |
| | | }) |
| | | }, |
| | | setTime () { |
| | | this.timer = setInterval(() => { |
| | | this.num -= 1 |
| | | if (this.num === 0) { |
| | | clearInterval(this.timer) |
| | | this.num = 0 |
| | | } |
| | | }, 1000) |
| | | }, |
| | | open (title, target) { |
| | | const that = this |
| | | this.title = title |
| | | this.dataId = target.id |
| | | this.phone = '' |
| | | this.code = '' |
| | | clearInterval(this.timer) |
| | | this.num = 0 |
| | | this.getDetail() |
| | | }, |
| | | getDetail () { |
| | | var that = this |
| | | 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>0) { |
| | | this.form.file1.imgurl = res.idcardImgList[0].fileurl |
| | | this.form.file1.imgurlfull = res.idcardImgList[0].fileurlFull |
| | | } |
| | | if (res.idcardImgList && res.idcardImgList.length>1) { |
| | | 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 |
| | | } |
| | | |
| | | listForCompany({ companyId: this.dataId }) |
| | | .then(resa => { |
| | | that.form.solutionList = resa.map(item => { |
| | | return { |
| | | solutionBaseId: item.solutionBaseId, |
| | | shopId: item.shopId, |
| | | canAdd: item.canAdd, |
| | | canReduce: item.canReduce |
| | | } |
| | | }) |
| | | that.form.solutionListName = resa.map(item => { |
| | | return { |
| | | solutionName: item.solutionName, |
| | | shopName: item.shopName, |
| | | canAdd: item.canAdd, |
| | | canReduce: item.canReduce |
| | | } |
| | | }) |
| | | console.log(that.form) |
| | | that.visible = true |
| | | }) |
| | | }) |
| | | }, |
| | | callback () { |
| | | this.getDetail() |
| | | this.$emit('success') |
| | | // this.visible = false |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | align-items: start; |
| | | margin-bottom: 20px; |
| | | .info_list_item_label { |
| | | width: 150px; |
| | | /*width: 150px;*/ |
| | | flex-shrink: 0; |
| | | } |
| | | .info_list_item_val { |