企业修改信息，企业认证详情修改

src/layout/banner/bannerList.vue

@@ -42,7 +42,7 @@
         </el-row>
       </el-col>
     </el-row>
-    <el-dialog :visible.sync="dialogVisible" width="30%">
+    <el-dialog :visible.sync="dialogVisible">
       <el-image :src="elImage" style="height:100%;width:100% "></el-image>
     </el-dialog>
   </div>

src/layout/companyidentify/detailInfo.vue

@@ -9,81 +9,74 @@
             </el-form-item>
           </span>
           <el-form-item label="营业执照图片:">
-            <el-image :src="ruleForm.business_license" style="width:100px"></el-image>
+            <el-image :src="ruleForm.business_license" style="width:100px" @click="showLicense(ruleForm.business_license)"></el-image>
           </el-form-item>
           <el-form-item label="企业名称:">
-            <span>{{ ruleForm.company_name }}</span>
+            <el-input v-model="ruleForm.company_name" disabled></el-input>
           </el-form-item>
           <el-form-item label="成立日期:">
-            <span>{{ ruleForm.establish_date }}</span>
+            <el-input v-model="ruleForm.establish_date" disabled></el-input>
           </el-form-item>
           <el-form-item label="营业到期时间:">
-            <span>{{ ruleForm.due_date }}</span>
+            <el-input v-model="ruleForm.due_date" disabled></el-input>
           </el-form-item>
           <el-form-item label="企业类型:">
-            <span>{{ ruleForm.type }}</span>
+            <el-input v-model="ruleForm.type" disabled></el-input>
           </el-form-item>
           <el-form-item label="所属行业:">
-            <el-select v-model="ruleForm.profession_one" placeholder="请选择" @change="changeyi">
-              <el-option v-for="item in yiji" :key="item.value" :label="item.name" :value="item.code"> </el-option>
-            </el-select>
-            <el-select v-model="ruleForm.profession_two" placeholder="请选择" @change="changeer">
-              <el-option v-for="item in erji" :key="item.value" :label="item.name" :value="item.code"> </el-option>
-            </el-select>
-            <el-select v-model="ruleForm.profession_three" placeholder="请选择" @change="changesan">
-              <el-option v-for="item in sanji" :key="item.value" :label="item.name" :value="item.code"> </el-option>
-            </el-select>
-            <el-select v-model="ruleForm.profession_four" placeholder="请选择">
-              <el-option v-for="item in siji" :key="item.value" :label="item.name" :value="item.code"> </el-option>
-            </el-select>
+            <el-select v-model="ruleForm.profession_one" placeholder="请选择" disabled> </el-select>
+            <el-select v-model="ruleForm.profession_two" placeholder="请选择" disabled> </el-select>
+            <el-select v-model="ruleForm.profession_three" placeholder="请选择" disabled> </el-select>
+            <el-select v-model="ruleForm.profession_four" placeholder="请选择" disabled> </el-select>
           </el-form-item>
           <el-form-item label="统一社会信用代码:">
-            <span>{{ ruleForm.code }}</span>
+            <el-input v-model="ruleForm.code" disabled></el-input>
           </el-form-item>
           <el-form-item label="注册资本:">
-            <span>{{ ruleForm.registered_capital }}</span>
+            <el-input v-model="ruleForm.registered_capital" disabled></el-input>
           </el-form-item>
           <el-form-item label="资金总额:">
-            <span>{{ ruleForm.total_assets }}</span>
+            <el-input v-model="ruleForm.total_assets" disabled></el-input>
           </el-form-item>
           <el-form-item label="营业收入:">
-            <span>{{ ruleForm.taking }}</span>
+            <el-input v-model="ruleForm.taking" disabled></el-input>
           </el-form-item>
           <el-form-item label="从业人员数量:">
-            <span>{{ ruleForm.number }}</span>
+            <el-input v-model="ruleForm.number" disabled></el-input>
           </el-form-item>
           <el-form-item label="企业所属类型:">
-            <span>{{ ruleForm.belong_type }}</span>
+            <el-input v-model="ruleForm.belong_type" disabled></el-input>
           </el-form-item>
           <el-form-item label="企业所属地:">
