From 6bfa8511a947d2becf70c4e193b62067776ac6bd Mon Sep 17 00:00:00 2001
From: song-tianyang <tianyang.song@fit2cloud.com>
Date: Tue, 18 Apr 2023 10:24:21 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B7=A5=E4=BD=9C=E5=8F=B0):=20=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E5=8F=B0=E9=A6=96=E9=A1=B5=E7=BB=9F=E8=AE=A1=E6=9C=AC?=
 =?UTF-8?q?=E5=91=A8=E5=88=9B=E5=BB=BA=E4=BC=98=E5=8C=96=EF=BC=9A=E5=92=8C?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E3=80=81=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA?=
 =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=90=8C=E6=AD=A5=EF=BC=8C=E5=A6=82=E6=9E=9C?=
 =?UTF-8?q?=E6=9C=AC=E5=91=A8=E5=88=9B=E5=BB=BA=E4=B8=BA0=E4=B9=9F?=
 =?UTF-8?q?=E4=BC=9A=E6=98=BE=E7=A4=BA=E5=87=BA=E6=9D=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

工作台首页统计本周创建优化：和接口、测试跟踪首页同步，如果本周创建为0也会显示出来
---
 .../dashboard/components/MyCaseCard.vue       | 181 +++++++++++-------
 1 file changed, 110 insertions(+), 71 deletions(-)

diff --git a/workstation/frontend/src/business/dashboard/components/MyCaseCard.vue b/workstation/frontend/src/business/dashboard/components/MyCaseCard.vue
index b93a40d135..2988af1a8e 100644
--- a/workstation/frontend/src/business/dashboard/components/MyCaseCard.vue
+++ b/workstation/frontend/src/business/dashboard/components/MyCaseCard.vue
@@ -1,121 +1,158 @@
 <template>
-    <el-card shadow="never"  body-style="margin-top: 24px; padding: 0;border:none;" class="table-card">
-      <el-row :gutter="10" >
-        <el-col :span="24">
-          <span class="top-css">{{ $t('workstation.creation_case') }}</span>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20">
-        <el-col  v-if="showCount">
-          <ms-border-pie-chart  :pie-data="loadCharData" :autoresize ="true" :text="totalCount.toString()" :text-title="$t('workstation.case_count')"
-                                :subtext="subtextStr" :radius="['70%', '96%']"
-                                :height="255"/>
-        </el-col>
-        <el-col  v-else>
-          <img style="height: 100px;width: 100px;padding-top: 10%;padding-left: 40%;"
-               src="/assets/module/figma/icon_none.svg"/>
-          <p class="right-other-css" v-permission="['PROJECT_TRACK_CASE:READ']">{{ $t('workstation.creation_case_tip') }} &nbsp;&nbsp;<span style="color: var(--primary_color)" @click="toCreatCase()">{{$t('permission.project_track_case.create') }}</span></p>
-        </el-col>
-      </el-row>
-    </el-card>
+  <el-card
+    shadow="never"
+    body-style="margin-top: 24px; padding: 0;border:none;"
+    class="table-card"
+  >
+    <el-row :gutter="10">
+      <el-col :span="24">
+        <span class="top-css">{{ $t("workstation.creation_case") }}</span>
+      </el-col>
+    </el-row>
+    <el-row :gutter="20">
+      <el-col v-if="showCount">
+        <ms-border-pie-chart
+          :pie-data="loadCharData"
+          :autoresize="true"
+          :text="totalCount.toString()"
+          :text-title="$t('workstation.case_count')"
+          :subtext="subtextStr"
+          :radius="['70%', '96%']"
+          :height="255"
+        />
+      </el-col>
+      <el-col v-else>
+        <img
+          style="
+            height: 100px;
+            width: 100px;
+            padding-top: 10%;
+            padding-left: 40%;
+          "
+          src="/assets/module/figma/icon_none.svg"
+        />
+        <p class="right-other-css" v-permission="['PROJECT_TRACK_CASE:READ']">
+          {{ $t("workstation.creation_case_tip") }} &nbsp;&nbsp;<span
+            style="color: var(--primary_color)"
+            @click="toCreatCase()"
+            >{{ $t("permission.project_track_case.create") }}</span
+          >
+        </p>
+      </el-col>
+    </el-row>
+  </el-card>
 </template>
 <script>
-
 import MsBorderPieChart from "metersphere-frontend/src/components/MsBorderPieChart";
-import {getMyCreatedCaseGroupContMap} from "@/api/workstation";
-import {getCurrentProject} from "@/api/project";
+import { getMyCreatedCaseGroupContMap } from "@/api/workstation";
 
