From 7b44e73cc11094bd8a4e8144ddb9d5c07fe328fd Mon Sep 17 00:00:00 2001
From: ruanqi <qi.ruan@xujiesoft.com>
Date: Tue, 27 Sep 2022 18:18:44 +0800
Subject: [PATCH] =?UTF-8?q?0412=20=E6=96=B0=E7=9C=8B=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/board.js                              |   4 +
 src/router/index.js                           |   4 +-
 src/views/modules/board/PODetailForW.vue      | 194 ++++++++++++++++
 ...Board.vue => SORoutingBoardForJianYan.vue} |   8 +-
 .../board/SORoutingBoardForXiuBian.vue        | 209 ++++++++++++++++++
 5 files changed, 414 insertions(+), 5 deletions(-)
 create mode 100644 src/views/modules/board/PODetailForW.vue
 rename src/views/modules/board/{SORoutingBoard.vue => SORoutingBoardForJianYan.vue} (97%)
 create mode 100644 src/views/modules/board/SORoutingBoardForXiuBian.vue

diff --git a/src/api/board.js b/src/api/board.js
index 8daced1..3e5109f 100644
--- a/src/api/board.js
+++ b/src/api/board.js
@@ -12,3 +12,7 @@ export const SORoutingBoard= data => createAPI(`board/SORoutingBoard`,'post',dat
 
 export const getStockPrintList= data => createAPI(`board/getStockPrintList`,'post',data)
 export const updateStockPrintFlag= data => createAPI(`board/updateStockPrintFlag`,'post',data)
+export const SORoutingBoardForXiuBian= data => createAPI(`board/SORoutingBoardForXiuBian`,'post',data)
+export const SORoutingBoardForJianYan= data => createAPI(`board/SORoutingBoardForJianYan`,'post',data)
+
+export const PODetailForW= data => createAPI(`board/PODetailForW`,'post',data)
diff --git a/src/router/index.js b/src/router/index.js
index bc82e4f..15de051 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -26,12 +26,14 @@ 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: '/SORoutingBoard', component: _import('modules/board/SORoutingBoard'), name: 'SORoutingBoard', 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: '产品属性' } },
   { path: '/padPartPhoto', component: _import('modules/pad/padPartPhoto'), name: 'padPartPhoto', meta: { title: '产品图片' } },
   { path: '/taskReport', component: _import('modules/taskmanage/taskReport'), name: 'taskReport', meta: { title: '任务看板' } },
   { path: '/autoPrintStock', component: _import('modules/autoPrint/autoPrintStock'), name: 'autoPrintStock', meta: { title: '自动打印库存' } },
+  { path: '/SORoutingBoardForXiuBian', component: _import('modules/board/SORoutingBoardForXiuBian'), name: 'SORoutingBoardForXiuBian', meta: { title: '修边工序看板' } },
+  { path: '/PODetailForW', component: _import('modules/board/PODetailForW'), name: 'PODetailForW', meta: { title: '外购件检验看板' } },
 
 ]
 