-            <span>{{ ruleForm.belong_addr }}</span>
+            <el-select v-model="ruleForm.belong_addr_city" placeholder="请选择" disabled> </el-select>
+            <el-select v-model="ruleForm.belong_addr_area" placeholder="请选择" disabled> </el-select>
           </el-form-item>
           <el-form-item label="经营地址:">
-            <span>{{ ruleForm.business_addr }}</span>
+            <el-input v-model="ruleForm.business_addr" disabled></el-input>
           </el-form-item>
           <el-form-item label="注册地址:">
-            <span>{{ ruleForm.registered_addr }}</span>
+            <el-input v-model="ruleForm.registered_addr" disabled></el-input>
           </el-form-item>
           <el-form-item label="经营范围:">
-            <span>{{ ruleForm.business_scope }}</span>
+            <el-input v-model="ruleForm.business_scope" disabled></el-input>
           </el-form-item>
           <el-form-item label="企业简介:">
-            <span>{{ ruleForm.introduction }}</span>
+            <el-input v-model="ruleForm.introduction" disabled></el-input>
           </el-form-item>
           <el-form-item label="身份证正面图:">
-            <el-image :src="ruleForm.card_front" style="width:100px"></el-image>
+            <el-image :src="ruleForm.card_front" style="width:100px" @click="showCardFront(ruleForm.card_front)"></el-image>
           </el-form-item>
           <el-form-item label="身份证背面图:">
-            <el-image :src="ruleForm.card_back" style="width:100px"></el-image>
+            <el-image :src="ruleForm.card_back" style="width:100px" @click="showCardBack(ruleForm.card_back)"></el-image>
           </el-form-item>
           <el-form-item label="法定代表人:">
-            <span>{{ ruleForm.representative }}</span>
+            <el-input v-model="ruleForm.representative" disabled></el-input>
           </el-form-item>
           <el-form-item label="法人证件号:">
-            <span>{{ ruleForm.representative_id }}</span>
+            <el-input v-model="ruleForm.representative_id" disabled></el-input>
           </el-form-item>
           <el-form-item label="法人手机号:">
-            <span>{{ ruleForm.representative_phone }}</span>
+            <el-input v-model="ruleForm.representative_phone" disabled></el-input>
           </el-form-item>
           <span v-if="ruleForm.status === '0'">
             <el-form-item>
@@ -94,6 +87,15 @@
         </el-form>
       </el-col>
     </el-row>
+    <el-dialog :visible.sync="licenseDialog">
+      <el-image :src="licenseImage" style="height:100%;width:100% "></el-image>
+    </el-dialog>
+    <el-dialog :visible.sync="cardFrontDialog">
+      <el-image :src="cardFrontImage" style="height:100%;width:100% "></el-image>
+    </el-dialog>
+    <el-dialog :visible.sync="cardBackDialog">
+      <el-image :src="cardBackImage" style="height:100%;width:100% "></el-image>
+    </el-dialog>
   </div>
 </template>
 
