From 1d272788ad028c0e771ed92df637e34e98123429 Mon Sep 17 00:00:00 2001
From: xuyucheng <Nd17cCxTS4SSDDh21SaA>
Date: Fri, 29 Apr 2022 17:08:02 +0800
Subject: [PATCH] mode

---
 src/view/company/stepCompanyInfo.vue      | 71 ++++++++++++++++++++--
 src/view/company/stepIndustryAnalysis.vue | 72 +++++++++++++++++++++--
 src/view/company/stepRiskAppraisal.vue    | 44 +++-----------
 3 files changed, 141 insertions(+), 46 deletions(-)

diff --git a/src/view/company/stepCompanyInfo.vue b/src/view/company/stepCompanyInfo.vue
index a89f5d7..7f8a239 100644
--- a/src/view/company/stepCompanyInfo.vue
+++ b/src/view/company/stepCompanyInfo.vue
@@ -28,19 +28,56 @@
       <el-card class="left" style="height: auto">
         <span>股东信息</span>
         <fecr-table
-          :data="optimizeData(data['股东信息'])"
+          :data="
+            optimizeData(
+              data['股东信息'].slice(
+                (currentShareholders - 1) * sizeShareholders,
+                currentShareholders * sizeShareholders
+              )
+            )
+          "
           :columns="getColumn(data['股东信息'])"
-          class="top"
-      /></el-card>
+          class="top" />
+        <el-pagination
+          @size-change="handleSizeShareholdersChange"
+          @current-change="handleCurrentShareholdersChange"
+          :current-page="currentShareholders"
+          :page-sizes="[5, 10]"
+          :page-size="100"
+          layout="total, sizes, prev, pager, next"
+          :total="data['股东信息'].length"
+          style="float:right;margin-top:20px"
+        >
+        </el-pagination
+      ></el-card>
     </el-col>
     <el-col :span="24">
       <el-card class="left"
         ><span>主要成员</span>
         <fecr-table
-          :data="optimizeData(data['主要成员'])"
+          :data="
+            optimizeData(
+              data['主要成员'].slice(
+                (currentMember - 1) * sizeMember,
+                currentMember * sizeMember
+              )
+            )
+          "
           :columns="getColumn(data['主要成员'])"
           class="top"
-      /></el-card>
+        />
+        <el-pagination
+          @size-change="handleSizeMemberChange"
+          @current-change="handleCurrentMemberChange"
+          :current-page="currentMember"
+          :page-sizes="[5, 10]"
+          :page-size="100"
+          layout="total, sizes, prev, pager, next"
+          :total="data['主要成员'].length"
+           style="float:right;margin-top:20px"
+        >
+        </el-pagination>
+      </el-card>
     </el-col>
   </el-row>
 </template>
