From 535cacd5c3ed22dd37f62c1cf957598fe9a41e54 Mon Sep 17 00:00:00 2001
From: qiezi <15576055375@163.com>
Date: Thu, 20 Mar 2025 14:38:06 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=94=E5=B7=A5=E8=BF=94=E4=BF=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/production/generateReport.js          |   1 +
 src/assets/scss/global.scss                   |   8 +
 src/router/index.js                           |   1 +
 .../board/VulcanizationDispatchOrder.vue      | 328 ++++++++++++++++++
 4 files changed, 338 insertions(+)
 create mode 100644 src/views/modules/board/VulcanizationDispatchOrder.vue

diff --git a/src/api/production/generateReport.js b/src/api/production/generateReport.js
index 63dc4d6..efdf082 100644
--- a/src/api/production/generateReport.js
+++ b/src/api/production/generateReport.js
@@ -59,6 +59,7 @@ export const printDefectCard=data => createAPI(`dailyPlan/printDefectCard`, 'pos
 
 export const getOrderView=data => createAPI(`dailyPlan/getOrderView`, 'post', data)
 export const getLiuhuaView=data => createAPI(`dailyPlan/getLiuhuaView`, 'post', data)
+export const queryVulcanizationList=data => createAPI(`dailyPlan/vulcanization`, 'post', data)
 
 export const selectSFDCToolHist = data =>createAPI(`dailyPlan/selectToolHist`,'post',data)
 export const selectToolingHist = data =>createAPI(`dailyPlan/selectToolingHist`,'post',data)
diff --git a/src/assets/scss/global.scss b/src/assets/scss/global.scss
index ccd1d42..12e9d95 100644
--- a/src/assets/scss/global.scss
+++ b/src/assets/scss/global.scss
@@ -434,3 +434,11 @@ a:hover{
   padding-right: 5px !important;
   padding-left: 0 !important;
 }
+
+//盒子高度
+.box-container{
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 100px);
+  min-height: 200px;
+}
diff --git a/src/router/index.js b/src/router/index.js
index c9b74d9..1dcbce4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -47,6 +47,7 @@ const globalRoutes = [
   { path: '/inspectBoard', component: _import('modules/board/inspectBoard'), name: 'inspectBoard', meta: { title: '实验室检验看板' } },
   { path: '/sopBoard', component: _import('modules/board/sopBoard'), name: 'sopBoard', meta: { title: 'SOP电视机' } },
   { path: '/biBoard', component: _import('modules/board/biBoard'), name: 'biBoard', meta: { title: 'BI报表' } },
+  { path: '/vulcanization', component: _import('modules/board/VulcanizationDispatchOrder'), name: 'vulcanizationDispatchOrder', meta: { title: '硫化派工单跟踪看板' } },
 ]
 
 // 主入口路由(需嵌套上左右整体布局)
diff --git a/src/views/modules/board/VulcanizationDispatchOrder.vue b/src/views/modules/board/VulcanizationDispatchOrder.vue
new file mode 100644
index 0000000..729b534
--- /dev/null
+++ b/src/views/modules/board/VulcanizationDispatchOrder.vue
@@ -0,0 +1,328 @@
+<script>
+import th from "element-ui/src/locale/lang/th";
+import {queryVulcanizationList} from "../../../api/production/generateReport";
+
+export default {
+  name: 'vulcanizationDispatchOrder',
+  data(){
+    return{
+      setTimeoutDelay: 30*1000,
+      refreshTool: null,
+      dataList:[],
+      queryParams:{
+        firstReportDate2Flag:'N',
+      },
+      columnList: [
+        {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "seqNo",
+          columnLabel: "派工单号",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 70,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'left'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "orderNo",
+          columnLabel: "生产订单",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 100,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'left'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "partSpec",
+          columnLabel: "规格型号",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 120,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'left'
+        },{
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "qtyReported",
+          columnLabel: "报工数量",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 70,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'right'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "liuhuaTime",
+          columnLabel: "硫化首次报工",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 130,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'center'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "xiubianWancheng",
+          columnLabel: "修边完成率",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 80,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'right'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "xiubianTime",
+          columnLabel: "修边首次报工",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 130,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'center'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "hongkaoWancheng",
+          columnLabel: "烘烤完成率",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 80,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'right'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "hongkaoTime",
+          columnLabel: "烘烤首次报工",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 130,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'center'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "jiagongWancheng",
+          columnLabel: "加工完成率",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 80,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'right'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "jiagongTime",
+          columnLabel: "加工首次报工",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 130,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'center'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "jianyanWancheng",
+          columnLabel: "检验完成率",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 80,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'right'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "jianyanTime",
+          columnLabel: "检验首次报工",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 130,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'center'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "baozhuangWancheng",
+          columnLabel: "包装完成率",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 80,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'right'
+        }, {
+          tableId: "vulcanizationTable",
+          tableName: this.$route.meta.title,
+          columnProp: "baozhuangTime",
+          columnLabel: "包装首次报工",
+          columnHidden: false,
+          columnImage: false,
+          columnSortable: false,
+          columnWidth: 130,
+          format: null,
+          functionId: this.$route.meta.menuId,
+          sortLv: 0,
+          status: true,
+          fixed: '',
+          serialNumber: null,
+          columnType: null,
+          align: 'center'
+        },
+      ],
+    }
+  },
+  methods:{
+    async handleQuery(){
+      let {data} = await queryVulcanizationList(this.queryParams)
+      if (data && data.code === 0){
+        this.dataList = data.rows
+      }else {
+        this.dataList = []
+        this.$message.warning(data.msg)
+      }
+    }
+  },
+  created() {
+    this.handleQuery();
+    this.refreshTool = setTimeout(()=>{
+      this.handleQuery();
+    },this.setTimeoutDelay)
+  },
+  destroyed() {
+    clearTimeout(this.refreshTool)
+  }
+}
+</script>
+
+<template>
+  <div style="height: calc(100vh - 0px);">
+
+    <el-table
+      height="100%"
+      :data="dataList"
+      border
+      style="width: 100%">
+      <el-table-column
+        v-for="(item,index) in columnList" :key="index"
+        :sortable="item.columnSortable"
+        :prop="item.columnProp"
+        header-align="center"
+        :show-overflow-tooltip="item.showOverflowTooltip"
+        :align="item.align"
+        :fixed="item.fixed==''?false:item.fixed"
+        :min-width="item.columnWidth"
+        :label="item.columnLabel">
+        <template slot-scope="scope">
+          <span v-if="!item.columnHidden"> {{ scope.row[item.columnProp] }}</span>
+          <span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
+                                             style="width: 100px; height: 80px"/></span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<style scoped>
+
+</style>