修改ui

src/views/OperationalOverview/processingBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2024-03-27 16:13:14
+ * @LastEditTime: 2024-03-28 15:31:07
  * @Description:
 -->
 <template>
@@ -16,7 +16,7 @@
       许昌安彩深加工看板
       <h3 class="unit">单位：河南汇融数字科技有限公司</h3>
       <h3 class="time">{{ times }}</h3>
-      <el-button type="text" class="title-button" :style="{ right: 33 + 'px', top: 37 + 'px' }"
+      <el-button type="text" class="title-button" :style="{ right: 18 + 'px', top: 26 + 'px', fontSize: '32px' }"
         @click="changeFullScreen">
         <svg-icon v-if="isFullScreen" icon-class="unFullScreenView" />
         <svg-icon v-else icon-class="fullScreenView" />
@@ -27,10 +27,8 @@
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8" height="100%">
           <base-container :title="'设备报警'" :size="'small'" :height="318" :title-icon="'eqAlarm'">
             <dv-scroll-board class="eqTable" :config="eqConfig" style="width:100%;height:350px" ref='eqScrollBoard' />
-
           </base-container>
         </el-col>
-
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8" height="100%">
           <base-container :title="'各工序缺陷汇总'" :size="'small'" :title-icon="'scrap'">
             <dv-scroll-board :config="processConfig" style="width:100%;height:350px" ref='processScrollBoard' />
@@ -39,11 +37,12 @@
 
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="8" height="100%">
           <base-container :height="318" :size="'small'" :title="'工单监控'" :title-icon="'eqMonitoring'">
-            <div style="width:100%; overflow: hidden scroll;">
+            <div class="order" style="width:100%; overflow: hidden scroll;height: 350px;">
               <el-row v-for="op in orderList" :key="op.id" style="margin-bottom: 1em">
                 <!-- <el-col :span="12"> -->
+
                 <p class="now-secondary-title">{{ op.name }}</p>
-                <el-progress define-back-color="rgba(32, 57, 96, 1)" text-color="white"
+                <el-progress :stroke-width="10" define-back-color="rgba(32, 57, 96, 1)" text-color="white"
                   :percentage="op.progressRate" class="custom-progress-bar" />
               </el-row>
             </div>
@@ -250,6 +249,16 @@ export default {
   },
 
   watch: {
+    isFullScreen: function (val) {
+      if (val) {
+        const _this = this;
+        _this.beilv2 = document.documentElement.clientWidth / 1920
+        console.log(_this.beilv2);
+      } else {
+        const _this = this;
+        _this.beilv2 = document.documentElement.clientWidth / 1920
+      }
+    },
     clientWidth(val) {
       if (!this.timer) {
         this.clientWidth = val
@@ -294,15 +303,16 @@ export default {
         id: '4',
         name: '测试工单4',
         progressRate: 0.32323
-      }, {
-        id: '5',
-        name: '测试工单',
-        progressRate: 0.5555
-      }, {
-        id: '6',
-        name: '测试工单',
-        progressRate: 0.66564
-      },
+      }
+      // {
+      //   id: '5',
+      //   name: '测试工单',
+      //   progressRate: 0.5555
+      // }, {
+      //   id: '6',
+      //   name: '测试工单',
+      //   progressRate: 0.66564
+      // },
     ]
     this.orderList = detData.map((ele, index) => {
       if (ele.progressRate && ele.progressRate != 1) {
@@ -685,7 +695,7 @@ export default {
         })
         return false
       }
-      screenfull.toggle(this.$refs.container)
+      screenfull.toggle()
     }
   }
 }
@@ -712,18 +722,17 @@ export default {
           position: absolute;
           left: 290px;
           top: 25px;
-          letter-spacing: 0px;
-          color: rgba($color: #ffffff, $alpha: 8);
+          color: rgba(255, 255, 255, 0.80);
           font-size: 20px;
+          letter-spacing: 0px;
         }
-
         .time {
           position: absolute;
           left: 1360px;
+          color: rgba(255, 255, 255, 0.80);
           top: 25px;
-          letter-spacing: 0px;
-          color: rgba($color: #ffffff, $alpha: 8);
           font-size: 20px;
+          letter-spacing: 0px;
         }
     .title-button {
       color: #00fff0;
@@ -836,6 +845,9 @@ export default {
       margin-left: 3em;
     }
 }
+.order::-webkit-scrollbar {
+  display: none
+}
 </style>
 
 <style scoped>