调整展示时间

src/views/zz/up1.vue

@@ -6,11 +6,7 @@
       </div>
     </div>
     <div class="plan-body">
-      <dv-scroll-board
-          :config="config"
-          ref="scrollBoard"
-          class="scroll-board"
-      />
+      <dv-scroll-board :config="config" ref="scrollBoard" class="scroll-board" />
     </div>
   </div>
 </template>
@@ -28,23 +24,22 @@ export default {
   data() {
     return {
       config: {
-        header: ['序号','销售工单', '业务员', '产品名称', '订单数', '计划数', '完成数量','提醒事项', '异常事项'],
+        header: ['序号', '销售工单', '业务员', '产品名称', '订单数', '计划数', '完成数量', '提醒事项', '异常事项'],
         data: [],
         rowNum: 12,
         headerHeight: 35,
         headerBGC: '#FFF',
         oddRowBGC: '#FFF',
         evenRowBGC: '#FFF',
-        columnWidth: [75,170, 120, 340, 120, 120, 160, 310, 202],
+        columnWidth: [75, 170, 120, 340, 120, 120, 160, 310, 202],
         align: ['center', 'center', 'center', 'center', 'center', 'center', 'center', 'center', 'center'],
         carousel: 'page',
         hoverPause: true,
         // 添加等待时间确保高度计算正确
-        waitTime: 100000
+        waitTime: 20000
       },
       refreshInterval: null,
-      apiCaller: 'KB!ZZDayPlan',
-      waitTime: 100000
+      apiCaller: 'KB!ZZDayPlan'
     }
   },
   mounted() {
@@ -74,28 +69,28 @@ export default {
             _noc: 1,
             page: 1,
             pageSize: 100,
-            condition: "V_LICODE ='"+this.licode+"'"
+            condition: "V_LICODE ='" + this.licode + "'"
           }
         })
         let allData = JSON.parse(response.data.data)
         let dataArr = [];
         let rowArr = [];
         let index = 1;
-        for(let itemRow of allData){
+        for (let itemRow of allData) {
           rowArr = []
-          rowArr.push(`<span class="colorY fs-xxl">`+index+`</span>`)
-          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>`)
+          rowArr.push(`<span class="colorY fs-xxl">` + index + `</span>`)
+          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)
           index++
         }
-        this.config = {...this.config,data: dataArr};
+        this.config = { ...this.config, data: dataArr };
         // this.processResponseData(response.data.data)
       } catch (error) {
         console.error('数据获取失败:', error)
@@ -115,7 +110,7 @@ export default {
     formatRowData(item) {
       const rowClass = 'colorY';
       return [
-       // this.createCell(item.v_licode, rowClass),
+        // this.createCell(item.v_licode, rowClass),
         this.createCell(item.v_sacode, rowClass),
         this.createCell(item.v_seller, rowClass),
         this.createCell(item.v_jitype, rowClass),
@@ -123,7 +118,7 @@ export default {
         //this.createCell(item.v_blstatus, rowClass),
         this.createCell(item.v_planoutqty, rowClass),
         this.createCell(item.v_madeqty, rowClass),
-       // this.createCell(item.v_madejd, rowClass),
+        // this.createCell(item.v_madejd, rowClass),
         //this.createCell(item.v_remark, rowClass),
         this.createCell(item.v_remark1, rowClass),
         this.createCell(item.v_yc, rowClass)
@@ -143,11 +138,12 @@ export default {
   height: 870px;
   width: 100%;
   border-radius: 5px;
+
   .plan-header {
     .header-content {
       border-radius: 10px;
       padding: 5px;
-     // background-color: rgba(15, 19, 37, 0.1);
+      // background-color: rgba(15, 19, 37, 0.1);
 
       .header-title {
         //color: #000000;
@@ -172,27 +168,33 @@ export default {
         font-size: 25px;
         color: #000000 !important;
         font-weight: bold;
-        .header-item{
-          border: 1px solid #000000 ;
+
+        .header-item {
+          border: 1px solid #000000;
         }
       }
-      
-      ::v-deep .rows span{
+
+      ::v-deep .rows span {
         font-size: 26px;
       }
+
       ::v-deep .rows .ceil {
         border: 1px solid #000000;
       }
+
       ::v-deep .colorY {
         color: #000000;
+
         &:hover {
           color: #000000 !important;
         }
       }
-      ::v-deep  .colorRemind {
-        color: #faad14!important;
+
+      ::v-deep .colorRemind {
+        color: #faad14 !important;
+
         &:hover {
-          color: #faad14!important;
+          color: #faad14 !important;
         }
       }
     }