贾维斯看板调整 品质IQC样式

src/assets/scss/indexquality.scss

@@ -136,7 +136,7 @@
       // 底部数据
       .bottom-box {
         display: grid;
-        grid-template-columns: 1fr 1fr 1fr;
+        grid-template-columns: 1fr 2fr;
       }
     }
   }

src/views/quality/bottom2.vue

@@ -23,7 +23,7 @@ export default {
       config: {
         header: [],//['供方编号','物料编号', '物料名称','批次数量','处理结果'],
         data: [],
-        rowNum: 10, //表格行数
+        rowNum: 5, //表格行数
         headerHeight: 40,
         headerBGC: 'rgba(15,19,37,0.1)', //表头
         oddRowBGC: 'rgba(15,19,37,0.1)', //奇数行
@@ -101,7 +101,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-$box-height: 650px;
+$box-height: 325px;
 $box-width: 100%;
 
 #quabottom2 {
@@ -131,7 +131,7 @@ $box-width: 100%;
     width: $box-width;
 
     ::v-deep .dv-scroll-board {
-      height: 460px + 125px;
+      height: 260px;
       padding-top: 0px; // 添加这行减少顶部间距
 
       .header {

src/views/quality/bottom3.vue

@@ -23,7 +23,7 @@ export default {
       config: {
         header: [],//['检验单号','物料编号','物料名称','批次数量','来料日期'],
         data: [],
-        rowNum: 10, //表格行数
+        rowNum: 5, //表格行数
         headerHeight: 40,
         headerBGC: 'rgba(15,19,37,0.1)', //表头
         oddRowBGC: 'rgba(15,19,37,0.1)', //奇数行
@@ -95,7 +95,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-$box-height: 650px;
+$box-height: 325px;
 $box-width: 100%;
 
 #quabottom3 {
@@ -125,7 +125,7 @@ $box-width: 100%;
     width: $box-width;
 
     ::v-deep .dv-scroll-board {
-      height: 460px + 125px;
+      height: 260px;
       padding-top: 0px; // 添加这行减少顶部间距
 
       .header {

src/views/quality/index.vue

@@ -38,8 +38,11 @@
           <div class="d-flex aside-width">
             <div class="react-right bg-color-r mr-3">
              <!-- <span class="text ">设备运行分析</span>-->
-              <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
-              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>
+<!--              <span class="text" @click="fullScreen" ref="fullScreen">全屏</span>
+              <span class="text" @click="exitFullScreen" ref="exitFullScreen"  style="display: none">退出全屏</span>-->
+              <el-button type="text" class="text" style="width:50% ;font-size: 21px;" @click="fullScreen" ref="fullScreen"
+                         v-show=!isFullScreen >全屏</el-button>
+              <el-button type="text" class="text" style="width:50% ;font-size: 21px;" @click="exitFullScreen" ref="exitFullScreen" v-show=isFullScreen>退出全屏</el-button>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 900px">
               <span class="react-after"></span>
@@ -72,12 +75,14 @@
             <dv-border-box-12>
               <bottom1 />
             </dv-border-box-12>
-            <dv-border-box-12>
-              <bottom2 />
-            </dv-border-box-12>
-            <dv-border-box-12>
-              <bottom3 />
-            </dv-border-box-12>
+            <div>
+              <dv-border-box-12>
+                <bottom2 />
+              </dv-border-box-12>
+              <dv-border-box-12>
+                <bottom3 />
+              </dv-border-box-12>
+            </div>
           </div>
         </div>
       </div>