From 5abc5f45a74ca2b5671ef73d6a665b6e6321d194 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 22 九月 2022 11:12:55 +0800
Subject: [PATCH] 大岛看板整体字体变大

---
 src/views/kb/ckgl.vue |  185 ++++++++++++++++++++++++++++------------------
 1 files changed, 113 insertions(+), 72 deletions(-)

diff --git a/src/views/kb/ckgl.vue b/src/views/kb/ckgl.vue
index 5fe2ad3..5b1fe05 100644
--- a/src/views/kb/ckgl.vue
+++ b/src/views/kb/ckgl.vue
@@ -14,7 +14,7 @@
         :content="MarqueeTipsContent"
         class="MarqueeTipsContentClass"
         style="top:90px"
-        :speed="300"
+        :speed="180"
       />
       <div class="kb_content">
         <div class="kb_left">
@@ -34,87 +34,99 @@
                   <el-table-column
                     prop="voucherdate"
                     label="鍗曟嵁鏃ユ湡"
-                    width="120"
+                    width="140"
                   >
                     <template slot-scope="{row}">
-                      <div v-if=" row.voucherdate">{{ row.voucherdate.substring(0, 10) }}</div>
+                      <div v-if="row.voucherdate" class="ellipsis">{{ row.voucherdate.substring(0, 10) }}</div>
                       <div v-else />
                     </template>
                   </el-table-column>
                   <el-table-column
                     prop="wo"
                     label="鍗曟嵁缂栧彿"
-                    width="159"
-                  />
+                    width="189"
+                  >
+                    <template slot-scope="{row}">
+                      <div class="ellipsis">{{ row.wo }}</div>
+                    </template>
+                  </el-table-column>
                   <el-table-column
                     prop="wkshp_name"
                     label="鐢熶骇杞﹂棿"
                     width="105"
-                  />
+                  >
+                    <template slot-scope="{row}">
+                      <div class="ellipsis">{{ row.wkshp_name }}</div>
+                    </template>
+                  </el-table-column>
                   <el-table-column
                     prop="saleOrderCode"
                     label="閿�鍞鍗曞彿"
-                    width="180"
+                    width="200"
                   >
                     <template slot-scope="{row}">
-                      <div v-if="row.saleOrderCode">{{ row.saleOrderCode }}</div>
+                      <div v-if="row.saleOrderCode" class="ellipsis">{{ row.saleOrderCode }}</div>
                       <div v-else>/</div>
                     </template>
                   </el-table-column>
                   <el-table-column
                     prop="materiel_code"
                     label="浜у搧缂栧彿"
-                    width="96"
-                  />
+                    width="136"
+                  >
+                    <template slot-scope="{row}">
+                      <div class="ellipsis">{{ row.materiel_code }}</div>
+                    </template>
+                  </el-table-column>
                   <el-table-column
                     prop="materiel_name"
                     label="浜у搧鍚嶇О"
-                    width="160"
+                    width="180"
                   >
                     <template slot-scope="{row}">
                       <div class="ellipsis">{{ row.materiel_name }}</div>
                     </template>
                   </el-table-column>
-                  <el-table-column
-                    prop="specification"
-                    label="瑙勬牸鍨嬪彿"
-                    width="128"
-                  >
-                    <template slot-scope="{row}">
-                      <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>
-                      <div v-else>/</div>
-                    </template>
-                  </el-table-column>
+                  <!--                  <el-table-column-->
+                  <!--                    prop="specification"-->
+                  <!--                    label="瑙勬牸鍨嬪彿"-->
+                  <!--                    width="128"-->
+                  <!--                  >-->
+                  <!--                    <template slot-scope="{row}">-->
+                  <!--                      <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>-->
+                  <!--                      <div v-else>/</div>-->
+                  <!--                    </template>-->
+                  <!--                  </el-table-column>-->
                   <el-table-column
                     prop="stck_name"
                     label="棰勫叆浠撳簱"
                     width="100"
                   >
                     <template slot-scope="{row}">
