| | |
| | | <template> |
| | | <GlobalWindow |
| | | :title="title" |
| | | width="60%" |
| | | width="80%" |
| | | :visible.sync="visible" |
| | | :confirm-working="isWorking" |
| | | @confirm="confirm" |
| | |
| | | <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"/> |
| | | <el-dialog |
| | | title="更改绑定手机号" |
| | | :visible.sync="visiblePhone" |
| | |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | | import OperaCompanyWindow from '@/components/business/OperaCompanyWindow' |
| | | import { getById } from '@/api/business/company' |
| | | import { listForCompany } from '@/api/business/solutions' |
| | | export default { |
| | | name: 'OperaCompanyDescWindow', |
| | | extends: BaseOpera, |
| | |
| | | code: '' |
| | | }, |
| | | // 表单数据 |
| | | form: { |
| | | id: null, |
| | | name: '', |
| | | code: '', |
| | | taxCode: '', |
| | | taxAccount: '', |
| | | taxBank: '', |
| | | taxAddr: '', |
| | | invoiceEmail: '', |
| | | invoiceAddr: '', |
| | | phone: '', |
| | | email: '' |
| | | }, |
| | | form: {}, |
| | | visiblePhone: false, |
| | | options: [], |
| | | tableData: [] |
| | |
| | | api: '/business/company', |
| | | 'field.id': 'id' |
| | | }) |
| | | }, |
| | | methods: { |
| | | open (title, target) { |
| | | const that = this; |
| | | this.title = title |
| | | getById(target.id) |
| | | .then(res => { |
| | | this.form = res |
| | | 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 |
| | | } |
| | | }) |
| | | 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%; |
| | | } |