<template>
|
<GlobalWindow
|
:title="title"
|
width="60%"
|
: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>
|
<div class="info_list">
|
<div class="info_list_item">
|
<div class="info_list_item_label">企业名称:</div>
|
<div class="info_list_item_val">安徽格力人力资源有限公司</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">统一信用代码:</div>
|
<div class="info_list_item_val">913418210000000000</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">公司账号:</div>
|
<div class="info_list_item_val">qq2131321</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">绑定手机号:</div>
|
<div class="info_list_item_val">
|
13555556666
|
<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>
|
<div class="info_list_item">
|
<div class="info_list_item_label">纳税人识别号:</div>
|
<div class="info_list_item_val">913418210000000000</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">开户行:</div>
|
<div class="info_list_item_val">安徽农村商业银行股份有限公司合肥支行</div>
|
</div>
|
<div class="info_list_item">
|
<div class="info_list_item_label">银行账号:</div>
|
<div class="info_list_item_val">20010355666666600000000</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>
|
<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>
|
<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>
|
</div>
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%; margin-bottom: 20px;">
|
<el-table-column
|
label="序号"
|
align="center"
|
width="80">
|
<template slot-scope="scope">
|
<span>{{scope.$index + 1}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
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>
|
</template>
|
</el-table-column>
|
</el-table>
|
<div class="info_list">
|
<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>
|
</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>
|
</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>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 新建/修改 -->
|
<OperaCompanyWindow ref="operaCompanyWindow" @success="handlePageChange"/>
|
<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">
|
<input type="text" placeholder="请输入" />
|
</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>
|
</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>
|
</span>
|
</el-dialog>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import OperaCompanyWindow from '@/components/business/OperaCompanyWindow'
|
export default {
|
name: 'OperaCompanyDescWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow, OperaCompanyWindow },
|
data () {
|
return {
|
ruleForm: {
|
phone: '',
|
code: ''
|
},
|
// 表单数据
|
form: {
|
id: null,
|
name: '',
|
code: '',
|
taxCode: '',
|
taxAccount: '',
|
taxBank: '',
|
taxAddr: '',
|
invoiceEmail: '',
|
invoiceAddr: '',
|
phone: '',
|
email: ''
|
},
|
visiblePhone: false,
|
options: [],
|
tableData: []
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/company',
|
'field.id': 'id'
|
})
|
}
|
}
|
</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;
|
img {
|
width: 100%;
|
}
|
}
|
}
|
}
|
}
|
}
|
</style>
|