集团单位展示在相关方信息中

pull/5/head
dearlin 2023-11-08 17:46:11 +08:00
parent e9fd5adb30
commit c14b34c029
1 changed files with 88 additions and 13 deletions

View File

@ -6,9 +6,28 @@
<div class="level-title">
<h1>1相关方单位基础信息</h1>
</div>
<el-row>
<el-row :gutter="24">
<el-col :gutter="12">
<el-form-item label="相关方单位名称" prop="RELEVANT_UNIT_NAME">
<el-input v-model="dataForm.RELEVANT_UNIT_NAME" disabled/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="主管部门" prop="MAIN_DEPARTMENT">
<el-form-item label="股份监管部门" prop="MANAGER_DEPARTMENT_NAME">
<el-input v-model="dataForm.MANAGER_DEPARTMENT_NAME" disabled/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="基层单位监管部门" prop="COMPETENT_DEPT_NAME">
<el-input v-model="dataForm.COMPETENT_DEPT_NAME" disabled/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="股份主管部门" prop="MAIN_DEPARTMENT">
<Treeselect
:options="treeData"
:disabled="true"
@ -21,16 +40,25 @@
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="基层单位主管部门" prop="SUPERVISE_CORPINFO_DEPT_NAME">
<el-input v-model="dataForm.SUPERVISE_CORPINFO_DEPT_NAME" disabled maxlength="255" title="单位名称"/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="集团单位" prop="corpTypeName">
<el-input id="corpTypeName" ref="corpTypeName" v-model="dataForm.corpTypeName" disabled maxlength="255" placeholder="这里输入开户人..." title="开户人"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开户人" prop="CREATOR">
<el-input id="CREATOR" ref="CREATOR" v-model="dataForm.USER_NAME" disabled maxlength="255" placeholder="这里输入开户人..." title="开户人"/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="单位名称" prop="RELEVANT_UNIT_NAME">
<el-input id="RELEVANT_UNIT_NAME" ref="RELEVANT_UNIT_NAME" v-model="dataForm.RELEVANT_UNIT_NAME" disabled dmaxlength="255" placeholder="这里输入单位名称..." title="单位名称"/>
</el-form-item>
<el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="统一社会信用代码" prop="SOCIAL_CODE">
<el-input id="SOCIAL_CODE" ref="SOCIAL_CODE" v-model="dataForm.SOCIAL_CODE" maxlength="255" disabled placeholder="这里输入统一社会信用代码..." title="统一社会信用代码"/>
@ -52,7 +80,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="所属行业" disabled prop="INDUSTRY">
<!-- <el-cascader
@ -136,7 +164,7 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="成立日期" prop="ESTABLISHMENT_DATE">
<el-date-picker v-model="dataForm.ESTABLISHMENT_DATE" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" disabled placeholder="选择日期"/>
<el-date-picker v-model="dataForm.ESTABLISHMENT_DATE" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" disabled placeholder="选择日期" style="width: 100%"/>
</el-form-item>
</el-col>
<el-col :span="12">
@ -159,10 +187,16 @@
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="用工形式" disabled prop="EMPLOYMENT_FORM_NAME">
<el-select v-model="dataForm.EMPLOYMENT_FORM_NAME" style="width: 100%;" disabled>
<el-option v-for="item in employmentTypeList" :key="item.BIANMA" :label="item.NAME" :value="item.BIANMA" />
</el-select>
<el-form-item label="用工形式" prop="EMPLOYMENT_FORM">
<Treeselect
:options="employmentTypeList"
:normalizer="normalizer"
v-model="dataForm.EMPLOYMENT_FORM"
placeholder="请选择用工形式"
no-options-text="暂无数据"
no-children-text="暂无数据"
disabled
/>
</el-form-item>
</el-col>
<el-col :span="12">
@ -173,6 +207,34 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="营业执照" class="is-required">
<el-carousel v-if="businessLicenseImgs.length > 0" :interval="4000" type="card" height="200px" style="margin-top: 10px" >
<el-carousel-item v-for="item in businessLicenseImgs" :key="item">
<img v-viewer :src="item" style="max-width: 100%;">
</el-carousel-item>
</el-carousel>
<span v-else></span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="营业执照有效期" prop="businessLicenseDate">
<el-date-picker
v-model="dataForm.businessLicenseDate"
disabled
type="daterange"
clearable
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"/>
</el-form-item>
</el-col>
</el-row>
<el-form-item :span="12" label="流动人员比例(%)" disabled prop="FLOATING_PERCENT">
<el-input id="FLOATING_PERCENT" ref="FLOATING_PERCENT" v-model="dataForm.FLOATING_PERCENT" maxlength="255" placeholder="这里输入流动人员比例..." disabled title="流动人员比例"/>
</el-form-item>
@ -211,7 +273,7 @@
</el-form>
</div>
<div class="ui-height" />
<div class="ui-foot">
<div class="ui-foot" style="z-index: 9999">
<!-- <el-button :loading="buttonloading" type="warning" icon="el-icon-document" @click="confirm('1')"></el-button>-->
<!-- <el-button :loading="buttonloading" type="primary" icon="el-icon-check" @click="confirm('0')">稿</el-button>-->
<!-- <el-button type="primary" @click="handleSh"></el-button>
@ -354,6 +416,7 @@ export default {
COMPANY_AREA: '',
dataForm: {
MAIN_DEPARTMENT: '',
businessLicenseDate: [],
RELEVANT_UNIT_NAME: '',
SOCIAL_CODE: '',
POSSESSION: '',
@ -470,6 +533,7 @@ export default {
ECO_TYPE: '',
ecoArr: [],
ecoNameArr: [],
businessLicenseImgs: [],
INDUSTRY: '',
// imgUrl: require('@/assets/images/map.png'),
rules: {
@ -637,6 +701,12 @@ export default {
tm: new Date().getTime()
}
).then((data) => {
this.businessLicenseImgs = []
if (data.licenseImgs) {
data.licenseImgs.forEach(item => {
this.businessLicenseImgs.push(this.config.fileUrl + item.FILEPATH)
})
}
data.pd.SELECT_FORM = data.pd.SELECT_FORM.split(',')
this.dataForm = Object.assign(this.dataForm, data.pd)
this.dataForm.POSSESSION = []
@ -648,6 +718,11 @@ export default {
if (this.dataForm.COMPANY_AREA) {
this.COMPANY_AREA = this.dataForm.COMPANY_AREA.replaceAll(',', ' / ')
}
this.dataForm.businessLicenseDate = []
this.dataForm.businessLicenseDate.push(this.dataForm.LICENSE_START)
this.dataForm.businessLicenseDate.push(this.dataForm.LICENSE_END)
resolve()
}).catch((e) => {
this.$message({