修改样式

src/components/datav/chart-bar.vue

@@ -105,6 +105,7 @@ function getColor(val) {
   if (props.color instanceof String) {
     return props.color;
   }
+  console.log(val)
   if (props.color instanceof Array) {
     const colors = [...props.color];
     // percentage降序
@@ -116,7 +117,6 @@ function getColor(val) {
     }
   }
   return "linear-gradient(270deg, #63e700 0%, #19674c 100%)";
-
 }
 </script>
 <style lang="scss" scoped>

src/views/data/Mail12337.vue

@@ -33,7 +33,7 @@
           <el-col :span="6">
             <el-form-item label="登记时间">
               <date-time-range-picker-ext
-                                v-model="query.discoverTime"
+                  v-model="query.discoveryTime"
               />
             </el-form-item>
           </el-col>
@@ -128,8 +128,7 @@
         </el-table-column>
         <el-table-column label="操作" width="120">
           <template #default="{ row }">
-                        <el-button type="danger" link @click="handleDel(row)"
-                            >删除
+            <el-button type="danger" link @click="handleDel(row)">删除
             </el-button>
           </template>
         </el-table-column>
@@ -178,8 +177,10 @@
           >
             <template v-if="fileList.length === 0">
               <el-icon class="el-icon--upload"
-                                ><upload-filled
-                            /></el-icon>
+              >
+                <upload-filled
+                />
+              </el-icon>
               <div class="el-upload__text">
                 <p>点击或拖拽文件到此区域上传</p>
               </div>
@@ -442,10 +443,12 @@
                     v-for="item in dict.approvalFlow"
                     :key="item.dictCode"
                     :value="item.dictValue"
-                                    >{{ item.dictLabel
+                >{{
+                    item.dictLabel
                   }}{{
                     item.remark ? `(${item.remark})` : ""
-                                    }}</el-radio
+                  }}
+                </el-radio
                 >
               </el-radio-group>
               <div class="tips mt-10">
@@ -471,7 +474,9 @@
           <template #sub-title>
             <p>
               <span>{{ formData.taskName }}</span>
-                            已成功导入系统，并完成下发。您可通过“<span class="link pointer" @click="router.push('/work/BatchDistribute')">批量下发</span> ”或“<span class="link pointer" @click="router.push('/query')">综合查询</span>”功能进行查看。
+              已成功导入系统，并完成下发。您可通过“<span class="link pointer"
+                                                       @click="router.push('/work/BatchDistribute')">批量下发</span> ”或“<span
+                class="link pointer" @click="router.push('/query')">综合查询</span>”功能进行查看。
             </p>
           </template>
         </el-result>
@@ -479,14 +484,16 @@
     </div>
     <footer class="flex end mt-20 v-center">
       <el-button size="large" @click="handlePrev" v-if="activeStep !== 3"
-                >上一步</el-button
+      >上一步
+      </el-button
       >
       <el-button
           type="primary"
           size="large"
           @click="handleNext"
           :disabled="loading"
-                >{{ activeStep === 3 ? "确定" : "下一步" }}</el-button
+      >{{ activeStep === 3 ? "确定" : "下一步" }}
+      </el-button
       >
     </footer>
   </el-dialog>
