上传四级联动

src/layout/companyup/detailInfo.vue

@@ -20,7 +20,20 @@
           <el-form-item label="实际经营地址:">
             <span>{{ ruleForm.business_addr }}</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.contacts }}</span>
           </el-form-item>
@@ -54,12 +67,28 @@ 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/layout-part/menus.vue

@@ -13,6 +13,8 @@
           <el-menu-item index="/supermarket/stock">股权产品</el-menu-item>
         </el-menu-item-group>
       </el-submenu>
+      <el-menu-item index="/finance/index"> <i class="el-icon-s-grid"></i>项目融资超市</el-menu-item>
+
       <el-submenu index="2">
         <template v-slot:title>
           <i class="el-icon-s-grid"></i>
@@ -34,6 +36,16 @@
           <el-menu-item index="/otheruser/index">其他用户</el-menu-item>
         </el-menu-item-group>
       </el-submenu>
+      <el-submenu index="4">
+        <template v-slot:title>
+          <i class="el-icon-s-grid"></i>
+          <span>数字延伸服务管理</span>
+        </template>
+        <el-menu-item-group>
+          <el-menu-item index="/companyuser/index">企业用户</el-menu-item>
+          <el-menu-item index="/otheruser/index">其他用户</el-menu-item>
+        </el-menu-item-group>
+      </el-submenu>
       <el-menu-item index="/companyup/index"> <i class="el-icon-s-grid"></i>企业信息管理</el-menu-item>
       <el-menu-item index="/companyidentify/index"> <i class="el-icon-s-grid"></i>企业认证管理</el-menu-item>
       <el-menu-item index="/character/index"> <i class="el-icon-s-grid"></i>角色管理</el-menu-item>

src/router/index.js

@@ -22,6 +22,12 @@ const routes = [
     path: '/supermarket/debtdetails',
     component: () => import('../views/supermarket/debtdetails.vue'),
   },
+
+  {
+    path: '/finance/index',
+    component: () => import('../views/finance/index.vue'),
+  },
+
   // 金融数字超市 - 股权产品
   {
     path: '/supermarket/stock',

src/store/index.js

@@ -7,6 +7,8 @@ import companyuser from './companyuser';
 import institution from './institution';
 import character from './character';
 import menurole from './menurole';
+import profession from './profession';
+;
 
 Vue.use(Vuex);
 
@@ -19,6 +21,7 @@ export default new Vuex.Store({
     institution,
     character,
     menurole,
+    profession,
   },
   state: {},
   mutations: {},

src/store/profession.js

@@ -0,0 +1,38 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import _ from 'lodash';
+Vue.use(Vuex);
+const api = {
+  otheruserInfo: `/api/financial/profession`,
+};
+const state = () => ({});
+const mutations = {};
+
+const actions = {
+  async query({ commit }, { skip = 0, limit, ...info } = {}) {
+    const res = await this.$axios.$get(`${api.otheruserInfo}`, { skip, limit, ...info });
+    return res;
+  },
+  async create({ commit }, payload) {
+    const res = await this.$axios.$post(`${api.otheruserInfo}`, payload);
+    return res;
+  },
+  async fetch({ commit }, payload) {
+    const res = await this.$axios.$get(`${api.otheruserInfo}/${payload}`);
+    return res;
+  },
+  async update({ commit }, { id, ...data }) {
+    const res = await this.$axios.$post(`${api.otheruserInfo}/update/${id}`, data);
+    return res;
+  },
+  async delete({ commit }, payload) {
+    const res = await this.$axios.$delete(`${api.otheruserInfo}/${payload}`);
+    return res;
+  },
+};
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions,
+};

src/views/companyup/detail.vue

@@ -10,7 +10,19 @@
             <detailTop @goBack="goBack"></detailTop>
           </el-col>
           <el-col :span="24" class="info">
-            <detailInfo :ruleForm="ruleForm" :rules="rules" @submitForm="submitForm" @resetForm="resetForm"></detailInfo>
+            <detailInfo
+              :ruleForm="ruleForm"
+              :yiji="yiji"
+              :erji="erji"
+              :sanji="sanji"
+              :siji="siji"
+              :rules="rules"
+              @submitForm="submitForm"
+              @resetForm="resetForm"
+              @yi="syi"
+              @er="ser"
+              @san="ssan"
+            ></detailInfo>
           </el-col>
         </el-col>
       </el-col>
@@ -24,6 +36,7 @@ import detailTop from '@/layout/common/detailTop.vue';
 import detailInfo from '@/layout/companyup/detailInfo.vue';
 import { createNamespacedHelpers } from 'vuex';
 const { mapActions } = createNamespacedHelpers('companyup');
+const { mapActions: profession } = createNamespacedHelpers('profession');
 export default {
   name: 'detail',
   props: {},
@@ -37,9 +50,14 @@ export default {
     display: 'none',
     topTitle: '企业信息审核',
     ruleForm: {},
+    yiji: [],
+    erji: [],
+    sanji: [],
+    siji: [],
   }),
   created() {
     this.search();
+    this.searchquery();
   },
   computed: {
     id() {
@@ -48,6 +66,39 @@ 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);

src/views/finance/index.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="findex">
+    <p>findex</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'findex',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="scss" scoped></style>