feat: add tdk

apps/bigmember_pc/src/views/portrayal/EntYearReport.vue

@@ -5,40 +5,69 @@
     :contentWithState="layoutContentWithState"
   >
     <div class="ent-header">
-      <el-skeleton v-show='loading'>
+      <el-skeleton v-show="loading">
         <template slot="template">
-          <div style="padding: 14px;">
+          <div style="padding: 14px">
             <el-skeleton-item variant="p" style="width: 34%" />
-            <div class='flex flex-(row items-center justify-between)'>
-              <el-skeleton-item variant="text" style="width: 20%;" />
+            <div class="flex flex-(row items-center justify-between)">
+              <el-skeleton-item variant="text" style="width: 20%" />
               <div>
-                <el-skeleton-item variant="text" style="width: 60px;margin-right: 16px;" />
-                <el-skeleton-item variant="text" style="width: 60px;margin-right: 16px;" />
-                <el-skeleton-item variant="text" style="width: 60px;margin-right: 16px;" />
-                <el-skeleton-item variant="text" style="width: 60px;margin-right: 16px;" />
-                <el-skeleton-item variant="text" style="width: 60px;margin-right: 16px;" />
-                <el-skeleton-item variant="text" style="width: 60px;margin-right: 16px;" />
+                <el-skeleton-item
+                  variant="text"
+                  style="width: 60px; margin-right: 16px"
+                />
+                <el-skeleton-item
+                  variant="text"
+                  style="width: 60px; margin-right: 16px"
+                />
+                <el-skeleton-item
+                  variant="text"
+                  style="width: 60px; margin-right: 16px"
+                />
+                <el-skeleton-item
+                  variant="text"
+                  style="width: 60px; margin-right: 16px"
+                />
+                <el-skeleton-item
+                  variant="text"
+                  style="width: 60px; margin-right: 16px"
+                />
+                <el-skeleton-item
+                  variant="text"
+                  style="width: 60px; margin-right: 16px"
+                />
               </div>
             </div>
           </div>
         </template>
       </el-skeleton>
-      <div class="ent-header-content" v-show='!loading'>
+      <div class="ent-header-content" v-show="!loading">
         <h1 class="name">{{ pageReportEntName }}</h1>
-        <div class="ent-header-content-desc flex flex-(row items-center justify-between)">
-          <div class='ent-year-info'>
-            <span class='ent-year-info--title'>{{pageYearInfo.title}}</span>&nbsp;/&nbsp;{{pageYearInfo.desc}}
+        <div
+          class="ent-header-content-desc flex flex-(row items-center justify-between)"
+        >
+          <div class="ent-year-info">
+            <span class="ent-year-info--title">{{ pageYearInfo.title }}</span
+            >&nbsp;/&nbsp;{{ pageYearInfo.desc }}
           </div>
 
           <div class="flex flex-(row items-center justify-between)">
-            <div class='ent-year-list flex flex-(row items-center)'>
-              <div class='ent-year-list-item' :class='{"is-active": y.value === pageYear}' v-for='(y, index) in pageYearList' :key='index' @click='doChangeYear(y.value)'>{{y.name}}</div>
+            <div class="ent-year-list flex flex-(row items-center)">
+              <div
+                class="ent-year-list-item"
+                :class="{ 'is-active': y.value === pageYear }"
+                v-for="(y, index) in pageYearList"
+                :key="index"
+                @click="doChangeYear(y.value)"
+              >
+                {{ y.name }}
+              </div>
             </div>
             <common-single-choice
-              v-if='canShowPageYearMore'
+              v-if="canShowPageYearMore"
               class="m-l-6px"
-              icon='icon-zhankai'
-              :showSelectIcon='true'
+              icon="icon-zhankai"
+              :showSelectIcon="true"
               v-model="pageYear"
               placeholder="更多"
               :options="pageYearMoreList"
@@ -56,30 +85,40 @@
           id="entTabNav"
         >
           <a
-            v-for='(nav, index) in pageNavs'
-            :key='index'
+            v-for="(nav, index) in pageNavs"
+            :key="index"
             :class="[activeNavCode === nav.code ? 'active' : '']"
             @click="doClickNav(nav.code, index, nav)"
           >
-            {{nav.name}}
+            {{ nav.name }}
           </a>
         </div>
       </div>
       <div class="tab-content">
         <div id="entInfo" class="tab-content-item bg-white">
-
-          <div class='tab-content-module-container'>
+          <div class="tab-content-module-container">
             <div
-              class='tab-content-module'
-              v-for='(nav, index) in pageNavs'
-              :name='nav.code'
-              :key='index'
+              class="tab-content-module"
+              v-for="(nav, index) in pageNavs"
+              :name="nav.code"
+              :key="index"
             >
-              <div class='tab-content-module--title'>{{nav.name}}</div>
-              <div v-if='nav.power'>
-                <module-table v-if='nav.code === "annual_report_partner"' class='list-table-module' :data='nav.tableData' :columns='nav.tableColumns'></module-table>
+              <div class="tab-content-module--title">{{ nav.name }}</div>
+              <div v-if="nav.power">
+                <module-table
+                  v-if="nav.code === 'annual_report_partner'"
+                  class="list-table-module"
+                  :data="nav.tableData"
+                  :columns="nav.tableColumns"
+                ></module-table>
                 <div v-else>
-                  <common-info-table v-if='nav.tableColumns' class='row-table-module' :showMore='true' :data='nav.tableData' :columns='nav.tableColumns'></common-info-table>
+                  <common-info-table
+                    v-if="nav.tableColumns"
+                    class="row-table-module"
+                    :showMore="true"
+                    :data="nav.tableData"
+                    :columns="nav.tableColumns"
+                  ></common-info-table>
                   <empty v-else>暂无数据</empty>
                 </div>
               </div>
@@ -187,6 +226,13 @@ export default {
       return this.pageYearData?.name
     }
   },
+  created() {
+    this.setPageTdkToView({
+      title: `企业年报`,
+      keywords: `企业年报`,
+      description: ''
+    })
+  },
   mounted() {
     this.initPage()
     this.$nextTick(() => {
@@ -212,6 +258,11 @@ export default {
           this.pageReportData = res.data
           this.activeNavCode = this.pageNavs[0]?.code
         }
+        this.setPageTdkToView({
+          title: `${this.pageReportEntName}${this.pageYearInfo.title}`,
+          keywords: `企业年报`,
+          description: `${this.pageReportEntName}${this.pageYearInfo.title}`
+        })
       })
       await ajaxGetYearReportList({
         entId: this.eId,
@@ -445,7 +496,8 @@ export default {
 
   .tab-content-module {
     padding: 32px 0;
-    &-container {}
+    &-container {
+    }
     &--title {
       position: relative;
       color: #1d1d1d;
@@ -469,7 +521,7 @@ export default {
     padding: 0 40px;
     ::v-deep {
       .el-table__header,
-      .el-table__body{
+      .el-table__body {
         min-width: 100%;
       }
     }