fix

src/components/common/china-point-chart/index.vue

@@ -42,10 +42,7 @@ const convertData = (data) => {
   }
   return res;
 };
-// const pinFormatterStr = (name, data) => {
-//   let item = data.find((item) => item.province === name);
-//   return '/' + item.sopNum;
-// };
+
 const dataHandle = (data) => {
   if (!data) {
     return [];
@@ -78,11 +75,12 @@ const dataHandle = (data) => {
             areaColor: '#2B91B7',
           },
         },
-        animation: false,
+        // animation: false,
         data: data.map((item) => {
           return {
             name: item.province,
-            value: item,
+            // value: item,
+            value: item.sopNum,
           };
         }),
       },
@@ -148,6 +146,18 @@ const options = computed(() => {
         // return str;
       },
     },
+
+    visualMap: {
+      min: 0,
+      max: 20,
+      left: 'left',
+      top: 'bottom',
+      text: ['高', '低'],
+      calculable: true,
+      inRange: {
+        color: ['#ffffff', '#165dff'],
+      },
+    },
     geo: {
       map: 'china',
       zoom: 1.7,

src/views/report/device-analysis/index.vue

@@ -235,7 +235,7 @@ const options1 = computed(() => {
     .scroll-content {
       height: 100%;
       min-height: 600px;
-      min-width: 1000px;
+      // min-width: 1000px;
     }
 
     .card {

src/views/report/dispatch-analysis/index.vue

@@ -514,7 +514,7 @@ const options4 = computed(() =>
     .scroll-content {
       height: 100%;
       min-height: 600px;
-      min-width: 1000px;
+      // min-width: 1000px;
     }
     .row1 {
       height: calc((100% - 30px) * 2 / 3 + 15px);

src/views/report/flowcheck-analysis/index.vue

@@ -137,7 +137,7 @@ const columns2 = [{ colKey: 'name', title: '区域协调人' }, ...baseColumns];
     overflow: auto;
     .scroll-content {
       height: 100%;
-      min-width: 1000px;
+      // min-width: 1000px;
       display: flex;
       justify-content: space-between;
       .col1,

src/views/report/project-analysis/index.vue

@@ -46,7 +46,7 @@
                     leadId: row.leadId,
                   })
                 "
-                >{{ row.prepareSopNum }}（{{ row.prepareSopRatio }}）</t-link
+                >{{ row.prepareSopNum }} ({{ row.prepareSopRatio }})</t-link
               >
             </template>
             <template #scanSopNum="{ col, row }">
@@ -58,7 +58,7 @@
                     leadId: row.leadId,
                   })
                 "
-                >{{ row.scanSopNum }}（{{ row.scanSopRatio }}）</t-link
+                >{{ row.scanSopNum }} ({{ row.scanSopRatio }})</t-link
               >
             </template>
             <template #markSopNum="{ col, row }">
@@ -70,7 +70,7 @@
                     leadId: row.leadId,
                   })
                 "
-                >{{ row.markSopNum }}（{{ row.markSopRatio }}）</t-link
+                >{{ row.markSopNum }} ({{ row.markSopRatio }})</t-link
               >
             </template>
             <template #finalSopNum="{ col, row }">
@@ -82,7 +82,7 @@
                     leadId: row.leadId,
                   })
                 "
-                >{{ row.finalSopNum }}（{{ row.finalSopRatio }}）</t-link
+                >{{ row.finalSopNum }} ({{ row.finalSopRatio }})</t-link
               >
             </template>
             <template #finishSopNum="{ col, row }">
@@ -94,7 +94,7 @@
                     leadId: row.leadId,
                   })
                 "
-                >{{ row.finishSopNum }}（{{ row.finishSopRatio }}）</t-link
+                >{{ row.finishSopNum }} ({{ row.finishSopRatio }})</t-link
               >
             </template>
           </t-table>
@@ -133,7 +133,7 @@
                     supplierId: row.supplierId,
                   })
                 "
-                >{{ row.prepareSopNum }}（{{ row.prepareSopRatio }}）</t-link
+                >{{ row.prepareSopNum }} ({{ row.prepareSopRatio }})</t-link
               >
             </template>
             <template #scanSopNum="{ col, row }">
