update code

src/api/video/aiBoxVideo.js

@@ -7,6 +7,14 @@ const listView=(deptId,projectId)=> {
   })
 }
 
+const list=(data,pageNum,pageSize)=> {
+  return request({
+    url: `/bgscreen/aiBoxVideo/list?pageNum=${pageNum}&pageSize=${pageSize}`,
+    data:data,
+    method: 'post'
+  })
+}
+
 const getVideoPassage=(deptId,projectId,passageType,importance)=> {
   return request({
     url: `/bgscreen/aiBoxVideo/getVideoPassage?deptId=${deptId||0}&projectId=${projectId||0}&passageType=${passageType}&importance=${importance}`,
@@ -21,6 +29,13 @@ const groupCountByAlarmType=(deptId,projectId,now)=> {
   })
 }
 
+const groupCountByProject=(deptId,projectId)=> {
+  return request({
+    url: `/bgscreen/aiBoxVideo/groupCountByProject?deptId=${deptId||0}&projectId=${projectId||0}`,
+    method: 'get'
+  })
+}
+
 // 查询视频分布汇总
 const selectGroupCountVideoConfig=(deptId,projectId)=> {
   return request({
@@ -31,8 +46,10 @@ const selectGroupCountVideoConfig=(deptId,projectId)=> {
 
 
 export default{
+    list,
     listView,
     getVideoPassage,
     groupCountByAlarmType,
-    selectGroupCountVideoConfig 
+    selectGroupCountVideoConfig,
+    groupCountByProject
 }

src/components/project-overview-chart.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 Vue.component("project-overview-chart", {
     template: `
         <div class='project-overview-chart' style="position: relative" @click="doClick">
-            <div :style="{'height': height+'px'}" ref="warningPieChart">
+             <div :style="'height:'+height+'px;'+(width?('width:'+width+'px;'):'')" ref="warningPieChart">
  
             </div>
             <div class="chart-gif chart-overview-gif" style="{'top':gifTop}"></div>
@@ -19,6 +19,9 @@ Vue.component("project-overview-chart", {
         typedata:{
             type: Array,
         },
+        width:{
+            type:Number
+        },
         height:{
             type:Number
         },
@@ -94,20 +97,20 @@ Vue.component("project-overview-chart", {
 
                     orient: "vertical",
                     icon: "circle",
-                    itemWidth: 12,
-                    itemGap: 8,
+                   
+                    itemGap: 0,
                     textStyle: {
                         color: "#c3dbfd",
-                        fontSize: 14,
+                        fontSize: 6,
                         rich: {                           
                             name: {
                                 color: "#c3dbfd",
-                                padding: [10, 5, 20, 5],                                
+                                padding: [0, 0, 0, 0],                                
                             },
                             percent: {
                                 color: "#18DB9F",
-                                fontSize: 16,
-                                padding: [0, 5, 0, 5],                                
+                                fontSize: 6,
+                                padding: [0, 0, 0, 0],                                
                             },
                         },
                     },
@@ -117,7 +120,7 @@ Vue.component("project-overview-chart", {
                         if(total_datas==0){
                             percent=0;
                         }
-                        return "{name| " + name + "}"+this.sp+"{val|" + res[0].value + "}   {percent|" + percent + "%}";
+                        return "{name| " + name + "}"+this.sp+" {val|" + res[0].value + "}   {percent|" + percent + "%}";
                     },
                 };                
                 let opt={...legendOption,...(this.legendOpt||{})};
@@ -130,7 +133,7 @@ Vue.component("project-overview-chart", {
                         itemGap :10,
                         textStyle: {
                             color: "#0dd2fd",
-                            fontSize: 24,
+                            fontSize: 14,
                             fontWeight: "bold",
                             align: "center",                           
                         },
@@ -160,8 +163,8 @@ Vue.component("project-overview-chart", {
                     series: [
                         {
                             name: "品类金额占比",
-                            type: "pie",
-                            center: ["25%", "50%"],
+                            type: "pie",                            
+                            center: ["0%", "50%"],
                             radius: ["46%", "63%"],
                             data: data,
                             label: {
@@ -180,7 +183,7 @@ Vue.component("project-overview-chart", {
                             type: "pie",
                             clockWise: false, //顺时加载
                             hoverAnimation: false, //鼠标移入变大
-                            center: ["25%", "50%"],
+                            center: ["0%", "50%"],
                             radius: ["70%", "70%"],
                             label: {
                                 normal: {

src/components/project-overview-chart.vue

@@ -1,6 +1,6 @@
 <template>
    <div class='project-overview-chart' style="position: relative" @click="doClick">
-            <div :style="{'height': height+'px'}" ref="warningPieChart">
+           <div :style="'height:'+height+'px;'+(width?('width:'+width+'px;'):'')" ref="warningPieChart">
  
             </div>
             <div class="chart-gif chart-overview-gif" :style="'top:'+gifTop"></div>
@@ -26,6 +26,9 @@ export default {
         typedata:{
             type: Array,
         },
+        width:{
+            type:Number
+        },
         height:{
             type:Number
         },

vue.config.js

@@ -37,8 +37,8 @@ module.exports = defineConfig({
         }
       },
       '/jhapi':{
-        target: `http://62.234.3.186/jhapi/`,
-        //target: `http://127.0.0.1:8090/jhapi/`,
+        //target: `http://62.234.3.186/jhapi/`,
+        target: `http://127.0.0.1:8090/jhapi/`,
         //target: `http://szgc.jhncidg.com/jhapi/`,
         changeOrigin: true,
         pathRewrite: {