@@ -52,6 +89,10 @@ export default {
   components: { FecrTable },
   data() {
     return {
+      currentMember: 1,
+      sizeMember: 5,
+      currentShareholders: 1,
+      sizeShareholders: 5,
       businessColumn: [
         "企业状态",
         "注册资本",
@@ -79,13 +120,27 @@ export default {
     init() {
       get("/company/basic_info").then((res) => {
         if (Object.keys(res.result).length === 0) {
-          this.$emit("getDisabled",{disabled:true,index:0})
+          this.$emit("getDisabled", { disabled: true, index: 0 });
         } else {
           this.data = res.result;
         }
       });
     },
 
+    handleSizeMemberChange(val) {
+      this.sizeMember = val;
+    },
+    handleCurrentMemberChange(val) {
+      this.currentMember = val;
+    },
+
+    handleSizeShareholdersChange(val) {
+      this.sizeShareholders = val;
+    },
+    handleCurrentShareholdersChange(val) {
+      this.currentShareholders = val;
+    },
+
     // 优化表格数据
     optimizeData(val) {
       const data = [];
@@ -125,4 +180,8 @@ export default {
   border-right: 0.25px solid #707070;
   border-bottom: 0.25px solid #707070;
 }
+
+.el-card{
+  min-height: auto;
+}
 </style>
\ No newline at end of file
diff --git a/src/view/company/stepIndustryAnalysis.vue b/src/view/company/stepIndustryAnalysis.vue
index 0fa6a67..5c0e761 100644
--- a/src/view/company/stepIndustryAnalysis.vue
+++ b/src/view/company/stepIndustryAnalysis.vue
@@ -1,6 +1,28 @@
 <!-- 行业宏观分析 -->
 <template>
   <el-row>
+    <el-dialog :visible.sync="reportVisible" title="预览">
+      <div class="pdf-box">
+        <pdf
+          :src="file"
+          :page="item"
+          v-for="item in numPages"
+          :key="item"
+          :style="{
+            width: numPages === 1 ? '70%' : '100%',
+            height: numPages === 1 ? '70%' : '100%',
+          }"
+        >
+        </pdf>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <span style="float: left; line-height: 50px">共{{ numPages }}页</span>
+        <el-button @click="reportVisible = false">取 消</el-button>
+        <el-button type="primary" @click="reportVisible = false"
+          >确 认</el-button
+        >
+      </span>
+    </el-dialog>
     <el-col :span="12">
       <el-card class="left">
         <span>增长趋势</span>
@@ -19,7 +41,7 @@
       ><el-card class="left">
         <div slot="header" class="clearfix">
           <span>{{ data["行业"] }}</span>
-          <el-button type="primary" size="small" style="float: right"
+          <el-button type="primary" size="small" style="float: right" @click="viewReport"
             >宏观报告</el-button
           >
         </div>
@@ -47,17 +69,21 @@
 </template>
 
 <script>
-import { get } from "@/api/api";
+import pdf from "vue-pdf";
+import { get, BlobGet } from "api/api";
 import FecrLine from "@/components/FecrLine";
 import FecrPie from "@/components/FecrPie";
 export default {
-  components: { FecrLine, FecrPie },
+  components: { FecrLine, FecrPie,pdf },
   props: {
     name: [String],
   },
   data() {
     return {
       data: {},
+      reportVisible: false,
+      file: "",
+      numPages: "",
     };
   },
 
@@ -69,15 +95,53 @@ export default {
     init() {
       get("/company/industry_analysis").then((res) => {
         if (Object.keys(res.result).length === 0) {
-          this.$emit("getDisabled", {disabled:true,index:1});
+          this.$emit("getDisabled", { disabled: true, index: 1 });
         } else {
           this.data = res.result;
         }
       });
     },
+
+    viewReport() {
+      this.reportVisible = true;
+      BlobGet("/file/get_industry_report").then((res) => {
+        if (res.info) {
+          this.$message.warning(res.info);
+        } else {
+          this.loadPdfHandler(res);
+        }
+      });
+    },
+
+    // pdf加载时
+    loadPdfHandler(url) {
+      var loadingTask = pdf.createLoadingTask(url);
+      loadingTask.promise.then((pdf) => {
+        this.file = loadingTask;
+        this.numPages = pdf.numPages;
+      });
+    },
   },
 };
 </script>
 <style lang='scss' scoped>
 @import "@/assets/css/company.scss";
+
+::v-deep .el-dialog {
+  margin-top: 5vh !important;
+  height: 90vh;
+}
+
+::v-deep .el-dialog__body {
+  height: calc(100% - 200px);
+  overflow: auto;
+}
+
+.pdf-box {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  align-items: center;
+}
 </style>
\ No newline at end of file
diff --git a/src/view/company/stepRiskAppraisal.vue b/src/view/company/stepRiskAppraisal.vue
index ababb6c..7213612 100644
--- a/src/view/company/stepRiskAppraisal.vue
+++ b/src/view/company/stepRiskAppraisal.vue
@@ -37,7 +37,7 @@
           <el-row class="left-risk">
             <span>自身风险</span>
             <fecr-table
-              :data="ownRiskData"
+              :data="data['自身风险']"
               :columns="column"
               class="top"
               :height="'300px'"
@@ -45,7 +45,7 @@
             ></fecr-table>
             <span>变更记录</span>
             <fecr-table
-              :data="changeRecordData"
+              :data="data['变更记录']"
               :columns="column"
               class="top"
               :height="'300px'"
@@ -59,7 +59,7 @@
           <el-row class="left-risk">
             <span>经营风险</span>
             <fecr-table
-              :data="businessRiskData"
+              :data="data['经营风险']"
               :columns="column"
               class="top"
               :height="'300px'"
@@ -67,7 +67,7 @@
             ></fecr-table>
             <span>周边风险</span>
             <fecr-table
-              :data="sideRiskData"
+              :data="data['周边风险']"
               :columns="sideRiskColumn"
               class="top"
               :shortWidth="[0, 1]"
@@ -93,19 +93,15 @@ export default {
     return {
       options: ["风险级别", "风险数量", "列入失信名单"],
       data: {},
-      ownRiskData: [],
-      sideRiskData: [],
-      businessRiskData: [],
-      changeRecordData: [],
       column: [
-        { label: "风险类型", prop: "风险类型" },
+        { label: "类型", prop: "类型" },
         { label: "数量", prop: "数量" },
-        { label: "影响程度", prop: "影响程度" },
+        { label: "影响", prop: "影响" },
       ],
       sideRiskColumn: [
-        { label: "风险类型", prop: "风险类型" },
+        { label: "类型", prop: "类型" },
         { label: "数量", prop: "数量" },
-        { label: "风险详情", prop: "风险详情" },
+        { label: "详情", prop: "详情" },
       ],
     };
   },
@@ -121,10 +117,6 @@ export default {
           this.$emit("getDisabled", { disabled: true, index: 5 });
         } else {
           this.data = res.result;
-          this.ownRiskData = this.optimizeData(this.data["合规风险"], 0);
-          this.businessRiskData = this.optimizeData(this.data["经营风险"], 0);
-          this.sideRiskData = this.optimizeData(this.data["周边风险"], 1);
-          this.changeRecordData = this.optimizeData(this.data["变更记录"], 0);
         }
       });
     },
@@ -132,26 +124,6 @@ export default {
     format(percentage) {
       return percentage;
     },
-
-    // 自身风险
-    optimizeData(val, i) {
-      var label = i == 1 ? "风险详情" : "影响程度";
-      return val.map((item) => {
-        return {
-          风险类型: item[0],
-          数量: item[1],
-          [label]: Array.isArray(item[2])
-            ? item[2]
-                .map((ele, index) => {
-                  return index === 0
-                    ? index + 1 + "." + ele
-                    : "</br>" + (index + 1) + "." + ele;
-                })
-                .toString()
-            : item[2],
-        };
-      });
-    },
   },
 };
 </script>