-                      <div v-if="row.stck_name">{{ row.stck_name }}</div>
+                      <div v-if="row.stck_name" class="ellipsis">{{ row.stck_name }}</div>
                       <div v-else>/</div>
                     </template>
                   </el-table-column>
                   <el-table-column
                     prop="quantity"
                     label="鏁伴噺"
-                    width="55"
+                    width="63"
                   />
                   <el-table-column
                     prop="totalStockInQuantity"
                     label="宸插叆搴撴暟閲�"
-                    width="80"
+                    width="100"
                   >
                     <template slot-scope="{row}">
                       <div v-if="row.totalStockInQuantity">{{ row.totalStockInQuantity }}</div>
                       <div v-else>0</div>
                     </template>
                   </el-table-column>
-                  <el-table-column
-                    prop="uomname"
-                    label="鍗曚綅"
-                    width="50"
-                  />
+                  <!--                  <el-table-column-->
+                  <!--                    prop="uomname"-->
+                  <!--                    label="鍗曚綅"-->
+                  <!--                    width="50"-->
+                  <!--                  />-->
                   <!--                  <el-table-column-->
                   <!--                    prop="preStartDate"-->
                   <!--                    label="棰勮寮�宸�"-->
@@ -128,7 +140,7 @@
                   <el-table-column
                     prop="preFinishDate"
                     label="棰勮鍏ュ簱"
-                    width="120"
+                    width="140"
                   >
                     <template slot-scope="{row}">
                       <div v-if="row.preFinishDate">{{ row.preFinishDate.substring(0, 10) }}</div>
@@ -152,18 +164,22 @@
                   <el-table-column
                     prop="voucherdate"
                     label="鍗曟嵁鏃ユ湡"
-                    width="110"
+                    width="130"
                   >
                     <template slot-scope="{row}">
-                      <div v-if="row.voucherdate">{{ row.voucherdate.substring(0, 10) }}</div>
-                      <div v-else />
+                      <div v-if="row.voucherdate" class="ellipsis">{{ row.voucherdate.substring(0, 10) }}</div>
+                      <div v-else>/</div>
                     </template>
                   </el-table-column>
                   <el-table-column
                     prop="wo"
                     label="鍗曟嵁缂栧彿"
-                    width="145"
-                  />
+                    width="195"
+                  >
+                    <template slot-scope="{row}">
+                      <div class="ellipsis">{{ row.wo }}</div>
+                    </template>
+                  </el-table-column>
                   <el-table-column
                     prop="customename"
                     label="瀹㈡埛"
@@ -171,73 +187,96 @@
                   >
                     <template slot-scope="{row}">
                       <div v-if="row.customename" class="ellipsis">{{ row.customename }}</div>
-                      <div v-else />
-                    </template>
-                  </el-table-column>
-                  <el-table-column
-                    prop="username"
-                    label="涓氬姟鍛�"
-                    width="65"
-                  />
-                  <el-table-column
-                    prop="SourceVoucherCode"
-                    label="鏉ユ簮鍗曞彿"
-                    width="145"
-                  >
-                    <template slot-scope="{row}">
-                      <div v-if="row.SourceVoucherCode">{{ row.SourceVoucherCode }}</div>
                       <div v-else>/</div>
                     </template>
                   </el-table-column>
+                  <!--                  <el-table-column-->
+                  <!--                    prop="username"-->
+                  <!--                    label="涓氬姟鍛�"-->
+                  <!--                    width="65"-->
+                  <!--                  >-->
+                  <!--                    <template slot-scope="{row}">-->
+                  <!--                      <div v-if="row.username" class="ellipsis">{{ row.username }}</div>-->
+                  <!--                      <div v-else>/</div>-->
+                  <!--                    </template>-->
+                  <!--                  </el-table-column>-->
                   <el-table-column