@@ -528,6 +535,7 @@ const list = ref([]);
 const total = ref(0);
 
 function getList() {
+  console.log(query.value);
   listPetitionComplaint12337(query.value).then((data) => {
     list.value = data.records;
     total.value = data.total;
@@ -567,6 +575,7 @@ const formRef = ref();
 function handlePrev() {
   activeStep.value = activeStep.value - 1;
 }
+
 async function handleNext() {
   if (activeStep.value === 0) {
     if (fileList.value.length === 0) {
@@ -632,5 +641,6 @@ watch(importShow, (val) => {
   }
 });
 </script>
+
 <style lang="scss" scoped>
 </style>

src/views/datav/CaseVerif.vue

@@ -222,11 +222,7 @@ const colors = [
   {
     color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
     percentage: 60,
-  },
-  {
-    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
-    percentage: 40,
-  },
+  }
 ];
 
 // region 所有图表
@@ -575,15 +571,15 @@ const getCaseVerificationMapData = async (timeValue) => {
       value: item.total,
     };
   });
+  const maxItem = mappedData.reduce((max, item) => (Number(item.value) > Number(max.value) ? item : max), mappedData[0]);
+  const range60Percent = maxItem.value * 0.6   // 不用取整，小数也可以
+  const range80Percent = maxItem.value * 0.8   // 不用取整，小数也可以
   globalTempMapVoList.value = mappedData
-  const total = mappedData.reduce((sum, item) => sum + Number(item.value), 0);
-  const avg = total / mappedData.length; // 计算平均值
-  const range30Percent = avg * 0.3   // 不用取整，小数也可以
   option.value.series[0].data = mappedData;
   option.value.visualMap.pieces = [
-    {gte: 0, lte: avg - range30Percent, label: "低于平均问题30%", color: "#4987F6"},
-    {gte: avg - range30Percent, lte: avg + range30Percent + 0.1, label: "平均问题上下浮动30%内", color: "#F6A149"},
-    {gte: avg + range30Percent, label: "高于平均问题30%", color: "#D34343"},
+    {gte: 0, lte: range60Percent, label: "低于最大问题的60%", color: "#4987F6"},
+    {gte: range60Percent, lte: range80Percent, label: "介于最大问题的60%~80%", color: "#F6A149"},
+    {gte: range80Percent, label: "高于最大问题80%", color: "#D34343"},
   ];
 }
 const getCaseVerificationTrendData = async (year) => {

src/views/datav/Gobal.vue

@@ -197,11 +197,7 @@ const colors = [
   {
     color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
     percentage: 60,
-  },
-  {
-    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
-    percentage: 40,
-  },
+  }
 ];
 
 const activeOrgTab = ref("1");
@@ -416,6 +412,8 @@ const proTrend = ref({
 const getOrganizationRankData = async (timeValue = time.value) => {
   const res = await getOrganizationRank(timeValue);
   fxsjlist.value = res.fxsjlist;
+  // 5, 3, 2, 1
+  // console.log(fxsjlist.value);
   jsdwlist.value = res.jsdwlist;
 }
 const getBusinessRateData = async (timeValue = time.value) => {
@@ -474,16 +472,14 @@ const getGlobalMapData = async (timeValue = time.value) => {
   });
   // 总数
   const maxItem = mappedData.reduce((max, item) => (Number(item.value) > Number(max.value) ? item : max), mappedData[0]);
-  const range40Percent = maxItem.value * 0.4   // 不用取整，小数也可以
   const range60Percent = maxItem.value * 0.6   // 不用取整，小数也可以
   const range80Percent = maxItem.value * 0.8   // 不用取整，小数也可以
   globalTempMapVoList.value = mappedData;
   option.value.series[0].data = globalTempMapVoList;
-  console.log(range40Percent, range60Percent, range80Percent);
   option.value.visualMap.pieces = [
-    {gte: 0, lte: range40Percent, label: "低于最大问题的40%", color: "#4987F6"},
-    {gte: range40Percent, lte: range60Percent, label: "平均问题上下浮动30%内", color: "#F6A149"},
-    {gte: range80Percent, label: "高于平均问题30%", color: "#D34343"},
+    {gte: 0, lte: range60Percent, label: "低于最大问题的60%", color: "#4987F6"},
+    {gte: range60Percent, lte: range80Percent, label: "介于最大问题的60%~80%", color: "#F6A149"},
+    {gte: range80Percent, label: "高于最大问题80%", color: "#D34343"},
   ];
 }
 const getGlobalTrendData = async (year = selectedYear.value) => {

src/views/datav/Lmgz.vue

@@ -347,7 +347,7 @@ let orgRateList = ref([])
 let orgCarRateList = ref([])
 
 const time = ref([
-  moment().startOf("year").format("YYYY-MM-DD"),
+  moment().subtract(1, "year").format("YYYY-MM-DD"),
   moment().format("YYYY-MM-DD"),
 ]);
 

src/views/datav/MailVisits.vue

@@ -71,6 +71,7 @@
                               :data="fxsjLeaderViewMailList"
                               :max="11"
                               size="large"
+                              :color="leaderViewColors"
                           />
                         </el-scrollbar>
                       </datav-tab-item>
@@ -104,6 +105,7 @@
                               :data="bwzdLeaderViewMailList"
                               :max="11"
                               size="large"
+                              :color="leaderViewColors"
                           />
                         </el-scrollbar>
                       </datav-tab-item>
@@ -256,7 +258,7 @@
                               :data="fxsjLeaderReviewMailList"
                               size="large"
                               :max="11"
-                              :color="colors"
+                              :color="leaderViewColors"
                           />
                         </el-scrollbar>
                       </datav-tab-item>
@@ -291,6 +293,7 @@
                           <datav-chart-bar
                               :data="bwzdLeaderReviewMailList"
                               size="large"
+                              :color="leaderViewColors"
                           />
                         </el-scrollbar>
                       </datav-tab-item>
@@ -422,6 +425,21 @@ const colors = [
     percentage: 40,
   },
 ];
+const leaderViewColors = [
+  {
+    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
+    percentage: 80,
+  },
+  {
+    color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
+    percentage: 60,
+  },
+  {
+    color: "linear-gradient( 270deg, #FB002D 0%, #822232 100%)",
+    percentage: 0,
+  },
+];
+
 //endregion
 
 // region 所有函数

src/views/datav/SceneInsp.vue

@@ -62,6 +62,7 @@
                         title="整改率排名"
                         sub-title="已整改/问题数"
                         unit="%"
+                        :color="dayTimeColors"
                     />
                   </el-scrollbar>
                 </datav-tab-item>
@@ -115,6 +116,7 @@
                         title="整改率排名"
                         sub-title="已整改/问题数"
                         unit="%"
+                        :color="dayTimeColors"
                     />
                   </el-scrollbar>
                 </datav-tab-item>
@@ -938,9 +940,28 @@ const colors = [
   },
   {
     color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
-    percentage: 40,
+    percentage: 0,
   },
 ];
+
+const dayTimeColors = [
+  {
+    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
+
+    percentage: 80,
+  },
+  {
+    color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
+    percentage: 75,
+  },
+  {
+    color: "linear-gradient( 270deg, #FB002D 0%, #822232 100%)",
+    percentage: 0,
+  },
+];
+
+
+
 // endregion
 
 // region 所有图表

src/views/datav/VideoInsp.vue

@@ -243,11 +243,7 @@ const colors = [
   {
     color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
     percentage: 60,
-  },
-  {
-    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
-    percentage: 40,
-  },
+  }
 ];
 const videoUrl = 'webrtc://47.121.143.167/live/livestream';
 // endregion
