From 9da021baac8275ed97d1592242ea0395f9c48aca Mon Sep 17 00:00:00 2001
From: songguoqiang <765017469@qq.com>
Date: Thu, 14 Dec 2023 19:30:07 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=89=E7=85=A7=E7=94=B5=E8=A7=86=E5=88=86?=
 =?UTF-8?q?=E8=BE=A8=E7=8E=87=E8=B0=83=E6=95=B4=E7=9C=8B=E6=9D=BF=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/board/Index.vue | 72 ++++++++++++++++++++++++---------------
 1 file changed, 44 insertions(+), 28 deletions(-)

diff --git a/src/views/board/Index.vue b/src/views/board/Index.vue
index 1fad519..d9fda43 100644
--- a/src/views/board/Index.vue
+++ b/src/views/board/Index.vue
@@ -8,7 +8,7 @@
       <div class="time">{{date}}</div>
       <div class="pl-2vw pr-2vw">
         <el-row :gutter="14" justify="space-between">
-          <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
+          <el-col :xl="12" :lg="12" :md="12" :sm="12" :xs="12">
             <div class="left">
               <div class="table">
                 <ul class="table-header">
@@ -49,22 +49,22 @@
               </div>
               <Echart :options="pieOptionsData" :height="'22vh'" />
               <div class="line-header">
-                <div class=""
+                <div class="zhongjianwenzi"
                   >零件号:<span>{{ lineData?.item_code }}</span></div
                 >
-                <div class=""
+                <div class="zhongjianwenzi"
                   >检测类型:<span>{{ lineData?.itemTypeName }}</span></div
                 >
-                <div class="" v-if="lineData?.itemTypeName == '色差'"
+                <div class="zhongjianwenzi" v-if="lineData?.itemTypeName == '色差'"
                   >点位:<span>{{ lineData?.line_number }}</span></div
                 >
-                <div class=""
+                <div class="zhongjianwenzi"
                   >检测项:<span>{{ lineData?.contents }}</span></div
                 >
               </div>
               <div class="bottom">
                 <div class="line-data">
-                  <Echart :options="lineOptionsData" style="height: calc(77vh - 22vh - 240px)" />
+                  <Echart :options="lineOptionsData" style="height: 20vh" />
                 </div>
                 <div class="bottom-r ml-6px mt-20px">
                   <div class="bottom-r-item">
@@ -81,7 +81,7 @@
               </div>
             </div>
           </el-col>
-          <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
+          <el-col :xl="12" :lg="12" :md="12" :sm="12" :xs="12">
             <div class="right">
               <div class="samll-title">合格数据</div>
               <div class="mt-10px qualified-list" style="height:calc(50% - 44px);">
