|  |  | 
 |  |  | <template> | 
 |  |  |     <GlobalWindow | 
 |  |  |         :title="title" | 
 |  |  |         width="60%" | 
 |  |  |         width="100%" | 
 |  |  |         :withFooter="false" | 
 |  |  |         :visible.sync="visible" | 
 |  |  |         :confirm-working="isWorking" | 
 |  |  |         @confirm="confirm" | 
 |  |  | 
 |  |  |         <div class="info"> | 
 |  |  |             <div class="info_label"> | 
 |  |  |                 <span>企业详情</span> | 
 |  |  |                 <el-button type="primary" @click="$refs.operaCompanyWindow.open('编辑企业信息', row)">修改企业信息</el-button> | 
 |  |  |                 <div> | 
 |  |  |                     <el-button type="primary" @click="$refs.modification.open('修改保险方案', form)">更改保险方案</el-button> | 
 |  |  |                     <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">安徽格力人力资源有限公司</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">913418210000000000</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">qq2131321</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"> | 
 |  |  |                         13555556666 | 
 |  |  |                         {{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">123456@11.com</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">913418210000000000</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">安徽农村商业银行股份有限公司合肥支行</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">20010355666666600000000</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">安徽省合肥市经济技术开发区莲花路以东、石门路以南莲花路1#     0551-63450845</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">111122223333@qq.com</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">安徽省合肥市经济技术开发区莲花路以东、石门路以南莲花路1#     李经理    13555556666</div> | 
 |  |  |                     <div class="info_list_item_val">{{form.invoiceAddr || '-'}}</div> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |             <el-table | 
 |  |  |                 :data="tableData" | 
 |  |  |                 :data="form.solutionListName" | 
 |  |  |                 border | 
 |  |  |                 style="width: 100%; margin-bottom: 20px;"> | 
 |  |  |                 <el-table-column | 
 |  |  | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column | 
 |  |  |                     prop="solutionName" | 
 |  |  |                     align="center" | 
 |  |  |                     label="保险方案"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <el-select v-model="row.info" placeholder="请选择"> | 
 |  |  |                             <el-option | 
 |  |  |                                 v-for="item in options" | 
 |  |  |                                 :key="item.value" | 
 |  |  |                                 :label="item.label" | 
 |  |  |                                 :value="item.value"> | 
 |  |  |                             </el-option> | 
 |  |  |                         </el-select> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column | 
 |  |  |                     align="center" | 
 |  |  |                     label="加减保功能"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <el-checkbox-group v-model="row.type"> | 
 |  |  |                             <el-checkbox label="1">加保</el-checkbox> | 
 |  |  |                             <el-checkbox label="2">减保</el-checkbox> | 
 |  |  |                         </el-checkbox-group> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column | 
 |  |  |                     label="操作" | 
 |  |  |                     align="center" | 
 |  |  |                     width="100"> | 
 |  |  |                     <template slot-scope="scope"> | 
 |  |  |                         <el-button type="text" size="small" style="color: red;">删除</el-button> | 
 |  |  |                         <el-checkbox :true-label="1" :false-label="0" disabled v-model="row.canAdd">加保</el-checkbox> | 
 |  |  |                         <el-checkbox :true-label="1" :false-label="0" disabled v-model="row.canReduce">减保</el-checkbox> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |             </el-table> | 
 |  |  |             <div class="info_list"> | 
 |  |  |             <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"> | 
 |  |  |                             <img src="@/assets/images/404.png" alt=""> | 
 |  |  |                         <div class="image" v-if="form.businessImg.fileurlFull"> | 
 |  |  |                             <img :src="form.businessImg.fileurlFull" alt=""> | 
 |  |  |                         </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"> | 
 |  |  |                             <img src="@/assets/images/404.png" alt=""> | 
 |  |  |                         <div class="image" v-if="form.idcardImgList[0].fileurlFull"> | 
 |  |  |                             <img :src="form.idcardImgList[0].fileurlFull" alt=""> | 
 |  |  |                         </div> | 
 |  |  |                         <div class="image" v-if="form.idcardImgList[1].fileurlFull"> | 
 |  |  |                             <img :src="form.idcardImgList[1].fileurlFull" alt=""> | 
 |  |  |                         </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"> | 
 |  |  |                             <img src="@/assets/images/404.png" alt=""> | 
 |  |  |                         <div class="image" v-if="form.signImg.fileurlFull"> | 
 |  |  |                             <img :src="form.signImg.fileurlFull" alt=""> | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |         <!-- 新建/修改 --> | 
 |  |  |         <OperaCompanyWindow ref="operaCompanyWindow" @success="handlePageChange"/> | 
 |  |  |         <OperaCompanyWindow ref="operaCompanyWindow" @success="callback"/> | 
 |  |  |         <!-- 修改保险方案 --> | 
 |  |  |         <modification ref="modification" @success="callback"/> | 
 |  |  |         <!-- 修改手机号 --> | 
 |  |  |         <el-dialog | 
 |  |  |             title="更改绑定手机号" | 
 |  |  |             :visible.sync="visiblePhone" | 
 |  |  | 
 |  |  |                 <div class="form_item"> | 
 |  |  |                     <div class="form_item_label">绑定手机号:</div> | 
 |  |  |                     <div class="form_item_val"> | 
 |  |  |                         <input type="text" placeholder="请输入" /> | 
 |  |  |                         <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"> | 
 |  |  |                         <input type="text" placeholder="请输入" /> | 
 |  |  |                         <el-button type="primary" style="margin-left: 20px;">发送验证码</el-button> | 
 |  |  |                         <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="visiblePhone = false">取 消</el-button> | 
 |  |  |                 <el-button type="primary" @click="visiblePhone = false">提 交</el-button> | 
 |  |  |                 <el-button @click="close">取 消</el-button> | 
 |  |  |                 <el-button type="primary" @click="updatePhoneEvent">提 交</el-button> | 
 |  |  |             </span> | 
 |  |  |         </el-dialog> | 
 |  |  |     </GlobalWindow> | 
 |  |  | 
 |  |  |     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 }, | 
 |  |  |         components: { GlobalWindow, OperaCompanyWindow, modification }, | 
 |  |  |         data () { | 
 |  |  |             return { | 
 |  |  |                 ruleForm: { | 
 |  |  |                     phone: '', | 
 |  |  |                     code: '' | 
 |  |  |                 }, | 
 |  |  |                 num: 0, | 
 |  |  |                 timer: null, | 
 |  |  |                 // 表单数据 | 
 |  |  |                 form: { | 
 |  |  |                     id: null, | 
 |  |  |                     name: '', | 
 |  |  |                     code: '', | 
 |  |  |                     taxCode: '', | 
 |  |  |                     taxAccount: '', | 
 |  |  |                     taxBank: '', | 
 |  |  |                     taxAddr: '', | 
 |  |  |                     invoiceEmail: '', | 
 |  |  |                     invoiceAddr: '', | 
 |  |  |                     phone: '', | 
 |  |  |                     email: '' | 
 |  |  |                 }, | 
 |  |  |                 form: {}, | 
 |  |  |                 phone: '', | 
 |  |  |                 code: '', | 
 |  |  |                 visiblePhone: false, | 
 |  |  |                 options: [], | 
 |  |  |                 tableData: [] | 
 |  |  | 
 |  |  |                 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 | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  | </script> | 
 |  |  | 
 |  |  |                         align-items: center; | 
 |  |  |                         justify-content: center; | 
 |  |  |                         overflow: hidden; | 
 |  |  |                         margin-right: 10px; | 
 |  |  |                         &:last-child { | 
 |  |  |                             margin: 0 !important; | 
 |  |  |                         } | 
 |  |  |                         img { | 
 |  |  |                             width: 100%; | 
 |  |  |                         } |