@@ -145,7 +145,7 @@
                     supplierId: row.supplierId,
                   })
                 "
-                >{{ row.scanSopNum }}（{{ row.scanSopRatio }}）</t-link
+                >{{ row.scanSopNum }} ({{ row.scanSopRatio }})</t-link
               >
             </template>
             <template #markSopNum="{ col, row }">
@@ -157,7 +157,7 @@
                     supplierId: row.supplierId,
                   })
                 "
-                >{{ row.markSopNum }}（{{ row.markSopRatio }}）</t-link
+                >{{ row.markSopNum }} ({{ row.markSopRatio }})</t-link
               >
             </template>
             <template #finalSopNum="{ col, row }">
@@ -169,7 +169,7 @@
                     supplierId: row.supplierId,
                   })
                 "
-                >{{ row.finalSopNum }}（{{ row.finalSopRatio }}）</t-link
+                >{{ row.finalSopNum }} ({{ row.finalSopRatio }})</t-link
               >
             </template>
             <template #finishSopNum="{ col, row }">
@@ -181,7 +181,7 @@
                     supplierId: row.supplierId,
                   })
                 "
-                >{{ row.finishSopNum }}（{{ row.finishSopRatio }}）</t-link
+                >{{ row.finishSopNum }} ({{ row.finishSopRatio }})</t-link
               >
             </template>
           </t-table>
@@ -220,7 +220,7 @@
                     coordinatorId: row.coordinatorId,
                   })
                 "
-                >{{ row.prepareSopNum }}（{{ row.prepareSopRatio }}）</t-link
+                >{{ row.prepareSopNum }} ({{ row.prepareSopRatio }})</t-link
               >
             </template>
             <template #scanSopNum="{ col, row }">
@@ -232,7 +232,7 @@
                     coordinatorId: row.coordinatorId,
                   })
                 "
-                >{{ row.scanSopNum }}（{{ row.scanSopRatio }}）</t-link
+                >{{ row.scanSopNum }} ({{ row.scanSopRatio }})</t-link
               >
             </template>
             <template #markSopNum="{ col, row }">
@@ -244,7 +244,7 @@
                     coordinatorId: row.coordinatorId,
                   })
                 "
-                >{{ row.markSopNum }}（{{ row.markSopRatio }}）</t-link
+                >{{ row.markSopNum }} ({{ row.markSopRatio }})</t-link
               >
             </template>
             <template #finalSopNum="{ col, row }">
@@ -256,7 +256,7 @@
                     coordinatorId: row.coordinatorId,
                   })
                 "
-                >{{ row.finalSopNum }}（{{ row.finalSopRatio }}）</t-link
+                >{{ row.finalSopNum }} ({{ row.finalSopRatio }})</t-link
               >
             </template>
             <template #finishSopNum="{ col, row }">
@@ -268,7 +268,7 @@
                     coordinatorId: row.coordinatorId,
                   })
                 "
-                >{{ row.finishSopNum }}（{{ row.finishSopRatio }}）</t-link
+                >{{ row.finishSopNum }} ({{ row.finishSopRatio }})</t-link
               >
             </template>
           </t-table>