@@ -478,15 +474,16 @@ const getVideoSuperviseMapData = async (timeValue) => {
       value: item.discoverProblem,
     };
   });
-  const total = mappedData.reduce((sum, item) => sum + Number(item.value), 0);
-  const avg = total / mappedData.length; // 计算平均值
-  const range30Percent = avg * 0.3   // 不用取整，小数也可以
+  // 总数
+  const maxItem = mappedData.reduce((max, item) => (Number(item.value) > Number(max.value) ? item : max), mappedData[0]);
+  const range60Percent = maxItem.value * 0.6   // 不用取整，小数也可以
+  const range80Percent = maxItem.value * 0.8   // 不用取整，小数也可以
   mapIconList.value = mappedData
   option.value.series[0].data = mapIconList
   option.value.visualMap.pieces = [
-    {gte: 0, lte: avg - range30Percent, label: "低于平均问题30%", color: "#4987F6"},
-    {gte: avg - range30Percent, lte: avg + range30Percent + 0.1, label: "平均问题上下浮动30%内", color: "#F6A149"},
-    {gte: avg + range30Percent, label: "高于平均问题30%", color: "#D34343"},
+    {gte: 0, lte: range60Percent, label: "低于最大问题的60%", color: "#4987F6"},
+    {gte: range60Percent, lte: range80Percent, label: "介于最大问题的60%~80%", color: "#F6A149"},
+    {gte: range80Percent, label: "高于最大问题80%", color: "#D34343"},
   ];
 }
 const getVideoSuperviseTrendData = async (year) => {

src/views/datav/subonedatav/SubOneCaseVerif.vue

@@ -213,10 +213,6 @@ const colors = [
     color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
     percentage: 60,
   },
-  {
-    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
-    percentage: 40,
-  },
 ];
 // endregion
 
