Ver Fonte

调整界面bug

yhluo há 5 meses atrás
pai
commit
9e2b73f194

+ 4 - 4
src/views/makeprocess/list.vue

@@ -131,9 +131,9 @@ $box-width: 100%;
         font-size: 25px;
         color: #000000 !important;
         font-weight: bold;
-      /*  .header-item{
-          border-right: 1px solid #000000 !important;
-        }*/
+        .header-item{
+          border: 1px solid #000000 ;
+        }
       }
       // 添加全局边框样式
       /*.header, .rows .row-item,  {
@@ -144,7 +144,7 @@ $box-width: 100%;
           font-size: 26px !important;
           color: #000000 !important;
           >.ceil{
-            // border: 1px solid #000000;
+            border: 1px solid #000000;
           }
         }
         /* .ceil {

+ 5 - 1
src/views/prodline/bottom1.vue

@@ -4,12 +4,16 @@
       <div class="up">
           <div class ="left">
             <div class="vertical-text">
-              <span>当日</span>
+              <!-- <span>当日</span>
               <span>产线</span>
               <span>计划</span>
               <span>未完</span>
               <span>成订</span>
               <span>单明</span>
+              <span>细</span> -->
+              <span>未完</span>
+              <span>成订</span>
+              <span>单明</span>
               <span>细</span>
             </div>
           </div>

+ 8 - 12
src/views/prodline/up1.vue

@@ -2,9 +2,9 @@
   <div id="up1">
     <div class="bg-color-black1">
       <div class ="left">
-        <div class="vertical-text">
-          <span class="text mx-2 fw-b">设备状况</span>
-        </div>
+        <p class="vertical-text">
+          设备状况
+        </p>
       </div>
       <div class="body-box">
         <div class="percent mt-2">
@@ -131,18 +131,14 @@ import CenterChart from "../../components/prodlinechart/up1Chart/up1DChart";
       .vertical-text {
         width:50px;
         height: 280px;
-        writing-mode: vertical-lr; /* 垂直方向从左到右 */
-        text-orientation: mixed;   /* 保持文字方向 */
-        //  background-color: #1a5cd7; /* 蓝色背景 */
         border-radius: 15px;
         color: white;              /* 文字颜色 */
-        padding: 15px 5px;        /* 内边距 */
         background: linear-gradient(160deg, #0066cc, #0044aa);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        font-size: 25px;
-        letter-spacing: 35px; /* 增加字间距 */
+        font-size: 24px;
+        padding: 0px 13px 0px 13px;
+        line-height: 70px;
+        text-align: center;
+        font-weight: bold;
       }
     }
     .body-box {

+ 30 - 6
src/views/zz/up1.vue

@@ -32,15 +32,15 @@ export default {
         data: [],
         rowNum: 12,
         headerHeight: 35,
-        headerBGC: '#FFFFFFFF',
-        oddRowBGC: '#FFFFFFFF',
-        evenRowBGC: '#FFFFFFFF',
+        headerBGC: '#FFF',
+        oddRowBGC: '#FFF',
+        evenRowBGC: '#FFF',
         columnWidth: [190, 120, 340, 120, 120, 160, 330, 200],
         align: [ 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center'],
         carousel: 'page',
         hoverPause: true,
         // 添加等待时间确保高度计算正确
-        waitTime: 10000
+        waitTime: 100000
       },
       refreshInterval: null,
       apiCaller: 'KB!ZZDayPlan',
@@ -56,7 +56,7 @@ export default {
   methods: {
     initDataRefresh() {
       this.fetchData()
-      this.refreshInterval = setInterval(this.fetchData, 10000)
+      // this.refreshInterval = setInterval(this.fetchData, 10000)
     },
 
     clearRefreshInterval() {
@@ -77,7 +77,24 @@ export default {
             condition: "V_LICODE ='"+this.licode+"'"
           }
         })
-        this.processResponseData(response.data.data)
+        let allData = JSON.parse(response.data.data)
+        let dataArr = [];
+        let rowArr = [];
+        for(let itemRow of allData){
+          console.log(itemRow)
+          rowArr = []
+          rowArr.push(`<span class="colorY fs-xxl">${itemRow.v_sacode|| ''}</span>`)
+          rowArr.push(`<span class="colorY fs-xxl">${itemRow.v_seller|| ''}</span>`)
+          rowArr.push(`<span class="colorY fs-xxl">${itemRow.v_jitype|| ''}</span>`)
+          rowArr.push(`<span class="colorY fs-xxl">${itemRow.v_qty|| ''}</span>`)
+          rowArr.push(`<span class="colorY fs-xxl">${itemRow.v_planoutqty|| ''}</span>`)
+          rowArr.push(`<span class="colorY fs-xxl">${itemRow.v_madeqty|| ''}</span>`)
+          rowArr.push(`<span class="colorY fs-xxl">${itemRow.v_remark1|| ''}</span>`)
+          rowArr.push(`<span class="colorY fs-xxl">${itemRow.v_yc|| ''}</span>`)
+          dataArr.push(rowArr)
+        }
+        this.config = {...this.config,data: dataArr};
+        // this.processResponseData(response.data.data)
       } catch (error) {
         console.error('数据获取失败:', error)
       }
@@ -153,10 +170,17 @@ export default {
         font-size: 25px;
         color: #000000 !important;
         font-weight: bold;
+        .header-item{
+          border: 1px solid #000000 ;
+        }
       }
+      
       ::v-deep .rows span{
         font-size: 26px;
       }
+      ::v-deep .rows .ceil {
+        border: 1px solid #000000;
+      }
       ::v-deep .colorY {
         color: #000000;
         &:hover {