@@ -371,16 +371,16 @@ const columns3 = [
     overflow: auto;
     .scroll-content {
       height: 100%;
-      min-width: 1000px;
+      // min-width: 1000px;
       display: flex;
       justify-content: space-between;
       .col1,
       .col2 {
         width: calc(50% - 8px);
         :deep(.t-table__body) {
-          font-size: 13px !important;
+          font-size: 12px !important;
           .t-link {
-            font-size: 13px !important;
+            font-size: 12px !important;
           }
         }
         .module-title {

src/views/report/quality-analysis/index.vue

@@ -48,9 +48,9 @@
                     supplierId: '',
                   })
                 "
-                >{{ row.influenceDegreeA }}（{{
+                >{{ row.influenceDegreeA }} ({{
                   row.influenceDegreeARate + '%'
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #influenceDegreeB="{ col, row }">
@@ -63,9 +63,9 @@
                     supplierId: '',
                   })
                 "
-                >{{ row.influenceDegreeB }}（{{
+                >{{ row.influenceDegreeB }} ({{
                   row.influenceDegreeBRate + '%'
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #influenceDegreeC="{ col, row }">
@@ -78,9 +78,9 @@
                     supplierId: '',
                   })
                 "
-                >{{ row.influenceDegreeC }}（{{
+                >{{ row.influenceDegreeC }} ({{
                   row.influenceDegreeCRate + '%'
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #influenceDegreeD="{ col, row }">
@@ -93,9 +93,9 @@
                     supplierId: '',
                   })
                 "
-                >{{ row.influenceDegreeD }}（{{
+                >{{ row.influenceDegreeD }} ({{
                   row.influenceDegreeDRate + '%'
-                }}）</t-link
+                }})</t-link
               >
             </template>
           </t-table>
@@ -136,9 +136,9 @@
                     areaManagerId: '',
                   })
                 "
-                >{{ row.influenceDegreeA }}（{{
+                >{{ row.influenceDegreeA }} ({{
                   row.influenceDegreeARate + '%'
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #influenceDegreeB="{ col, row }">
@@ -151,9 +151,9 @@
                     areaManagerId: '',
                   })
                 "
-                >{{ row.influenceDegreeB }}（{{
+                >{{ row.influenceDegreeB }} ({{
                   row.influenceDegreeBRate + '%'
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #influenceDegreeC="{ col, row }">
@@ -166,9 +166,9 @@
                     areaManagerId: '',
                   })
                 "
-                >{{ row.influenceDegreeC }}（{{
+                >{{ row.influenceDegreeC }} ({{
                   row.influenceDegreeCRate + '%'
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #influenceDegreeD="{ col, row }">
@@ -181,9 +181,9 @@
                     areaManagerId: '',
                   })
                 "
-                >{{ row.influenceDegreeD }}（{{
+                >{{ row.influenceDegreeD }} ({{
                   row.influenceDegreeDRate + '%'
-                }}）</t-link
+                }})</t-link
               >
             </template>
           </t-table>
@@ -261,7 +261,7 @@ watch(serviceId, (serviceId) => {
       name: '',
       sum: res?.total, //总数
       influenceDegreeA: res?.influenceDegreeATotal, //数量
-      influenceDegreeARate: res?.influenceDegreeARateTotal, //比例（直接+'%'号展示）
+      influenceDegreeARate: res?.influenceDegreeARateTotal, //比例 (直接+'%'号展示)
       influenceDegreeB: res?.influenceDegreeBTotal,
       influenceDegreeBRate: res?.influenceDegreeBRateTotal,
       influenceDegreeC: res?.influenceDegreeCTotal,
@@ -300,7 +300,7 @@ watch(serviceId, (serviceId) => {
   });
 });
 const baseColumns = [
-  { colKey: 'sum', title: '质量问题总数' },
+  { colKey: 'sum', title: '质量问题总数', width: 110 },
   { colKey: 'influenceDegreeA', title: 'A类' },
   { colKey: 'influenceDegreeB', title: 'B类' },
   { colKey: 'influenceDegreeC', title: 'C类' },
@@ -345,16 +345,21 @@ const toDetail = (row) => {
     overflow: auto;
     .scroll-content {
       height: 100%;
-      min-width: 1000px;
+      // min-width: 1000px;
       display: flex;
       justify-content: space-between;
+      .col1 {
+        width: calc(57% - 8px);
+      }
+      .col2 {
+        width: 43%;
+      }
       .col1,
       .col2 {
-        width: calc(50% - 8px);
         :deep(.t-table__body) {
-          font-size: 13px !important;
+          font-size: 12px !important;
           .t-link {
-            font-size: 13px !important;
+            font-size: 12px !important;
           }
         }
         .module-title {

src/views/report/service-analysis/index.vue

@@ -141,7 +141,7 @@ const toDetail = (item) => {
     .scroll-content {
       height: 100%;
       min-height: 600px;
-      min-width: 1000px;
+      // min-width: 1000px;
       display: flex;
       .col2 {
         width: calc(100% - 400px);

src/views/report/sop-analysis/index.vue

@@ -50,9 +50,9 @@
                     coordinatorId: '',
                   })
                 "
-                >{{ row.scanStartTimeNum }}（{{
+                >{{ row.scanStartTimeNum }} ({{
                   row.scanStarTimeRatio
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #scanEndTimeNum="{ col, row }">
@@ -66,7 +66,7 @@
                     coordinatorId: '',
                   })
                 "
-                >{{ row.scanEndTimeNum }}（{{ row.scanEndTimeRatio }}）</t-link
+                >{{ row.scanEndTimeNum }} ({{ row.scanEndTimeRatio }})</t-link
               >
             </template>
             <template #markStartTimeNum="{ col, row }">
@@ -80,9 +80,9 @@
                     coordinatorId: '',
                   })
                 "
-                >{{ row.markStartTimeNum }}（{{
+                >{{ row.markStartTimeNum }} ({{
                   row.markStartTimeRatio
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #markEndTimeNum="{ col, row }">
@@ -96,7 +96,7 @@
                     coordinatorId: '',
                   })
                 "
-                >{{ row.markEndTimeNum }}（{{ row.markEndTimeRatio }}）</t-link
+                >{{ row.markEndTimeNum }} ({{ row.markEndTimeRatio }})</t-link
               >
             </template>
           </t-table>
@@ -139,9 +139,9 @@
                     coordinatorId: '',
                   })
                 "
-                >{{ row.scanStartTimeNum }}（{{
+                >{{ row.scanStartTimeNum }} ({{
                   row.scanStarTimeRatio
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #scanEndTimeNum="{ col, row }">
@@ -155,7 +155,7 @@
                     coordinatorId: '',
                   })
                 "
-                >{{ row.scanEndTimeNum }}（{{ row.scanEndTimeRatio }}）</t-link
+                >{{ row.scanEndTimeNum }} ({{ row.scanEndTimeRatio }})</t-link
               >
             </template>
             <template #markStartTimeNum="{ col, row }">
@@ -169,9 +169,9 @@
                     coordinatorId: '',
                   })
                 "
-                >{{ row.markStartTimeNum }}（{{
+                >{{ row.markStartTimeNum }} ({{
                   row.markStartTimeRatio
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #markEndTimeNum="{ col, row }">
@@ -185,7 +185,7 @@
                     coordinatorId: '',
                   })
                 "
-                >{{ row.markEndTimeNum }}（{{ row.markEndTimeRatio }}）</t-link
+                >{{ row.markEndTimeNum }} ({{ row.markEndTimeRatio }})</t-link
               >
             </template>
           </t-table>
@@ -231,9 +231,9 @@
                     leadId: '',
                   })
                 "
-                >{{ row.scanStartTimeNum }}（{{
+                >{{ row.scanStartTimeNum }} ({{
                   row.scanStarTimeRatio
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #scanEndTimeNum="{ col, row }">
@@ -247,7 +247,7 @@
                     leadId: '',
                   })
                 "
-                >{{ row.scanEndTimeNum }}（{{ row.scanEndTimeRatio }}）</t-link
+                >{{ row.scanEndTimeNum }} ({{ row.scanEndTimeRatio }})</t-link
               >
             </template>
             <template #markStartTimeNum="{ col, row }">
@@ -261,9 +261,9 @@
                     leadId: '',
                   })
                 "
-                >{{ row.markStartTimeNum }}（{{
+                >{{ row.markStartTimeNum }} ({{
                   row.markStartTimeRatio
-                }}）</t-link
+                }})</t-link
               >
             </template>
             <template #markEndTimeNum="{ col, row }">
@@ -277,7 +277,7 @@
                     leadId: '',
                   })
                 "
-                >{{ row.markEndTimeNum }}（{{ row.markEndTimeRatio }}）</t-link
+                >{{ row.markEndTimeNum }} ({{ row.markEndTimeRatio }})</t-link
               >
             </template>
           </t-table>
@@ -363,16 +363,16 @@ const columns3 = [
     overflow: auto;
     .scroll-content {
       height: 100%;
-      min-width: 1000px;
+      // min-width: 1000px;
       display: flex;
       justify-content: space-between;
       .col1,
       .col2 {
         width: calc(50% - 8px);
         :deep(.t-table__body) {
-          font-size: 13px !important;
+          font-size: 12px !important;
           .t-link {
-            font-size: 13px !important;
+            font-size: 12px !important;
           }
         }
         .module-title {