@@ -102,36 +104,50 @@ export default {
   name: 'detailInfo',
   props: {
     ruleForm: null,
-    yiji: null,
-    erji: null,
-    sanji: null,
-    siji: null,
   },
   components: {},
   data: () => ({
+    licenseDialog: false,
+    licenseImage: '',
+    cardFrontDialog: false,
+    cardFrontImage: '',
+    cardBackDialog: false,
+    cardBackImage: '',
     rules: {},
   }),
   created() {},
   computed: {},
   methods: {
-    changeyi(code) {
-      console.log(code);
-      this.$emit('yi', code);
-    },
-    changeer(code) {
-      console.log(code);
-      this.$emit('er', code);
-    },
-    changesan(code) {
-      this.$emit('san', code);
-    },
-
     submitForm() {
       this.$emit('submitForm', { data: this.ruleForm });
     },
     resetForm(ruleForm) {
       this.$emit('resetForm', { data: this.ruleForm });
     },
+    showLicense(licenseUrl) {
+      if (licenseUrl) {
+        this.$set(this, `licenseImage`, licenseUrl);
+        this.$set(this, `licenseDialog`, true);
+      } else {
+        this.$set(this, `licenseDialog`, false);
+      }
+    },
+    showCardFront(cardFrontUrl) {
+      if (cardFrontUrl) {
+        this.$set(this, `cardFrontImage`, cardFrontUrl);
+        this.$set(this, `cardFrontDialog`, true);
+      } else {
+        this.$set(this, `cardFrontDialog`, false);
+      }
+    },
+    showCardBack(cardBackUrl) {
+      if (cardBackUrl) {
+        this.$set(this, `cardBackImage`, cardBackUrl);
+        this.$set(this, `cardBackDialog`, true);
+      } else {
+        this.$set(this, `cardBackDialog`, false);
+      }
+    },
     // uploadSuccess({ type, data }) {
     //   if (type !== 'logo') {
     //     let arr = _.get(this.ruleForm, type);

src/layout/companyup/detailInfo.vue

@@ -4,49 +4,39 @@
       <el-col :span="24">
         <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
           <span v-if="ruleForm.status === '1' || ruleForm.status === '2'">
-            <el-form-item label="审核状态:">
+            <el-form-item label="审核状态：">
               <span>{{ ruleForm.status === '0' ? '审核中' : ruleForm.status === '1' ? '审核通过' : '审核拒绝' }}</span>
             </el-form-item>
           </span>
-
-          <el-form-item label="企业名称:">
-            <span>{{ ruleForm.company_name }}</span>
+          <el-form-item label="企业名称：">
+            <el-input v-model="ruleForm.company_name" disabled></el-input>
           </el-form-item>
-
-          <el-form-item label="工商注册地址:">
-            <span>{{ ruleForm.registered_addr }}</span>
+          <el-form-item label="工商注册地址：">
+            <el-input v-model="ruleForm.registered_addr" disabled></el-input>
           </el-form-item>
-          <el-form-item label="实际经营地址:">
-            <span>{{ ruleForm.business_addr }}</span>
+          <el-form-item label="实际经营地址：">
+            <el-input v-model="ruleForm.business_addr" disabled></el-input>
           </el-form-item>
-          <el-form-item label="所属行业:">
-            <el-select v-model="ruleForm.profession_one" placeholder="请选择" @change="changeyi">
-              <el-option v-for="item in yiji" :key="item.value" :label="item.name" :value="item.code"> </el-option>
-            </el-select>
-            <el-select v-model="ruleForm.profession_two" placeholder="请选择" @change="changeer">
-              <el-option v-for="item in erji" :key="item.value" :label="item.name" :value="item.code"> </el-option>
-            </el-select>
-            <el-select v-model="ruleForm.profession_three" placeholder="请选择" @change="changesan">
-              <el-option v-for="item in sanji" :key="item.value" :label="item.name" :value="item.code"> </el-option>
-            </el-select>
-            <el-select v-model="ruleForm.profession_four" placeholder="请选择">
-              <el-option v-for="item in siji" :key="item.value" :label="item.name" :value="item.code"> </el-option>
-            </el-select>
+          <el-form-item label="所属行业：">
+            <el-select v-model="ruleForm.profession_one" placeholder="请选择" disabled> </el-select>
+            <el-select v-model="ruleForm.profession_two" placeholder="请选择" disabled> </el-select>
+            <el-select v-model="ruleForm.profession_three" placeholder="请选择" disabled> </el-select>
+            <el-select v-model="ruleForm.profession_four" placeholder="请选择" disabled> </el-select>
           </el-form-item>
-          <el-form-item label="融资联系人:">
-            <span>{{ ruleForm.contacts }}</span>
+          <el-form-item label="融资联系人：">
+            <el-input v-model="ruleForm.contacts" disabled></el-input>
           </el-form-item>
-          <el-form-item label="联系人手机:">
-            <span>{{ ruleForm.contact_number }}</span>
+          <el-form-item label="联系人手机：">
+            <el-input v-model="ruleForm.contact_number" disabled></el-input>
           </el-form-item>
-          <el-form-item label="联系人职位:">
-            <span>{{ ruleForm.contact_position }}</span>
+          <el-form-item label="联系人职位：">
+            <el-input v-model="ruleForm.contact_position" disabled></el-input>
           </el-form-item>
-          <el-form-item label="	联系人邮箱;">
-            <span>{{ ruleForm.contact_email }}</span>
+          <el-form-item label="	联系人邮箱：">
+            <el-input v-model="ruleForm.contact_email" disabled></el-input>
           </el-form-item>
-          <el-form-item label="固定电话:">
-            <span>{{ ruleForm.telephone }}</span>
+          <el-form-item label="固定电话：">
+            <el-input v-model="ruleForm.telephone" disabled></el-input>
           </el-form-item>
           <span v-if="ruleForm.status === '0'">
             <el-form-item>
@@ -66,28 +56,12 @@ export default {
   props: {
     ruleForm: null,
     rules: null,
-    yiji: null,
-    erji: null,
-    sanji: null,
-    siji: null,
   },
   components: {},
   data: () => ({}),
   created() {},
   computed: {},
   methods: {
-    changeyi(code) {
-      console.log(code);
-      this.$emit('yi', code);
-    },
-    changeer(code) {
-      console.log(code);
-      this.$emit('er', code);
-    },
-    changesan(code) {
-      this.$emit('san', code);
-    },
-
     submitForm(ruleForm) {
       this.$emit('submitForm', { data: this.ruleForm });
     },

src/layout/institution/newsInfo.vue

@@ -56,7 +56,7 @@
         </el-col>
       </el-col>
     </el-row>
-    <el-dialog :visible.sync="dialogVisible" width="30%">
+    <el-dialog :visible.sync="dialogVisible">
       <el-image :src="elImage" style="height:100%;width:100% "></el-image>
     </el-dialog>
   </div>

src/views/companyidentify/detail.vue

@@ -10,18 +10,7 @@
             <detailTop @goBack="goBack"></detailTop>
           </el-col>
           <el-col :span="24" class="info">
-            <detailInfo
-              :ruleForm="ruleForm"
-              @yi="syi"
-              :yiji="yiji"
-              :erji="erji"
-              :sanji="sanji"
-              :siji="siji"
-              @er="ser"
-              @san="ssan"
-              @submitForm="submitForm"
-              @resetForm="resetForm"
-            ></detailInfo>
+            <detailInfo :ruleForm="ruleForm" @submitForm="submitForm" @resetForm="resetForm"></detailInfo>
           </el-col>
         </el-col>
       </el-col>
@@ -36,6 +25,7 @@ import detailInfo from '@/layout/companyidentify/detailInfo.vue';
 import { createNamespacedHelpers } from 'vuex';
 const { mapActions: companyidentify } = createNamespacedHelpers('companyidentify');
 const { mapActions: profession } = createNamespacedHelpers('profession');
+const { mapActions: dictionary } = createNamespacedHelpers('dictionary');
 
 export default {
   name: 'detail',
@@ -49,14 +39,9 @@ export default {
     display: 'none',
     topTitle: '企业认证信息审核',
     ruleForm: {},
-    yiji: [],
-    erji: [],
-    sanji: [],
-    siji: [],
   }),
   created() {
     this.search();
-    this.searchquery();
   },
   computed: {
     id() {
@@ -66,29 +51,28 @@ export default {
   methods: {
     ...companyidentify(['query', 'delete', 'fetch', 'update', 'updateStatus']),
     ...profession({ professionquery: 'query', create: 'create' }),
-    async searchquery() {
-      let pcode = 0;
-      const acc = await this.professionquery({ pcode });
-      this.$set(this, `yiji`, acc.data);
-    },
-    async syi(code) {
-      let pcode = code;
-      const ess = await this.professionquery({ pcode });
-      this.$set(this, `erji`, ess.data);
-    },
-    async ser(code) {
-      let pcode = code;
-      const ess = await this.professionquery({ pcode });
-      this.$set(this, `sanji`, ess.data);
-    },
-    async ssan(code) {
-      let pcode = code;
-      const ess = await this.professionquery({ pcode });
-      this.$set(this, `siji`, ess.data);
-    },
+    ...dictionary({ dictionaryquery: 'query' }),
     async search() {
       const res = await this.fetch(this.id);
-      this.$set(this, `ruleForm`, res.data);
+      if (res.errcode === 0) {
+        this.serchProfession(res.data);
+      }
+    },
+    // 根据存储的行业code查询对应的name
+    async serchProfession(data) {
+      const profession_one = await this.professionquery({ code: data.profession_one });
+      const profession_two = await this.professionquery({ code: data.profession_two });
+      const profession_three = await this.professionquery({ code: data.profession_three });
+      const profession_four = await this.professionquery({ code: data.profession_four });
+      const belong_addr_city = await this.dictionaryquery({ code: data.belong_addr_city });
+      const belong_addr_area = await this.dictionaryquery({ code: data.belong_addr_area });
+      data.profession_one = profession_one.data[0].name;
+      data.profession_two = profession_two.data[0].name;
+      data.profession_three = profession_three.data[0].name;
+      data.profession_four = profession_four.data[0].name;
+      data.belong_addr_city = belong_addr_city.data[0].name;
+      data.belong_addr_area = belong_addr_area.data[0].name;
+      this.$set(this, `ruleForm`, data);
     },
     // 提交
     async submitForm({ data }) {

src/views/companyup/detail.vue

@@ -10,19 +10,7 @@
             <detailTop @goBack="goBack"></detailTop>
           </el-col>
           <el-col :span="24" class="info">
-            <detailInfo
-              :ruleForm="ruleForm"
-              :yiji="yiji"
-              :erji="erji"
-              :sanji="sanji"
-              :siji="siji"
-              :rules="rules"
-              @submitForm="submitForm"
-              @resetForm="resetForm"
-              @yi="syi"
-              @er="ser"
-              @san="ssan"
-            ></detailInfo>
+            <detailInfo :ruleForm="ruleForm" :rules="rules" @submitForm="submitForm" @resetForm="resetForm"></detailInfo>
           </el-col>
         </el-col>
       </el-col>
@@ -50,14 +38,9 @@ export default {
     display: 'none',
     topTitle: '企业信息审核',
     ruleForm: {},
-    yiji: [],
-    erji: [],
-    sanji: [],
-    siji: [],
   }),
   created() {
     this.search();
-    this.searchquery();
   },
   computed: {
     id() {
@@ -67,32 +50,24 @@ export default {
   methods: {
     ...companyup({ companyupStatus: 'updateStatus', companyupFetch: 'fetch' }),
     ...profession({ queryType: 'query', create: 'create' }),
-    async searchquery() {
-      let pcode = 0;
-      const acc = await this.queryType({ pcode });
-      this.$set(this, `yiji`, acc.data);
-    },
-    async syi(code) {
-      let pcode = code;
-      const ess = await this.queryType({ pcode });
-      this.$set(this, `erji`, ess.data);
-    },
-    async ser(code) {
-      let pcode = code;
-      const ess = await this.queryType({ pcode });
-      this.$set(this, `sanji`, ess.data);
-    },
-    async ssan(code) {
-      let pcode = code;
-      const ess = await this.queryType({ pcode });
-      this.$set(this, `siji`, ess.data);
-    },
     async search() {
       const res = await this.companyupFetch(this.id);
       if (res.errcode === 0) {
-        this.$set(this, `ruleForm`, res.data);
+        this.serchProfession(res.data);
       }
     },
+    // 根据存储的行业code查询对应的name
+    async serchProfession(data) {
+      const profession_one = await this.queryType({ code: data.profession_one });
+      const profession_two = await this.queryType({ code: data.profession_two });
+      const profession_three = await this.queryType({ code: data.profession_three });
+      const profession_four = await this.queryType({ code: data.profession_four });
+      data.profession_one = profession_one.data[0].name;
+      data.profession_two = profession_two.data[0].name;
+      data.profession_three = profession_three.data[0].name;
+      data.profession_four = profession_four.data[0].name;
+      this.$set(this, `ruleForm`, data);
+    },
     // 审核企业修改信息+通过
     submitForm({ data }) {
       data.status = '1';