<template>
|
<GlobalWindow
|
:title="title"
|
width="50%"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<el-form :model="form" ref="form" :rules="rules" style="width: 50%;">
|
<el-form-item label="公司名称" prop="name">
|
<el-input v-model="form.name" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="统一信用代码" prop="code">
|
<el-input v-model="form.code" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="绑定手机号" prop="phone">
|
<div style="width: 100%; display: flex; align-items: center;">
|
<el-input v-model="form.phone" style="flex: 1;" placeholder="请输入" v-trim/>
|
<el-button type="primary" style="flex-shrink: 0; margin-left: 15px;">发送验证码</el-button>
|
</div>
|
</el-form-item>
|
<el-form-item label="验证码" prop="code">
|
<el-input v-model="form.code" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="公司账号" prop="taxAccount">
|
<el-input v-model="form.taxAccount" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="认证邮箱" prop="email">
|
<el-input v-model="form.email" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="纳税人识别号" prop="taxCode">
|
<el-input v-model="form.taxCode" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="银行账号" prop="taxBank">
|
<el-input v-model="form.taxBank" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="开户行" prop="taxBank">
|
<el-input v-model="form.taxBank" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="地址、电话" prop="taxAddr">
|
<el-input v-model="form.taxAddr" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="电子发票接收地址" prop="invoiceEmail">
|
<el-input v-model="form.invoiceEmail" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="纸质发票接收地址" prop="invoiceAddr">
|
<el-input v-model="form.invoiceAddr" placeholder="请输入" v-trim/>
|
</el-form-item>
|
<el-form-item label="营业执照" prop="invoiceAddr">
|
<el-upload
|
action="https://jsonplaceholder.typicode.com/posts/"
|
list-type="picture-card"
|
:on-remove="handleRemove">
|
<i class="el-icon-plus"></i>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="法人身份证" prop="invoiceAddr">
|
<el-upload
|
action="https://jsonplaceholder.typicode.com/posts/"
|
list-type="picture-card"
|
:on-remove="handleRemove">
|
<i class="el-icon-plus"></i>
|
</el-upload>
|
</el-form-item>
|
<el-form-item label="电子签章" prop="invoiceAddr">
|
<el-upload
|
action="https://jsonplaceholder.typicode.com/posts/"
|
list-type="picture-card"
|
:on-remove="handleRemove">
|
<i class="el-icon-plus"></i>
|
</el-upload>
|
</el-form-item>
|
</el-form>
|
<el-button type="primary" style="margin-bottom: 15px;">添加</el-button>
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%">
|
<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>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import UploadAvatarImage from '@/components/common/UploadAvatarImage'
|
export default {
|
name: 'OperaCompanyWindow',
|
extends: BaseOpera,
|
components: { GlobalWindow, UploadAvatarImage },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
id: null,
|
name: '',
|
code: '',
|
taxCode: '',
|
taxAccount: '',
|
taxBank: '',
|
taxAddr: '',
|
invoiceEmail: '',
|
invoiceAddr: '',
|
phone: '',
|
email: ''
|
},
|
// 验证规则
|
rules: {
|
},
|
options: [],
|
tableData: [{
|
type: [],
|
info: ''
|
}]
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/company',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
handleRemove(file, fileList) {
|
console.log(file, fileList);
|
}
|
}
|
}
|
</script>
|
