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

src/views/xgf/audit/components/edit.vue

@@ -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-row :gutter="20">
-            <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-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-form-item label="用工形式" prop="EMPLOYMENT_FORM">
-                <el-select v-model="dataForm.EMPLOYMENT_FORM_NAME" style="width: 100%;" disabled>
+                <Treeselect
-                  <el-option v-for="item in employmentTypeList" :key="item.BIANMA" :label="item.NAME" :value="item.BIANMA" />
+                  :options="employmentTypeList"
-                </el-select>
+                  :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({