股权结构

project/xiushan/apps/AppPortalUser/pumDetail.vue

@@ -3,7 +3,9 @@
     <ai-detail>
       <ai-title slot="title" title="经营主体详情" isShowBottomBorder isShowBack @onBackClick="$router.push({query:{}})"/>
       <template #content>
-        <el-form size="small" label-width="160px">
+        <ai-sidebar :tabTitle="menuList" v-model="index" @change="change"></ai-sidebar>
+        <template v-if="index==0">
+          <el-form size="small" label-width="160px">
           <ai-card title="营业执照">
             <template #content>
               <el-form-item label="企业名称">{{ detail.enterpriseName }}</el-form-item>
@@ -38,7 +40,17 @@
               <el-form-item label="备注说明">{{ detail.auditDescription }}</el-form-item>
             </template>
           </ai-card>
-        </el-form>
+          </el-form>
+        </template>
+        <template v-if="index==1">
+          <ai-card title="股权结构">
+            <!-- <el-button type="text">+添加股东</el-button> -->
+            <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+                      @getList="getTableData" :col-configs="colConfigs">
+              
+            </ai-table>
+          </ai-card>
+        </template>
 
       </template>
     </ai-detail>
@@ -56,11 +68,25 @@ export default {
   computed: {
     isAuthing() {
       return this.detail.status == "0"
+    },
+    colConfigs() {
+      return [
+        {prop: "", label: "股东名称", width: 150},
+        {prop: "", label: "股东类型", width: 150},
+        {prop: "", label: "身份证/信用代码", width: 240},
+        {prop: "", label: "持股数量", width: 150},
+        {prop: "", label: "持股占比", width: 150},
+        {prop: "", label: "股权证", width: 200},
+      ]
     }
   },
   data() {
     return {
       detail: {},
+      menuList: ['基本信息','股权结构'],
+      index: 0,
+      tableData: [],
+      page: {current: 1, size: 10, total: 0},
     }
   },
   methods: {
@@ -74,6 +100,20 @@ export default {
         }
       })
     },
+    change(index) {
+      this.currentMenu = index
+      this.getDetail()
+    },
+    getTableData() {
+      // this.instance.post("/app/appdvcpconfig/list", null, {
+      //   params: {...this.page, ...this.search}
+      // }).then(res => {
+      //   if (res?.data) {
+      //     this.tableData = res.data?.records
+      //     this.page.total = res.data.total
+      //   }
+      // })
+    },
   },
   created() {
     this.getDetail()