@@ -518,14 +514,14 @@ const getMapIcon = async(departId, timeValue)=> {
     };
   });
   gobalTempMapVoList.value = mappedData
-  const total = mappedData.reduce((sum, item) => sum + Number(item.value), 0);
-  const avg = total / mappedData.length; // 计算平均值
-  const range30Percent = avg*0.3   // 不用取整，小数也可以
+  const maxItem = mappedData.reduce((max, item) => (Number(item.value) > Number(max.value) ? item : max), mappedData[0]);
+  const range60Percent = maxItem.value * 0.6   // 不用取整，小数也可以
+  const range80Percent = maxItem.value * 0.8   // 不用取整，小数也可以
   option.value.series[0].data = mappedData;
   option.value.visualMap.pieces = [
-    {gte: 0, lte: avg - range30Percent, label: "低于平均问题30%", color: "#4987F6"},
-    {gte: avg - range30Percent, lte: avg + range30Percent+0.1, label: "平均问题上下浮动30%内", color: "#F6A149"},
-    {gte: avg + range30Percent, label: "高于平均问题30%", color: "#D34343"},
+    {gte: 0, lte: range60Percent, label: "低于最大问题的60%", color: "#4987F6"},
+    {gte: range60Percent, lte: range80Percent, label: "介于最大问题的60%~80%", color: "#F6A149"},
+    {gte: range80Percent, label: "高于最大问题80%", color: "#D34343"},
   ];
 }
 const getProTrendList= async(departId, year) => {

src/views/datav/subonedatav/SubOneGlobal.vue

@@ -10,7 +10,7 @@
                   v-model="activeOrgTab"
                   type="bottom-button"
               >
-                <datav-tab-item label="分县市局" name="1">
+                <datav-tab-item label="派出所" name="1">
                   <el-scrollbar height="340px">
                     <datav-chart-bar
                         :data="fxsjlist"
@@ -20,7 +20,7 @@
                     />
                   </el-scrollbar>
                 </datav-tab-item>
-                <datav-tab-item label="局属单位" name="2">
+                <datav-tab-item label="大队" name="2">
                   <el-scrollbar height="340px">
                     <datav-chart-bar
                         :data="jsdwlist"
@@ -428,15 +428,15 @@ const getSubOneGlobalMapIcon = async (departId = currentDepartId, timeValue = ti
       value: item.totalPro,
     };
   });
-  const total = mappedData.reduce((sum, item) => sum + Number(item.value), 0);
-  const avg = total / mappedData.length; // 计算平均值
-  const range30Percent = avg * 0.3   // 不用取整，小数也可以
+  const maxItem = mappedData.reduce((max, item) => (Number(item.value) > Number(max.value) ? item : max), mappedData[0]);
+  const range60Percent = maxItem.value * 0.6   // 不用取整，小数也可以
+  const range80Percent = maxItem.value * 0.8   // 不用取整，小数也可以
   globalTempMapVoList.value = mappedData;
   option.value.series[0].data = globalTempMapVoList;
   option.value.visualMap.pieces = [
-    {gte: 0, lte: avg - range30Percent, label: "低于平均问题30%", color: "#4987F6"},
-    {gte: avg - range30Percent, lte: avg + range30Percent + 0.1, label: "平均问题上下浮动30%内", color: "#F6A149"},
-    {gte: avg + range30Percent, label: "高于平均问题30%", color: "#D34343"},
+    {gte: 0, lte: range60Percent, label: "低于最大问题的60%", color: "#4987F6"},
+    {gte: range60Percent, lte: range80Percent, label: "介于最大问题的60%~80%", color: "#F6A149"},
+    {gte: range80Percent, label: "高于最大问题80%", color: "#D34343"},
   ];
 }
 const getSubOneGlobalTrendData = async (departId = currentDepartId,  year) => {

src/views/datav/subonedatav/SubOneMailVisits.vue

@@ -74,6 +74,7 @@
                               :max="11"
                               size="large"
                               label-width="110"
+                              :color="leaderViewColors"
                           />
                         </el-scrollbar>
                       </datav-tab-item>
@@ -110,6 +111,7 @@
                               :max="11"
                               size="large"
                               label-width="110"
+                              :color="leaderViewColors"
                           />
                         </el-scrollbar>
                       </datav-tab-item>
@@ -262,7 +264,7 @@
                               :data="fxsjLeaderReviewMailList"
                               size="large"
                               :max="11"
-                              :color="colors"
+                              :color="leaderViewColors"
                               label-width="110"
                           />
                         </el-scrollbar>
@@ -301,6 +303,7 @@
                               :data="bwzdLeaderReviewMailList"
                               size="large"
                               label-width="110"
+                              :color="leaderViewColors"
                           />
                         </el-scrollbar>
                       </datav-tab-item>
@@ -442,6 +445,21 @@ const colors = [
   },
 ];
 
