更新所属行业

src/layout/companyidentify/detailInfo.vue

@@ -23,6 +23,20 @@
           <el-form-item label="企业类型:">
             <span>{{ ruleForm.type }}</span>
           </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>
           <el-form-item label="统一社会信用代码:">
             <span>{{ ruleForm.code }}</span>
           </el-form-item>
@@ -88,6 +102,10 @@ export default {
   name: 'detailInfo',
   props: {
     ruleForm: null,
+    yiji: null,
+    erji: null,
+    sanji: null,
+    siji: null,
   },
   components: {},
   data: () => ({
@@ -96,6 +114,18 @@ export default {
   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/detailInfo.vue

@@ -40,19 +40,8 @@
             <el-input v-model="ruleForm.establish_time" placeholder="请输入创立时间"></el-input>
           </el-form-item>
           <el-form-item label="所属行业">
-            <!-- <el-cascader v-model="ruleForm.profession" :options="optionss" @change="handleChange"></el-cascader> -->
-            <el-select
-              v-for="(arrItem, key) in selectList"
-              :key="key"
-              v-model="selectArr[key]"
-              filterable
-              placeholder="请选择"
-              value-key="value"
-              @change="selected"
-              @focus="position = key"
-              style="margin:10px"
-            >
-              <el-option v-for="item in arrItem" :key="item.value" :label="item.label" :value="item"> </el-option>
+            <el-select v-model="ruleForm.profession" multiple placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
             </el-select>
           </el-form-item>
 
@@ -101,30 +90,6 @@ export default {
   data: () => ({
     position: null,
     selectArr: [],
-    selectList: [
-      [
-        {
-          value: '第1级-选项1',
-          label: '第1级-选项1',
-        },
-        {
-          value: '第1级-选项2',
-          label: '第1级-选项2',
-        },
-        {
-          value: '第1级-选项3',
-          label: '第1级-选项3',
-        },
-        {
-          value: '第1级-选项4',
-          label: '第1级-选项4',
-        },
-        {
-          value: '第1级-选项5',
-          label: '第1级-选项5',
-        },
-      ],
-    ],
 
     rules: {
       name: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],

src/views/companyidentify/detail.vue

@@ -10,7 +10,18 @@
             <detailTop @goBack="goBack"></detailTop>
           </el-col>
           <el-col :span="24" class="info">
-            <detailInfo :ruleForm="ruleForm" @submitForm="submitForm" @resetForm="resetForm"></detailInfo>
+            <detailInfo
+              :ruleForm="ruleForm"
+              @yi="syi"
+              :yiji="yiji"
+              :erji="erji"
+              :sanji="sanji"
+              :siji="siji"
+              @er="ser"
+              @san="ssan"
+              @submitForm="submitForm"
+              @resetForm="resetForm"
+            ></detailInfo>
           </el-col>
         </el-col>
       </el-col>
@@ -24,6 +35,7 @@ import detailTop from '@/layout/common/detailTop.vue';
 import detailInfo from '@/layout/companyidentify/detailInfo.vue';
 import { createNamespacedHelpers } from 'vuex';
 const { mapActions } = createNamespacedHelpers('companyidentify');
+const { mapActions: profession } = createNamespacedHelpers('profession');
 
 export default {
   name: 'detail',
@@ -36,37 +48,15 @@ export default {
   data: () => ({
     display: 'none',
     topTitle: '企业认证信息审核',
-    ruleForm: {
-      // business_license: '营业执照图片',
-      // company_name: '企业名称',
-      // establish_date: '成立日期',
-      // due_date: '营业到期日期',
-      // type: '企业类型',
-      // code: '统一社会信用代码',
-      // registered_capital: '注册资本',
-      // total_assets: '资产总额',
-      // taking: '营业收入',
-      // number: '从业人员数量',
-      // belong_type: '企业所属类型',
-      // profession_one: '所属一级行业',
-      // profession_two: '所属二级行业',
-      // profession_three: '所属三级行业',
-      // profession_four: '所属四级行业',
-      // belong_addr: '企业所属地',
-      // business_addr: '经营地址',
-      // registered_addr: '注册地址',
-      // business_scope: '经营范围',
-      // introduction: '企业简介',
-      // card_front: '身份证正面图',
-      // card_back: '身份证背面图',
-      // representative: '法定代表人',
-      // representative_id: '法人证件号',
-      // representative_phone: '法人手机号',
-      // status: '0',
-    },
+    ruleForm: {},
+    yiji: [],
+    erji: [],
+    sanji: [],
+    siji: [],
   }),
   created() {
     this.search();
+    this.searchquery();
   },
   computed: {
     id() {
@@ -75,6 +65,38 @@ export default {
   },
   methods: {
     ...mapActions(['query', 'delete', 'fetch', 'update']),
+    ...profession({ query: 'query', create: 'create' }),
+    async searchquery() {
+      let pcode = 0;
+      const acc = await this.query({ pcode });
+      console.log(acc.data);
+      this.$set(this, `yiji`, acc.data);
+    },
+
+    async syi(code) {
+      let pcode = code;
+
+      const ess = await this.query({ pcode });
+      console.log(ess.data);
+
+      this.$set(this, `erji`, ess.data);
+    },
+    async ser(code) {
+      let pcode = code;
+
+      const ess = await this.query({ pcode });
+      console.log(ess.data);
+
+      this.$set(this, `sanji`, ess.data);
+    },
+    async ssan(code) {
+      let pcode = code;
+
+      const ess = await this.query({ pcode });
+      console.log(ess.data);
+
+      this.$set(this, `siji`, ess.data);
+    },
     async search() {
       const res = await this.fetch(this.id);
       console.log(res);