-                    prop="materiel_code"
-                    label="浜у搧缂栧彿"
-                    width="96"
-                  />
+                    prop="SourceVoucherCode"
+                    label="鏉ユ簮鍗曞彿"
+                    width="185"
+                  >
+                    <template slot-scope="{row}">
+                      <div v-if="row.SourceVoucherCode" class="ellipsis">{{ row.SourceVoucherCode }}</div>
+                      <div v-else>/</div>
+                    </template>
+                  </el-table-column>
+                  <!--                  <el-table-column-->
+                  <!--                    prop="materiel_code"-->
+                  <!--                    label="浜у搧缂栧彿"-->
+                  <!--                    width="96"-->
+                  <!--                  />-->
                   <el-table-column
                     prop="materiel_name"
                     label="浜у搧鍚嶇О"
                     width="170"
-                  />
-                  <el-table-column
-                    prop="specification"
-                    label="瑙勬牸鍨嬪彿"
-                    width="100"
                   >
                     <template slot-scope="{row}">
-                      <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>
-                      <div v-else>/</div>
+                      <div v-if="row.materiel_name" class="ellipsis">{{ row.materiel_name }}</div>
                     </template>
                   </el-table-column>
+                  <!--                  <el-table-column-->
+                  <!--                    prop="specification"-->
+                  <!--                    label="瑙勬牸鍨嬪彿"-->
+                  <!--                    width="100"-->
+                  <!--                  >-->
+                  <!--                    <template slot-scope="{row}">-->
+                  <!--                      <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>-->
+                  <!--                      <div v-else>/</div>-->
+                  <!--                    </template>-->
+                  <!--                  </el-table-column>-->
                   <el-table-column
                     prop="quantity"
                     label="鏁伴噺"
-                    width="47"
-                  />
+                    width="87"
+                  >
+                    <template slot-scope="{row}">
+                      <div class="ellipsis">{{ row.quantity }}</div>
+                    </template>
+                  </el-table-column>
                   <el-table-column
                     prop="saleOutQuantity"
                     label="宸插彂璐ф暟閲�"
-                    width="80"
+                    width="100"
                   >
                     <template slot-scope="{row}">
-                      <div v-if="row.saleOutQuantity">{{ row.saleOutQuantity }}</div>
+                      <div v-if="row.saleOutQuantity" class="ellipsis">{{ row.saleOutQuantity }}</div>
                       <div v-else>0</div>
                     </template>
                   </el-table-column>
                   <el-table-column
                     prop="priuserdefnvc1"
                     label="妫�楠屾柟寮�"
-                    width="80"
-                  />
+                    width="110"
+                  >
+                    <template slot-scope="{row}">
+                      <div v-if="row.priuserdefnvc1">{{ row.priuserdefnvc1 }}</div>
+                      <div v-else>/</div>
+                    </template>
+                  </el-table-column>
                   <el-table-column
                     prop="priuserdefnvc2"
                     label="妫�楠屼汉鍛�"
-                    width="80"
-                  />
+                    width="110"
+                  >
+                    <template slot-scope="{row}">
+                      <div v-if="row.priuserdefnvc2">{{ row.priuserdefnvc2 }}</div>
+                      <div v-else>/</div>
+                    </template>
+                  </el-table-column>
                   <el-table-column
                     prop="deliveryDate"
                     label="棰勮浜よ揣鏃ユ湡"
-                    width="110"
+                    width="141"
                   >
                     <template slot-scope="{row}">
                       <div v-if="row.deliveryDate">{{ row.deliveryDate.substring(0,10) }}</div>
@@ -466,7 +505,7 @@
           //text-align: center;
           //font-size: 26px;
           line-height: 20px;
-          font-size: 18px;
+          //font-size: 18px;
           margin-bottom: 10px;
           margin-top: -10px;
           color: #00ffff;
@@ -497,7 +536,7 @@
 
         .content_head {
           line-height: 20px;
-          font-size: 18px;
+          //font-size: 18px;
           margin-bottom: 10px;
           margin-top: -10px;
           color: #00ffff;
@@ -530,5 +569,7 @@
 
 ::v-deep .cell {
   padding: 0 !important;
+  //font-size: 16px;
+  font-size: 18px;
 }
 </style>

--
Gitblit v1.9.3