添加假数据

src/views/large-screen/api.js

@@ -79,7 +79,7 @@ export const dataOverview = (arg) => {
 }
 export const iwarnlist = (arg) => {
     return axios.request({
-        url: 'iwarn/list',
+        url: '/iwarn/list',
         method: 'get',
         params: arg,
         dataType: 'json'

src/views/large-screen/echartsOptions.js

@@ -22,7 +22,7 @@ export function echartsBing({ data, total }) {
         verticalAlign: 'center' // 副标题垂直居中
       },
       left: '23%', // 整体标题水平居中放置，这里用center替代x属性
-      top: '54%' // 整体标题垂直居中放置，这里用top替代y属性
+      top: '42%' // 整体标题垂直居中放置，这里用top替代y属性
     },
     // 图例
     legend: [{
@@ -55,8 +55,8 @@ export function echartsBing({ data, total }) {
     series: [{
       name: '车辆机械设备分布',
       type: 'pie',
-      radius: ['40%', '70%'],  // 环形图内外半径
-      center: ['30%', '60%'],
+      radius: ['50%', '85%'],  // 环形图内外半径
+      center: ['30%', '50%'],
       avoidLabelOverlap: false,
       label: {
         normal: {
@@ -132,7 +132,7 @@ export function echartsZhu({
       },
     }],
     grid: {
-      top: '15%',
+      top: '20%',
       left: '7.5%',
       bottom: '12%',
       right: '3%',

src/views/large-screen/index.vue

@@ -156,7 +156,7 @@
                         <div class="boxtitle">进度预警</div>
                         <div class="boxcontent" v-if="state.warnList.length == 0">
                             <div class="zanwu">
-                                <img style="width: 150px;" src="../../assets/images/zw.png" alt="">
+                                <img style="width: 9.375rem;" src="../../assets/images/zw.png" alt="">
                                 <div class="zwtext">
                                     暂无进度预警
                                 </div>
@@ -170,7 +170,7 @@
                                 <div>开始时间：{{ item.startTime }}</div>
                                 <div>计划结束时间：{{ item.endTime }}</div>
                                 <div style="display: flex;align-items: center;">当前进度：<div style="flex: 1;"> <el-progress
-                                            color="#0AA0FE" :stroke-width="8" :percentage="50" class="jd">
+                                            color="#0AA0FE" :stroke-width="8" :percentage="Number(item.accumulativeProgress?item.accumulativeProgress:0)" class="jd">
                                         </el-progress>
                                     </div>
                                 </div>
@@ -189,7 +189,8 @@
                                 <div>累计进度</div>
                             </div>
                             <div class="scooll-box" ref="monitor">
-                                <vue3-seamless-scroll style="height: 100%;overflow: hidden;" :scrollbar="{
+                                <vue3-seamless-scroll :copyNum="10" :wheel="true" style="height: 100%;overflow: hidden;"
+                                    :scrollbar="{
         type: 'mini',
         invert: false,
     }" :list="state.monitorList" :hoverStop="true" :hover="true" :step="0.3">
@@ -230,7 +231,8 @@
                             <div>是否超温</div>
                         </div>
                         <div class="scooll-box" ref="Access">
-                            <vue3-seamless-scroll style="height: 100%;overflow: hidden;" :scrollbar="{
+                            <vue3-seamless-scroll :copyNum="10" :wheel="true" style="height: 100%;overflow: hidden;"
+                                :scrollbar="{
         type: 'mini',
         invert: false,
     }" :list="state.tableData" :hoverStop="true" :hover="true" :step="0.3">
@@ -254,7 +256,7 @@
                                     </div>
                                 </div>
                                 <div class="zanwu" v-if="state.tableData.length == 0">
-                                    <img style="width: 200px;" src="../../assets/images/zw.png" alt="">
+                                    <img style="width: 12.5rem;" src="../../assets/images/zw.png" alt="">
                                     <div class="zwtext">
                                         暂无门禁记录
                                     </div>
@@ -547,11 +549,11 @@ function engineeringLog(params) {
 </script>
 <style scoped lang='scss'>
 .xitong {
-    width: 7rem;
-    height: 2.5rem;
+    width: 6.25rem;
+    height: 2.1875rem;
     position: absolute;
-    left: 1.875rem;
-    top: 5.625rem;
+    right: 1.25rem;
+    top: 3.125rem;
     background: url('../../assets/images/fh.png') no-repeat;
     background-size: 100% 100%;
     cursor: pointer;
@@ -591,7 +593,7 @@ function engineeringLog(params) {
     position: relative;
 
     >div {
-        margin-top: .875rem;
+        margin-top: .625rem;
     }
 }
 
@@ -673,7 +675,7 @@ function engineeringLog(params) {
     background: url('../../assets/images/cneterbj.png') no-repeat;
     background-size: 100% 100%;
     overflow: hidden;
-    padding: 1.5625rem;
+    padding: 1.25rem;
 }
 
 .dark {
@@ -793,6 +795,8 @@ function engineeringLog(params) {
     // overflow: hidden;
     // text-overflow: ellipsis;
     // white-space: nowrap;
+    flex: 1;
+    overflow: auto;
 }
 
 .overview-top {
@@ -890,21 +894,21 @@ function engineeringLog(params) {
 
 .main-box {
     width: 100%;
-    height: calc(100% - 9.875rem);
-    padding: 0 1.875rem;
-    padding-bottom: 1.75rem;
+    height: calc(100% - 6.25rem);
+    padding: 0 1.25rem;
+    padding-bottom: 1.25rem;
 }
 
 .topheader {
     width: 100%;
-    height: 9.875rem;
+    height: 6.25rem;
     background: url('../../assets/images/datatopbj.png') no-repeat;
     background-size: 100% 100%;
     display: flex;
     justify-content: center;
     font-weight: 400;
-    font-size: 3.25rem;
-    padding-top: 1.25rem;
+    font-size: 2.5rem;
+    padding-top: .625rem;
     position: relative;
 }
 
@@ -918,6 +922,6 @@ function engineeringLog(params) {
     width: 100%;
     height: 100vh;
     background: #040614;
-    height: 67.5rem;
+    // height: 67.5rem;
 }
 </style>

vite.config.js

@@ -43,9 +43,9 @@ export default defineConfig(({ mode, command }) => {
       },
       proxy: {
         '/dev-api': {
-          target: 'http://192.168.2.39:8581', 
+          // target: 'http://192.168.2.39:8581', 
           // target: 'http://192.168.2.223:8080', 
-          // target: 'http://39.100.74.100:8581', 
+          target: 'http://39.100.74.100:8581', 
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, '')
         }