reactor:宜宾司法大屏改造

src/views/judicial/left-top.vue

@@ -126,7 +126,7 @@ const state = reactive({
     orderCountNum: 0, // 工单总量
     passTheBuckOrderNum: 0, // 推诿工单
     satisfiedCount: 0, // 满意工单
-    theClueIsNotTrueNum: 0, // 待核实工单
+    theClueIsNotTrueNum: 0, // 非执法类工单
     theClueIsTrueNum: 0, // 线索属实工单
     toBeVerifiedOrderCount: 0, // 待核实工单
   },

src/views/judicial/right-bottom.vue

@@ -23,7 +23,7 @@
 import { ref, onMounted, watch, computed, defineAsyncComponent } from "vue";
 import dayjs from "dayjs";
 import { loadingOptions } from "@/utils/constants";
-import { lawArea, rightBottomData } from "api/judicial";
+import { lawArea } from "api/judicial";
 import mittBus from "@/utils/mitt";
 
 const Empty = defineAsyncComponent(
@@ -51,12 +51,7 @@ watch(
   }
 );
 
-const activeIndex = ref(0);
 const option = ref<any>({});
-const activeText = computed(() => {
-  return activeIndex.value === 0 ? "来源占比" : "类型占比";
-});
-
 const dataList = ref([]);
 const loading = ref(false);
 const AreaCode = ref(null);
@@ -68,7 +63,7 @@ const getData = async () => {
       EndTime: dayjs(date.value[1]).format("YYYY-MM-DD"),
       AreaCode: AreaCode.value,
     });
-    const resultData = [
+    /*   const result = [
       {
         industryName: "教育体育",
         rate: 5,
@@ -119,11 +114,11 @@ const getData = async () => {
         rate: 50,
         count: 100,
       },
-    ];
-    const legendData = resultData
+    ];*/
+    const legendData = result
       .map((item: any) => item.industryName)
       .filter((item: any) => item);
-    dataList.value = resultData
+    dataList.value = result
       .map((item: any) => {
         return {
           name: item.industryName ?? "",
@@ -173,10 +168,8 @@ const setOption = (legendData: any, data: any) => {
         label: {
           show: true,
           color: "#fff",
-          position: "outside", // 标签在外部显示
           formatter: "{b}: {c} ({d}%)", // 格式化标签内容
           avoidLabelOverlap: true, // 自动调整标签位置，避免重叠
-          overflow: "break", // 允许文字换行
         },
         roam: true, // 允许图表缩放和平移
         data: data,

src/views/judicial/right-center.vue

@@ -64,8 +64,7 @@ const getData = async () => {
       EndTime: dayjs(date.value[1]).format("YYYY-MM-DD"),
       AreaCode: AreaCode.value,
     });
-    console.log(result, "result");
-    const resultData = [
+    /*    const result = [
       {
         eventTypeName: "不作为",
         count: 5,
@@ -82,11 +81,11 @@ const getData = async () => {
         eventTypeName: "结果不公正",
         count: 12,
       },
-    ];
-    const xData = resultData.map((item: any) => {
+    ];*/
+    const xData = result.map((item: any) => {
       return item.eventTypeName;
     });
-    list.value = resultData.map((item: any) => {
+    list.value = result.map((item: any) => {
       return item.count;
     });
     setOption(xData, list.value);