@@ -129,18 +129,18 @@ const loading = ref(true)
 const standardDataTotal = ref(0)
 const standardDataTime = ref()
 const standardData = ref({
-  columnWidth: [230, 230, 140, 170, 170, 170, 110],
-  header: ['零件号', '零件名称', '检测类型', '检测项', '检测日期', '标准', '实测值'],
+  columnWidth: [300, 120, 170, 170, 170, 170],
+  header: ['零件号', '检测类型', '检测项', '检测日期', '标准', '实测值'],
   indexHeader: '序号',
   index: false,
   data: [],
-  align: ['center','center','center','center','center','center','center'],
+  align: ['center','center','center','center','center','center'],
   headerBGC: '#e3e8eb',
   oddRowBGC: '#f7f7f7',
   evenRowBGC: '#eeeff1',
   waitTime: 3000,
   headerHeight: 40,
-  rowNum: 10
+  rowNum: 5
 })
 
 const standardDataParams = ref({
@@ -151,18 +151,18 @@ const standardDataParams = ref({
 const noStandardDataTotal = ref(0)
 const noStandardDataTime = ref()
 const noStandardData = ref({
-  columnWidth: [230, 230, 140, 170, 170, 170, 110],
-  header: ['零件号', '零件名称', '检测类型', '检测项', '检测日期', '标准', '实测值'],
+  columnWidth: [300, 120, 170, 170, 170, 170],
+  header: ['零件号', '检测类型', '检测项', '检测日期', '标准', '实测值'],
   indexHeader: '序号',
   index: false,
   data: [],
-  align: ['center','center','center','center','center','center','center'],
+  align: ['center','center','center','center','center','center'],
   headerBGC: '#e3e8eb',
   oddRowBGC: '#f7f7f7',
   evenRowBGC: '#eeeff1',
   waitTime: 3000,
   headerHeight: 40,
-  rowNum: 10
+  rowNum: 5
 })
 const noStandardDataParams = ref({
   pageSize: 20,
@@ -192,7 +192,7 @@ const getpieData = async () => {
   set(pieOptionsData, 'series', {
     name: '',
     type: 'pie',
-    radius: '80%',
+    radius: '70%',
     center: ['30%', '50%'],
     data: data.map((v) => {
       return {
@@ -238,7 +238,7 @@ const getLineData = async () => {
   })
   set(lineOptionsData, 'grid', {
     left: 0,
-    right: 0,
+    right: 20,
     bottom: 0,
     top: 20,
     containLabel: true
@@ -281,7 +281,7 @@ const getStandardData = () => {
       res.list.forEach((item) => {
         let data1 = []
         data1.push(item.itemCode)
-        data1.push(item.itemName)
+        // data1.push(item.itemName)
         data1.push(item.itemTypeName)
         data1.push(item.contents)
         data1.push(item.times)
@@ -317,7 +317,7 @@ const getNoStandardData = () => {
       res.list.forEach((item) => {
         let data1 = []
         data1.push(item.itemCode)
-        data1.push(item.itemName)
+        // data1.push(item.itemName)
         data1.push(item.itemTypeName)
         data1.push(item.contents)
         data1.push(item.times)
@@ -406,8 +406,8 @@ onUnmounted(() => {
   text-align: center;
   background: url(../../assets/imgs/title.png) no-repeat 0 0;
   background-size: 100% 100%;
-  height: 12vh;
-  line-height: 8vh;
+  height: 11vh;
+  line-height: 7vh;
   font-size: 2vw;
   color: #596a7c;
   position: absolute;
@@ -416,19 +416,20 @@ onUnmounted(() => {
 }
 .bod {
   width: 99vw;
-  height: 90vh;
+  height: 91vh;
   background: url(../../assets/imgs/side.png) no-repeat 0 0;
   background-size: 100% 100%;
   margin: 0 auto;
 }
 .height {
-  height: 9vh;
+  height: 8vh;
 }
 .time {
   text-align: center;
   color: #3b556e;
-  line-height: 8vh;
-  font-size: 18px;
+  font-size: 1.8vw;
+  padding-top: 2.2vh;
+  padding-bottom: 1.4vh;
 }
 .line-header {
   background: #e3e8eb !important;
@@ -463,14 +464,13 @@ onUnmounted(() => {
     &:nth-child(1) {
       font-size: 1vw;
       color: #3c73ac;
-      padding-top: 10px;
       padding-left: 10px;
     }
     &:nth-child(2) {
-      font-size: 1.7vw;
+      font-size: 1vw;
       font-weight: bold;
       padding-left: 10px;
-      padding-top: 6px;
+      padding-top: 2px;
     }
     &:nth-child(3) {
       position: absolute;
@@ -502,9 +502,11 @@ onUnmounted(() => {
 }
 .qualified-list ::v-deep(.row-item) {
   color: #12ad8b !important;
+  font-size: 1vw!important;
 }
 .no-qualified-list ::v-deep(.row-item) {
   color: #c2020f !important;
+  font-size: 1vw!important;
 }
 .left {
   display: flex;
@@ -530,6 +532,7 @@ onUnmounted(() => {
       color: #495f76;
     }
     li {
+      font-size: 1vw;
       list-style: none;
       // flex:1;
       padding: 9px 15px;
@@ -556,4 +559,17 @@ onUnmounted(() => {
     }
   }
 }
+::v-deep(.zhongjianwenzi) {
+  font-size: 1vw;
+}
+::v-deep(.dv-scroll-board .header .header-item){
+  font-size: 1vw;
+  height: 31px!important;
+  line-height: 31px!important;
+}
+::v-deep.dv-scroll-board .header{
+  height: 31px!important;
+  line-height: 31px!important;
+
+}
 </style>