-
-export default{
+export default {
   name: "MyCaseCard",
-  components: {MsBorderPieChart},
+  components: { MsBorderPieChart },
   data() {
     return {
-      showCount :false,
-      totalCount:0,
-      weekTotalCount:0,
-      subtextStr:"",
-      loadCharData:[]
+      showCount: false,
+      totalCount: 0,
+      weekTotalCount: 0,
+      subtextStr: "",
+      loadCharData: [],
     };
   },
-  methods:{
+  methods: {
     getCaseCount() {
       let isWeek = false;
-      this.result = getMyCreatedCaseGroupContMap(isWeek).then(response => {
-        let tableData = response.data
+      this.result = getMyCreatedCaseGroupContMap(isWeek).then((response) => {
+        let tableData = response.data;
         const testCaseCount = {
-          value: tableData.testCaseCount === 0 ? '-' : tableData.testCaseCount,
-          name: this.$t('workstation.table_name.track_case'),
-        }
-        this.loadCharData.push(testCaseCount)
+          value: tableData.testCaseCount === 0 ? "-" : tableData.testCaseCount,
+          name: this.$t("workstation.table_name.track_case"),
+        };
+        this.loadCharData.push(testCaseCount);
 
         const apiTestCaseCount = {
-          value: tableData.apiTestCaseCount === 0 ? '-' : tableData.apiTestCaseCount,
-          name: this.$t('workstation.table_name.api_case'),
-        }
-        this.loadCharData.push(apiTestCaseCount)
+          value:
+            tableData.apiTestCaseCount === 0 ? "-" : tableData.apiTestCaseCount,
+          name: this.$t("workstation.table_name.api_case"),
+        };
+        this.loadCharData.push(apiTestCaseCount);
 
         const apiScenarioCaseCount = {
-          value: tableData.apiScenarioCaseCount === 0 ? '-' : tableData.apiScenarioCaseCount,
-          name: this.$t('workstation.table_name.scenario_case'),
-        }
-        this.loadCharData.push(apiScenarioCaseCount)
+          value:
+            tableData.apiScenarioCaseCount === 0
+              ? "-"
+              : tableData.apiScenarioCaseCount,
+          name: this.$t("workstation.table_name.scenario_case"),
+        };
+        this.loadCharData.push(apiScenarioCaseCount);
 
         const loadTestCount = {
-          value: tableData.loadTestCount === 0 ? '-' : tableData.loadTestCount,
-          name: this.$t('test_track.plan.load_case.case'),
-        }
-        this.loadCharData.push(loadTestCount)
+          value: tableData.loadTestCount === 0 ? "-" : tableData.loadTestCount,
+          name: this.$t("test_track.plan.load_case.case"),
+        };
+        this.loadCharData.push(loadTestCount);
 
-        this.totalCount = tableData.testCaseCount+tableData.apiTestCaseCount+tableData.apiScenarioCaseCount+tableData.loadTestCount;
+        this.totalCount =
+          tableData.testCaseCount +
+          tableData.apiTestCaseCount +
+          tableData.apiScenarioCaseCount +
+          tableData.loadTestCount;
         if (this.totalCount > 0) {
           this.getCaseWeekCount();
         }
       });
     },
-    toCreatCase(){
+    toCreatCase() {
       let caseData = this.$router.resolve({
-        path: '/track/case/create',
+        path: "/track/case/create",
       });
-      window.open(caseData.href, '_blank');
+      window.open(caseData.href, "_blank");
     },
-    getCaseWeekCount(){
+    getCaseWeekCount() {
       let isWeek = true;
-      getMyCreatedCaseGroupContMap(isWeek).then(response => {
-        let tableData = response.data
-        this.weekTotalCount = tableData.testCaseCount+tableData.apiTestCaseCount+tableData.apiScenarioCaseCount+tableData.loadTestCount;
-        if (this.weekTotalCount){
-          this.subtextStr = "本周：+"+this.weekTotalCount+" >" ;
+      getMyCreatedCaseGroupContMap(isWeek).then((response) => {
+        let tableData = response.data;
+        this.weekTotalCount =
+          tableData.testCaseCount +
+          tableData.apiTestCaseCount +
+          tableData.apiScenarioCaseCount +
+          tableData.loadTestCount;
+        if (this.weekTotalCount > 0) {
+          this.subtextStr = "本周：+" + this.weekTotalCount + " >";
+        } else {
+          this.subtextStr = "本周：+0 >";
         }
         this.showCount = true;
       });
-    }
+    },
   },
   created() {
     this.getCaseCount();
-  }
-}
+  },
+};
 </script>
 <style scoped>
-.table-card{
+.table-card {
   height: 100%;
 }
-.right-css{
+
+.right-css {
   text-align: right;
   margin-top: 100px;
-
 }
-.right-two-css{
+
+.right-two-css {
   font-weight: 650;
   color: #783987;
   font-size: 21px;
 }
-.right-one-css{
+
+.right-one-css {
   font-weight: 700;
   font-size: 43px;
   color: #783987;
 }
-.top-css{
+
+.top-css {
   font-weight: 650;
   font-style: normal;
   font-size: 18px;
@@ -123,16 +160,18 @@ export default{
   padding: 0px 0px 0px 0px;
   box-sizing: border-box;
   width: 100%;
-  color: #1F2329;
+  color: #1f2329;
   margin-left: 24px;
   line-height: 26px;
 }
-.right-other-css{
+
+.right-other-css {
   color: #969393;
   cursor: pointer;
   padding-left: 34%;
 }
-.table-card{
+
+.table-card {
   border: none;
   color: rgba(192, 196, 204, 0.98);
 }