甲方详情骨架图

dsk-operate-ui/src/views/detail/party-a/overview/branch.vue

 <template>
-  <div class="app-container detail-container">
+  <skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
+  <div class="app-container detail-container" v-else>
     <head-form
       title="分支机构"
       :form-data="formData"
@@ -68,6 +69,7 @@ export default {
   },
   methods: {
     async handleQuery(params) {
+      this.isSkeleton = true;
       this.tableLoading = true
       let param = params?params:this.queryParams
       if(param.hasBid=='noLimit'){
@@ -76,6 +78,7 @@ export default {
       let res = await affiliates(param)
       this.tableLoading = false
       if(res.code==200){
+        this.isSkeleton = false;
         this.tableData = res.rows
       }
       this.tableDataTotal = res.total

dsk-operate-ui/src/views/detail/party-a/overview/businfo.vue

 <template xmlns="http://www.w3.org/1999/html">
-  <div class="app-container detail-container">
+  <skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
+  <div class="app-container detail-container" v-else>
     <el-tabs v-model="activeName" @tab-click="handleClick" class="detail-tab">
       <el-tab-pane label="工商信息" name="first"></el-tab-pane>
       <el-tab-pane label="工商变更" :disabled="tableDataTotal>0" name="second"></el-tab-pane>
@@ -104,11 +105,13 @@ export default {
       this.handleQuery()
     },
     async handleQuery() {
+      this.isSkeleton = true;
       this.tableLoading = true
       let param = this.baseParams;
       let res = await icInfo(param);
       this.tableLoading = false
       if(res.code==200){
+        this.isSkeleton = false;
         this.forInfo = res.data
       }
     },

dsk-operate-ui/src/views/detail/party-a/overview/execuinfo.vue

 <template>
-  <div class="app-container detail-container">
+  <skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
+  <div class="app-container detail-container" v-else>
     <head-form
       title="高管信息"
       :form-data="formData"
@@ -66,11 +67,13 @@ export default {
   },
   methods: {
     async handleQuery(params) {
+      this.isSkeleton = true;
       this.tableLoading = true
       let param = params?params:this.queryParams
       let res = await keymembers(param)
       this.tableLoading = false
       if(res.code==200){
+        this.isSkeleton = false;
         let tempRows = []
         if(res.rows&&res.rows.length>0){
           let arrLength = res.rows.length%2==0?(res.rows.length/2):(Math.floor(res.rows.length/2)+1)

dsk-operate-ui/src/views/detail/party-a/overview/holderinfo.vue

 <template>
-  <div class="app-container detail-container">
+<skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
+  <div class="app-container detail-container" v-else>
     <head-form
       title=""
       :form-data="formData"
@@ -78,12 +79,14 @@ export default {
       this.handleQuery()
     },
     async handleQuery(params) {
+      this.isSkeleton = true;
       this.tableLoading = true
       let param = params?params:this.queryParams
       param.isHistory = this.activeName == 'first' ? 0 : 1
       let res = await bestStockPage(param)
       this.tableLoading = false
       if(res.code==200){
+        this.isSkeleton = false;
         this.tableData = res.rows
       }
       this.tableDataTotal = res.total

dsk-operate-ui/src/views/detail/party-a/overview/overseas.vue

 <template>
-  <div class="app-container detail-container">
+  <skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
+  <div class="app-container detail-container" v-else>
     <head-form
       title="对外投资"
       :form-data="formData"
@@ -97,11 +98,13 @@ export default {
   },
   methods: {
     async handleQuery(params) {
+      this.isSkeleton = true;
       this.tableLoading = true
       let param = params?params:this.queryParams
       let res = await investment(param)
       this.tableLoading = false
       if(res.code==200){
+        this.isSkeleton = false;
         this.tableData = res.rows
       }
       this.tableDataTotal = res.total