diff --git a/src/views/modules/board/PODetailForW.vue b/src/views/modules/board/PODetailForW.vue
new file mode 100644
index 0000000..44b64ab
--- /dev/null
+++ b/src/views/modules/board/PODetailForW.vue
@@ -0,0 +1,194 @@
+<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="50"
+          style="font-size: 20px"
+          label="工厂编号">
+        </el-table-column>
+        <el-table-column
+          prop="orderNo"
+          header-align="center"
+          align="left"
+          min-width="100"
+          style="font-size: 20px"
+          label="采购订单号">
+        </el-table-column>
+        <el-table-column
+          prop="partNo"
+          header-align="center"
+          align="left"
+          min-width="105"
+          label="物料编码">
+        </el-table-column>
+        <el-table-column
+          prop="partDesc"
+          header-align="center"
+          align="left"
+          min-width="200"
+          label="物料名称">
+        </el-table-column>
+        <el-table-column
+          prop="qty"
+          header-align="center"
+          align="right"
+          min-width="60"
+          label="采购数量">
+        </el-table-column>
+        <el-table-column
+          prop="arriveQty"
+          header-align="center"
+          align="right"
+          min-width="60"
+          label="接收数量">
+        </el-table-column>
+        <el-table-column
+          prop="receiveQty"
+          header-align="center"
+          align="right"
+          min-width="60"
+          label="入库数量">
+        </el-table-column>
+        <el-table-column
+          prop="supplierDesc"
+          header-align="center"
+          align="left"
+          min-width="100"
+          label="供应商名称">
+        </el-table-column>
+        <el-table-column
+          prop="wantReceiveDate"
+          header-align="center"
+          align="left"
+          min-width="120"
+          label="要求交货日期">
+        </el-table-column>
+      </el-table>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  let rollstop = ''
+  let rolltimer = ''// 自动滚动的定时任务
+  let refresher = '' //数据刷新定时器
+  import {
+    PODetailForW,
+  } from '@/api/board.js'
+  export default {
+    name: 'PODetailForW',
+    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};
+        PODetailForW(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>
diff --git a/src/views/modules/board/SORoutingBoard.vue b/src/views/modules/board/SORoutingBoardForJianYan.vue
similarity index 97%
rename from src/views/modules/board/SORoutingBoard.vue
rename to src/views/modules/board/SORoutingBoardForJianYan.vue
index c31d136..af1c231 100644
--- a/src/views/modules/board/SORoutingBoard.vue
+++ b/src/views/modules/board/SORoutingBoardForJianYan.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="mod-config">
     <div style="text-align: center">
-      <h1>待生产工序看板</h1>
+      <h1>检验工序看板</h1>
     </div>
     <div class="board2">
       <!--        @mouseenter.native="mouseEnter"-->
@@ -105,10 +105,10 @@
   let rolltimer = ''// 自动滚动的定时任务
   let refresher = '' //数据刷新定时器
   import {
-    SORoutingBoard,
+    SORoutingBoardForJianYan,
   } from '@/api/board.js'
   export default {
-    name: 'SORouting',
+    name: 'SORoutingBoardForJianYan',
     data () {
       return {
         pageIndex: 1,
@@ -132,7 +132,7 @@
       },
       search () {
         let inData= {number:this.pageIndex};
-        SORoutingBoard(inData).then(({data}) => {
+        SORoutingBoardForJianYan(inData).then(({data}) => {
           this.tableData = data.rows;
           this.totalPage= data.maxPage;
           if(this.pageIndex+1>data.maxPage){
diff --git a/src/views/modules/board/SORoutingBoardForXiuBian.vue b/src/views/modules/board/SORoutingBoardForXiuBian.vue
new file mode 100644
index 0000000..6b58698
--- /dev/null
+++ b/src/views/modules/board/SORoutingBoardForXiuBian.vue
@@ -0,0 +1,209 @@
+<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="50"
+          style="font-size: 20px"
+          label="工厂编号">
+        </el-table-column>
+        <el-table-column
+          prop="orderNo"
+          header-align="center"
+          align="left"
+          min-width="100"
+          style="font-size: 20px"
+          label="生产订单号">
+        </el-table-column>
+        <el-table-column
+          prop="itemNo"
+          header-align="center"
+          align="left"
+          min-width="65"
+          style="font-size: 20px"
+          label="工序编号">
+        </el-table-column>
+        <el-table-column
+          prop="operationDesc"
+          header-align="center"
+          align="left"
+          min-width="160"
+          label="工序名称">
+        </el-table-column>
+        <el-table-column
+          prop="partNo"
+          header-align="center"
+          align="left"
+          min-width="105"
+          label="产品编号">
+        </el-table-column>
+        <el-table-column
+          prop="partDesc"
+          header-align="center"
+          align="left"
+          min-width="200"
+          label="产品名称">
+        </el-table-column>
+        <el-table-column
+          prop="qtyRequired"
+          header-align="center"
+          align="right"
+          min-width="60"
+          label="需求数量">
+        </el-table-column>
+        <el-table-column
+          prop="qtyReported"
+          header-align="center"
+          align="right"
+          min-width="60"
+          label="报工数量">
+        </el-table-column>
+        <el-table-column
+          prop="qtyApprove"
+          header-align="center"
+          align="right"
+          min-width="60"
+          label="合格数量">
+        </el-table-column>
+        <el-table-column
+          prop="lastApproveQty"
+          header-align="center"
+          align="right"
+          min-width="80"
+          label="上工序完成数量">
+        </el-table-column>
+        <el-table-column
+          prop="planFinishTime"
+          header-align="center"
+          align="left"
+          min-width="100"
+          label="要求完成日期">
+        </el-table-column>
+      </el-table>
+    </div>
+
+  </div>
+</template>
+
+<script>
+  let rollstop = ''
+  let rolltimer = ''// 自动滚动的定时任务
+  let refresher = '' //数据刷新定时器
+  import {
+    SORoutingBoardForXiuBian,
+  } from '@/api/board.js'
+  export default {
+    name: 'SORoutingBoardForXiuBian',
+    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};
+        SORoutingBoardForXiuBian(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>