企业用户管理

src/layout/companyidentify/detailInfo.vue

@@ -55,7 +55,7 @@
           <el-form-item label="身份证正面图:">
             <el-image :src="ruleForm.card_front"></el-image>
           </el-form-item>
-           <el-form-item label="身份证背面图:">
+          <el-form-item label="身份证背面图:">
             <el-image :src="ruleForm.card_back"></el-image>
           </el-form-item>
           <el-form-item label="法定代表人:">

src/layout/companyidentify/newsInfo.vue

@@ -8,7 +8,7 @@
           <el-table-column property="date" label="日期" align="center"> </el-table-column>
           <el-table-column label="状态" align="center">
             <template slot-scope="scope">
-              <span style="margin-left: 10px">{{ scope.row.status === '0' ? '认证中' : scope.row.type === '1' ? '认证通过' : '认证失败' }}</span>
+              <span style="margin-left: 10px">{{ scope.row.status === '0' ? '审核中' : scope.row.status === '1' ? '审核通过' : '审核拒绝' }}</span>
             </template>
           </el-table-column>
           <el-table-column fixed="right" label="操作" align="center">

src/layout/companyup/newsInfo.vue

@@ -5,7 +5,11 @@
         <el-table ref="debtTable" :data="debtTable" style="width: 100%" border>
           <el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
           <el-table-column property="name" label="企业名称" align="center"> </el-table-column>
-          <el-table-column property="status" label="状态" align="center"> </el-table-column>
+          <el-table-column label="状态" align="center">
+            <template slot-scope="scope">
+              <span style="margin-left: 10px">{{ scope.row.status === '0' ? '审核中' : scope.row.status === '1' ? '审核通过' : '审核拒绝' }}</span>
+            </template>
+          </el-table-column>
           <el-table-column property="date" label="日期" align="center"> </el-table-column>
           <el-table-column fixed="right" label="操作" align="center">
             <template slot-scope="scope">

src/layout/companyuser/companyuserList.vue

@@ -0,0 +1,39 @@
+<template>
+  <div id="companyuserList">
+    <el-row>
+      <el-col :span="24">
+        <el-table ref="debtTable" :data="debtTable" style="width: 100%" border>
+          <el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
+          <el-table-column property="company_name" label="企业名称" align="center"> </el-table-column>
+          <el-table-column property="institution_name" label="	推荐单位名称" align="center"> </el-table-column>
+          <el-table-column property="phone" label="手机号" align="center"> </el-table-column>
+          <el-table-column fixed="right" label="操作" align="center">
+            <template slot-scope="scope">
+              <el-button @click.native.prevent="deleteRow(scope.$index, debtTable)" type="text"><i class="el-icon-delete"></i></el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'companyuserList',
+  props: {
+    debtTable: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {
+    deleteRow(id) {
+      this.$emit('deleteRow', id);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

src/layout/layout-part/menus.vue

@@ -22,8 +22,17 @@
           <el-menu-item index="/institution/index">非银行</el-menu-item>
         </el-menu-item-group>
       </el-submenu>
-      <el-menu-item index="/otheruser/index"> <i class="el-icon-s-grid"></i>用户管理</el-menu-item>
       <el-submenu index="3">
+        <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-submenu index="4">
         <template v-slot:title>
           <i class="el-icon-s-grid"></i>
           <span>企业信息管理</span>
@@ -34,7 +43,7 @@
           <el-menu-item index="/companyup/index">审核拒绝</el-menu-item>
         </el-menu-item-group>
       </el-submenu>
-      <el-submenu index="4">
+      <el-submenu index="5">
         <template v-slot:title>
           <i class="el-icon-s-grid"></i>
           <span>企业认证管理</span>

src/router/index.js

@@ -38,6 +38,11 @@ const routes = [
     path: '/otheruser/detail',
     component: () => import('../views/otheruser/detail.vue'),
   },
+  // 企业用户管理-详情
+  {
+    path: '/companyuser/index',
+    component: () => import('../views/companyuser/index.vue'),
+  },
   // 企业信息管理-列表
   {
     path: '/companyup/index',

src/views/companyup/index.vue

@@ -33,7 +33,7 @@ export default {
     debtTable: [
       {
         name: '测试公司',
-        status: '通过',
+        status: '0',
         date: '2020-12-12',
       },
     ],

src/views/companyuser/index.vue

@@ -0,0 +1,64 @@
+<template>
+  <div id="index">
+    <el-col :span="24" class="debt">
+      <el-col :span="24" class="top">
+        <topInfo :topTitle="topTitle" :display="display"></topInfo>
+      </el-col>
+      <el-col :span="24" class="search">
+        <searchInfo></searchInfo>
+      </el-col>
+      <el-col :span="24" class="main">
+        <companyuserList :debtTable="debtTable" @deleteRow="deleteRow"></companyuserList>
+      </el-col>
+    </el-col>
+  </div>
+</template>
+
+<script>
+import topInfo from '@/layout/common/topInfo.vue';
+import searchInfo from '@/layout/common/searchInfo.vue';
+import companyuserList from '@/layout/companyuser/companyuserList.vue';
+
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    topInfo, //头部导航
+    searchInfo, //搜素
+    companyuserList, //其他用户列表
+  },
+  data: () => ({
+    topTitle: '企业用户',
+    display: 'none',
+    debtTable: [
+      {
+        company_name: '测试企业1',
+        institution_name: '推荐单位1',
+        phone: '123456789',
+      },
+      {
+        company_name: '测试企业2',
+        institution_name: '推荐单位2',
+        phone: '123456789',
+      },
+    ],
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    // 删除
+    deleteRow(id) {
+      console.log(id);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.debt {
+  padding: 20px;
+}
+.top {
+  border-bottom: 1px solid #ccc;
+}
+</style>