0412 新看板

3 years ago · 7f50e80dd5
7 changed files with 312 additions and 13 deletions
--- a/src/api/board.js
+++ b/src/api/board.js
@ -23,3 +23,4 @@ export const getSiteData= data => createAPI(`board/getSiteData`,'post',data)
 export const SORoutingBoardForShuiZhu= data => createAPI(`board/SORoutingBoardForShuiZhu`,'post',data)
 export const SeqNoForLiuHua= data => createAPI(`board/SeqNoForLiuHua`,'post',data)
 export const getInspectBoard= data => createAPI(`board/getInspectBoard`,'post',data)
+export const SeqNoForLiuHuaJiChu= data => createAPI(`board/SeqNoForLiuHuaJiChu`,'post',data)
--- a/src/router/index.js
+++ b/src/router/index.js
@ -26,6 +26,7 @@ const globalRoutes = [
  { path: '/transFerBoard', component: _import('modules/board/transFerBoard'), name: 'transFerBoard', meta: { title: '待入库看板' } },
  { path: '/productionBlankingBoard', component: _import('modules/board/productionBlankingBoard'), name: 'productionBlankingBoard', meta: { title: '生产打料看板' } },
  { path: '/soLiuhuaBoard', component: _import('modules/board/soLiuhuaBoard'), name: 'soLiuhuaBoard', meta: { title: '硫化看板' } },
+  { path: '/SeqNoForLiuHuaJiChu', component: _import('modules/board/SeqNoForLiuHuaJiChu'), name: 'SeqNoForLiuHuaJiChu', meta: { title: '挤出看板' } },
  { path: '/SORoutingBoardForJianYan', component: _import('modules/board/SORoutingBoardForJianYan'), name: 'SORoutingBoardForJianYan', meta: { title: '检验工序看板' } },
  { path: '/padPart', component: _import('modules/pad/padPart1'), name: 'padPart1', meta: { title: '产品搜索' } },
  { path: '/padPartAttribute', component: _import('modules/pad/padPartAttribute'), name: 'padPartAttribute', meta: { title: '产品属性' } },
--- a/src/views/modules/board/SORoutingBoardForJianYan.vue
+++ b/src/views/modules/board/SORoutingBoardForJianYan.vue
@ -42,7 +42,7 @@
          prop="operationDesc"
          header-align="center"
          align="left"
-          min-width="80"
+          min-width="40"
          label="工序名称">
        </el-table-column>
        <el-table-column
@ -56,7 +56,7 @@
          prop="partDesc"
          header-align="center"
          align="left"
-          min-width="100"
+          min-width="70"
          label="产品名称">
        </el-table-column>
        <el-table-column
@ -80,6 +80,13 @@
          min-width="30"
          label="合格数量">
        </el-table-column>
+        <el-table-column
+          prop="remark"
+          header-align="center"
+          align="left"
+          min-width="70"
+          label="特殊要求">
+        </el-table-column>
        <el-table-column
          prop="lastApproveQty"
          header-align="center"
--- a/src/views/modules/board/SORoutingBoardForXiuBian.vue
+++ b/src/views/modules/board/SORoutingBoardForXiuBian.vue
@ -42,7 +42,7 @@
          prop="operationDesc"
          header-align="center"
          align="left"
-          min-width="80"
+          min-width="40"
          label="工序名称">
        </el-table-column>
        <el-table-column
@ -56,7 +56,7 @@
          prop="partDesc"
          header-align="center"
          align="left"
-          min-width="100"
+          min-width="70"
          label="产品名称">
        </el-table-column>
        <el-table-column
@ -80,6 +80,13 @@
          min-width="30"
          label="合格数量">
        </el-table-column>
+        <el-table-column
+          prop="remark"
+          header-align="center"
+          align="left"
+          min-width="70"
+          label="产品说明">
+        </el-table-column>
        <el-table-column
          prop="lastApproveQty"
          header-align="center"
--- a/src/views/modules/board/SeqNoForLiuHuaJiChu.vue
+++ b/src/views/modules/board/SeqNoForLiuHuaJiChu.vue
@ -0,0 +1,267 @@
+<template>
+  <div class="mod-config">
+    <div style="text-align: center">
+      <h1>挤出派工单看板</h1>
+    </div>
+    <div class="board2">
+      <!--        @mouseenter.native="mouseEnter"-->
+      <!--        @mouseleave.native="mouseLeave"-->
+      <el-table
+        cell-style="cc"
+        :height="height"
+        :data="tableData"
+        ref="wt_table"
+        border
+        :row-class-name="tableRowClassName"
+        style="width: 100%;">
+        <el-table-column
+          prop="site"
+          header-align="center"
+          align="left"
+          min-width="20"
+          style="font-size: 20px"
+          label="工厂">
+        </el-table-column>
+        <el-table-column
+          prop="seqNo"
+          header-align="center"
+          align="left"
+          min-width="20"
+          style="font-size: 20px"
+          label="派工单号">
+        </el-table-column>
+        <el-table-column
+          prop="orderNo"
+          header-align="center"
+          align="left"
+          min-width="40"
+          style="font-size: 20px"
+          label="生产订单号">
+        </el-table-column>
+        <el-table-column
+          prop="partNo"
+          header-align="center"
+          align="left"
+          min-width="30"
+          label="产品编号">
+        </el-table-column>
+        <el-table-column
+          prop="partDesc"
+          header-align="center"
+          align="left"
+          min-width="57"
+          label="产品名称">
+        </el-table-column>
+        <el-table-column
+          prop="qtyRequired"
+          header-align="center"
+          align="right"
+          min-width="30"
+          label="需求数量">
+        </el-table-column>
+        <el-table-column
+          prop="num1"
+          header-align="center"
+          align="right"
+          min-width="20"
+          label="温度1">
+        </el-table-column>
+        <el-table-column
+          prop="num2"
+          header-align="center"
+          align="right"
+          min-width="20"
+          label="温度2">
+        </el-table-column>
+        <el-table-column
+          prop="num3"
+          header-align="center"
+          align="right"
+          min-width="20"
+          label="温度3">
+        </el-table-column>
+        <el-table-column
+          prop="num4"
+          header-align="center"
+          align="right"
+          min-width="20"
+          label="温度4">
+        </el-table-column>
+        <el-table-column
+          prop="num5"
+          header-align="center"
+          align="right"
+          min-width="20"
+          label="温度5">
+        </el-table-column>
+        <el-table-column
+          prop="num6"
+          header-align="center"
+          align="right"
+          min-width="20"
+          label="高温">
+        </el-table-column>
+        <el-table-column
+          prop="num7"
+          header-align="center"
+          align="right"
+          min-width="20"
+          label="挤速">
+        </el-table-column>
+        <el-table-column
+          prop="num8"
+          header-align="center"
+          align="right"
+          min-width="20"
+          label="钢速">
+        </el-table-column>
+        <el-table-column
+          prop="num9"
+          header-align="center"
+          align="right"
+          min-width="25"
+          label="挤功">
+        </el-table-column>
+        <el-table-column
+          prop="planStartTime"
+          header-align="center"
+          align="left"
+          min-width="40"
+          label="生产日期">
+<!--          <template slot-scope="scope">-->
+<!--            {{dayjs(scope.row.planStartTime).format('YYYYMMDD')}}-->
+<!--          </template>-->
+        </el-table-column>
+        <el-table-column
+          prop="operatorDesc"
+          header-align="center"
+          align="left"
+          min-width="25"
+          label="操作员">
+        </el-table-column>
+        <el-table-column
+          prop="shiftNo"
+          header-align="center"
+          align="left"
+          min-width="25"
+          label="班次">
+        </el-table-column>
+        <el-table-column
+          prop="resourceId"
+          header-align="center"
+          align="left"
+          min-width="45"
+          label="机台">
+        </el-table-column>
+      </el-table>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  let rollstop = ''
+  let rolltimer = ''// 自动滚动的定时任务
+  let refresher = '' //数据刷新定时器
+  import {
+    SeqNoForLiuHuaJiChu  } from '@/api/board.js'
+  export default {
+    name: 'SeqNoForLiuHua',
+    data () {
+      return {
+        pageIndex: 1,
+        totalPage: 1,
+        height: 200,
+        tableData: [],
+        // 默认的刷新，滚动时间，滚动间距
+        // refreshTime: 5,
+        // rollTime: 5,
+        // rollPx: 1,
+      }
+    },
+    mounted () {
+      this.$nextTick(() => {
+        this.height = window.innerHeight - 80
+      })
+      // this.autoRoll()
+    },
+    methods: {
+      tableRowClassName ({row, rowIndex}) {
+      },
+      search () {
+        let inData= {number:this.pageIndex};
+        SeqNoForLiuHuaJiChu(inData).then(({data}) => {
+          this.tableData = data.rows;
+          this.totalPage= data.maxPage;
+          if(this.pageIndex+1>data.maxPage){
+            this.pageIndex=1
+          }else {
+            this.pageIndex=this.pageIndex+1
+          }
+        })
+      },
+      // 鼠标进入
+      // mouseEnter (time) {
+      //   // 鼠标进入停止滚动和切换的定时任务
+      //   this.autoRoll(true)
+      // },
+// 鼠标离开
+//       mouseLeave () {
+//         // 开启
+//         this.autoRoll()
+//       },
+// 设置自动滚动
+//       autoRoll (stop) {
+//         if (stop) {
+//           clearInterval(rolltimer)
+//           return
+//         }
+//         // 拿到表格挂载后的真实DOM
+//         const table = this.$refs.wt_table
+//         // 拿到表格中承载数据的div元素
+//         const divData = table.bodyWrapper
+//         // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果
+//         rolltimer = setInterval(() => {
+//           // 元素自增距离顶部像素
+//           divData.scrollTop = this.decimalUtil.add(Number(divData.scrollTop), Number(this.rollPx))
+//           // 判断元素是否滚动到底部(可视高度+距离顶部=整个高度)
+//           if (divData.clientHeight + divData.scrollTop +1>= divData.scrollHeight) {
+//             // 重置table距离顶部距离
+//               divData.scrollTop = 0
+//           }
+//         }, this.rollTime * 10)
+//       },
+      refreshTable () {
+        refresher = setInterval(() => {
+          this.search()
+        }, 30000)
+      }
+    },
+    created () {
+      this.search()
+      this.refreshTable()
+    }
+  }
+</script>
+
+<style >
+
+
+  .board2 .el-table .cell {
+    line-height: 13px;
+    font-size: 12px;
+    height: 13px;
+    padding: 0px;
+  }
+
+  .board2 .el-table .success-row {
+    background: #1bb61b;
+  }
+  .board2 .el-table .false-row {
+    /*background: #cbcb14;*/
+    background: #db1212;
+  }
+  .board2 .el-table .yellow-row{
+    background: #ffff00;
+  }
+</style>
--- a/src/views/modules/board/nextWeekShipmentBoard.vue
+++ b/src/views/modules/board/nextWeekShipmentBoard.vue
@ -10,8 +10,6 @@
        :data="tableData"
        :row-class-name="tableRowClassName"
        ref="wt_table"
-        @mouseenter.native="mouseEnter"
-        @mouseleave.native="mouseLeave"
        border
        style="width: 100%;">
        <el-table-column
@ -47,7 +45,7 @@
          prop="partSpec"
          header-align="center"
          align="left"
-          min-width="60"
+          min-width="50"
          label="产品型号">
        </el-table-column>
        <el-table-column
@ -72,11 +70,21 @@
          min-width="60"
          label="通知单下达时间">
        </el-table-column>
+        <el-table-column
+          prop="stock"
+          header-align="center"
+          align="right"
+          min-width="30"
+          label="库存数量">
+          <template slot-scope="scope">
+            {{scope.row.stock.toFixed(2)}}
+          </template>
+        </el-table-column>
        <el-table-column
          prop="remark"
          header-align="center"
          align="left"
-          min-width="70"
+          min-width="50"
          label="备注">
        </el-table-column>
      </el-table>
--- a/src/views/modules/board/thisWeekShipmentBoard.vue
+++ b/src/views/modules/board/thisWeekShipmentBoard.vue
@ -10,8 +10,6 @@
        :data="tableData"
        ref="wa_table"
        :row-class-name="tableRowClassName"
-        @mouseenter.native="mouseEnter"
-        @mouseleave.native="mouseLeave"
        border
        style="width: 100%;">
        <el-table-column
@ -47,7 +45,7 @@
          prop="partSpec"
          header-align="center"
          align="left"
-          min-width="60"
+          min-width="50"
          label="产品型号">
        </el-table-column>
        <el-table-column
@ -56,7 +54,7 @@
          align="right"
          min-width="35"
          label="通知单数量"
-          >
+        >
        </el-table-column>
        <el-table-column
          prop="forwarderName"
@ -72,11 +70,21 @@
          min-width="60"
          label="通知单下达时间">
        </el-table-column>
+        <el-table-column
+          prop="stock"
+          header-align="center"
+          align="right"
+          min-width="30"
+          label="库存数量">
+          <template slot-scope="scope">
+            {{scope.row.stock.toFixed(2)}}
+          </template>
+        </el-table-column>
        <el-table-column
          prop="remark"
          header-align="center"
          align="left"
-          min-width="70"
+          min-width="50"
          label="备注">
        </el-table-column>