+const leaderViewColors = [
+  {
+    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
+    percentage: 80,
+  },
+  {
+    color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
+    percentage: 60,
+  },
+  {
+    color: "linear-gradient( 270deg, #FB002D 0%, #822232 100%)",
+    percentage: 0,
+  },
+];
+
 //endregion
 
 // region 所有函数

src/views/datav/subonedatav/SubOneSceneInsp.vue

@@ -63,6 +63,7 @@
                         sub-title="已整改/问题数"
                         unit="%"
                         :label-width="110"
+                        :color="dayTimeColors"
                     />
                   </el-scrollbar>
                 </datav-tab-item>
@@ -117,6 +118,7 @@
                         sub-title="已整改/问题数"
                         unit="%"
                         :label-width="110"
+                        :color="dayTimeColors"
                     />
                   </el-scrollbar>
                 </datav-tab-item>
@@ -938,7 +940,23 @@ const colors = [
   },
   {
     color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
-    percentage: 40,
+    percentage: 0,
+  },
+];
+
+const dayTimeColors = [
+  {
+    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
+
+    percentage: 80,
+  },
+  {
+    color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
+    percentage: 75,
+  },
+  {
+    color: "linear-gradient( 270deg, #FB002D 0%, #822232 100%)",
+    percentage: 0,
   },
 ];
 

src/views/datav/subonedatav/SubOneVideoInsp.vue

@@ -242,10 +242,6 @@ const colors = [
     color: "linear-gradient( 270deg, #FFB90E 0%, #71501D 100%)",
     percentage: 60,
   },
-  {
-    color: "linear-gradient( 270deg, #63E700 0%, #19674C 100%)",
-    percentage: 40,
-  },
 ];
 // endregion
 
@@ -433,23 +429,21 @@ const getSubOneAllVideoSuperviseCountData = async (departId, timeValue) => {
 
 const getSubOneVideoSuperviseMapData = async (departId, timeValue) => {
   const res = await getSubOneVideoSuperviseMap(departId, timeValue);
-  console.log(res.videoSuperviseMapIconVoList)
-  console.log("地图数据来了");
   const mappedData = res.videoSuperviseMapIconVoList.map(item => {
     return {
       ...item,
       value: item.discoverProblem,
     };
   });
-  const total = mappedData.reduce((sum, item) => sum + Number(item.value), 0);
-  const avg = total / mappedData.length; // 计算平均值
-  const range30Percent = avg * 0.3   // 不用取整，小数也可以
+  const maxItem = mappedData.reduce((max, item) => (Number(item.value) > Number(max.value) ? item : max), mappedData[0]);
+  const range60Percent = maxItem.value * 0.6   // 不用取整，小数也可以
+  const range80Percent = maxItem.value * 0.8   // 不用取整，小数也可以
   mapIconList.value = mappedData
   option.value.series[0].data = mapIconList
   option.value.visualMap.pieces = [
-    {gte: 0, lte: avg - range30Percent, label: "低于平均问题30%", color: "#4987F6"},
-    {gte: avg - range30Percent, lte: avg + range30Percent + 0.1, label: "平均问题上下浮动30%内", color: "#F6A149"},
-    {gte: avg + range30Percent, label: "高于平均问题30%", color: "#D34343"},
+    {gte: 0, lte: range60Percent, label: "低于最大问题的60%", color: "#4987F6"},
+    {gte: range60Percent, lte: range80Percent, label: "介于最大问题的60%~80%", color: "#F6A149"},
+    {gte: range80Percent, label: "高于最大问题80%", color: "#D34343"},
   ];
 }