From eb59f31f06f07301a83bb3bf0caa2c63fd7d3b15 Mon Sep 17 00:00:00 2001
From: xuyucheng <Nd17cCxTS4SSDDh21SaA>
Date: Tue, 8 Mar 2022 16:59:36 +0800
Subject: [PATCH] mode

---
 src/components/FecrLine.vue                |  3 +-
 src/view/appraisal/esg/index.vue           | 15 ++++--
 src/view/company/index.vue                 | 58 +++++++++++++--------
 src/view/company/stepAnalysisIndicator.vue |  8 ++-
 src/view/company/stepCompanyInfo.vue       |  6 ++-
 src/view/company/stepCreditAppraisal.vue   |  1 +
 src/view/company/stepElementsAppraisal.vue |  6 ++-
 src/view/company/stepEsg.vue               | 59 +++++++++++++++-------
 src/view/company/stepIndustryAnalysis.vue  |  7 ++-
 src/view/company/stepRiskAppraisal.vue     | 22 ++++----
 10 files changed, 126 insertions(+), 59 deletions(-)

diff --git a/src/components/FecrLine.vue b/src/components/FecrLine.vue
index e720b62..3a0ff91 100644
--- a/src/components/FecrLine.vue
+++ b/src/components/FecrLine.vue
@@ -110,9 +110,10 @@ export default {
     data:{
       handler(val){
         this.data = val
+        console.log(this.data)
         this.initLine()
       },
-      immediate:true,
+      // immediate:true,
       deep:true
     },
 
diff --git a/src/view/appraisal/esg/index.vue b/src/view/appraisal/esg/index.vue
index e3c34ff..1ffd194 100644
--- a/src/view/appraisal/esg/index.vue
+++ b/src/view/appraisal/esg/index.vue
@@ -346,10 +346,17 @@ export default {
             result.result[key]["其他类型问卷"].forEach((item, index) => {
               if (this.question[key][index].options) {
                 for (let i in this.question[key][index].options) {
-                  this.question[key][index].options[i][0] === item
+                  if(Array.isArray(item)){
+                    this.question[key][index].options[i][0] === item[0]
+                    ? (this.question[key][index].answer =
+                        this.question[key][index].options[i],this.question[key][index].des = item[1])
+                    : null;
+                  }else{
+                    this.question[key][index].options[i][0] === item
                     ? (this.question[key][index].answer =
                         this.question[key][index].options[i])
                     : null;
+                  }
                 }
               } else {
                 this.question[key][index].answer = item;
@@ -460,11 +467,11 @@ export default {
         list.forEach((key) => {
           this.data[key]["其他类型问卷"] = val[key].map((item) => {
             if (item.options) {
-              if (item.des) {
+              if (Object.prototype.hasOwnProperty.call(item,'des')) {
                 if (item.answer[0] === "A") {
                   return [item.answer[0], item.des];
                 } else {
-                  return item.answer[0];
+                  return [item.answer[0]];
                 }
               } else {
                 return item.answer[0];
@@ -499,7 +506,7 @@ export default {
           });
 
           val[key]["其他类型问卷"].forEach((item) => {
-            state.push(item !== null && item !== "" ? true : false);
+            state.push(item !== null && item !== "" &&item !==undefined ? true : false);
           });
         });
         this.submitStatus = state.every((item) => {
diff --git a/src/view/company/index.vue b/src/view/company/index.vue
index 4845fb3..26ab31b 100644
--- a/src/view/company/index.vue
+++ b/src/view/company/index.vue
@@ -91,50 +91,50 @@
             </el-row>
           </div>
         </el-tab-pane> -->
-        <el-tab-pane name="first">
+        <el-tab-pane name="first" :disabled="tabData[0].disabled">
           <p slot="label">综合信用评价</p>
           <div>
             <span>更新日期：{{ data["综合信用等级"]["评价时间"] }}</span>
             <el-row
-              ><step-credit-appraisal @getVisible="getVisible" :name="state"
+              ><step-credit-appraisal @getVisible="getVisible" :name="state" @getDisabled="getDisabled"
             /></el-row></div
         ></el-tab-pane>
-        <el-tab-pane name="second">
+        <el-tab-pane name="second" :disabled="tabData[1].disabled">
           <p slot="label">行业宏观分析</p>
           <div>
             <span>更新日期：{{ data["综合信用等级"]["评价时间"] }}</span>
-            <el-row><step-industry-analysis :name="state"/></el-row></div
+            <el-row><step-industry-analysis :name="state" @getDisabled="getDisabled"/></el-row></div
         ></el-tab-pane>
-        <el-tab-pane name="third">
+        <el-tab-pane name="third" :disabled="tabData[2].disabled">
           <p slot="label">财务要素评价</p>
           <div>
             <span>更新日期：{{ data["综合信用等级"]["评价时间"] }}</span>
-            <el-row><step-elements-appraisal :state="state" /></el-row></div
+            <el-row><step-elements-appraisal :state="state" @getDisabled="getDisabled"/></el-row></div
         ></el-tab-pane>
-        <el-tab-pane name="fourth">
+        <el-tab-pane name="fourth" :disabled="tabData[3].disabled">
           <p slot="label">公司风险分析</p>
           <div>
             <span>更新日期：{{ data["综合信用等级"]["评价时间"] }}</span>
-            <el-row><step-risk-appraisal /></el-row>
+            <el-row><step-risk-appraisal @getDisabled="getDisabled"/></el-row>
           </div>
         </el-tab-pane>
-        <el-tab-pane name="fifth">
+        <el-tab-pane name="fifth" :disabled="tabData[4].disabled">
           <p slot="label">公司基本信息</p>
           <div>
             <span>更新日期：{{ data["综合信用等级"]["评价时间"] }}</span>
-            <el-row><step-company-info /></el-row></div
+            <el-row><step-company-info @getDisabled="getDisabled"/></el-row></div
         ></el-tab-pane>
-        <el-tab-pane name="sixth">
+        <el-tab-pane name="sixth" :disabled="tabData[5].disabled">
           <p slot="label">分析指标明细</p>
           <div>
             <span>更新日期：{{ data["综合信用等级"]["评价时间"] }}</span>
-            <el-row><stepAnalysisIndicator /></el-row></div
+            <el-row><stepAnalysisIndicator @getDisabled="getDisabled"/></el-row></div
         ></el-tab-pane>
-        <el-tab-pane name="seventh">
+        <el-tab-pane name="seventh" :disabled="tabData[6].disabled">
           <p slot="label">ESG评价</p>
           <div>
             <span>更新日期：{{ data["综合信用等级"]["评价时间"] }}</span>
-            <el-row><step-esg :name="state"></step-esg></el-row></div
+            <el-row><step-esg :name="state" @getDisabled="getDisabled"></step-esg></el-row></div
         ></el-tab-pane>
       </el-tabs>
 
@@ -175,13 +175,13 @@ export default {
   data() {
     return {
       tabData: [
-        { label: "综合信用评价", state: "first" },
-        { label: "行业宏观分析", state: "second" },
-        { label: "财务要素评价", state: "third" },
-        { label: "公司风险分析", state: "fourth" },
-        { label: "公司基本信息", state: "fifth" },
-        { label: "分析指标明细", state: "sixth" },
-        { label: "ESG评价", state: "seventh" },
+        { label: "综合信用评价", state: "first",disabled:false },
+        { label: "行业宏观分析", state: "second",disabled:false },
+        { label: "财务要素评价", state: "third",disabled:false },
+        { label: "公司风险分析", state: "fourth",disabled:false },
+        { label: "公司基本信息", state: "fifth",disabled:false },
+        { label: "分析指标明细", state: "sixth",disabled:false },
+        { label: "ESG评价", state: "seventh",disabled:false },
       ],
       state: "first",
       data: {
@@ -216,6 +216,10 @@ export default {
       this.visible = val;
     },
 
+    getDisabled(obj){
+      this.tabData[obj.index].disabled = obj.disabled
+    },
+
     toAppraisal() {
       this.$router.push("/appraisal");
     },
@@ -281,6 +285,18 @@ export default {
       };
     },
   },
+  watch:{
+    tabData:{
+      handler(val){
+        for(let i in val){
+          if(!val[i].disabled){
+            return this.state = val[i].state
+          }
+        }
+      },
+      deep:true
+    }
+  }
 };
 </script>
 <style lang='scss' scoped>
diff --git a/src/view/company/stepAnalysisIndicator.vue b/src/view/company/stepAnalysisIndicator.vue
index 348c5c9..bf6621b 100644
--- a/src/view/company/stepAnalysisIndicator.vue
+++ b/src/view/company/stepAnalysisIndicator.vue
@@ -28,8 +28,12 @@ export default {
   methods: {
     init() {
       JsonPost("/company/company_index", { table: "指标明细" }).then((res) => {
-        this.data = res.result;
-        this.getColumns();
+        if (Object.keys(res.result).length === 0) {
+          this.$emit("getDisabled",{disabled:true,index:5})
+        } else {
+          this.data = res.result;
+          this.getColumns();
+        }
       });
     },
 
diff --git a/src/view/company/stepCompanyInfo.vue b/src/view/company/stepCompanyInfo.vue
index 12b65ac..41653c2 100644
--- a/src/view/company/stepCompanyInfo.vue
+++ b/src/view/company/stepCompanyInfo.vue
@@ -78,7 +78,11 @@ export default {
   methods: {
     init() {
       JsonPost("/company/company_index",{table:'公司基本信息'}).then((res) => {
-        this.data = res.result;
+        if (Object.keys(res.result).length === 0) {
+          this.$emit("getDisabled",{disabled:true,index:4})
+        } else {
+          this.data = res.result;
+        }
       });
     },
 
diff --git a/src/view/company/stepCreditAppraisal.vue b/src/view/company/stepCreditAppraisal.vue
index efb48f4..20bdded 100644
--- a/src/view/company/stepCreditAppraisal.vue
+++ b/src/view/company/stepCreditAppraisal.vue
@@ -219,6 +219,7 @@ export default {
         (res) => {
           if (Object.keys(res.result).length === 0) {
             this.$emit("getVisible", true);
+            this.$emit("getDisabled",{disabled:true,index:0})
           } else {
             this.data = res.result;
             this.viewReport(res.result["信用分析"]["查看报告"]);
diff --git a/src/view/company/stepElementsAppraisal.vue b/src/view/company/stepElementsAppraisal.vue
index 0b54521..c9ef416 100644
--- a/src/view/company/stepElementsAppraisal.vue
+++ b/src/view/company/stepElementsAppraisal.vue
@@ -226,10 +226,14 @@ export default {
     init() {
       JsonPost("/company/company_index", { table: "财务要素分析" }).then(
         (res) => {
-          this.data = res.result;
+        if (Object.keys(res.result).length === 0) {
+          this.$emit("getDisabled",{disabled:true,index:2})
+        } else {
+           this.data = res.result;
           this.getTableData(this.selectTable);
           this.secondaryIndicators();
         }
+        }
       );
     },
 
diff --git a/src/view/company/stepEsg.vue b/src/view/company/stepEsg.vue
index d39b38e..312d2aa 100644
--- a/src/view/company/stepEsg.vue
+++ b/src/view/company/stepEsg.vue
@@ -3,8 +3,8 @@
     <el-card>
       <el-row type="flex" justify="space-between">
         <el-col :span="11">
-          <p class="pri-title">ESG评级：{{data['ESG评级']['ESG评级']}}</p>
-          <span>行业评级分布（{{data['ESG评级']['行业']}}）</span>
+          <p class="pri-title">ESG评级：{{ data["ESG评级"]["ESG评级"] }}</p>
+          <span>行业评级分布（{{ data["ESG评级"]["行业"] }}）</span>
           <div class="kpi">
             <div
               class="kpi-item"
@@ -13,7 +13,10 @@
               :style="{
                 background: item.color,
                 width: item.width,
-                border: data['ESG评级']['ESG评级'] === item.level ? '4px dashed #00D8FF' : 'none',
+                border:
+                  data['ESG评级']['ESG评级'] === item.level
+                    ? '4px dashed #00D8FF'
+                    : 'none',
               }"
             >
               {{ item.level }}
@@ -26,16 +29,27 @@
         </div> -->
         </el-col>
         <el-col :span="11">
-          <p class="pri-title">ESG综合得分：{{data['ESG评级']['ESG综合得分']}}</p>
-          <span>行业得分（{{data['ESG评级']['行业']}}）</span>
+          <p class="pri-title">
+            ESG综合得分：{{ data["ESG评级"]["ESG综合得分"] }}
+          </p>
+          <span>行业得分（{{ data["ESG评级"]["行业"] }}）</span>
           <div class="esg-progress">
             <div class="esg-progress-line">
-              <div class="esg-progress-line-value" :style="{width:data['ESG评级']['ESG综合得分']+'%'}"></div>
+              <div
+                class="esg-progress-line-value"
+                :style="{ width: data['ESG评级']['ESG综合得分'] + '%' }"
+              ></div>
             </div>
           </div>
           <el-row type="flex" style="margin-top: 20px">
             <span>0</span>
-            <span :style="{position: 'absolute', left: data['ESG评级']['ESG综合得分']+'%'}">{{data['ESG评级']['ESG综合得分']}}</span>
+            <span
+              :style="{
+                position: 'absolute',
+                left: data['ESG评级']['ESG综合得分'] + '%',
+              }"
+              >{{ data["ESG评级"]["ESG综合得分"] }}</span
+            >
             <span style="position: absolute; right: 0">100</span>
           </el-row>
         </el-col>
@@ -70,7 +84,10 @@
     <el-card>
       <p>议题表现</p>
       <el-divider></el-divider>
-      <fecr-table :data="data['实质性议题']" :columns="issue().columns"></fecr-table>
+      <fecr-table
+        :data="data['实质性议题']"
+        :columns="issue().columns"
+      ></fecr-table>
     </el-card>
   </div>
 </template>   
@@ -97,8 +114,8 @@ export default {
         { level: "AAA", color: "#20D89F", width: "12%" },
       ],
 
-      data:{
-        "ESG评级":{}
+      data: {
+        ESG评级: {},
       },
 
       issueScore: [
@@ -113,7 +130,7 @@ export default {
             ["40%", "45%"],
             ["30%", "35%"],
           ],
-          name:'环境'
+          name: "环境",
         },
         {
           color: [
@@ -126,7 +143,7 @@ export default {
             ["40%", "45%"],
             ["30%", "35%"],
           ],
-          name:'社会'
+          name: "社会",
         },
         {
           color: [
@@ -139,21 +156,25 @@ export default {
             ["40%", "45%"],
             ["30%", "35%"],
           ],
-          name:'治理'
+          name: "治理",
         },
       ],
     };
   },
 
-  created(){
-    this.init()
+  created() {
+    this.init();
   },
 
   methods: {
-    init(){
-      get("/company/esg_analysis").then(res=>{
-        this.data = res.result[0]
-      })
+    init() {
+      get("/company/esg_analysis").then((res) => {
+        if (Object.keys(res.result).length === 0) {
+          this.$emit("getDisabled", {disabled:true,index:6});
+        } else {
+          this.data = res.result[0];
+        }
+      });
     },
 
     score() {
diff --git a/src/view/company/stepIndustryAnalysis.vue b/src/view/company/stepIndustryAnalysis.vue
index 7ab6441..6810821 100644
--- a/src/view/company/stepIndustryAnalysis.vue
+++ b/src/view/company/stepIndustryAnalysis.vue
@@ -68,7 +68,12 @@ export default {
   methods: {
     init() {
       get("/company/industry_analysis").then((res) => {
-        this.data = res.result;
+        if (Object.keys(res.result).length === 0) {
+          this.$emit("getDisabled", {disabled:true,index:1});
+        } else {
+          this.data = res.result;
+          console.log(this.data)
+        }
       });
     },
   },
diff --git a/src/view/company/stepRiskAppraisal.vue b/src/view/company/stepRiskAppraisal.vue
index ccba67f..2038b7d 100644
--- a/src/view/company/stepRiskAppraisal.vue
+++ b/src/view/company/stepRiskAppraisal.vue
@@ -10,7 +10,7 @@
             type="dashboard"
             :percentage="data['风险分数']"
             :format="format"
-            :color="data['风险分数']>50?'#ff9300':'#1989fa'"
+            :color="data['风险分数'] > 50 ? '#ff9300' : '#1989fa'"
           ></el-progress
           ><span>高风险</span>
         </el-row>
@@ -99,11 +99,15 @@ export default {
     init() {
       JsonPost("/company/company_index", { table: "风险要素分析" }).then(
         (res) => {
-          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);
+          if (Object.keys(res.result).length === 0) {
+            this.$emit("getDisabled", {disabled:true,index:3});
+          } 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);
+          }
         }
       );
     },
@@ -194,9 +198,9 @@ export default {
   border-bottom: 0.25px solid #707070;
 }
 
-.left-risk{
-  span{
-    margin-top:20px
+.left-risk {
+  span {
+    margin-top: 20px;
   }
 }
 </style>
\ No newline at end of file