From 9b20252e27c30d1eba95eadc54ace5dff2ffb44c Mon Sep 17 00:00:00 2001
From: zwq <zwq229436@163.com>
Date: Tue, 16 Jul 2024 09:30:33 +0800
Subject: [PATCH 01/10] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=89=A9=E6=96=99?=
 =?UTF-8?q?=E3=80=81=E7=8F=AD=E7=BB=84=E3=80=81=E4=BB=93=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/base/coreProduct.js                   |  10 +-
 src/api/base/groupClasses.js                  |   7 +
 src/api/base/groupSchedulingPlan.js           | 125 +++
 src/api/base/groupSchedulingRule.js           |  54 +
 src/api/base/groupTeamScheduling.js           |   9 +-
 src/api/base/material.js                      |  91 +-
 src/api/base/materialProductBom.js            |   4 +-
 src/api/base/product.js                       |   4 +-
 src/api/extend/processEquMaterialBom.js       |   6 +-
 src/api/monitoring/statisticalData.js         |   2 +-
 src/views/base/coreWorkOrder/allocation.vue   |   8 +-
 src/views/base/material/SmallTitle.vue        |  65 --
 src/views/base/material/add-or-updata.vue     | 608 ++++-------
 src/views/base/material/attr-add.vue          | 141 ---
 src/views/base/material/index.vue             | 506 ++++++---
 .../base/materialProductBom/add-or-updata.vue |  37 +-
 .../base/materialProductBom/attr-add.vue      |  12 +-
 .../base/materialUseLog/add-or-updata.vue     | 206 ++--
 src/views/base/mixins/basic-page.js           |  11 +-
 src/views/base/mixins/code-filter.js          |  22 +-
 .../equipment/analysis/quality/index.vue      |   4 +-
 .../AlarmGroup/components/BasicDrawer.vue     |   6 +-
 .../BindGroup/components/BasicDrawer.vue      |   6 +-
 .../equipment/timing-diagram/output/index.vue |   6 +-
 .../equipment/timing-diagram/status/index.vue |   8 +-
 .../processEquMaterialBom/add-or-updata.vue   |   4 +-
 .../extend/processEquMaterialBom/attr-add.vue |  22 +-
 .../groupClasses/components/groupClassAdd.vue |  31 -
 .../groupClasses/components/statusBtn.vue     |  52 +
 src/views/group/base/groupClasses/index.vue   | 509 ++++-----
 .../groupTeam/components/groupTeamAdd.vue     |  49 +-
 .../base/groupTeam/components/statusBtn.vue   |   9 +-
 .../base/groupTeam/components/workerEdit.vue  |   4 +-
 src/views/group/base/groupTeam/index.vue      |  21 +-
 .../group/base/groupTeamScheduling/index.vue  | 972 +++++++++---------
 .../components/schedulingPlanConfigAdd.vue    | 260 +++++
 .../group/base/schedulingPlanConfig/index.vue | 233 +++++
 .../components/schedulingRuleConfigAdd.vue    | 280 +++++
 .../components/tableSelect.vue                |  44 +
 .../group/base/schedulingRuleConfig/index.vue | 261 +++++
 .../components/teamProductionDetail.vue       |  10 +-
 .../warehouse/warehouse-info/BarChart.vue     | 131 +++
 src/views/warehouse/warehouse-info/index.vue  | 454 ++------
 .../add-or-updata.vue                         |   0
 .../add-or-updata1.vue                        |   0
 src/views/warehouse/warehouse-info1/index.vue | 413 ++++++++
 46 files changed, 3571 insertions(+), 2146 deletions(-)
 create mode 100644 src/api/base/groupSchedulingPlan.js
 create mode 100644 src/api/base/groupSchedulingRule.js
 delete mode 100644 src/views/base/material/SmallTitle.vue
 delete mode 100644 src/views/base/material/attr-add.vue
 create mode 100644 src/views/group/base/groupClasses/components/statusBtn.vue
 create mode 100644 src/views/group/base/schedulingPlanConfig/components/schedulingPlanConfigAdd.vue
 create mode 100644 src/views/group/base/schedulingPlanConfig/index.vue
 create mode 100644 src/views/group/base/schedulingRuleConfig/components/schedulingRuleConfigAdd.vue
 create mode 100644 src/views/group/base/schedulingRuleConfig/components/tableSelect.vue
 create mode 100644 src/views/group/base/schedulingRuleConfig/index.vue
 create mode 100644 src/views/warehouse/warehouse-info/BarChart.vue
 rename src/views/warehouse/{warehouse-info => warehouse-info1}/add-or-updata.vue (100%)
 rename src/views/warehouse/{warehouse-info => warehouse-info1}/add-or-updata1.vue (100%)
 create mode 100644 src/views/warehouse/warehouse-info1/index.vue

diff --git a/src/api/base/coreProduct.js b/src/api/base/coreProduct.js
index 476a60b5..fa67db60 100644
--- a/src/api/base/coreProduct.js
+++ b/src/api/base/coreProduct.js
@@ -1,9 +1,9 @@
 /*
  * @Author: Do not edit
  * @Date: 2023-10-21 11:50:46
- * @LastEditTime: 2023-11-04 10:42:50
- * @LastEditors: DY
- * @Description: 
+ * @LastEditTime: 2024-07-08 14:35:17
+ * @LastEditors: zwq
+ * @Description:
  */
 import request from '@/utils/request'
 
@@ -61,7 +61,7 @@ export function getCoreProductPage(query) {
 // 获得所有列表
 export function getCoreProductList(query) {
   return request({
-    url: '/base/core-product/listAll',
+    url: '/base/core-product-material/listAll',
     method: 'get',
     params: query
   })
@@ -108,4 +108,4 @@ export function getCoreProductAttrPage(query) {
     method: 'get',
     params: query
   })
-}
\ No newline at end of file
+}
diff --git a/src/api/base/groupClasses.js b/src/api/base/groupClasses.js
index bfc626b7..c512d06a 100644
--- a/src/api/base/groupClasses.js
+++ b/src/api/base/groupClasses.js
@@ -51,6 +51,13 @@ export function getCode() {
   })
 }
 
+// 获得可用的班次列表
+export function listClassesEnabled() {
+  return request({
+    url: '/base/group-classes/listEnable',
+    method: 'get'
+  })
+}
 // 导出班次基础信息 Excel
 export function exportGroupClassesExcel(query) {
   return request({
diff --git a/src/api/base/groupSchedulingPlan.js b/src/api/base/groupSchedulingPlan.js
new file mode 100644
index 00000000..44743f1b
--- /dev/null
+++ b/src/api/base/groupSchedulingPlan.js
@@ -0,0 +1,125 @@
+import request from '@/utils/request'
+
+// 创建排班计划配置基础信息
+export function createGroupPlan(data) {
+  return request({
+    url: '/base/group-scheduling-plan/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新排班计划配置基础信息
+export function updateGroupPlan(data) {
+  return request({
+    url: '/base/group-scheduling-plan/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除排班计划配置基础信息
+export function deleteGroupPlan(id) {
+  return request({
+    url: '/base/group-scheduling-plan/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得排班计划配置基础信息
+export function getGroupPlan(id) {
+  return request({
+    url: '/base/group-scheduling-plan/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得排班计划配置基础信息分页
+export function getGroupPlanPage(query) {
+  return request({
+    url: '/base/group-scheduling-plan/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获得所有排班计划列表
+export function groupPlanList() {
+  return request({
+    url: '/base/group-scheduling-plan/listAll',
+    method: 'get'
+  })
+}
+// 获得排班计划相关班组列表
+export function groupPlanTeamList(id) {
+  return request({
+    url: '/base/group-scheduling-plan-team/teamListByPlanId?planId=' + id,
+    method: 'get'
+  })
+}
+// 获得排班计划相关班次列表
+export function groupPlanClassesList(id) {
+  return request({
+    url: '/base/group-scheduling-plan-classes/classesListByPlanId?planId=' + id,
+    method: 'get'
+  })
+}
+// 获取code
+export function getCode() {
+  return request({
+    url: '/base/group-scheduling-plan/getCode',
+    method: 'get'
+  })
+}
+
+// 导出排班计划配置基础信息 Excel
+export function exportGroupPlanExcel(query) {
+  return request({
+    url: '/base/group-scheduling-plan/export-excel',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+}
+
+// 获得产线工段树形结构
+export function getGroupPlanTree() {
+  return request({
+    url: '/base/group-scheduling-plan/getLineSectionTree',
+    method: 'get'
+  })
+}
+
+// 创建排班计划产线工段
+export function createGroupPlanLine(data) {
+  return request({
+    url: '/base/group-scheduling-plan-line-section/createPlanLineSection',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新排班计划产线工段
+export function updateGroupPlanLine(data) {
+  return request({
+    url: '/base/group-scheduling-plan-line-section/updatePlanLineSection',
+    method: 'put',
+    data: data
+  })
+}
+
+// 获得排班计划配置基础信息
+export function getGroupPlanLine(id) {
+  return request({
+    url: '/base/group-scheduling-plan-line-section/getLineSectionByPlanId?planId=' + id,
+    method: 'get'
+  })
+}
+
+// 获得当前登录用户所在部门id
+export function getLoginUserDeptId() {
+  return request({
+    url: '/base/group-scheduling-plan-line-section/getLoginUserDeptId',
+    method: 'get'
+  })
+}
diff --git a/src/api/base/groupSchedulingRule.js b/src/api/base/groupSchedulingRule.js
new file mode 100644
index 00000000..d93d02fc
--- /dev/null
+++ b/src/api/base/groupSchedulingRule.js
@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+
+// 创建排班规则基础信息
+export function createGroupRule(data) {
+  return request({
+    url: '/base/group-scheduling-rule/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新排班规则基础信息
+export function updateGroupRule(data) {
+  return request({
+    url: '/base/group-scheduling-rule/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除排班规则基础信息
+export function deleteGroupRule(id) {
+  return request({
+    url: '/base/group-scheduling-rule/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得排班规则基础信息
+export function getGroupRule(id) {
+  return request({
+    url: '/base/group-scheduling-rule/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得排班规则基础信息分页
+export function getGroupRulePage(query) {
+  return request({
+    url: '/base/group-scheduling-rule/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 导出排班规则基础信息 Excel
+export function exportGroupRuleExcel(query) {
+  return request({
+    url: '/base/group-scheduling-rule/export-excel',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+}
diff --git a/src/api/base/groupTeamScheduling.js b/src/api/base/groupTeamScheduling.js
index be88f707..f6ccc85b 100644
--- a/src/api/base/groupTeamScheduling.js
+++ b/src/api/base/groupTeamScheduling.js
@@ -8,7 +8,14 @@ export function getPreset(query) {
     params: query
   })
 }
-
+// 获取某月预排班
+export function getScheduling(query) {
+  return request({
+    url: '/base/group-team-scheduling/getScheduling',
+    method: 'get',
+    params: query
+  })
+}
 // 批量创建-更新排班信息
 export function createOrUpdateList(data) {
   return request({
diff --git a/src/api/base/material.js b/src/api/base/material.js
index 26e495a0..ba6c1e2a 100644
--- a/src/api/base/material.js
+++ b/src/api/base/material.js
@@ -1,9 +1,9 @@
 /*
  * @Author: Do not edit
  * @Date: 2023-10-21 11:50:46
- * @LastEditTime: 2023-10-24 11:22:28
- * @LastEditors: DY
- * @Description: 
+ * @LastEditTime: 2024-07-05 10:09:18
+ * @LastEditors: zwq
+ * @Description:
  */
 import request from '@/utils/request'
 
@@ -61,7 +61,7 @@ export function getMaterialPage(query) {
 // 获得物料列表
 export function getMaterialList(query) {
   return request({
-    url: '/base/material/listbyfilter',
+    url: '/base/core-product-material/listAll',
     method: 'get',
     params: query
   })
@@ -118,4 +118,85 @@ export function getMaterialAttr(query) {
     method: 'get',
     params: query
   })
-}
\ No newline at end of file
+}
+// 获得物料树结构
+export function getMaterialTree() {
+  return request({
+    url: '/base/core-product-material-type/listTree',
+    method: 'get'
+  })
+}
+
+// 创建物料树
+export function createMaterialTree(data) {
+  return request({
+    url: '/base/core-product-material-type/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新物料树
+export function updateMaterialTree(data) {
+  return request({
+    url: '/base/core-product-material-type/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除物料树
+export function deleteMaterialTree(id) {
+  return request({
+    url: '/base/core-product-material-type/delete?id=' + id,
+    method: 'delete'
+  })
+}
+
+// 获得产品物料分页
+export function getProductMaterialPage(query) {
+  return request({
+    url: '/base/core-product-material/page',
+    method: 'get',
+    params: query
+  })
+}
+// 删除产品物料
+export function deleteProductMaterial(id) {
+  return request({
+    url: '/base/core-product-material/delete?id=' + id,
+    method: 'delete'
+  })
+}
+// 创建产品物料
+export function createProductMaterial(data) {
+  return request({
+    url: '/base/core-product-material/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新产品物料
+export function updateProductMaterial(data) {
+  return request({
+    url: '/base/core-product-material/update',
+    method: 'put',
+    data: data
+  })
+}
+// 获得产品物料
+export function getProductMaterial(id) {
+  return request({
+    url: '/base/core-product-material/get?id=' + id,
+    method: 'get'
+  })
+}
+
+// 获得产品物料code
+export function getProductMaterialCode() {
+  return request({
+    url: '/base/core-product-material/getCode',
+    method: 'POST'
+  })
+}
diff --git a/src/api/base/materialProductBom.js b/src/api/base/materialProductBom.js
index 4721ab2a..9bdefcfd 100644
--- a/src/api/base/materialProductBom.js
+++ b/src/api/base/materialProductBom.js
@@ -3,7 +3,7 @@
  * @Date: 2023-10-21 11:50:46
  * @LastEditTime: 2023-11-27 17:54:28
  * @LastEditors: DY
- * @Description: 
+ * @Description:
  */
 import request from '@/utils/request'
 
@@ -70,7 +70,7 @@ export function getMaterialPBList(query) {
 // 获得产品列表
 export function getProList(query) {
   return request({
-    url: '/base/core-product/listAll',
+    url: '/base/core-product-material/listAll',
     method: 'get',
     params: query
   })
diff --git a/src/api/base/product.js b/src/api/base/product.js
index 4956018b..2924c882 100644
--- a/src/api/base/product.js
+++ b/src/api/base/product.js
@@ -2,7 +2,7 @@ import request from '@/utils/request'
 // 获得产品列表
 export function getProductAll() {
   return request({
-    url: '/base/core-product/listAll',
+    url: '/base/core-product-material/listAll',
     method: 'get'
   })
-}
\ No newline at end of file
+}
diff --git a/src/api/extend/processEquMaterialBom.js b/src/api/extend/processEquMaterialBom.js
index 0a01aa7d..af8075b1 100644
--- a/src/api/extend/processEquMaterialBom.js
+++ b/src/api/extend/processEquMaterialBom.js
@@ -1,8 +1,8 @@
 /*
  * @Author: zhp
  * @Date: 2023-11-07 19:47:48
- * @LastEditTime: 2023-11-23 13:57:41
- * @LastEditors: zhp
+ * @LastEditTime: 2024-07-08 14:33:12
+ * @LastEditors: zwq
  * @Description:
  */
 import request from '@/utils/request'
@@ -99,7 +99,7 @@ export function getProcessEquMaterialBomDet(data) {
 
 export function getMaterialList(data) {
   return request({
-    url: '/base/material/listbyfilter',
+    url: '/base/core-product-material/listAll',
     method: 'get',
     data: data
   })
diff --git a/src/api/monitoring/statisticalData.js b/src/api/monitoring/statisticalData.js
index 2d0f19be..0bc1200e 100644
--- a/src/api/monitoring/statisticalData.js
+++ b/src/api/monitoring/statisticalData.js
@@ -25,7 +25,7 @@ export function getWorkOrderList(query) {
 }
 export function getProductList(query) {
   return request({
-    url: '/base/core-product/listAll',
+    url: '/base/core-product-material/listAll',
     method: 'get',
     params: query,
   })
diff --git a/src/views/base/coreWorkOrder/allocation.vue b/src/views/base/coreWorkOrder/allocation.vue
index 24f3f5cc..551fcaa8 100644
--- a/src/views/base/coreWorkOrder/allocation.vue
+++ b/src/views/base/coreWorkOrder/allocation.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
- * @LastEditors: DY
- * @LastEditTime: 2023-11-16 09:14:35
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-03 14:19:01
  * @Description:
 -->
 <template>
@@ -62,7 +62,7 @@
 									<svg-icon style="width: 18px; height: 18px" class="item-icon" icon-class="edit" />
 								</el-button>
 							</el-tooltip> -->
-							
+
 							<!-- <el-tooltip placement="top" content="删除">
 								<el-button
 									type="text"
@@ -105,7 +105,7 @@
 <script>
 import basicAdd from '../../core/mixins/basic-add';
 import { getConOrderList, createConCoreWOr, getCoreWO } from '@/api/base/coreWorkOrder';
-import SmallTitle from '../material/SmallTitle';
+import SmallTitle from '../coreWorkOrder/SmallTitle';
 // import { parseTime } from '../../core/mixins/code-filter';
 // import attrAdd from './attr-add';
 
diff --git a/src/views/base/material/SmallTitle.vue b/src/views/base/material/SmallTitle.vue
deleted file mode 100644
index 93b4a18f..00000000
--- a/src/views/base/material/SmallTitle.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<!--
- * @Author: zwq
- * @Date: 2023-08-01 15:27:31
- * @LastEditors: zwq
- * @LastEditTime: 2023-08-01 16:25:54
- * @Description:
--->
-<template>
-	<div :class="[className, { 'p-0': noPadding }]">
-		<slot />
-	</div>
-</template>
-
-<script>
-export default {
-	props: {
-		size: {
-			// 取值范围:  xl lg md sm
-			type: String,
-			default: 'de',
-			validator: function (val) {
-				return ['xl', 'lg', 'de', 'md', 'sm'].indexOf(val) !== -1;
-			},
-		},
-		noPadding: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	computed: {
-		className: function () {
-			return `${this.size}-title`;
-		},
-	},
-};
-</script>
-
-<style lang="scss" scoped>
-$pxls: (xl, 28px) (lg, 24px) (de, 20px) (md, 18px) (sm, 16px);
-$mgr: 8px;
-@each $size, $height in $pxls {
-	.#{$size}-title {
-		font-size: 18px;
-		line-height: $height;
-		color: #000;
-		font-weight: 500;
-		font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
-
-		&::before {
-			content: '';
-			display: inline-block;
-			vertical-align: top;
-			width: 4px;
-			height: $height + 2px;
-			border-radius: 1px;
-			margin-right: $mgr;
-			background-color: #0b58ff;
-		}
-	}
-}
-
-.p-0 {
-	padding: 0;
-}
-</style>
diff --git a/src/views/base/material/add-or-updata.vue b/src/views/base/material/add-or-updata.vue
index 0c082ef9..ca58e2f8 100644
--- a/src/views/base/material/add-or-updata.vue
+++ b/src/views/base/material/add-or-updata.vue
@@ -1,459 +1,223 @@
 <!--
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
- * @LastEditors: DY
- * @LastEditTime: 2023-11-27 15:26:12
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-08 16:52:34
  * @Description:
 -->
 <template>
-	<el-drawer
-		:visible.sync="visible"
-		:show-close="false"
-		:wrapper-closable="isdetail"
-		class="drawer"
-		size="60%">
-		<small-title slot="title" :no-padding="true">
-			{{ isdetail ? '详情' : !dataForm.id ? '新增' : '编辑' }}
-		</small-title>
-		<div class="content">
-			<div class="visual-part">
-				<el-form
-					:model="dataForm"
-					:rules="dataRule"
-					ref="dataForm"
-					@keyup.enter.native="dataFormSubmit()"
-					label-width="100px"
-					label-position="top">
-					<el-row :gutter="20">
-						<el-col :span="12">
-							<el-form-item label="物料编码" prop="code">
-								<el-input
-									v-model="dataForm.code"
-									clearable
-									:disabled="isdetail"
-									placeholder="请输入物料编码" />
-							</el-form-item>
-						</el-col>
-						<el-col :span="12">
-							<el-form-item label="物料名称" prop="name">
-								<el-input v-model="dataForm.name" :disabled="isdetail" clearable placeholder="请输入物料名称" />
-							</el-form-item>
-						</el-col>
-					</el-row>
-					<el-row :gutter="20">
-						<el-col :span="12">
-							<el-form-item label="英文名称" prop="engName">
-								<el-input
-									v-model="dataForm.engName"
-									clearable
-									:disabled="isdetail"
-									placeholder="请输入英文名称" />
-							</el-form-item>
-						</el-col>
-						<el-col :span="12">
-							<el-form-item label="物料类型" prop="type">
-								<el-select
-									v-model="dataForm.type"
-									filterable
-									:disabled="isdetail"
-									style="width: 100%"
-									placeholder="请选择物料类型">
-									<el-option
-										v-for="dict in materialList"
-										:key="dict.value"
-										:label="dict.label"
-										:value="dict.value" />
-								</el-select>
-							</el-form-item>
-						</el-col>
-					</el-row>
-					<el-row :gutter="20">
-						<el-col :span="12">
-							<el-form-item label="规格" prop="spec">
-								<el-input
-									v-model="dataForm.spec"
-									clearable
-									:disabled="isdetail"
-									placeholder="请输入规格" />
-							</el-form-item>
-						</el-col>
-						<el-col :span="12">
-							<el-form-item label="供应商" prop="supplierId">
-								<el-select
-									v-model="dataForm.supplierId"
-									filterable
-									clearable
-									:disabled="isdetail"
-									style="width: 100%"
-									placeholder="请选择供应商">
-									<el-option
-										v-for="dict in supplierList"
-										:key="dict.id"
-										:label="dict.name"
-										:value="dict.id" />
-								</el-select>
-							</el-form-item>
-						</el-col>
-					</el-row>
-					<el-row :gutter="20">
-						<el-col :span="12">
-							<el-form-item label="单位" prop="unit">
-								<el-select
-									v-model="dataForm.unit"
-									filterable
-									:disabled="isdetail"
-									style="width: 100%"
-									placeholder="请选择物料单位">
-									<el-option
-										v-for="dict in getDictDatas('unit_dict')"
-										:key="dict.value"
-										:label="dict.label"
-										:value="dict.value" />
-								</el-select>
-							</el-form-item>
-						</el-col>
-						<el-col :span="12">
-							<el-form-item label="备注" prop="remark">
-								<el-input v-model="dataForm.remark" :disabled="isdetail" clearable placeholder="请输入备注" />
-							</el-form-item>
-						</el-col>
-					</el-row>
-				</el-form>
-			</div>
-			
-			<div class="attr-list" v-if="idAttrShow">
-				<small-title
-					style="margin: 16px 0; padding-left: 8px"
-					:no-padding="true">
-					物料属性
-				</small-title>
-
-				<div v-if="!isdetail" class="action_btn">
-          <template>
-            <span style="display: inline-block;">
-              <el-button type="text" @click="addNew()" icon="el-icon-plus">新增</el-button>
-            </span>
-          </template>
-        </div>
-				<base-table
-					:table-props="tableProps"
-					:page="listQuery.pageNo"
-					:limit="listQuery.pageSize"
-					:table-data="materialAttrList">
-					<method-btn
-						v-if="!isdetail"
-						slot="handleBtn"
-						:width="120"
-						label="操作"
-						:method-list="tableBtn"
-						@clickBtn="handleClick" />
-				</base-table>
-				<pagination
-					v-show="listQuery.total > 0"
-					:total="listQuery.total"
-					:page.sync="listQuery.pageNo"
-					:limit.sync="listQuery.pageSize"
-					:page-sizes="[5, 10, 15]"
-					@pagination="getList" />
-			</div>
-
-			<div v-if="!isdetail" class="drawer-body__footer">
-				<el-button style="" @click="goback()">取消</el-button>
-				<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
-			</div>
-
-		</div>
-
-		<attr-add
-			v-if="addOrUpdateVisible"
-			ref="addOrUpdate"
-			:material-id="dataForm.id"
-			@refreshDataList="getList" />
-	</el-drawer>
+	<el-form
+		:model="dataForm"
+		:rules="dataRule"
+		ref="dataForm"
+		@keyup.enter.native="dataFormSubmit()"
+		label-width="100px"
+		label-position="top">
+		<el-row :gutter="20">
+			<el-col :span="8">
+				<el-form-item label="物料产品名称" prop="name">
+					<el-input
+						v-model="dataForm.name"
+						clearable
+						placeholder="请输入物料产品名称" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="8">
+				<el-form-item label="物料产品编码" prop="code">
+					<el-input
+						v-model="dataForm.code"
+						clearable
+						placeholder="请输入物料产品编码" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="8">
+				<el-form-item label="物料产品类型" prop="typeId">
+					<treeselect
+						v-model="dataForm.typeId"
+						:options="deptOptions"
+						:normalizer="normalizer"
+						@select="setShowTime"
+						:show-count="true"
+						:appendToBody="true"
+						z-index="99999"
+						placeholder="选择物料产品类型" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="8">
+				<el-form-item label="单位" prop="unit">
+					<el-select
+						v-model="dataForm.unit"
+						filterable
+						style="width: 100%"
+						placeholder="请选择单位">
+						<el-option
+							v-for="dict in getDictDatas(DICT_TYPE.UNIT_DICT)"
+							:key="dict.value"
+							:label="dict.label"
+							:value="dict.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="8">
+				<el-form-item label="规格" prop="specifications">
+					<el-input
+						v-model="dataForm.specifications"
+						clearable
+						placeholder="请输入规格" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="8">
+				<el-form-item label="供应商" prop="supplierId">
+					<el-select
+						v-model="dataForm.supplierId"
+						filterable
+						clearable
+						:style="{ width: '100%' }"
+						placeholder="请选择供应商">
+						<el-option
+							v-for="item in supplierArr"
+							:key="item.id"
+							:label="item.name"
+							:value="item.id"></el-option>
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="8" v-if="showTime">
+				<el-form-item label="生产单位用时" prop="processTime">
+					<el-input
+						v-model.number="dataForm.processTime"
+						type="number"
+						clearable
+						placeholder="请输入产线生产单位用时" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="8">
+				<el-form-item label="备注" prop="remark">
+					<el-input
+						v-model="dataForm.remark"
+						clearable
+						placeholder="请输入备注" />
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
 </template>
 
 <script>
 import basicAdd from '../../core/mixins/basic-add';
-import { createMaterial, updateMaterial, getMaterial, getCode, getSupplierList, getMaterialAttrList, deleteMaterialAttr } from "@/api/base/material";
-import { listData } from "@/api/system/dict/data";
-import SmallTitle from './SmallTitle';
-import { parseTime } from '../../core/mixins/code-filter';
-import attrAdd from './attr-add';
-import { getDictDatas } from "@/utils/dict";
-
-const tableBtn = [
-	{
-		type: 'edit',
-		btnName: '编辑',
-	},
-	{
-		type: 'delete',
-		btnName: '删除',
-	},
-];
-const tableProps = [
-	{
-		prop: 'createTime',
-		label: '添加时间',
-		filter: parseTime,
-	},
-	{
-		prop: 'attrName',
-		label: '属性名',
-	},
-	{
-		prop: 'attrValue',
-		label: '属性值',
-	},
-];
+import { getTreeArr } from '../mixins/code-filter';
+import {
+	createProductMaterial,
+	updateProductMaterial,
+	getProductMaterial,
+	getProductMaterialCode,
+	getSupplierList,
+	getMaterialTree,
+} from '@/api/base/material';
+import Treeselect from '@riophae/vue-treeselect';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 
 export default {
 	mixins: [basicAdd],
-	components: { SmallTitle, attrAdd },
+	components: {
+		Treeselect,
+	},
 	data() {
 		return {
-			tableBtn,
-			tableProps,
-			addOrUpdateVisible: false,
 			urlOptions: {
-			  isGetCode: true,
-        codeURL: getCode,
-				createURL: createMaterial,
-				updateURL: updateMaterial,
-				infoURL: getMaterial,
-			},
-			listQuery: {
-				pageSize: 10,
-				pageNo: 1,
-				total: 0,
+				isGetCode: true,
+				codeURL: getProductMaterialCode,
+				createURL: createProductMaterial,
+				updateURL: updateProductMaterial,
+				infoURL: getProductMaterial,
 			},
+			deptOptions: undefined,
+			showTime: false,
 			dataForm: {
-        id: undefined,
-        code: undefined,
-        name: '',
-				engName: '',
-				type: '',
-        spec: undefined,
+				id: undefined,
+				code: undefined,
+				name: '',
+				typeId: undefined,
+				unit: undefined,
+				specifications: undefined,
 				supplierId: undefined,
-        remark: undefined,
-				unit: ''
+				processTime: 0,
+				remark: undefined,
 			},
-			materialList: [],
-			supplierList: [],
-			materialAttrList: [],
-			unitList: [],
-			visible: false,
-			isdetail: false,
-			idAttrShow: false,
+			supplierArr: [],
+			treeArr: [],
 			dataRule: {
-        code: [{ required: true, message: "物料编码不能为空", trigger: "blur" }],
-        name: [{ required: true, message: "物料名称不能为空", trigger: "blur" }],
-				type: [{ required: true, message: "物料类型不能为空", trigger: "blur" }]
-      }
+				code: [{ required: true, message: '编号不能为空', trigger: 'blur' }],
+				name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
+				typeId: [
+					{
+						required: true,
+						message: '物料产品类型不能为空',
+						trigger: 'blur',
+					},
+				],
+			},
 		};
 	},
-	mounted() {
-		this.getDict()
-	},
+	mounted() {},
 	methods: {
-		async getDict() {
-			// 物料类型列表
-			const res = await listData({
-				pageNo: 1,
-        pageSize: 99,
-        dictType: 'material_type',
-			});
-			this.materialList = res.data.list.map(item => {
-				return {
-					label: item.label,
-					value: Number(item.value)
-				}
-			});
-			// 供应商列表
-			const supplierRes = await getSupplierList();
-			this.supplierList = supplierRes.data;
-			// 物料单位列表
-			// const unitRes = await listData({
-			// 	pageNo: 1,
-      //   pageSize: 99,
-      //   dictType: 'goods_unit',
-			// });
-			// this.unitList = unitRes.data.list.map(item => {
-			// 	return {
-			// 		label: item.label,
-			// 		value: Number(item.value)
-			// 	}
-			// });
-		},
-		initData() {
-			this.materialAttrList.splice(0);
-			this.listQuery.total = 0;
-		},
-		handleClick(raw) {
-			if (raw.type === 'delete') {
-				this.$confirm(
-					`是否确认删除属性名为"${raw.data.attrName}"的数据项?`,
-					'提示',
-					{
-						confirmButtonText: '确定',
-						cancelButtonText: '取消',
-						type: 'warning',
-					}
-				)
-					.then(() => {
-						deleteMaterialAttr(raw.data.id).then(({ data }) => {
-							this.$message({
-								message: '操作成功',
-								type: 'success',
-								duration: 1500,
-								onClose: () => {
-									this.getList();
-								},
-							});
-						});
-					})
-					.catch(() => {});
-			} else {
-				this.addNew(raw.data.id);
-			}
-		},
-		getList() {
-			// 获取物料的属性列表
-			getMaterialAttrList({
-				...this.listQuery,
-				materialId: this.dataForm.id,
-			}).then((response) => {
-				this.materialAttrList = response.data.list;
-				this.listQuery.total = response.data.total;
-			});
-		},
-		init(id, isdetail) {
-			this.initData();
-			this.isdetail = isdetail || false;
-			this.dataForm.id = id || undefined;
+		init(id) {
+			this.dataForm.id = id || '';
 			this.visible = true;
-			if (id) {
-				this.idAttrShow = true
-			} else {
-				this.idAttrShow = false
-			}
-
 			this.$nextTick(() => {
 				this.$refs['dataForm'].resetFields();
-
 				if (this.dataForm.id) {
-					// 获取物料详情
-					this.urlOptions.infoURL(id).then(response => {
-            this.dataForm = response.data;
-						if (this.dataForm.unit) {
-							this.dataForm.unit = String(this.dataForm.unit)
-						}
-          });
-					// 获取物料的属性列表
-					this.getList();
+					this.urlOptions.infoURL(id).then((response) => {
+						this.dataForm = response.data;
+						this.setDataForm();
+					});
 				} else {
 					if (this.urlOptions.isGetCode) {
-            this.getCode()
-          }
+						this.getCode();
+						this.setDataForm();
+					}
 				}
 			});
 		},
-		// 表单提交
-    dataFormSubmit() {
-      this.$refs["dataForm"].validate((valid) => {
-        if (!valid) {
-          return false;
-        }
-        // 修改的提交
-        if (this.dataForm.id) {
-          this.urlOptions.updateURL(this.dataForm).then(response => {
-            this.$modal.msgSuccess("修改成功");
-						this.visible = false
-            this.$emit("refreshDataList");
-          });
-          return;
-        }
-        // 添加的提交
-        this.urlOptions.createURL(this.dataForm).then(response => {
-          this.$modal.msgSuccess("新增成功");
-					this.idAttrShow = true
-          this.$emit("refreshDataList");
-        });
-      });
-    },
-		goback() {
-			this.$emit('refreshDataList');
-			this.visible = false;
-			// this.initData();
-		},
-		goEdit() {
-			this.isdetail = false;
-		},
-		// 新增 / 修改
-		addNew(id) {
-			this.addOrUpdateVisible = true;
+		typeId(typeId, product) {
 			this.$nextTick(() => {
-				this.$refs.addOrUpdate.init(id);
+				this.dataForm.typeId = typeId || undefined;
+				this.showTime = product || false;
 			});
-		}
-	}
+		},
+		setDataForm() {
+			getSupplierList().then((res) => {
+				this.supplierArr = res.data;
+			});
+			// 下拉树结构
+			getMaterialTree().then((response) => {
+				this.deptOptions = [];
+				this.deptOptions.push(...this.handleTree(response.data, 'id'));
+				this.$nextTick(() => {
+					if (this.dataForm.id) {
+						this.treeArr = [];
+						this.treeArr = getTreeArr(response.data);//解构，树结构变为普通数组
+						this.showTime = this.treeArr.find(
+							(item) => item.id == this.dataForm.typeId
+						).product;
+					}
+				});
+			});
+		},
+		/** 转换菜单数据结构 */
+		normalizer(node) {
+			if (node.children && !node.children.length) {
+				delete node.children;
+			}
+			return {
+				id: node.id,
+				label: node.name,
+				children: node.children,
+			};
+		},
+		setShowTime(node) {
+			this.showTime = node.product || false;
+		},
+	},
 };
 </script>
-<style scoped>
-.drawer >>> .el-drawer {
-	border-radius: 8px 0 0 8px;
-	display: flex;
-	flex-direction: column;
-}
-
-.drawer >>> .el-form-item__label {
-	padding: 0;
-}
-
-.drawer >>> .el-drawer__header {
-	margin: 0;
-	padding: 32px 32px 24px;
-	border-bottom: 1px solid #dcdfe6;
-}
-.drawer >>> .el-drawer__body {
-	flex: 1;
-	height: 1px;
-	display: flex;
-	flex-direction: column;
-}
-
-.drawer >>> .content {
-	padding: 30px 24px;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	/* height: 100%; */
-}
-
-.drawer >>> .visual-part {
-	flex: 1 auto;
-	max-height: 76vh;
-	overflow: hidden;
-	overflow-y: scroll;
-	padding-right: 10px; /* 调整滚动条样式 */
-}
-
-.drawer >>> .el-form,
-.drawer >>> .attr-list {
-	padding: 0 16px;
-}
-
-.drawer-body__footer {
-	display: flex;
-	justify-content: flex-end;
-	padding: 18px;
-}
-.action_btn {
-  float: right;
-  margin: -40px 15px;
-  font-size: 14px;
-}
-.add {
-	color: #0b58ff;
-}
-</style>
diff --git a/src/views/base/material/attr-add.vue b/src/views/base/material/attr-add.vue
deleted file mode 100644
index a200c3a4..00000000
--- a/src/views/base/material/attr-add.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<template>
-	<el-dialog
-		:visible.sync="visible"
-		:width="'30%'"
-		:append-to-body="true"
-		:close-on-click-modal="false"
-		class="dialog">
-		<template #title>
-			<slot name="title">
-				<div class="titleStyle">
-					{{ !dataForm.id ? '新增' : '编辑' }}
-				</div>
-			</slot>
-		</template>
-
-		<el-form
-			ref="dataForm"
-			:model="dataForm"
-			:rules="dataRule"
-			label-width="70px"
-			@keyup.enter.native="dataFormSubmit()">
-			<el-form-item label="属性名" prop="attrName">
-				<el-input
-					v-model="dataForm.attrName"
-					placeholder="请输入属性名"
-					clearable />
-			</el-form-item>
-			<el-form-item label="属性值" prop="attrValue">
-				<el-input
-					v-model="dataForm.attrValue"
-					placeholder="请输入属性值"
-					clearable />
-			</el-form-item>
-		</el-form>
-
-		<el-row style="text-align: right">
-			<el-button @click="visible = false">取消</el-button>
-			<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
-		</el-row>
-	</el-dialog>
-</template>
-
-<script>
-import {
-	createMaterialAttr,
-	updateMaterialAttr,
-	getMaterialAttr
-} from '@/api/base/material';
-
-export default {
-	props: {
-		materialId: {
-			type: String,
-			default: '',
-		},
-	},
-	data() {
-		return {
-			visible: false,
-			dataForm: {
-				id: undefined,
-				attrName: '',
-				attrValue: '',
-			},
-			dataRule: {
-				attrName: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
-			},
-		};
-	},
-	methods: {
-		init(id) {
-			this.dataForm.id = id || '';
-			this.visible = true;
-			this.$nextTick(() => {
-				this.$refs['dataForm'].resetFields();
-				if (this.dataForm.id) {
-					getMaterialAttr({
-						id: this.dataForm.id
-					}).then((res) => {
-						const { attrName, attrValue } = res.data;
-						this.dataForm.attrName = attrName;
-						this.dataForm.attrValue = attrValue;
-					});
-				}
-			});
-		},
-		// 表单提交
-		dataFormSubmit() {
-			this.$refs['dataForm'].validate((valid) => {
-				if (valid) {
-					// 修改的提交
-					if (this.dataForm.id) {
-						updateMaterialAttr({
-							...this.dataForm,
-							materialId: this.materialId,
-						}).then((response) => {
-							this.$modal.msgSuccess('修改成功');
-							this.visible = false;
-							this.$emit('refreshDataList');
-						});
-						return;
-					}
-					// 添加的提交
-					createMaterialAttr({
-						...this.dataForm,
-						materialId: this.materialId,
-					}).then((response) => {
-						this.$modal.msgSuccess('新增成功');
-						this.visible = false;
-						this.$emit('refreshDataList');
-					});
-				}
-			});
-		},
-	},
-};
-</script>
-
-<style scoped>
-.dialog >>> .el-dialog__body {
-	padding: 30px 24px;
-}
-.dialog >>> .el-dialog__header {
-	font-size: 16px;
-	color: rgba(0, 0, 0, 0.85);
-	font-weight: 500;
-	padding: 13px 24px;
-	border-bottom: 1px solid #e9e9e9;
-}
-.dialog >>> .el-dialog__header .titleStyle::before {
-	content: '';
-	display: inline-block;
-	width: 4px;
-	height: 16px;
-	background-color: #0b58ff;
-	border-radius: 1px;
-	margin-right: 8px;
-	position: relative;
-	top: 2px;
-}
-</style>
diff --git a/src/views/base/material/index.vue b/src/views/base/material/index.vue
index 6f35f2fe..55d0ca72 100644
--- a/src/views/base/material/index.vue
+++ b/src/views/base/material/index.vue
@@ -1,32 +1,135 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-01 14:54:06
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-08 15:12:18
+ * @Description:
+-->
 <template>
-	<div class="app-container">
-		<search-bar
-			:formConfigs="formConfig"
-			ref="searchBarForm"
-			@headBtnClick="buttonClick" />
-		<base-table
-			v-loading="dataListLoading"
-			:table-props="tableProps"
-			:page="listQuery.pageNo"
-			:limit="listQuery.pageSize"
-			:table-data="tableData">
-			<method-btn
-				v-if="tableBtn.length"
-				slot="handleBtn"
-				:width="120"
-				label="操作"
-				:method-list="tableBtn"
-				@clickBtn="handleClick" />
-		</base-table>
-		<pagination
-			:limit.sync="listQuery.pageSize"
-			:page.sync="listQuery.pageNo"
-			:total="listQuery.total"
-			@pagination="getDataList" />
-		<add-or-update
-			v-if="addOrUpdateVisible"
-			ref="addOrUpdate"
-			@refreshDataList="getDataList" />
+	<div style="display: flex; gap: 16px; flex: 1; background: #eff1f6">
+		<div
+			class="app-container"
+			style="background: white; width: 280px; border-radius: 8px">
+			<div class="head-container">
+				<el-input
+					v-model="treeName"
+					placeholder="请输入名称"
+					clearable
+					size="small"
+					prefix-icon="el-icon-search"
+					style="margin-bottom: 20px" />
+			</div>
+			<div class="head-container">
+				<el-tree
+					v-loading="treeLoading"
+					element-loading-text="拼命加载中"
+					element-loading-spinner="el-icon-loading"
+					element-loading-background="rgba(0, 0, 0, 0.8)"
+					:data="deptOptions1"
+					:props="defaultProps"
+					node-key="id"
+					:expand-on-click-node="false"
+					:filter-node-method="filterNode"
+					ref="tree"
+					default-expand-all
+					highlight-current
+					@node-click="handleNodeClick">
+					<span class="custom-tree-node" slot-scope="{ node, data }">
+						<span>{{ node.label }}</span>
+						<span style="float: right" v-if="data.parentId !== -1">
+							<el-button
+								class="btnHover"
+								type="text"
+								icon="el-icon-edit"
+								size="mini"
+								v-if="data.parentId !== 0"
+								@click="() => edit(node, data)" />
+							<el-button
+								class="btnHover"
+								type="text"
+								icon="el-icon-circle-plus-outline"
+								size="mini"
+								@click="() => append(data)" />
+							<el-button
+								class="btnHover"
+								type="text"
+								icon="el-icon-remove-outline"
+								size="mini"
+								v-if="data.parentId !== 0"
+								@click="() => remove(node, data)" />
+						</span>
+					</span>
+				</el-tree>
+			</div>
+		</div>
+
+		<div
+			class="app-container"
+			style="background: #fff; border-radius: 8px; width: 1px; flex: 1">
+			<search-bar
+				:formConfigs="formConfig"
+				ref="searchBarForm"
+				@headBtnClick="buttonClick" />
+			<base-table
+				v-loading="dataListLoading"
+				:table-props="tableProps"
+				:page="listQuery.pageNo"
+				:limit="listQuery.pageSize"
+				:table-data="tableData">
+				<method-btn
+					v-if="tableBtn.length"
+					slot="handleBtn"
+					:width="80"
+					label="操作"
+					:method-list="tableBtn"
+					@clickBtn="handleClick" />
+			</base-table>
+			<pagination
+				:limit.sync="listQuery.pageSize"
+				:page.sync="listQuery.pageNo"
+				:total="listQuery.total"
+				@pagination="getDataList" />
+			<base-dialog
+				:dialogTitle="addOrEditTitle"
+				:dialogVisible="addOrUpdateVisible"
+				@cancel="handleCancel"
+				@confirm="handleConfirm"
+				:before-close="handleCancel"
+				width="50%">
+				<add-or-update
+					ref="addOrUpdate"
+					@refreshDataList="successSubmit"></add-or-update>
+			</base-dialog>
+		</div>
+
+		<!-- 添加或修改菜单对话框 -->
+		<el-dialog :title="title" :visible.sync="open" width="700px">
+			<el-form ref="form" :model="form" :rules="rules" label-width="100px">
+				<el-row>
+					<el-col :span="12">
+						<el-form-item label="父类型">
+							<treeselect
+								v-model="form.parentId"
+								:options="deptOptions"
+								:normalizer="normalizer"
+								:show-count="true"
+								:appendToBody="true"
+								z-index="99999"
+								placeholder="选择父类型" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="名称" prop="name">
+							<el-input v-model="form.name" placeholder="请输入名称" />
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button type="primary" @click="submitForm">确 定</el-button>
+				<el-button @click="cancel">取 消</el-button>
+			</div>
+		</el-dialog>
 	</div>
 </template>
 
@@ -34,97 +137,129 @@
 import AddOrUpdate from './add-or-updata';
 import basicPage from '../../core/mixins/basic-page';
 import { parseTime } from '../../core/mixins/code-filter';
-import {
-	getMaterialPage,
-	deleteMaterial
-} from '@/api/base/material';
-import { listData } from "@/api/system/dict/data";
 import { publicFormatter } from '@/utils/dict';
+import {
+	getProductMaterialPage,
+	deleteProductMaterial,
+	getMaterialTree,
+	createMaterialTree,
+	updateMaterialTree,
+	deleteMaterialTree,
+} from '@/api/base/material';
+import Treeselect from '@riophae/vue-treeselect';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 
 const tableProps = [
 	{
 		prop: 'createTime',
 		label: '添加时间',
-		filter: parseTime
-	},
-	{
-		prop: 'code',
-		label: '物料编码'
+		filter: parseTime,
+		width: 150,
 	},
 	{
 		prop: 'name',
-		label: '物料名称'
+		label: '物料产品名称',
 	},
 	{
-		prop: 'engName',
-		label: '英文名称'
+		prop: 'code',
+		label: '物料产品编码',
 	},
 	{
-		prop: 'type',
-		label: '物料类型',
-		filter: publicFormatter('material_type')
+		prop: 'typeNameChain',
+		label: '物料产品类型',
+	},
+	{
+		prop: 'unit',
+		label: '单位',
+		filter: publicFormatter('unit_dict'),
+		width: 60,
+	},
+	{
+		prop: 'specifications',
+		label: '规格',
 	},
 	{
 		prop: 'supplierName',
-		label: '供应商'
+		label: '供应商',
 	},
 	{
 		prop: 'remark',
-		label: '备注'
-	}
+		label: '备注',
+	},
 ];
 
 export default {
 	mixins: [basicPage],
+	name: '',
+	components: {
+		AddOrUpdate,
+		Treeselect,
+	},
 	data() {
 		return {
+			// 部门树选项
+			treeName: undefined,
+			deptOptions: undefined,
+			deptOptions1: undefined,
+			treeLoading: false,
+			defaultProps: {
+				children: 'children',
+				label: 'name',
+			},
+			// 弹出层标题
+			title: '',
+			// 是否显示弹出层
+			open: false,
+			// 表单参数
+			form: {
+				id: undefined,
+				parentId: undefined,
+				name: undefined,
+				defaultType: false,
+			},
+			// 表单校验
+			rules: {
+				name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
+			},
 			urlOptions: {
-				getDataListURL: getMaterialPage,
-				deleteURL: deleteMaterial
-				// exportURL: exportFactoryExcel,
+				getDataListURL: getProductMaterialPage,
+				deleteURL: deleteProductMaterial,
 			},
 			tableProps,
 			tableBtn: [
-				this.$auth.hasPermi(`base:material:queryAttr`)
-					? {
-							type: 'detail',
-							btnName: '查看属性',
-					  }
-					: undefined,
-				this.$auth.hasPermi(`base:material:update`)
+				this.$auth.hasPermi(`base:core-product:update`)
 					? {
 							type: 'edit',
 							btnName: '编辑',
 					  }
 					: undefined,
-					// this.$auth.hasPermi(`base:material:editAttr`)
-					// ? {
-					// 		type: 'editAttr',
-					// 		btnName: '编辑属性',
-					//   }
-					// : undefined,
-        this.$auth.hasPermi(`base:material:delete`)
+				this.$auth.hasPermi(`base:core-product:delete`)
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
-			].filter((v)=>v),
+			].filter((v) => v),
 			tableData: [],
-			typeList: [],
 			formConfig: [
 				{
 					type: 'input',
-					label: '物料名称',
-					placeholder: '物料名称',
+					label: '物料产品名称',
+					placeholder: '物料产品名称',
 					param: 'name',
 				},
 				{
 					type: 'input',
-					label: '物料编码',
-					placeholder: '物料编码',
+					label: '物料产品编号',
+					placeholder: '物料产品编号',
 					param: 'code',
 				},
+				{
+					type: 'input',
+					label: '物料产品类型',
+					param: 'type',
+					disabled: true,
+				},
 				{
 					type: 'button',
 					btnName: '查询',
@@ -139,63 +274,43 @@ export default {
 					btnName: '新增',
 					name: 'add',
 					color: 'success',
-					plain: true
+					plain: true,
 				},
 			],
 		};
 	},
-	components: {
-		AddOrUpdate,
+	watch: {
+		// 根据名称筛选部门树
+		treeName(val) {
+			this.$refs.tree.filter(val);
+		},
 	},
 	created() {
-		this.getDict()
+		this.getDataList();
+		this.getTreeselect();
 	},
 	methods: {
-		async getDict() {
-			// 物料类型列表
-			const res = await listData({
-				pageNo: 1,
-        pageSize: 99,
-        dictType: 'material_type',
-			});
-			this.typeList = res.data.list.map(item => {
-				return {
-					label: item.label,
-					value: Number(item.value)
-				}
-			});
+		// 删除
+		deleteHandle(id, name, index) {
+			this.$confirm(`是否确认删除物料产品名称为"${name}"的数据项`, '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning',
+			})
+				.then(() => {
+					this.urlOptions.deleteURL(id).then(({ data }) => {
+						this.$message({
+							message: '操作成功',
+							type: 'success',
+							duration: 1500,
+							onClose: () => {
+								this.getDataList();
+							},
+						});
+					});
+				})
+				.catch(() => {});
 		},
-		otherMethods(val) {
-			if (val.type === 'detail') {
-				this.addOrUpdateVisible = true;
-				this.addOrEditTitle = '详情';
-				this.$nextTick(() => {
-					this.$refs.addOrUpdate.init(val.data.id, true);
-				});
-			} else {
-				this.addOrEditTitle = '编辑';
-				this.addOrUpdateVisible = true;
-				this.$nextTick(() => {
-					this.$refs.addOrUpdate.init(val.data.id);
-				});
-			}
-		},
-		// 获取数据列表
-    getDataList() {
-      this.dataListLoading = true;
-      this.urlOptions.getDataListURL(this.listQuery).then(response => {
-        this.tableData = response.data.records.map(item => {
-					this.typeList.filter(t => {
-						if (item.type === t.value) {
-							item.materialType = t.label
-						}
-					})
-					return item
-				});
-        this.listQuery.total = response.data.total;
-        this.dataListLoading = false;
-      });
-    },
 		buttonClick(val) {
 			switch (val.btnName) {
 				case 'search':
@@ -205,19 +320,13 @@ export default {
 					this.listQuery.code = val.code ? val.code : undefined;
 					this.getDataList();
 					break;
-				case 'reset':
-					this.$refs.searchBarForm.resetForm();
-					this.listQuery = {
-						pageSize: 10,
-						pageNo: 1,
-						total: 1,
-					};
-					this.getDataList();
-					break;
 				case 'add':
 					this.addOrEditTitle = '新增';
 					this.addOrUpdateVisible = true;
-					this.addOrUpdateHandle();
+					this.$nextTick(() => {
+						this.$refs.addOrUpdate.init();
+						this.$refs.addOrUpdate.typeId(this.listQuery.typeId,this.listQuery.product);
+					});
 					break;
 				case 'export':
 					this.handleExport();
@@ -226,27 +335,126 @@ export default {
 					console.log(val);
 			}
 		},
-		// 删除
-    deleteHandle(id, name, index) {
-      this.$confirm(`是否删除物料名称为"${name}"的数据项?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.urlOptions.deleteURL(id).then(({ data }) => {
-            this.$message({
-              message: "操作成功",
-              type: "success",
-              duration: 1500,
-              onClose: () => {
-                this.getDataList();
-              },
-            });
-          });
-        })
-        .catch(() => { });
-    }
+
+		/** 树操作 */
+
+		// 查询下拉树结构
+		getTreeselect() {
+			this.treeLoading = true;
+			getMaterialTree().then((response) => {
+				// treeArr[0].push(...this.handleTree(response.data, 'id'));
+				// 处理 deptOptions 参数
+				this.deptOptions = [];
+				this.treeLoading = false;
+				this.deptOptions.push(...this.handleTree(response.data, 'id'));
+				const arr = [{ name: '全部', parentId: -1 }];
+				this.deptOptions1 = arr.concat(this.deptOptions);
+			});
+		},
+		// 筛选节点
+		filterNode(value, data) {
+			if (!value) return true;
+			return data.name.indexOf(value) !== -1;
+		},
+		// 节点单击事件
+		handleNodeClick(data) {
+			this.listQuery.typeId = data.id || undefined;
+			this.listQuery.product = data.product;
+			this.$refs.searchBarForm.formInline.type = data.name || undefined;
+		},
+		// 新增节点
+		append(data) {
+			this.open = true;
+			this.title = '新增物料产品类型';
+			this.form.id = undefined;
+			this.form.parentId = data.id;
+		},
+		// 删除节点
+		remove(node, data) {
+			this.$confirm(`是否确认删除名称为"${data.name}"的数据项`, '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning',
+			})
+				.then(() => {
+					deleteMaterialTree(data.id).then(({ data }) => {
+						this.$message({
+							message: '操作成功',
+							type: 'success',
+							duration: 1500,
+							onClose: () => {
+								this.getTreeselect();
+							},
+						});
+					});
+				})
+				.catch(() => {});
+		},
+		// 编辑节点
+		edit(node, data) {
+			this.open = true;
+			this.title = '编辑物料产品类型';
+			this.form.id = data.id;
+			this.form.name = data.name;
+			this.form.parentId = data.parentId;
+		},
+
+		/** 转换菜单数据结构 */
+		normalizer(node) {
+			if (node.children && !node.children.length) {
+				delete node.children;
+			}
+			return {
+				id: node.id,
+				label: node.name,
+				children: node.children,
+			};
+		},
+		// 取消按钮
+		cancel() {
+			this.open = false;
+			this.reset();
+		},
+		// 表单重置
+		reset() {
+			this.form = {
+				id: undefined,
+				parentId: 0,
+				name: undefined,
+				defaultType: false,
+			};
+			this.resetForm('form');
+		},
+		// 表单提交
+		submitForm() {
+			this.$refs['form'].validate((valid) => {
+				if (!valid) {
+					return false;
+				}
+				// 修改的提交
+				if (this.form.id) {
+					updateMaterialTree(this.form).then((response) => {
+						this.$modal.msgSuccess('修改成功');
+						this.cancel();
+						this.getTreeselect();
+					});
+					return;
+				}
+				// 添加的提交
+				createMaterialTree(this.form).then((response) => {
+					this.$modal.msgSuccess('新增成功');
+					this.cancel();
+					this.getTreeselect();
+				});
+			});
+		},
 	},
 };
 </script>
+
+<style scoped>
+.btnHover:hover {
+	color: #67c23a;
+	transform: scale(1.5);
+}
+</style>
diff --git a/src/views/base/materialProductBom/add-or-updata.vue b/src/views/base/materialProductBom/add-or-updata.vue
index b95d06e1..84846a3a 100644
--- a/src/views/base/materialProductBom/add-or-updata.vue
+++ b/src/views/base/materialProductBom/add-or-updata.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
- * @LastEditors: DY
- * @LastEditTime: 2023-11-27 19:50:36
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-09 09:59:11
  * @Description:
 -->
 <template>
@@ -107,10 +107,9 @@
 
 <script>
 import basicAdd from '../../core/mixins/basic-add';
-import { createMaterialPB, updateMaterialPB, getMaterialPB, getCode, getProList, getProBomList, createMaterialPBDet, updateMaterialPBDet, deleteMaterialPBDet } from "@/api/base/materialProductBom";
-import { getMaterialList } from "@/api/base/material";
-import { listData } from "@/api/system/dict/data";
-import SmallTitle from '../material/SmallTitle';
+import { createMaterialPB, updateMaterialPB, getMaterialPB, getCode, getProBomList, createMaterialPBDet, updateMaterialPBDet, deleteMaterialPBDet } from "@/api/base/materialProductBom";
+import { getMaterialTree,getMaterialList } from '@/api/base/material';
+import SmallTitle from '../coreWorkOrder/SmallTitle';
 import { parseTime } from '../../core/mixins/code-filter';
 import attrAdd from './attr-add';
 import { publicFormatter } from '@/utils/dict';
@@ -183,7 +182,6 @@ export default {
 			productList: [],
 			materialAttrList: [],
 			tableData: [],
-			unitList: [],
 			visible: false,
 			isdetail: false,
 			idAttrShow: false,
@@ -213,7 +211,7 @@ export default {
         if (this.dataForm.id) {
           this.urlOptions.updateURL(this.dataForm).then(response => {
             this.$modal.msgSuccess("修改成功");
-            this.visible = false; 
+            this.visible = false;
             this.$emit("refreshDataList");
           });
           return;
@@ -229,21 +227,14 @@ export default {
       });
     },
 		async getDict() {
-			// 产品列表
-			const proRes = await getProList();
-			this.productList = proRes.data;
-			// 物料单位列表
-			const unitRes = await listData({
-				pageNo: 1,
-        pageSize: 99,
-        dictType: 'unit_dict',
-			});
-			this.unitList = unitRes.data.list.map(item => {
-				return {
-					label: item.label,
-					value: Number(item.value)
-				}
-			});
+			const materRes = await getMaterialTree();
+      let typeId = materRes.data[0].product?materRes.data[0].id:materRes.data[1].id
+      const listQuery= {
+        typeId:typeId
+      }
+			const materData = await getMaterialList(listQuery);
+			this.productList = [];
+			this.productList = materData.data;
 		},
 		initData() {
 			// this.materialAttrList.splice(0);
diff --git a/src/views/base/materialProductBom/attr-add.vue b/src/views/base/materialProductBom/attr-add.vue
index 08c04d92..781da390 100644
--- a/src/views/base/materialProductBom/attr-add.vue
+++ b/src/views/base/materialProductBom/attr-add.vue
@@ -83,7 +83,7 @@
 </template>
 
 <script>
-import { getMaterialList } from '@/api/base/material';
+import { getMaterialTree,getMaterialList } from '@/api/base/material';
 import { createMaterialPBDet, updateMaterialPBDet, getMaterialPBDet } from "@/api/base/materialProductBom";
 
 export default {
@@ -117,8 +117,14 @@ export default {
 	methods: {
 		async getDict() {
 			// 物料列表
-			const res = await getMaterialList();
-			this.materialList = res.data;
+			const materRes = await getMaterialTree();
+      let typeId = materRes.data[0].product?materRes.data[1].id:materRes.data[0].id
+      const listQuery= {
+        typeId:typeId
+      }
+			const materData = await getMaterialList(listQuery);
+			this.materialList = [];
+			this.materialList = materData.data;
 		},
 		init(id) {
 			this.dataForm.id = id || '';
diff --git a/src/views/base/materialUseLog/add-or-updata.vue b/src/views/base/materialUseLog/add-or-updata.vue
index 2d5faf9c..7d950bfe 100644
--- a/src/views/base/materialUseLog/add-or-updata.vue
+++ b/src/views/base/materialUseLog/add-or-updata.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
- * @LastEditors: DY
- * @LastEditTime: 2023-11-27 19:57:23
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-09 09:58:24
  * @Description:
 -->
 <template>
@@ -22,8 +22,7 @@
 						clearable
 						filterable
 						@change="setCode"
-						style="width: 100%"
-					>
+						style="width: 100%">
 						<el-option
 							v-for="dict in materialList"
 							:key="dict.id"
@@ -42,14 +41,13 @@
 				</el-form-item>
 			</el-col>
 			<el-col :span="8">
-				<el-form-item label="批次号" prop="materialDateId">
+				<el-form-item label="物料批次" prop="materialDateId">
 					<el-select
 						v-model="dataForm.materialDateId"
 						clearable
 						filterable
 						placeholder="请选择物料批次"
-						style="width: 100%"
-					>
+						style="width: 100%">
 						<el-option
 							v-for="dict in materialDateList"
 							:key="dict.id"
@@ -81,8 +79,8 @@
 					<el-date-picker
 						v-model="dataForm.useTime"
 						type="datetime"
-						format='yyyy-MM-dd HH:mm:ss'
-         		value-format='timestamp'
+						format="yyyy-MM-dd HH:mm:ss"
+						value-format="timestamp"
 						placeholder="选择日期时间" />
 				</el-form-item>
 			</el-col>
@@ -98,8 +96,8 @@
 						<el-option
 							v-for="dict in workersList"
 							:key="dict.id"
-							:label="dict.name"
-							:value="dict.name" />
+							:label="dict.nickname"
+							:value="dict.nickname" />
 					</el-select>
 				</el-form-item>
 			</el-col>
@@ -107,7 +105,12 @@
 		<el-row :gutter="20">
 			<el-col :span="8">
 				<el-form-item label="使用数量" prop="num">
-					<el-input-number v-model="dataForm.num" clearable controls-position="right" placeholder="请输入使用数量" style="width: 100%" />
+					<el-input-number
+						v-model="dataForm.num"
+						clearable
+						controls-position="right"
+						placeholder="请输入使用数量"
+						style="width: 100%" />
 				</el-form-item>
 			</el-col>
 			<el-col :span="8">
@@ -126,7 +129,10 @@
 			</el-col>
 			<el-col :span="8">
 				<el-form-item label="备注" prop="remark">
-					<el-input v-model="dataForm.remark" clearable placeholder="请输入备注" />
+					<el-input
+						v-model="dataForm.remark"
+						clearable
+						placeholder="请输入备注" />
 				</el-form-item>
 			</el-col>
 		</el-row>
@@ -135,9 +141,15 @@
 
 <script>
 import basicAdd from '../../core/mixins/basic-add';
-import { createMaterialLog, updateMaterialLog, getMaterialLog, getEqListAll, getworkerAll } from "@/api/base/materialUseLog";
-import { getMaterialList } from "@/api/base/material"
-import { getMaterDateList } from "@/api/base/materialDate"
+import {
+	createMaterialLog,
+	updateMaterialLog,
+	getMaterialLog,
+	getEqListAll,
+} from '@/api/base/materialUseLog';
+import { getMaterialTree,getMaterialList } from '@/api/base/material';
+import { getMaterDateList } from '@/api/base/materialDate';
+import { listSimpleUsers } from '@/api/system/user';
 
 export default {
 	mixins: [basicAdd],
@@ -146,115 +158,127 @@ export default {
 			urlOptions: {
 				createURL: createMaterialLog,
 				updateURL: updateMaterialLog,
-				infoURL: getMaterialLog
+				infoURL: getMaterialLog,
 			},
 			dataForm: {
-        id: undefined,
+				id: undefined,
 				materialId: undefined,
-        materialCode: undefined,
+				materialCode: undefined,
 				materialDateId: undefined,
 				equipmentId: undefined,
-        userName: undefined,
+				userName: undefined,
 				userNames: [],
 				useTime: new Date().getTime(),
-        address: undefined,
+				address: undefined,
 				num: 0,
 				source: undefined,
-        remark: undefined
+				remark: undefined,
 			},
 			dataSourceList: [
 				{
 					id: 1,
-					name: '手动'
+					name: '手动',
 				},
 				{
 					id: 2,
-					name: 'PDA'
-				}
+					name: 'PDA',
+				},
 			],
 			materialList: [],
 			materialDateList: [],
 			eqList: [],
 			workersList: [],
 			dataRule: {
-        materialId: [{ required: true, message: "物料不能为空", trigger: "blur" }],
-        materialDateId: [{ required: true, message: "批次号不能为空", trigger: "blur" }],
-				useTime: [{ required: true, message: "使用时间不能为空", trigger: "blur" }],
-				userNames: [{ required: true, message: "操作员不能为空", trigger: "blur" }],
-				num: [{ required: true, message: "使用数量不能为空", trigger: "blur" }]
-      }
+				materialId: [
+					{ required: true, message: '物料不能为空', trigger: 'blur' },
+				],
+				useTime: [
+					{ required: true, message: '使用时间不能为空', trigger: 'blur' },
+				],
+				userNames: [
+					{ required: true, message: '操作员不能为空', trigger: 'blur' },
+				],
+				num: [{ required: true, message: '使用数量不能为空', trigger: 'blur' }],
+			},
 		};
 	},
 	mounted() {
-		this.getDictData()
+		this.getDictData();
 	},
 	methods: {
 		async getDictData() {
-			const materRes = await getMaterialList()
-			this.materialList = materRes.data
-			const dateRes = await getMaterDateList()
-			this.materialDateList = dateRes.data
-			const eqRes = await getEqListAll()
-			this.eqList = eqRes.data
-			const workerRes = await getworkerAll()
-			this.workersList = workerRes.data
+			const materRes = await getMaterialTree();
+      let typeId = materRes.data[0].product?materRes.data[1].id:materRes.data[0].id
+      const listQuery= {
+        typeId:typeId
+      }
+			const materData = await getMaterialList(listQuery);
+			this.materialList = [];
+			this.materialList = materData.data;
+			const dateRes = await getMaterDateList();
+			this.materialDateList = dateRes.data;
+			const eqRes = await getEqListAll();
+			this.eqList = eqRes.data;
+			const workerRes = await listSimpleUsers();
+			this.workersList = workerRes.data;
 		},
 		// 表单提交
-    dataFormSubmit() {
-			this.dataForm.userName = this.dataForm.userNames.join(',')
-      this.$refs["dataForm"].validate((valid) => {
-        if (!valid) {
-          return false;
-        }
-        // 修改的提交
-        if (this.dataForm.id) {
-          this.urlOptions.updateURL(this.dataForm).then(response => {
-            this.$modal.msgSuccess("修改成功");
-            this.visible = false;
-            this.$emit("refreshDataList");
-          });
-          return;
-        }
-        // 添加的提交
-        this.urlOptions.createURL(this.dataForm).then(response => {
-          this.$modal.msgSuccess("新增成功");
-          this.visible = false;
-          this.$emit("refreshDataList");
-        });
-      });
-    },
+		dataFormSubmit() {
+			this.dataForm.userName = this.dataForm.userNames.join(',');
+			this.$refs['dataForm'].validate((valid) => {
+				if (!valid) {
+					return false;
+				}
+				// 修改的提交
+				if (this.dataForm.id) {
+					this.urlOptions.updateURL(this.dataForm).then((response) => {
+						this.$modal.msgSuccess('修改成功');
+						this.visible = false;
+						this.$emit('refreshDataList');
+					});
+					return;
+				}
+				// 添加的提交
+				this.urlOptions.createURL(this.dataForm).then((response) => {
+					this.$modal.msgSuccess('新增成功');
+					this.visible = false;
+					this.$emit('refreshDataList');
+				});
+			});
+		},
 		init(id) {
-      this.dataForm.id = id || undefined;
-      this.visible = true;
+			this.dataForm.id = id || undefined;
+			this.visible = true;
 
-      this.$nextTick(() => {
-        this.$refs["dataForm"].resetFields();
-        if (this.dataForm.id) {
-          this.urlOptions.infoURL(id).then(response => {
-            this.dataForm.id = response.data.id
-						this.dataForm.materialCode = response.data.materialCode
-						this.dataForm.materialId = response.data.materialId
-						this.dataForm.materialDateId = response.data.materialDateId
-						this.dataForm.equipmentId = response.data.equipmentId
-						this.dataForm.useTime = response.data.useTime
+			this.$nextTick(() => {
+				this.$refs['dataForm'].resetFields();
+				if (this.dataForm.id) {
+					this.urlOptions.infoURL(id).then((response) => {
+						this.dataForm.id = response.data.id;
+						this.dataForm.materialCode = response.data.materialCode;
+						this.dataForm.materialId = response.data.materialId;
+						this.dataForm.materialDateId = response.data.materialDateId;
+						this.dataForm.equipmentId = response.data.equipmentId;
+						this.dataForm.useTime = response.data.useTime;
 						// this.dataForm.userName = response.data.userName
-						this.dataForm.num = response.data.num
-						this.dataForm.source = response.data.source
-						this.dataForm.remark = response.data.remark
-						this.dataForm.userNames = response.data.userName.split(',')
-          });
-        } else {}
-      });
-    },
+						this.dataForm.num = response.data.num;
+						this.dataForm.source = response.data.source;
+						this.dataForm.remark = response.data.remark;
+						this.dataForm.userNames = response.data.userName.split(',');
+					});
+				} else {
+				}
+			});
+		},
 		setCode() {
-			const tempMaterial = this.materialList.filter(item =>{
-				return item.id === this.dataForm.materialId
-			})
-			this.dataForm.materialCode = tempMaterial[0].code
-			getMaterDateList({materialId: this.dataForm.materialId}).then(res =>{
-				this.materialDateList = res.data
-			})
-		}
+			const tempMaterial = this.materialList.filter((item) => {
+				return item.id === this.dataForm.materialId;
+			});
+			this.dataForm.materialCode = tempMaterial[0].code;
+			getMaterDateList({ materialId: this.dataForm.materialId }).then((res) => {
+				this.materialDateList = res.data;
+			});
+		},
 	},
 };
 </script>
diff --git a/src/views/base/mixins/basic-page.js b/src/views/base/mixins/basic-page.js
index 06c2b851..28fa3b54 100644
--- a/src/views/base/mixins/basic-page.js
+++ b/src/views/base/mixins/basic-page.js
@@ -1,8 +1,8 @@
 /*
  * @Author: zwq
  * @Date: 2022-08-24 11:19:43
- * @LastEditors: zhp
- * @LastEditTime: 2023-11-24 09:29:36
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-05 10:10:12
  * @Description:
  */
 export default {
@@ -53,11 +53,12 @@ export default {
       this.listQuery.pageNo = val;
       this.getDataList();
     },
-    // 新增 / 修改
-    addOrUpdateHandle(id) {
+    // 新增
+    addOrUpdateHandle() {
+      this.addOrEditTitle = '新增';
       this.addOrUpdateVisible = true;
       this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(id);
+        this.$refs.addOrUpdate.init();
       });
     },
     cancel(id) {
diff --git a/src/views/base/mixins/code-filter.js b/src/views/base/mixins/code-filter.js
index 30c5f12e..96061ff5 100644
--- a/src/views/base/mixins/code-filter.js
+++ b/src/views/base/mixins/code-filter.js
@@ -1,8 +1,8 @@
 
 /*
  * @Date: 2020-12-29 16:49:28
- * @LastEditors: DY
- * @LastEditTime: 2023-09-12 11:13:34
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-08 16:27:39
  * @FilePath: \basic-admin\src\filters\basicData\index.js
  * @Description:
  */
@@ -33,7 +33,7 @@ export function parseTime(time, pattern) {
     if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
       time = parseInt(time)
     } else if (typeof time === 'string') {
-      time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.\d{3}/gm),'');
+      time = time.replace(new RegExp(/-/gm), '/').replace('T', ' ').replace(new RegExp(/\.\d{3}/gm), '');
     }
     if ((typeof time === 'number') && (time.toString().length === 10)) {
       time = time * 1000
@@ -62,6 +62,22 @@ export function parseTime(time, pattern) {
   })
   return time_str
 }
+// 遍历树结构返回数组
+export function getTreeArr(arr) {
+  let result =[]
+  arr.forEach(item => {
+    if(item.children && item.children.length>0){
+      let {children,...obj} = item
+      result.push(obj)
+      result = result.concat(getTreeArr(children))
+    }else{
+      let {children,...obj} = item
+      result.push(obj)
+    }
+  });
+  return result
+}
+
 export default function (dictTable) {
   return function (val) {
     return table?.[dictTable]?.[val]
diff --git a/src/views/equipment/analysis/quality/index.vue b/src/views/equipment/analysis/quality/index.vue
index 0b3512f9..d492cb7b 100644
--- a/src/views/equipment/analysis/quality/index.vue
+++ b/src/views/equipment/analysis/quality/index.vue
@@ -1,4 +1,4 @@
-<!-- 
+<!--
     filename: index.vue
     author: liubin
     date: 2023-09-04 09:34:52
@@ -280,7 +280,7 @@ export default {
 
 		async fillProductOptions() {
 			const { data } = await this.$axios({
-				url: '/base/core-product/listAll',
+				url: '/base/core-product-material/listAll',
 				method: 'get',
 			});
 			const cfg = this.searchBarFormConfig.find(
diff --git a/src/views/equipment/base/config/AlarmGroup/components/BasicDrawer.vue b/src/views/equipment/base/config/AlarmGroup/components/BasicDrawer.vue
index 84f0d9cf..cc60764f 100644
--- a/src/views/equipment/base/config/AlarmGroup/components/BasicDrawer.vue
+++ b/src/views/equipment/base/config/AlarmGroup/components/BasicDrawer.vue
@@ -1,8 +1,8 @@
-<!-- 
+<!--
     filename: EquipmentDrawer.vue
     author: liubin
     date: 2023-08-22 14:38:56
-    description: 
+    description:
 -->
 
 <template>
@@ -383,7 +383,7 @@ export default {
 
 		// 新增属性
 		handleAddAttr() {
-			if (!this.dataId) return this.$message.error('请先创建设备分组信息');
+			if (!this.dataId) return this.$message.warning('请先创建设备分组信息');
 			this.attrForm = {
 				id: null,
 				equipmentGroupId: this.dataId,
diff --git a/src/views/equipment/base/config/BindGroup/components/BasicDrawer.vue b/src/views/equipment/base/config/BindGroup/components/BasicDrawer.vue
index f5a87fbf..1480bbc7 100644
--- a/src/views/equipment/base/config/BindGroup/components/BasicDrawer.vue
+++ b/src/views/equipment/base/config/BindGroup/components/BasicDrawer.vue
@@ -1,8 +1,8 @@
-<!-- 
+<!--
     filename: EquipmentDrawer.vue
     author: liubin
     date: 2023-08-22 14:38:56
-    description: 
+    description:
 -->
 
 <template>
@@ -382,7 +382,7 @@ export default {
 
 		// 新增属性
 		handleAddAttr() {
-			if (!this.dataId) return this.$message.error('请先创建设备分组信息');
+			if (!this.dataId) return this.$message.warning('请先创建设备分组信息');
 			this.attrForm = {
 				id: null,
 				equipmentGroupId: this.dataId,
diff --git a/src/views/equipment/timing-diagram/output/index.vue b/src/views/equipment/timing-diagram/output/index.vue
index 5b4f6ec1..75f4e857 100644
--- a/src/views/equipment/timing-diagram/output/index.vue
+++ b/src/views/equipment/timing-diagram/output/index.vue
@@ -1,4 +1,4 @@
-<!-- 
+<!--
     filename: index.vue
     author: liubin
     date: 2023-09-04 09:34:52
@@ -270,7 +270,7 @@ export default {
 			switch (btnName) {
 				case 'search':
 					if (!payload.recordTime || payload.recordTime.length <= 0) {
-						this.$message.error('请选择时间段');
+						this.$message.warning('请选择时间段');
 						return;
 					}
 					this.startTime = new Date(payload.recordTime).getTime();
@@ -493,7 +493,7 @@ export default {
 			if (code == 0) {
 				const newEqlist = this.objectToArray(data);
 				if (!newEqlist || newEqlist.length == 0) {
-					this.$message.error('该设备没有产量数据');
+					this.$message.warning('该设备没有产量数据');
 					return;
 				}
 				this.graphList.push(...newEqlist);
diff --git a/src/views/equipment/timing-diagram/status/index.vue b/src/views/equipment/timing-diagram/status/index.vue
index 2c639b08..7799c629 100644
--- a/src/views/equipment/timing-diagram/status/index.vue
+++ b/src/views/equipment/timing-diagram/status/index.vue
@@ -1,4 +1,4 @@
-<!-- 
+<!--
     filename: index.vue
     author: liubin
     date: 2023-09-04 09:34:52
@@ -338,7 +338,7 @@ export default {
 			switch (btnName) {
 				case 'search':
 					if (!payload.recordTime || payload.recordTime.length <= 0) {
-						this.$message.error('请选择时间段');
+						this.$message.warning('请选择时间段');
 						return;
 					}
 
@@ -373,7 +373,7 @@ export default {
 
 		async submitForm() {
 			if (this.existingEquipments.indexOf(this.queryParams.equipmentId) >= 0) {
-				this.$message.error('该设备已存在');
+				this.$message.warning('该设备已存在');
 				return;
 			}
 			const { code, data } = await this.$axios({
@@ -387,7 +387,7 @@ export default {
 			if (code == 0) {
 				const newEqlist = this.objectToArray(data);
 				if (!newEqlist || newEqlist.length == 0) {
-					this.$message.error('该设备没有状态数据');
+					this.$message.warning('该设备没有状态数据');
 					return;
 				}
 				this.graphList.push(newEqlist[0]);
diff --git a/src/views/extend/processEquMaterialBom/add-or-updata.vue b/src/views/extend/processEquMaterialBom/add-or-updata.vue
index fe1d6c57..77800735 100644
--- a/src/views/extend/processEquMaterialBom/add-or-updata.vue
+++ b/src/views/extend/processEquMaterialBom/add-or-updata.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: zwq
  * @Date: 2021-11-18 14:16:25
- * @LastEditors: zhp
- * @LastEditTime: 2023-11-28 10:03:20
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-09 13:40:03
  * @Description:
 -->
 <template>
diff --git a/src/views/extend/processEquMaterialBom/attr-add.vue b/src/views/extend/processEquMaterialBom/attr-add.vue
index d6caf715..1c5e323d 100644
--- a/src/views/extend/processEquMaterialBom/attr-add.vue
+++ b/src/views/extend/processEquMaterialBom/attr-add.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: zhp
  * @Date: 2023-11-08 15:30:27
- * @LastEditTime: 2023-11-23 14:27:59
- * @LastEditors: zhp
+ * @LastEditTime: 2024-07-09 13:29:06
+ * @LastEditors: zwq
  * @Description:
 -->
 <template>
@@ -42,8 +42,8 @@ import {
   getProcessEquMaterialBomDet,
   createProcessEquMaterialBomDetList,
   updateProcessEquMaterialBomDet,
-  getMaterialList
 } from '@/api/extend/processEquMaterialBom';
+import { getMaterialTree,getMaterialList } from '@/api/base/material';
 
 export default {
 	props: {
@@ -94,12 +94,16 @@ export default {
 				}
 			});
     },
-    getDict() {
-      getMaterialList().then((res) => [
-        this.materialList = res.data,
-        console.log(res)
-      ])
-    },
+		async getDict() {
+			const materRes = await getMaterialTree();
+      let typeId = materRes.data[0].product?materRes.data[1].id:materRes.data[0].id
+      const listQuery= {
+        typeId:typeId
+      }
+			const materData = await getMaterialList(listQuery);
+			this.materialList = [];
+			this.materialList = materData.data;
+		},
 		// 表单提交
 		dataFormSubmit() {
 			this.$refs['dataForm'].validate((valid) => {
diff --git a/src/views/group/base/groupClasses/components/groupClassAdd.vue b/src/views/group/base/groupClasses/components/groupClassAdd.vue
index e25a79c9..05f8fcaa 100644
--- a/src/views/group/base/groupClasses/components/groupClassAdd.vue
+++ b/src/views/group/base/groupClasses/components/groupClassAdd.vue
@@ -12,32 +12,6 @@
         </el-form-item>
       </el-col>
     </el-row>
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="生效时间" prop="enableTime">
-          <el-date-picker
-          v-model="form.enableTime"
-          type="datetime"
-          placeholder="选择日期时间"
-          label-format="yyyy-MM-dd HH:mm:ss"
-          value-format="timestamp"
-          style="width: 100%;">
-        </el-date-picker>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="失效时间" prop="disableTime">
-          <el-date-picker
-            v-model="form.disableTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            label-format="yyyy-MM-dd HH:mm:ss"
-            value-format="timestamp"
-            style="width: 100%;">
-          </el-date-picker>
-        </el-form-item>
-      </el-col>
-    </el-row>
     <el-row>
       <el-col :span="12">
         <el-form-item label="班次开始时间" prop="startTime">
@@ -91,8 +65,6 @@ export default {
         id: '',
         name: '',
         code: '',
-        enableTime: '',
-        disableTime: '',
         startTime: '',
         endTime: '',
         daySpan: '',
@@ -101,7 +73,6 @@ export default {
       isEdit: false, //是否是编辑
       rules: {
         name: [{ required: true, message: '请输入班组名称', trigger: 'blur' }],
-        enableTime: [{ required: true, message: '请选择班次开始时间', trigger: 'change' }],
         code: [{ required: true, message: '请输入编码', trigger: 'blur' }],
         startTime: [{ required: true, message: '请输入生效时间', trigger: 'change' }],
         endTime: [{ required: true, message: '请选择班次结束时间', trigger: 'change' }]
@@ -116,7 +87,6 @@ export default {
         getGroupClasses(id).then((res) => {
           if (res.code === 0) {
             this.form = res.data
-            this.form.disableTime = res.data.disableTime || ''
           }
         })
       } else {
@@ -146,7 +116,6 @@ export default {
     submitForm() {
       this.$refs['form'].validate((valid) => {
         if (valid) {
-          this.form.disableTime = this.form.disableTime || ''
           if (this.isEdit) {
             //编辑
             updateGroupClasses({ ...this.form }).then((res) => {
diff --git a/src/views/group/base/groupClasses/components/statusBtn.vue b/src/views/group/base/groupClasses/components/statusBtn.vue
new file mode 100644
index 00000000..b57fbbf2
--- /dev/null
+++ b/src/views/group/base/groupClasses/components/statusBtn.vue
@@ -0,0 +1,52 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-01 14:53:55
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-10 10:28:05
+ * @Description:
+-->
+<template>
+  <el-switch v-model="state" type="text" size="small" :disabled="readonly" @change="changeHandler" />
+</template>
+
+<script>
+export default {
+  props: {
+    injectData: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      state: false
+    }
+  },
+  computed: {
+    readonly() {
+      return !!this.injectData.readonly
+    }
+  },
+  mounted() {
+    this.mapToState()
+  },
+  methods: {
+    mapToState() {
+      if (this.injectData.prop === 'enabled') {
+        this.state = this.injectData.enabled === 1 ? true : false
+      }
+    },
+    changeHandler() {
+      let params = {}
+      let payload = {}
+      params.name = 'state'
+      payload.id = this.injectData.id
+      payload.enabled = this.state ? '1' : '0'
+      payload.startTime = this.injectData.startTime
+      payload.endTime = this.injectData.endTime
+      params.payload = payload
+      this.$emit('emitData', params)
+    }
+  }
+}
+</script>
diff --git a/src/views/group/base/groupClasses/index.vue b/src/views/group/base/groupClasses/index.vue
index a38f97c7..49e47f3b 100644
--- a/src/views/group/base/groupClasses/index.vue
+++ b/src/views/group/base/groupClasses/index.vue
@@ -1,262 +1,263 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-01 14:53:55
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-12 16:19:13
+ * @Description:
+-->
 <template>
-  <div class="app-container">
-
-    <!-- 搜索工作栏 -->
-    <search-bar
-      :formConfigs="formConfig"
-      ref="searchBarForm"
-      @headBtnClick="buttonClick"
-    />
-    <!-- 列表 -->
-    <base-table
-      :page="queryParams.pageNo"
-      :limit="queryParams.pageSize"
-      :table-props="tableProps"
-      :table-data="list"
-      :max-height="tableH"
-    >
-      <method-btn
-        v-if="tableBtn.length"
-        slot="handleBtn"
-        :width="120"
-        label="操作"
-        :method-list="tableBtn"
-        @clickBtn="handleClick"
-      />
-    </base-table>
-    <pagination
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      :total="total"
-      @pagination="getList"
-    />
-    <!-- 新增 -->
-    <base-dialog
-      :dialogTitle="addOrEditTitle"
-      :dialogVisible="centervisible"
-      @cancel="handleCancel"
-      @confirm="handleConfirm"
-      :before-close="handleCancel"
-      width='50%'
-    >
-      <group-class-add ref="classList" @successSubmit="successSubmit" />
-    </base-dialog>
-  </div>
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<!-- 列表 -->
+		<base-table
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-props="tableProps"
+			:table-data="list"
+			:max-height="tableH"
+			@emitFun="handleTableEvents">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				:width="120"
+				label="操作"
+				:method-list="tableBtn"
+				@clickBtn="handleClick" />
+		</base-table>
+		<pagination
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			:total="total"
+			@pagination="getList" />
+		<!-- 新增 -->
+		<base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="centervisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel"
+			width="50%">
+			<group-class-add ref="classList" @successSubmit="successSubmit" />
+		</base-dialog>
+	</div>
 </template>
 
 <script>
-import { getGroupClassesPage, deleteGroupClasses, updateGroupClasses } from "@/api/base/groupClasses";
-import GroupClassAdd from './components/groupClassAdd.vue'
-import { formatDate } from '@/utils'
+import {
+	getGroupClassesPage,
+	deleteGroupClasses,
+	updateGroupClasses,
+} from '@/api/base/groupClasses';
+import GroupClassAdd from './components/groupClassAdd.vue';
+import StatusBtn from './components/statusBtn';
 const tableProps = [
-  {
-    prop: 'enableTimeStr',
-    label: '生效时段',
-    minWidth: 300
-  },
-  {
-    prop: 'name',
-    label: '班次名称'
-  },
-  {
-    prop: 'timeStr',
-    label: '班次时间',
-    minWidth: 100
-  },
-  {
-    prop: 'code',
-    label: '班次编码',
-    minWidth: 200
-  },
-  {
-    prop: 'status',
-    label: '班次状态'
-  },
-  {
-    prop: 'remark',
-    label: '备注'
-  }
-]
+	{
+		prop: 'name',
+		label: '班次名称',
+	},
+	{
+		prop: 'timeStr',
+		label: '班次时间',
+		minWidth: 100,
+	},
+	{
+		prop: 'code',
+		label: '班次编码',
+		minWidth: 200,
+	},
+	{
+		prop: 'enabled',
+		label: '班次状态',
+		subcomponent: StatusBtn,
+	},
+	{
+		prop: 'remark',
+		label: '备注',
+	},
+];
 export default {
-  name: "GroupClass",
-  components: { GroupClassAdd },
-  data() {
-    return {
-      formConfig: [
-        {
-          type: 'input',
-          label: '班次名称',
-          placeholder: '班次名称',
-          param: 'name'
-        },
-        {
-          type: 'button',
-          btnName: '查询',
-          name: 'search',
-          color: 'primary'
-        },
-        {
-          type: 'separate'
-        },
-        {
-          type: this.$auth.hasPermi('base:group-classes:create') ? 'button' : '',
-          btnName: '新增',
-          name: 'add',
-          color: 'success',
-          plain: true
-        }
-      ],
-      tableProps,
-      tableBtn: [
-      this.$auth.hasPermi('base:group-classes:cancel')
-          ? {
-              type: 'cancel',
-              btnName: '作废',
-              showParam: {
-                type: '&',
-                data: [
-                  {
-                    type: 'unequal',
-                    name: 'status',
-                    value: '不可用'
-                  }
-                ]
-              }
-            }
-          : undefined,
-        this.$auth.hasPermi('base:group-classes:update')
-          ? {
-              type: 'edit',
-              btnName: '编辑'
-            }
-          : undefined,
-        this.$auth.hasPermi('base:group-classes:delete')
-          ? {
-              type: 'delete',
-              btnName: '删除'
-            }
-          : undefined
-      ].filter((v) => v),
-      tableH: this.tableHeight(260),
-      // 总条数
-      total: 0,
-      // 班次基础信息列表
-      list: [],
-      // 弹出层标题
-      addOrEditTitle: "",
-      // 是否显示弹出层
-      centervisible: false,
-      // 查询参数
-      queryParams: {
-        pageNo: 1,
-        pageSize: 20,
-        name: null
-      }
-    };
-  },
-  created() {
-    window.addEventListener('resize', () => {
-      this.tableH = this.tableHeight(260)
-    })
-    this.getList()
-  },
-  methods: {
-    buttonClick(val) {
-      switch (val.btnName) {
-        case 'search':
-          this.queryParams.pageNo = 1;
-          this.queryParams.name = val.name
-          this.getList()
-          break
-        default:
-          this.addOrEditTitle = '新增'
-          this.centervisible = true
-          this.$nextTick(() => {
-            this.$refs.classList.init()
-          })
-      }
-    },
-    /** 查询列表 */
-    getList() {
-      getGroupClassesPage(this.queryParams).then(res => {
-        if (res.code === 0 && res.data.list.length > 0) {
-          res.data.list.map(item => {
-            item.enableTimeStr = formatDate(item.enableTime) + '至' + (item.disableTime ? formatDate(item.disableTime) : '永久')
-            item.timeStr = item.startTime.slice(0, 5) + '-' + item.endTime.slice(0, 5)
-            item.status = item.status === true ? '可用' : '不可用'
-          })
-          this.list = res.data.list;
-          this.total = res.data.total;
-        } else {
-          this.list = []
-          this.total = 0
-        }
-      });
-    },
-    handleClick(val) {
-      switch (val.type) {
-        case 'edit':
-          this.addOrEditTitle = '编辑'
-          this.$nextTick(() => {
-            this.$refs.classList.init(val.data.id)
-          })
-          this.centervisible = true
-          break
-        case 'cancel':
-          this.discard(val.data)
-          break
-        default:
-        this.handleDelete(val.data)
-      }
-    },
-    handleCancel() {
-      this.$refs.classList.formClear()
-      this.centervisible = false
-      this.addOrEditTitle = ''
-    },
-    handleConfirm() {
-      this.$refs.classList.submitForm()
-    },
-    successSubmit() {
-      this.handleCancel()
-      this.getList()
-    },
-    discard(row) {
-      let obj = {}
-      obj.id = row.id
-      obj.startTime = row.startTime
-      obj.endTime = row.endTime
-      obj.enableTime = row.enableTime
-      obj.disableTime = Date.parse(new Date())
-      this.$modal.confirm('是否确认作废班次名称为"' + row.name + '"的数据项?').then(function() {
-          return updateGroupClasses({ ...obj })
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("操作成功");
-        }).catch(() => {});
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      console.log(row)
-      let _this = this
-      if (row.status === '可用') {// 可用
-        _this.$modal.confirm('删除的班次"' + row.name + '"可能会影响交接班计划，请点取消再次确认！').then(function() {
-          return _this.$modal.confirm('是否确认删除班次名称为"' + row.name + '"的数据项?').then(function() {
-              return deleteGroupClasses(row.id);
-            }).then(() => {
-              _this.getList();
-              _this.$modal.msgSuccess("删除成功");
-            }).catch(() => {});
-          })
-      } else {
-        _this.$modal.confirm('是否确认删除班次名称为"' + row.name + '"的数据项?').then(function() {
-            return deleteGroupClasses(row.id);
-          }).then(() => {
-            _this.getList();
-            _this.$modal.msgSuccess("删除成功");
-          }).catch(() => {});
-      }
-    }
-  }
+	name: 'GroupClass',
+	components: { GroupClassAdd },
+	data() {
+		return {
+			formConfig: [
+				{
+					type: 'input',
+					label: '班次名称',
+					placeholder: '班次名称',
+					param: 'name',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi('base:group-classes:create')
+						? 'button'
+						: '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true,
+				},
+			],
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi('base:group-classes:update')
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi('base:group-classes:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			tableH: this.tableHeight(260),
+			// 总条数
+			total: 0,
+			// 班次基础信息列表
+			list: [],
+			// 弹出层标题
+			addOrEditTitle: '',
+			// 是否显示弹出层
+			centervisible: false,
+			// 查询参数
+			queryParams: {
+				pageNo: 1,
+				pageSize: 20,
+				name: null,
+			},
+		};
+	},
+	created() {
+		window.addEventListener('resize', () => {
+			this.tableH = this.tableHeight(260);
+		});
+		this.getList();
+	},
+	methods: {
+		buttonClick(val) {
+			switch (val.btnName) {
+				case 'search':
+					this.queryParams.pageNo = 1;
+					this.queryParams.name = val.name;
+					this.getList();
+					break;
+				default:
+					this.addOrEditTitle = '新增';
+					this.centervisible = true;
+					this.$nextTick(() => {
+						this.$refs.classList.init();
+					});
+			}
+		},
+		// 班组状态
+		handleTableEvents(params) {
+			if (params.name === 'state') {
+				// 班组状态
+				updateGroupClasses({ ...params.payload })
+					.then((res) => {
+						if (res.code === 0) {
+							this.$modal.msgSuccess('操作成功');
+							this.getList();
+						}
+					})
+					.catch((res) => {
+						this.getList();
+					});
+			}
+		},
+		/** 查询列表 */
+		getList() {
+			getGroupClassesPage(this.queryParams).then((res) => {
+				if (res.code === 0 && res.data.list && res.data.list.length > 0) {
+					res.data.list.map((item) => {
+						item.timeStr =
+							item.startTime.slice(0, 5) + '-' + item.endTime.slice(0, 5);
+					});
+					this.list = res.data.list;
+					this.total = res.data.total;
+				} else {
+					this.list = [];
+					this.total = 0;
+				}
+			});
+		},
+		handleClick(val) {
+			switch (val.type) {
+				case 'edit':
+					this.addOrEditTitle = '编辑';
+					this.$nextTick(() => {
+						this.$refs.classList.init(val.data.id);
+					});
+					this.centervisible = true;
+					break;
+				default:
+					this.handleDelete(val.data);
+			}
+		},
+		handleCancel() {
+			this.$refs.classList.formClear();
+			this.centervisible = false;
+			this.addOrEditTitle = '';
+		},
+		handleConfirm() {
+			this.$refs.classList.submitForm();
+		},
+		successSubmit() {
+			this.handleCancel();
+			this.getList();
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			console.log(row);
+			let _this = this;
+			if (row.enabled) {
+				// 可用
+				_this.$modal
+					.confirm(
+						'删除的班次"' +
+							row.name +
+							'"可能会影响交接班计划，请点取消再次确认！'
+					)
+					.then(function () {
+						return _this.$modal
+							.confirm('是否确认删除班次名称为"' + row.name + '"的数据项?')
+							.then(function () {
+								return deleteGroupClasses(row.id);
+							})
+							.then(() => {
+								_this.getList();
+								_this.$modal.msgSuccess('删除成功');
+							})
+							.catch(() => {});
+					});
+			} else {
+				_this.$modal
+					.confirm('是否确认删除班次名称为"' + row.name + '"的数据项?')
+					.then(function () {
+						return deleteGroupClasses(row.id);
+					})
+					.then(() => {
+						_this.getList();
+						_this.$modal.msgSuccess('删除成功');
+					})
+					.catch(() => {});
+			}
+		},
+	},
 };
 </script>
diff --git a/src/views/group/base/groupTeam/components/groupTeamAdd.vue b/src/views/group/base/groupTeam/components/groupTeamAdd.vue
index 750e063f..24ccaf49 100644
--- a/src/views/group/base/groupTeam/components/groupTeamAdd.vue
+++ b/src/views/group/base/groupTeam/components/groupTeamAdd.vue
@@ -14,20 +14,18 @@
     </el-row>
     <el-row>
       <el-col :span="12">
-        <el-form-item label="班组组长" prop="leaderId">
-          <el-select v-model="form.leaderId" placeholder="请选择" style="width: 100%;" filterable @change="selectLeader">
-            <el-option
-              v-for="item in workerList"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id">
-            </el-option>
-          </el-select>
+        <el-form-item label="班组组长" prop="leaderName">
+          <el-input v-model="form.leaderName" clearable></el-input>
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item label="手机号" prop="telephone">
-          <el-input v-model="form.telephone" disabled></el-input>
+        <el-form-item label="手机号" prop="leaderPhone">
+          <el-input v-model="form.leaderPhone" clearable></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="班组人数" prop="num">
+          <el-input-number style="width: 100%;" v-model="form.num" :step="1" step-strictly></el-input-number>
         </el-form-item>
       </el-col>
     </el-row>
@@ -35,7 +33,6 @@
 </template>
 <script>
 import { getGroupTeam, updateGroupTeam, createGroupTeam, getCode } from '@/api/base/groupTeam'
-import { getWorkerList } from '@/api/base/worker'
 export default {
   name: 'groupTeamAdd',
   data() {
@@ -44,28 +41,26 @@ export default {
         id: '',
         name: '',
         code: '',
-        leaderId: '',
-        telephone: ''
+        leaderName: '',
+        leaderPhone: '',
+        num: ''
       },
       isEdit: false, //是否是编辑
       rules: {
         name: [{ required: true, message: '请输入班组名称', trigger: 'blur' }],
         code: [{ required: true, message: '请输入班组编码', trigger: 'blur' }],
-        leaderId: [{ required: true, message: '请选择组长', trigger: 'select' }]
+        leaderName: [{ required: true, message: '请输入组长', trigger: 'blur' }]
       },
-      workerList: []
     }
   },
   methods: {
     init(id) {
-      this.getWorkerList()
       if (id) {
         this.isEdit = true
         this.form.id = id
         getGroupTeam( id ).then((res) => {
           if (res.code === 0) {
             this.form = res.data
-            this.selectLeader()
           }
         })
       } else {
@@ -76,24 +71,6 @@ export default {
         })
       }
     },
-    // 获取员工list
-    getWorkerList() {
-      getWorkerList().then(res => {
-        this.workerList = res.data
-      })
-    },
-    // 获取手机号
-    selectLeader() {
-      if (this.form.leaderId) {
-        this.workerList.map(item => {
-          if (item.id === this.form.leaderId) {
-            this.form.telephone = item.telephone || ''
-          }
-        })
-      } else {
-        this.form.telephone = ''
-      }
-    },
     submitForm() {
       this.$refs['form'].validate((valid) => {
         if (valid) {
diff --git a/src/views/group/base/groupTeam/components/statusBtn.vue b/src/views/group/base/groupTeam/components/statusBtn.vue
index 539e17fd..6ffcee3e 100644
--- a/src/views/group/base/groupTeam/components/statusBtn.vue
+++ b/src/views/group/base/groupTeam/components/statusBtn.vue
@@ -1,3 +1,10 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-01 14:53:55
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-10 10:00:03
+ * @Description:
+-->
 <template>
   <el-switch v-model="state" type="text" size="small" :disabled="readonly" @change="changeHandler" />
 </template>
@@ -37,7 +44,7 @@ export default {
       payload.enabled = this.state ? '1' : '0'
       payload.code = this.injectData.code
       payload.name = this.injectData.name
-      payload.leaderId = this.injectData.leaderId
+      payload.leaderName = this.injectData.leaderName
       params.payload = payload
       this.$emit('emitData', params)
     }
diff --git a/src/views/group/base/groupTeam/components/workerEdit.vue b/src/views/group/base/groupTeam/components/workerEdit.vue
index fedbd8a8..27726910 100644
--- a/src/views/group/base/groupTeam/components/workerEdit.vue
+++ b/src/views/group/base/groupTeam/components/workerEdit.vue
@@ -193,7 +193,7 @@ export default {
     },
     getList() {
       groupTeamPage({ ...this.queryParams }).then(res => {
-        if (res.code === 0 && res.data.list.length > 0) {
+				if (res.code === 0 && res.data.list && res.data.list.length > 0) {
           let arr = []
           res.data.list.map(item => {
             let obj = {}
@@ -307,4 +307,4 @@ export default {
     padding-top: 30px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/group/base/groupTeam/index.vue b/src/views/group/base/groupTeam/index.vue
index 4ac5c149..961cad0f 100644
--- a/src/views/group/base/groupTeam/index.vue
+++ b/src/views/group/base/groupTeam/index.vue
@@ -42,8 +42,6 @@
     >
       <group-team-add ref="groupList" @successSubmit="successSubmit" />
     </base-dialog>
-    <!-- 组员编辑 -->
-    <worker-edit v-if='paramVisible' ref='workerEditParam' @closeDrawer="closeDrawer"></worker-edit>
   </div>
 </template>
 
@@ -52,8 +50,6 @@ import { getGroupTeamPage, deleteGroupTeam, updateGroupTeam } from "@/api/base/g
 import { parseTime } from '@/utils/ruoyi'
 import GroupTeamAdd from './components/groupTeamAdd'
 import StatusBtn from './components/statusBtn'
-import WorkerOperate from './components/workerOperate'
-import WorkerEdit from './components/workerEdit'
 const tableProps = [
   {
     prop: 'createTime',
@@ -83,15 +79,10 @@ const tableProps = [
     label: '班组状态',
     subcomponent: StatusBtn
   },
-  {
-    prop: 'workerName',
-    label: '组员',
-    subcomponent: WorkerOperate
-  },
 ]
 export default {
   name: "GroupTeam",
-  components: { GroupTeamAdd, WorkerEdit },
+  components: { GroupTeamAdd },
   data() {
     return {
       formConfig: [
@@ -155,7 +146,6 @@ export default {
         name: null,
         code: null
       },
-      paramVisible: false
     };
   },
   created() {
@@ -203,17 +193,14 @@ export default {
     },
     // 班组状态
     handleTableEvents(params) {
-      console.log(params)
       if (params.name === 'state') {// 班组状态
         updateGroupTeam({ ...params.payload }).then((res) => {
           if (res.code === 0) {
             this.$modal.msgSuccess("操作成功");
+            this.getList()
           }
-        })
-      }else {// 编辑&查看
-        this.paramVisible = true
-        this.$nextTick(() => {
-          this.$refs.workerEditParam.init(params)
+        }).catch((res)=>{
+          this.getList()
         })
       }
     },
diff --git a/src/views/group/base/groupTeamScheduling/index.vue b/src/views/group/base/groupTeamScheduling/index.vue
index e4156796..747b231c 100644
--- a/src/views/group/base/groupTeamScheduling/index.vue
+++ b/src/views/group/base/groupTeamScheduling/index.vue
@@ -1,478 +1,520 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-01 14:54:06
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-15 14:55:35
+ * @Description:
+-->
 <template>
-  <div class="groupTeamScheduling">
-    <div class="operationArea">
-      <el-form :inline="true" class="demo-form-inline">
-        <span class="blue-block"></span>
-        <el-form-item label="月份选择">
-          <el-date-picker
-            v-model="startDay"
-            type="month"
-            placeholder="选择月"
-            size="small"
-            :disabled="showSetting"
-            @change="selectMonth"
-            :clearable="false"
-            style="width: 120px">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <span class="separateStyle" v-if="this.$auth.hasPermi('base:group-team-scheduling:set')"></span>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" size="small" v-if="this.$auth.hasPermi('base:group-team-scheduling:set')" :disabled="showSetting || settingBtnDis" @click="settingMsg">设置</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" size="small" v-show="showSetting && autoScheduling" @click="schedulingBtn">自动排班</el-button>
-        </el-form-item>
-        <el-form-item>
-          <span class="separateStyle" v-show="showSetting"></span>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" size="small" v-show="showSetting" @click="confirmSetting">确认</el-button>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" size="small" plain v-show="showSetting" @click="cancelSetting">取消</el-button>
-        </el-form-item>
-        <el-form-item label="请先选择查询的班组" class="rightItem">
-          <!-- <el-button type="primary" size="small" :disabled="jumpDisabled" @click="toOtherPage('1')">班组上下片查询</el-button> -->
-          <el-button type="primary" size="small" :disabled="jumpDisabled" @click="toOtherPage('2')">班组能源查询</el-button>
-          <el-button type="primary" size="small" :disabled="jumpDisabled" @click="toOtherPage('3')">班组检测查询</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-    <!-- 日历区域 -->
-    <div class="calenderArea">
-      <div style="font-size: 24px;font-weight: 500">{{ this.month }} {{ this.year }}</div>
-      <el-calendar v-model="startDay">
-        <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
-        <template
-          slot="dateCell"
-          slot-scope="{date, data}">
-          <div v-if="data.type === 'current-month'">
-            <!-- 日期 -->
-            <div class="dateStyle">
-              {{ Number(data.day.split('-')[2]) }}
-            </div>
-            <!-- 班次班组 -->
-            <!-- class有两个样式，一个是类似class1，还有个是选中红框显示 -->
-            <el-row :gutter="2" :class="'class' + (index+1) + (chooseTip === (item.startDay+item.classesId) ? ' team-active' : '')" v-for="(item, index) in list[Number(data.day.split('-')[2])]" :key='index'>
-              <el-col :span="12">
-                <div class="selectDiv">
-                  <!-- 选择班组图标 -->
-                  <div class="toggle-icon" v-show="showSetting && (new Date(data.day).valueOf() < new Date().valueOf() ? false: true)">
-                    <svg-icon icon-class="toggle"/>
-                  </div>
-                  <!-- 不能选择班组 -->
-                  <div class="toggle-icon-hide" v-show="!(showSetting && (new Date(data.day).valueOf() < new Date().valueOf() ? false: true))"></div>
-                  <el-select v-model="item.teamId" size='small' :disabled="!showSetting || (new Date(data.day).valueOf() > new Date().valueOf() ? false: true)">
-                    <el-option
-                      v-for="i in teamList"
-                      :key="i.id"
-                      :label="i.name"
-                      :value="i.id">
-                    </el-option>
-                  </el-select>
-              </div>
-              </el-col>
-              <el-col :span="12">
-                <el-button class="labelClass" @click="chooseTeam(item)">{{ item.classesName }}</el-button>
-              </el-col>
-            </el-row>
-          </div>
-        </template>
-      </el-calendar>
-    </div>
-  </div>
+	<div class="groupTeamScheduling">
+		<div class="operationArea">
+			<el-tabs v-model="planId" @tab-click="setPlan">
+				<el-tab-pane
+					v-for="item in planArr"
+					:key="item.id"
+					:label="item.name"
+					:name="item.id" />
+			</el-tabs>
+			<el-form :inline="true" class="demo-form-inline">
+				<span class="blue-block"></span>
+				<el-form-item label="月份选择">
+					<el-date-picker
+						v-model="startDay"
+						type="month"
+						placeholder="选择月"
+						size="small"
+						:disabled="showSetting"
+						@change="selectMonth"
+						:clearable="false"
+						style="width: 120px"></el-date-picker>
+				</el-form-item>
+				<el-form-item>
+					<span
+						class="separateStyle"
+						v-if="this.$auth.hasPermi('base:group-team-scheduling:set')"></span>
+				</el-form-item>
+				<el-form-item>
+					<el-button
+						type="primary"
+						size="small"
+						v-if="this.$auth.hasPermi('base:group-team-scheduling:set')"
+						:disabled="showSetting || settingBtnDis"
+						@click="settingMsg">
+						设置
+					</el-button>
+				</el-form-item>
+				<el-form-item>
+					<span class="separateStyle" v-show="showSetting"></span>
+				</el-form-item>
+				<el-form-item>
+					<el-button
+						type="primary"
+						size="small"
+						v-show="showSetting"
+						@click="confirmSetting">
+						确认
+					</el-button>
+				</el-form-item>
+				<el-form-item>
+					<el-button
+						type="primary"
+						size="small"
+						plain
+						v-show="showSetting"
+						@click="cancelSetting">
+						取消
+					</el-button>
+				</el-form-item>
+			</el-form>
+		</div>
+		<!-- 日历区域 -->
+		<div class="calenderArea">
+			<div style="font-size: 24px; font-weight: 500">
+				{{ this.month }} {{ this.year }}
+			</div>
+			<el-calendar v-model="startDay">
+				<!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
+				<template slot="dateCell" slot-scope="{ date, data }">
+					<div v-if="data.type === 'current-month'">
+						<!-- 日期 -->
+						<div class="dateStyle">
+							{{ Number(data.day.split('-')[2]) }}
+						</div>
+						<!-- 班次班组 -->
+						<!-- class有两个样式，一个是类似class1，还有个是选中红框显示 -->
+						<el-row
+							:gutter="2"
+							:class="
+								'class' +
+								(index + 1) +
+								(chooseTip === item.startDay + item.classesId
+									? ' team-active'
+									: '')
+							"
+							v-for="(item, index) in list[Number(data.day.split('-')[2])]"
+							:key="index">
+							<el-col :span="12">
+								<div class="selectDiv">
+									<!-- 选择班组图标 -->
+									<div
+										class="toggle-icon"
+										v-show="
+											showSetting &&
+											(new Date(data.day).valueOf() < new Date().valueOf()
+												? false
+												: true)
+										">
+										<svg-icon icon-class="toggle" />
+									</div>
+									<!-- 不能选择班组 -->
+									<div
+										class="toggle-icon-hide"
+										v-show="
+											!(
+												showSetting &&
+												(new Date(data.day).valueOf() < new Date().valueOf()
+													? false
+													: true)
+											)
+										"></div>
+									<el-select
+										v-model="item.teamId"
+										size="small"
+										:disabled="
+											!showSetting ||
+											(new Date(data.day).valueOf() > new Date().valueOf()
+												? false
+												: true)
+										">
+										<el-option
+											v-for="i in teamList"
+											:key="i.id"
+											:label="i.name"
+											:value="i.id"></el-option>
+									</el-select>
+								</div>
+							</el-col>
+							<el-col :span="12">
+								<el-button class="labelClass" @click="chooseTeam(item)">
+									{{ item.classesName }}
+								</el-button>
+							</el-col>
+						</el-row>
+					</div>
+				</template>
+			</el-calendar>
+		</div>
+	</div>
 </template>
 
 <script>
-import { getPreset, createOrUpdateList, autoSet } from "@/api/base/groupTeamScheduling";
-import { listEnabled } from "@/api/base/groupTeam";
+import {
+	getScheduling,
+	createOrUpdateList,
+} from '@/api/base/groupTeamScheduling';
+import {
+	groupPlanList,
+	groupPlanTeamList,
+} from '@/api/base/groupSchedulingPlan';
+import { listEnabled } from '@/api/base/groupTeam';
 import moment from 'moment';
 
 export default {
-  name: "GroupTeamScheduling",
-  data() {
-    return {
-      startDay: '',// 查询参数
-      year: '',// 2023
-      month: '',// 九月
-      monthList: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
-      list: {},
-      teamList: [],// 班组下拉
-      showSetting: false,// 设置模式。自动排班，确认，取消按钮显示
-      settingBtnDis: false,
-      jumpDisabled: true,// 操作按钮控制
-      chooseObj: {}, //当前选中的数据，查询按钮用
-      chooseTip: '',// 当前选中数据的唯一值，显示红框
-      autoScheduling: false // 只有在当前日期后的月份才生效
-    };
-  },
-  created() {
-    this.startDay = new Date()
-    // 设置按钮是否置灰
-    this.settingBtn()
-    this.getTeamList()
-    this.toggleMonth()
-    this.getList()
-  },
-  methods: {
-    // 切换月份
-    selectMonth() {
-      if (this.startDay) {
-        this.settingBtn() // 设置按钮状态,需在getlist前面
-        this.toggleMonth()
-        this.getList()
-        this.clearChoose()
-        if ( moment(this.startDay).valueOf() > moment().endOf('month').valueOf()) {
-          this.autoScheduling = true
-        } else {
-          this.autoScheduling = false
-        }
-      }
-    },
-    // 获取班组列表
-    getTeamList() {
-      listEnabled().then(res => {
-        this.teamList = res.data || []
-      })
-    },
-    // 获取日历数据
-    getList() {
-      let year = moment(this.startDay).format('YYYY')
-      let month = moment(this.startDay).format('M')
-      getPreset({
-        year: year,
-        month: month
-      }).then(res => {
-        let obj = res.data || {}
-        if (obj) {
-          for (let item in obj) {
-            for (let i = 0; i < obj[item].length; i++) {
-              if (!obj[item][i].teamId) {
-                obj[item][i].teamId = ''
-              }
-            }
-          }
-        }
-        this.list = obj
-      }).catch(() => {
-        this.list = {}
-        this.settingBtnDis = true // 禁用设置按钮
-      })
-    },
-    // 设置
-    settingMsg() {
-      this.showSetting = !this.showSetting
-      this.clearChoose()
-    },
-    // 取消
-    cancelSetting() {
-      this.showSetting = !this.showSetting
-      this.getList() // 数据还原
-    },
-    // 确认
-    confirmSetting() {
-      let num = 0
-      // 当月数据的话，今天及今天之前的不传
-      if (moment(this.startDay).format('YYYY-MM') === moment().format('YYYY-MM')) {
-        num = Number(moment().format('DD'))
-      } else {
-        num = 0
-      }
-      // 下月数据全部都传
-      // 打平数据
-      let tempArr = Object.values(this.list)
-      let arr = []
-      for (let i = num; i < tempArr.length; i++) {
-        for (let j = 0; j < tempArr[i].length; j++) {
-          arr.push(tempArr[i][j])
-        }
-      }
-      createOrUpdateList(arr).then(res => {
-        if (res.code === 0) {
-          this.showSetting = !this.showSetting
-          this.$modal.msgSuccess("操作成功")
-          this.getList() // 数据更新
-        }
-      })
-    },
-    // 点击班次红框选中当前数据
-    chooseTeam(value) {
-      if (this.showSetting) {
-        this.$modal.msgWarning("当前处于设置模式")
-        return false
-      }
-      this.chooseObj = value
-      this.chooseTip = value.startDay + value.classesId // 匹配当前的样式
-      this.jumpDisabled = false //查询按钮不禁用
-    },
-    // 自动排班
-    schedulingBtn() {
-      let tempData = this.list
-      // 次月1号有值前端排班
-      if (this.list[1][0].teamId) {
-        let tempArr = Object.values(this.list)
-        let arr = []
-        let n = 0
-        for (let i = 0; i < tempArr.length; i++) {
-          if (n > 0) {
-            break;
-          }
-          for (let j = 0; j < tempArr[i].length; j++) {
-            if (tempArr[i][j].teamId) {
-              arr.push(tempArr[i][j].teamId)
-            } else {
-              n++
-            }
-          }
-        }
-        let tempNum = 0
-        for (let k = 0; k < tempArr.length; k++) {
-          for (let v = 0; v < tempArr[k].length; v++) {
-            let t = tempNum % arr.length
-            if (arr.length === 1) {
-              tempData[k+1][v].teamId = arr[0]
-            } else {
-              tempData[k+1][v].teamId = arr[t]
-            }
-            tempNum++
-          }
-        }
-        this.list = []
-        this.list = tempData
-      } else {
-        // 次月1号没有值,接口排班
-        // console.log(moment(this.startDay).format("YYYY-MM-DD"))
-        autoSet({
-          year: this.year,
-          month: moment(this.startDay).month() + 1
-        }).then(res => {
-          this.list = res.data || {}
-        })
-      }
-    },
-    // 设置按钮如果是上个月或者今天是本月最后一天，设置按钮置灰
-    settingBtn() {
-      let nowMonth = moment().startOf('month').valueOf()
-      let startMonth = moment(this.startDay).valueOf()
-      let nowDate = moment(new Date()).date()
-      let sumDate = moment().daysInMonth()
-      if (nowMonth > startMonth) { // 之前月
-        this.settingBtnDis = true
-      } else {
-        if (nowDate < sumDate) {
-          this.settingBtnDis = false
-        } else {
-          this.settingBtnDis = true
-        }
-      }
-    },
-    // 清除红框选中数据
-    clearChoose() {
-      this.chooseObj = {}
-      this.chooseTip = ""
-      this.jumpDisabled = true
-    },
-    // 切换月份显示
-    toggleMonth() {
-      this.year = moment(this.startDay).format("YYYY")
-      let month = Number(moment(this.startDay).format("MM"))
-      this.month = this.monthList[month - 1]
-    },
-    // 3个跳转按钮
-    toOtherPage(val) {
-      switch (val) {
-        case '1':
-          this.$router.push({
-            path: '/core/enhance/product-line-24h?startTime='+this.chooseObj.startTime+'&endTime='+this.chooseObj.endTime,
-          })
-          break;
-        case '2': // 能源
-          this.$router.push({
-            // path: '/energy/monitoring/energy-report-search?startTime='+this.chooseObj.startTime+'&endTime='+this.chooseObj.endTime
-            path: '/energy/base/energy-quantity-realtime?startTime='+this.chooseObj.startTime+'&endTime='+this.chooseObj.endTime
-          })
-          break;
-        default:
-          this.$router.push({
-            path: '/quality/base/quality-inspection-data/detection-information/statistical-data?startTime='+this.chooseObj.startTime+'&endTime='+this.chooseObj.endTime,
-            // name: 'QualityStatistics',
-            // params: { startTime: this.chooseObj.startTime, endTime: this.chooseObj.endTime }
-          })
-      }
-    }
-    }
-  }
+	name: 'GroupTeamScheduling',
+	data() {
+		return {
+			startDay: '', // 查询参数
+			year: '', // 2023
+			month: '', // 九月
+			monthList: [
+				'一月',
+				'二月',
+				'三月',
+				'四月',
+				'五月',
+				'六月',
+				'七月',
+				'八月',
+				'九月',
+				'十月',
+				'十一月',
+				'十二月',
+			],
+			planId: undefined, //计划id
+			list: {},
+			planArr: [], //排班计划数组
+			teamList: [], // 班组下拉
+			showSetting: false, // 设置模式。自动排班，确认，取消按钮显示
+			settingBtnDis: false,
+			jumpDisabled: true, // 操作按钮控制
+			chooseObj: {}, //当前选中的数据，查询按钮用
+			chooseTip: '', // 当前选中数据的唯一值，显示红框
+			autoScheduling: false, // 只有在当前日期后的月份才生效
+		};
+	},
+	created() {
+		this.startDay = new Date();
+		groupPlanList().then((res) => {
+			this.planArr = res.data || [];
+			this.planId = this.planArr[0] ? this.planArr[0].id : undefined;
+			if (this.planId) {
+				this.getList();
+				this.getTeamList();
+			}
+		});
+		// 设置按钮是否置灰
+		this.settingBtn();
+		this.toggleMonth();
+	},
+	methods: {
+		setPlan() {
+			this.getList();
+			this.getTeamList();
+		},
+		// 切换月份
+		selectMonth() {
+			if (this.startDay) {
+				this.settingBtn(); // 设置按钮状态,需在getlist前面
+				this.toggleMonth();
+				this.getList();
+				this.clearChoose();
+				if (
+					moment(this.startDay).valueOf() > moment().endOf('month').valueOf()
+				) {
+					this.autoScheduling = true;
+				} else {
+					this.autoScheduling = false;
+				}
+			}
+		},
+		// 获取计划对应班组列表
+		getTeamList() {
+			groupPlanTeamList(this.planId).then((res) => {
+				this.teamList = res.data || [];
+			});
+		},
+		// 获取日历数据
+		getList() {
+			let year = moment(this.startDay).format('YYYY');
+			let month = moment(this.startDay).format('M');
+			getScheduling({
+				year: year,
+				month: month,
+				planId: this.planId,
+			})
+				.then((res) => {
+					let obj = res.data || {};
+					if (obj) {
+						for (let item in obj) {
+							for (let i = 0; i < obj[item].length; i++) {
+								if (!obj[item][i].teamId) {
+									obj[item][i].teamId = '';
+								}
+							}
+						}
+					}
+					this.list = obj;
+				})
+				.catch(() => {
+					this.list = {};
+					this.settingBtnDis = true; // 禁用设置按钮
+				});
+		},
+		// 设置
+		settingMsg() {
+			this.showSetting = !this.showSetting;
+			this.clearChoose();
+		},
+		// 取消
+		cancelSetting() {
+			this.showSetting = !this.showSetting;
+			this.getList(); // 数据还原
+		},
+		// 确认
+		confirmSetting() {
+			let num = 0;
+			// 当月数据的话，今天及今天之前的不传
+			if (
+				moment(this.startDay).format('YYYY-MM') === moment().format('YYYY-MM')
+			) {
+				num = Number(moment().format('DD'));
+			} else {
+				num = 0;
+			}
+			// 下月数据全部都传
+			// 打平数据
+			let tempArr = Object.values(this.list);
+			let arr = [];
+			for (let i = num; i < tempArr.length; i++) {
+				for (let j = 0; j < tempArr[i].length; j++) {
+					arr.push(tempArr[i][j]);
+				}
+			}
+			createOrUpdateList(arr).then((res) => {
+				if (res.code === 0) {
+					this.showSetting = !this.showSetting;
+					this.$modal.msgSuccess('操作成功');
+					this.getList(); // 数据更新
+				}
+			});
+		},
+		// 点击班次红框选中当前数据
+		chooseTeam(value) {
+			// if (this.showSetting) {
+			// 	this.$modal.msgWarning('当前处于设置模式');
+			// 	return false;
+			// }
+			this.chooseObj = value;
+			this.chooseTip = value.startDay + value.classesId; // 匹配当前的样式
+			this.jumpDisabled = false; //查询按钮不禁用
+		},
+		// 设置按钮如果是上个月或者今天是本月最后一天，设置按钮置灰
+		settingBtn() {
+			let nowMonth = moment().startOf('month').valueOf();
+			let startMonth = moment(this.startDay).valueOf();
+			let nowDate = moment(new Date()).date();
+			let sumDate = moment().daysInMonth();
+			if (nowMonth > startMonth) {
+				// 之前月
+				this.settingBtnDis = true;
+			} else {
+				if (nowDate < sumDate) {
+					this.settingBtnDis = false;
+				} else {
+					this.settingBtnDis = true;
+				}
+			}
+		},
+		// 清除红框选中数据
+		clearChoose() {
+			this.chooseObj = {};
+			this.chooseTip = '';
+			this.jumpDisabled = true;
+		},
+		// 切换月份显示
+		toggleMonth() {
+			this.year = moment(this.startDay).format('YYYY');
+			let month = Number(moment(this.startDay).format('MM'));
+			this.month = this.monthList[month - 1];
+		},
+	},
+};
 </script>
-<style lang='scss'>
+<style lang="scss">
 .demo-form-inline {
-  .el-date-editor .el-range__icon {
-    font-size: 16px;
-    color: #0B58FF;
-  }
-  .el-input__prefix .el-icon-date {
-    font-size: 16px;
-    color: #0B58FF;
-  }
+	.el-date-editor .el-range__icon {
+		font-size: 16px;
+		color: #0b58ff;
+	}
+	.el-input__prefix .el-icon-date {
+		font-size: 16px;
+		color: #0b58ff;
+	}
 }
 .groupTeamScheduling {
-  background-color: #F2F4F9;
-  .operationArea {
-    padding: 14px 10px 0 16px;
-    margin-bottom: 8px;
-    background-color: #fff;
-    border-radius: 8px;
-    .blue-block {
-      display: inline-block;
-      width: 4px;
-      height: 16px;
-      background-color: #0B58FF;
-      border-radius: 1px;
-      margin-right: 8px;
-      margin-top: 10px;
-    }
-    .separateStyle {
-      display: inline-block;
-      width: 1px;
-      height: 24px;
-      background: #E8E8E8;
-      vertical-align: middle;
-    }
-    .el-form-item {
-      margin-bottom: 10px;
-    }
-    .rightItem {
-      float: right;
-    }
-  }
-  // 日历
-  .calenderArea {
-    padding: 14px 10px 0 20px;
-    background-color: #fff;
-    border-radius: 8px;
-    .el-calendar__body {
-      padding: 10px 16px 16px 0;
-    }
-    .el-calendar__header {
-      display: none;
-    }
-    .el-calendar-table > thead {
-      height: 48px;
-      font-size: 20px;
-      font-weight: 500;
-      color: #000000;
-      background-color: rgba(242, 244, 249, 1);
-    }
-    .el-calendar-table__row {
-      height: 133px;
-      .prev, .next {
-        pointer-events: none;
-      }
-      .el-calendar-day {
-        padding: 0 10px;
-        height: 100%;
-        .dateStyle {
-          font-size: 20px;
-          font-weight: 500;
-          color: #000000;
-          text-align: right;
-          height: 32px;
-          line-height: 28px;
-          padding-right: 10px;
-        }
-      }
-    }
-    .team-active {// 选中班组
-      border:2px solid red
-    }
-    .class1, .class2, .class3 {
-      padding: 0;
-      font-weight: 600;
-      margin-bottom: 2px;
-      .selectDiv {
-        position: relative;
-        .toggle-icon {
-          position: absolute;
-          width: 26px;
-          height: 26px;
-          line-height: 26px;
-          font-size: 14px;
-          z-index: 1;
-          text-align: center;
-        }
-        .toggle-icon-hide {
-          position: absolute;
-          width: 2px;
-          height: 28px;
-          z-index: 1;
-        }
-        .el-input__suffix {
-          display: none;
-        }
-        .el-input--suffix .el-input__inner {
-          padding: 0 4px 0 28px;
-        }
-        .el-input--small .el-input__inner {
-          height: 28px;
-          border: none;
-          font-weight: 600;
-        }
-      }
-      .labelClass {
-        width: 100%;
-        height: 28px;
-        border: none;
-        padding: 0;
-        font-weight: 600;
-        text-align: center;
-      }
-    }
-    .class1 {
-      .selectDiv {
-        .toggle-icon, .toggle-icon-hide {
-          background-color: #FACE00;
-        }
-        .el-input--small .el-input__inner {
-          color: #E7A200;
-          background-color: #FFEFC0;
-        }
-      }
-      .labelClass {
-        color: #E7A200;
-        background-color: #FFEFC0;
-      }
-    }
-    .class2 {
-      .selectDiv {
-        .toggle-icon, .toggle-icon-hide {
-          background-color: #3984FF;
-        }
-        .el-input--small .el-input__inner {
-          color: #2D7BFF;
-          background-color: #BEEAFF;
-        }
-      }
-      .labelClass {
-        color: #2D7BFF;
-        background-color: #BEEAFF;
-      }
-    }
-    .class3 {
-      .selectDiv {
-        .toggle-icon, .toggle-icon-hide {
-          background-color: #37D97F;
-        }
-        .el-input--small .el-input__inner {
-          color: #129F51;
-          background-color: #E0FFEE;
-        }
-      }
-      .labelClass {
-        color: #129F51;
-        background-color: #E0FFEE;
-      }
-    }
-  }
+	background-color: #f2f4f9;
+	.operationArea {
+		padding: 14px 10px 0 16px;
+		margin-bottom: 8px;
+		background-color: #fff;
+		border-radius: 8px;
+		.blue-block {
+			display: inline-block;
+			width: 4px;
+			height: 16px;
+			background-color: #0b58ff;
+			border-radius: 1px;
+			margin-right: 8px;
+			margin-top: 10px;
+		}
+		.separateStyle {
+			display: inline-block;
+			width: 1px;
+			height: 24px;
+			background: #e8e8e8;
+			vertical-align: middle;
+		}
+		.el-form-item {
+			margin-bottom: 10px;
+		}
+		.rightItem {
+			float: right;
+		}
+	}
+	// 日历
+	.calenderArea {
+		padding: 14px 10px 0 20px;
+		background-color: #fff;
+		border-radius: 8px;
+		.el-calendar__body {
+			padding: 10px 16px 16px 0;
+		}
+		.el-calendar__header {
+			display: none;
+		}
+		.el-calendar-table > thead {
+			height: 48px;
+			font-size: 20px;
+			font-weight: 500;
+			color: #000000;
+			background-color: rgba(242, 244, 249, 1);
+		}
+		.el-calendar-table__row {
+			height: 133px;
+			.prev,
+			.next {
+				pointer-events: none;
+			}
+			.el-calendar-day {
+				padding: 0 10px;
+				height: 100%;
+				.dateStyle {
+					font-size: 20px;
+					font-weight: 500;
+					color: #000000;
+					text-align: right;
+					height: 32px;
+					line-height: 28px;
+					padding-right: 10px;
+				}
+			}
+		}
+		.team-active {
+			// 选中班组
+			border: 2px solid #409eff;
+		}
+		.class1,
+		.class2,
+		.class3 {
+			padding: 0;
+			font-weight: 600;
+			margin-bottom: 2px;
+			.selectDiv {
+				position: relative;
+				.toggle-icon {
+					position: absolute;
+					width: 26px;
+					height: 26px;
+					line-height: 26px;
+					font-size: 14px;
+					z-index: 1;
+					text-align: center;
+				}
+				.toggle-icon-hide {
+					position: absolute;
+					width: 2px;
+					height: 28px;
+					z-index: 1;
+				}
+				.el-input__suffix {
+					display: none;
+				}
+				.el-input--suffix .el-input__inner {
+					padding: 0 4px 0 28px;
+				}
+				.el-input--small .el-input__inner {
+					height: 28px;
+					border: none;
+					font-weight: 600;
+				}
+			}
+			.labelClass {
+				width: 100%;
+				height: 28px;
+				border: none;
+				padding: 0;
+				font-weight: 600;
+				text-align: center;
+			}
+		}
+		.class1 {
+			.selectDiv {
+				.toggle-icon,
+				.toggle-icon-hide {
+					background-color: #face00;
+				}
+				.el-input--small .el-input__inner {
+					color: #e7a200;
+					background-color: #ffefc0;
+				}
+			}
+			.labelClass {
+				color: #e7a200;
+				background-color: #ffefc0;
+			}
+		}
+		.class2 {
+			.selectDiv {
+				.toggle-icon,
+				.toggle-icon-hide {
+					background-color: #3984ff;
+				}
+				.el-input--small .el-input__inner {
+					color: #2d7bff;
+					background-color: #beeaff;
+				}
+			}
+			.labelClass {
+				color: #2d7bff;
+				background-color: #beeaff;
+			}
+		}
+		.class3 {
+			.selectDiv {
+				.toggle-icon,
+				.toggle-icon-hide {
+					background-color: #37d97f;
+				}
+				.el-input--small .el-input__inner {
+					color: #129f51;
+					background-color: #e0ffee;
+				}
+			}
+			.labelClass {
+				color: #129f51;
+				background-color: #e0ffee;
+			}
+		}
+	}
 }
 </style>
diff --git a/src/views/group/base/schedulingPlanConfig/components/schedulingPlanConfigAdd.vue b/src/views/group/base/schedulingPlanConfig/components/schedulingPlanConfigAdd.vue
new file mode 100644
index 00000000..d1855f1c
--- /dev/null
+++ b/src/views/group/base/schedulingPlanConfig/components/schedulingPlanConfigAdd.vue
@@ -0,0 +1,260 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-10 13:43:41
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-15 16:00:36
+ * @Description:
+-->
+<template>
+	<el-form ref="form" :rules="rules" label-width="110px" :model="form">
+		<el-row>
+			<el-col :span="12">
+				<el-form-item label="部门名称" prop="deptId">
+					<el-select
+						v-model="form.deptId"
+						filterable
+						clearable
+						style="width: 100%"
+						placeholder="请选择部门">
+						<el-option
+							v-for="item in deptArr"
+							:key="item.id"
+							:label="item.name"
+							:value="item.id"></el-option>
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="计划名称" prop="name">
+					<el-input v-model="form.name" clearable />
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="相关班组" prop="teamIdList">
+					<el-select
+						v-model="form.teamIdList"
+						filterable
+						clearable
+						multiple
+						style="width: 100%"
+						placeholder="请选择班组">
+						<el-option
+							v-for="item in teamList"
+							:key="item.id"
+							:label="item.name"
+							:value="item.id"></el-option>
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="相关班次" prop="classesIdList">
+					<el-select
+						v-model="form.classesIdList"
+						filterable
+						clearable
+						multiple
+						style="width: 100%"
+						placeholder="请选择班次">
+						<el-option
+							v-for="item in classList"
+							:key="item.id"
+							:label="item.name"
+							:value="item.id"></el-option>
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="form.remark"></el-input>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="是否生产班组" prop="isProduction">
+					<el-radio-group v-model="form.isProduction">
+						<el-radio :label="true">是</el-radio>
+						<el-radio :label="false">否</el-radio>
+					</el-radio-group>
+				</el-form-item>
+			</el-col>
+			<el-col :span="24" v-show="form.isProduction">
+				<tree-transfer
+					:title="title"
+					:from_data="fromData"
+					:to_data="toData"
+					@add-btn="add"
+					@remove-btn="remove"
+					pid="productionLineId"
+					:defaultProps="{ label: 'name' }"
+					height="450px"
+					:mode="mode"
+					filter
+					openAll></tree-transfer>
+			</el-col>
+		</el-row>
+	</el-form>
+</template>
+<script>
+import {
+	getGroupPlan,
+	updateGroupPlan,
+	createGroupPlan,
+	getGroupPlanTree,
+	createGroupPlanLine,
+	updateGroupPlanLine,
+	getGroupPlanLine,
+	getLoginUserDeptId,
+} from '@/api/base/groupSchedulingPlan';
+
+import { listDept } from '@/api/system/dept';
+import { listEnabled } from '@/api/base/groupTeam';
+import { listClassesEnabled } from '@/api/base/groupClasses';
+import treeTransfer from 'el-tree-transfer';
+
+export default {
+	components: { treeTransfer },
+	name: '',
+	data() {
+		return {
+			form: {
+				id: '',
+				name: '',
+				deptId: '',
+				teamIdList: [],
+				classesIdList: [],
+				remark: '',
+				isProduction: false,
+			},
+			deptArr: [], //部门
+			teamList: [], //班组
+			classList: [], //班次
+			rules: {
+				name: [{ required: true, message: '请输入计划名称', trigger: 'blur' }],
+				deptId: [{ required: true, message: '请选择部门', trigger: 'change' }],
+				teamIdList: [
+					{ required: true, message: '请选择相关班组', trigger: 'change' },
+				],
+				classesIdList: [
+					{ required: true, message: '请选择相关班次', trigger: 'change' },
+				],
+			},
+			title: ['待选', '已选'], //标题 类型：Array 必填：false 默认：["源列表", "目标列表"]
+			mode: 'transfer',
+			fromData: [], //左边内容
+			toData: [], //右边已选内容
+		};
+	},
+	methods: {
+		init(id) {
+			this.form.id = id || undefined;
+			this.fromData = [];
+			this.toData = [];
+			this.getArr();
+			this.$nextTick(() => {
+				this.$refs['form'].resetFields();
+				if (this.form.id) {
+					getGroupPlan(id).then((response) => {
+						this.form = response.data;
+						if (this.form.isProduction) {
+							getGroupPlanLine(id).then((res) => {
+								this.toData = res.data ? res.data.datas : [];
+								this.getFilterLeftData(this.fromData, this.toData); //编辑时组件有bug，左边相同数据不消失
+							});
+						}
+					});
+				} else {
+					getLoginUserDeptId().then((res) => {
+						this.form.deptId = res.data;
+					});
+				}
+			});
+		},
+		getArr() {
+			listDept().then((response) => {
+				this.deptArr = response.data;
+			});
+			listEnabled().then((res) => {
+				this.teamList = res.data || [];
+			});
+			listClassesEnabled().then((res) => {
+				this.classList = res.data || [];
+			});
+			getGroupPlanTree().then((res) => {
+				this.fromData = res.data;
+				this.fromData.forEach((item) => {
+					item.productionLineId = 0;
+				});
+			});
+		},
+		// 监听穿梭框组件添加
+		add(fromData, toData, obj) {
+			console.log('fromData:', fromData);
+			console.log('toData:', toData);
+		},
+		// 监听穿梭框组件移除
+		remove(fromData, toData, obj) {
+			console.log('fromData:', fromData);
+			console.log('toData:', toData);
+		},
+		submitForm() {
+			this.$refs['form'].validate((valid) => {
+				if (valid) {
+					if (this.form.id) {
+						//编辑
+						updateGroupPlan({ ...this.form }).then((res) => {
+							if (res.code === 0) {
+								if (this.form.isProduction) {
+									const params = {
+										planId: this.form.id,
+										list: this.toData,
+									};
+									updateGroupPlanLine(params).then((res) => {
+										this.$modal.msgSuccess('操作成功');
+										this.$emit('successSubmit');
+									});
+								}
+							}
+						});
+					} else {
+						createGroupPlan({ ...this.form }).then((res) => {
+							if (res.code === 0) {
+								if (this.form.isProduction) {
+									const params = {
+										planId: res.data,
+										list: this.toData,
+									};
+									createGroupPlanLine(params).then((res) => {
+										this.$modal.msgSuccess('操作成功');
+										this.$emit('successSubmit');
+									});
+								}
+							}
+						});
+					}
+				} else {
+					return false;
+				}
+			});
+		},
+		formClear() {
+			this.$refs.form.resetFields();
+		},
+
+		/** 消除组件左边与右边选中数据相同项 */
+		// 处理过滤数据
+		getFilterLeftData(data, selData) {
+			for (let i = data.length - 1; i >= 0; i--) {
+				for (let j = selData.length - 1; j >= 0; j--) {
+					if (data[i] && data[i].id === selData[j].id) {
+						// 当id相等可以删除的情况 即：没有子级可以删除；
+						if (!data[i].children) {
+							data.splice(i, 1);
+						} else {
+							this.getFilterLeftData(data[i].children, selData[j].children);
+						}
+					}
+				}
+			}
+		},
+	},
+};
+</script>
diff --git a/src/views/group/base/schedulingPlanConfig/index.vue b/src/views/group/base/schedulingPlanConfig/index.vue
new file mode 100644
index 00000000..054faf5e
--- /dev/null
+++ b/src/views/group/base/schedulingPlanConfig/index.vue
@@ -0,0 +1,233 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-10 11:08:48
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-12 16:19:28
+ * @Description:
+-->
+<template>
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<!-- 列表 -->
+		<base-table
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-props="tableProps"
+			:table-data="list"
+			:max-height="tableH">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				:width="120"
+				label="操作"
+				:method-list="tableBtn"
+				@clickBtn="handleClick" />
+		</base-table>
+		<pagination
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			:total="total"
+			@pagination="getList" />
+		<!-- 新增 -->
+		<base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="centervisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel"
+			width="50%">
+			<schedulingPlanConfigAdd ref="classList" @successSubmit="successSubmit" />
+		</base-dialog>
+	</div>
+</template>
+
+<script>
+import {
+	getGroupPlanPage,
+	deleteGroupPlan,
+} from '@/api/base/groupSchedulingPlan';
+import { listDept } from '@/api/system/dept';
+import schedulingPlanConfigAdd from './components/schedulingPlanConfigAdd.vue';
+const tableProps = [
+	{
+		prop: 'deptName',
+		label: '部门名称',
+	},
+	{
+		prop: 'name',
+		label: '计划名称',
+	},
+	{
+		prop: 'str',
+		label: '产线及工段',
+		minWidth: 200,
+	},
+	{
+		prop: 'teamName',
+		label: '班组名称',
+	},
+	{
+		prop: 'classesName',
+		label: '班次名称',
+	},
+];
+export default {
+	name: 'schedulingPlanConfig',
+	components: { schedulingPlanConfigAdd },
+	data() {
+		return {
+			formConfig: [
+				{
+					type: 'select',
+					label: '部门名称',
+					selectOptions: [],
+					param: 'deptId',
+					defaultSelect: '',
+					filterable: true,
+				},
+				{
+					type: 'input',
+					label: '计划名称',
+					placeholder: '计划名称',
+					param: 'name',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi('base:group-scheduling-plan:create')
+						? 'button'
+						: '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true,
+				},
+			],
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi('base:group-scheduling-plan:update')
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi('base:group-scheduling-plan:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			tableH: this.tableHeight(260),
+			// 总条数
+			total: 0,
+			// 列表
+			list: [],
+			// 弹出层标题
+			addOrEditTitle: '',
+			// 是否显示弹出层
+			centervisible: false,
+			// 查询参数
+			queryParams: {
+				pageNo: 1,
+				pageSize: 20,
+				name: null,
+			},
+		};
+	},
+	created() {
+		window.addEventListener('resize', () => {
+			this.tableH = this.tableHeight(260);
+		});
+		listDept().then((response) => {
+			this.formConfig[0].selectOptions = response.data;
+		});
+		this.getList();
+	},
+	methods: {
+		buttonClick(val) {
+			switch (val.btnName) {
+				case 'search':
+					this.queryParams.pageNo = 1;
+					this.queryParams.name = val.name || undefined;
+					this.queryParams.deptId = val.deptId || undefined;
+					this.getList();
+					break;
+				default:
+					this.addOrEditTitle = '新增';
+					this.centervisible = true;
+					this.$nextTick(() => {
+						this.$refs.classList.init();
+					});
+			}
+		},
+		/** 查询列表 */
+		getList() {
+			getGroupPlanPage(this.queryParams).then((res) => {
+				if (res.code === 0 && res.data.list && res.data.list.length > 0) {
+          res.data.list.forEach(item => {
+            if(item.isProduction){
+              item.str = item.strList?item.strList.join(','):'-'
+            }
+          });
+					this.list = res.data.list;
+					this.total = res.data.total;
+				} else {
+					this.list = [];
+					this.total = 0;
+				}
+			});
+		},
+		handleClick(val) {
+			switch (val.type) {
+				case 'edit':
+					this.addOrEditTitle = '编辑';
+					this.$nextTick(() => {
+						this.$refs.classList.init(val.data.id);
+					});
+					this.centervisible = true;
+					break;
+				default:
+					this.handleDelete(val.data);
+			}
+		},
+		handleCancel() {
+			this.$refs.classList.formClear();
+			this.centervisible = false;
+			this.addOrEditTitle = '';
+		},
+		handleConfirm() {
+			this.$refs.classList.submitForm();
+		},
+		successSubmit() {
+			this.handleCancel();
+			this.getList();
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			let _this = this;
+			_this.$modal
+				.confirm('是否确认删除名称为"' + row.name + '"的数据项?')
+				.then(function () {
+					return deleteGroupPlan(row.id);
+				})
+				.then(() => {
+					_this.getList();
+					_this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+	},
+};
+</script>
diff --git a/src/views/group/base/schedulingRuleConfig/components/schedulingRuleConfigAdd.vue b/src/views/group/base/schedulingRuleConfig/components/schedulingRuleConfigAdd.vue
new file mode 100644
index 00000000..c8050a45
--- /dev/null
+++ b/src/views/group/base/schedulingRuleConfig/components/schedulingRuleConfigAdd.vue
@@ -0,0 +1,280 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-11 09:30:21
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-12 16:09:46
+ * @Description:
+-->
+<template>
+	<el-form ref="form" :rules="rules" label-width="110px" :model="form">
+		<el-row>
+			<el-col :span="12">
+				<el-form-item label="排班开始日期" prop="startDay">
+					<el-date-picker
+						v-model="form.startDay"
+						type="datetime"
+						placeholder="选择日期时间"
+						label-format="yyyy-MM-dd HH:mm:ss"
+						value-format="timestamp"
+						style="width: 100%"></el-date-picker>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="排班结束日期" prop="endDay">
+					<el-date-picker
+						v-model="form.endDay"
+						type="datetime"
+						placeholder="选择日期时间"
+						label-format="yyyy-MM-dd HH:mm:ss"
+						value-format="timestamp"
+						style="width: 100%"></el-date-picker>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="排班计划" prop="planId">
+					<el-select
+						v-model="form.planId"
+						filterable
+						clearable
+						@change="setTableArr"
+						style="width: 100%"
+						placeholder="请选择排班计划">
+						<el-option
+							v-for="item in planArr"
+							:key="item.id"
+							:label="item.name"
+							:value="item.id"></el-option>
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="form.remark"></el-input>
+				</el-form-item>
+			</el-col>
+			<el-col :span="24">
+				<div class="min-title">班组上班顺序</div>
+				<base-table
+					border
+					:table-props="tableProps"
+					:table-data="tableData"
+					:page="1"
+					:limit="100"
+					:height="300"
+					@emitButtonClick="addNew"
+					@emitFun="inputChange"
+					:add-button-show="addButtonShow">
+					<method-btn
+						slot="handleBtn"
+						:width="60"
+						label="操作"
+						:method-list="tableBtn"
+						@clickBtn="handleClick" />
+				</base-table>
+			</el-col>
+		</el-row>
+	</el-form>
+</template>
+<script>
+import {
+	getGroupRule,
+	updateGroupRule,
+	createGroupRule,
+} from '@/api/base/groupSchedulingRule';
+import {
+	groupPlanList,
+	groupPlanTeamList,
+	groupPlanClassesList,
+} from '@/api/base/groupSchedulingPlan';
+import tableSelect from './tableSelect';
+
+const tableBtn = [
+	{
+		type: 'delete',
+		btnName: '删除',
+	},
+];
+const tableProps = [
+	{
+		prop: 'classesId',
+		label: '班次',
+		classesArr: [],
+		subcomponent: tableSelect,
+	},
+	{
+		prop: 'teamId',
+		label: '班组',
+		teamArr: [],
+		subcomponent: tableSelect,
+	},
+];
+export default {
+	name: 'schedulingRuleConfigAdd',
+	data() {
+		return {
+			form: {
+				id: '',
+				startDay: '',
+				endDay: '',
+				planId: '',
+				remark: '',
+			},
+			tableBtn,
+			tableProps,
+			tableData: [],
+			addButtonShow: '',
+			planArr: [], //排班计划数组
+			rules: {
+				name: [{ required: true, message: '请输入班组名称', trigger: 'blur' }],
+				startDay: [
+					{ required: true, message: '请选择排班开始时间', trigger: 'change' },
+				],
+				endDay: [
+					{ required: true, message: '请选择排班结束时间', trigger: 'change' },
+				],
+			},
+		};
+	},
+	methods: {
+		init(id) {
+			this.form = {
+				id: id || undefined,
+				startDay: '',
+				endDay: '',
+				planId: '',
+				remark: '',
+			};
+			this.getArr();
+			this.tableData = [];
+			this.$nextTick(() => {
+				this.$refs['form'].resetFields();
+				if (this.form.id) {
+					getGroupRule(id).then((response) => {
+						this.form = response.data;
+						this.getTableArr(response.data.planId);
+						this.tableData = [];
+					});
+				}
+			});
+		},
+		getArr() {
+			groupPlanList().then((res) => {
+				this.planArr = res.data || [];
+			});
+		},
+		setTableArr() {
+			if (this.form.planId) {
+				this.tableData = [];
+				this.getTableArr(this.form.planId);
+			} else {
+				this.tableData = [];
+				this.addButtonShow = '';
+			}
+		},
+		async getTableArr(id) {
+			//获取表格下拉框
+			this.addButtonShow = '新增';
+			const res0 = await groupPlanClassesList(id);
+			this.tableProps[0].classesArr = res0.data || [];
+			const res1 = await groupPlanTeamList(id);
+			this.tableProps[1].teamArr = res1.data || [];
+			if (this.form.id) {
+				//编辑时获取班组上班顺序
+				this.form.sequenceList.forEach((item) => {
+					this.tableData.push(item);
+				});
+			}
+		},
+		inputChange(data) {
+			this.tableData[data._pageIndex - 1][data.prop] = data[data.prop];
+		},
+		handleClick(raw) {
+			if (raw.type === 'delete') {
+				this.$confirm(
+					`确定对${
+						raw.data.name
+							? '[名称=' + raw.data.name + ']'
+							: '[序号=' + raw.data._pageIndex + ']'
+					}进行删除操作?`,
+					'提示',
+					{
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					}
+				)
+					.then(() => {
+						this.tableData.splice(raw.data._pageIndex - 1, 1);
+						this.tableData.forEach((item, index) => {
+							item.sequence = index;
+						});
+						console.log(this.tableData);
+					})
+					.catch(() => {});
+			}
+		},
+		// 新增
+		addNew() {
+			this.tableData.push({ sequence: this.tableData.length });
+		},
+		submitForm() {
+			this.$refs['form'].validate((valid) => {
+				if (valid) {
+					if (this.form.id) {
+						//编辑
+						let list = [];
+						this.tableData.forEach((item) => {
+							const obj = {
+								classesId: item.classesId,
+								sequence: item.sequence,
+								teamId: item.teamId,
+							};
+							list.push(obj);
+						});
+						this.form.list = list;
+						updateGroupRule({ ...this.form }).then((res) => {
+							this.$modal.msgSuccess('操作成功');
+							this.$emit('successSubmit');
+						});
+					} else {
+						let list = [];
+						this.tableData.forEach((item) => {
+							const obj = {
+								classesId: item.classesId,
+								sequence: item.sequence,
+								teamId: item.teamId,
+							};
+							list.push(obj);
+						});
+						this.form.list = list;
+						createGroupRule({ ...this.form }).then((res) => {
+							this.$modal.msgSuccess('操作成功');
+							this.$emit('successSubmit');
+						});
+					}
+				} else {
+					return false;
+				}
+			});
+		},
+		formClear() {
+			this.$refs.form.resetFields();
+		},
+	},
+};
+</script>
+<style scoped>
+.min-title {
+	margin-bottom: 5px;
+}
+.min-title::before {
+	content: '';
+	display: inline-block;
+	vertical-align: middle;
+	width: 6px;
+	height: 6px;
+	border-radius: 50%;
+	margin: auto 5px;
+	background-color: #0b58ff;
+}
+</style>
diff --git a/src/views/group/base/schedulingRuleConfig/components/tableSelect.vue b/src/views/group/base/schedulingRuleConfig/components/tableSelect.vue
new file mode 100644
index 00000000..46315e55
--- /dev/null
+++ b/src/views/group/base/schedulingRuleConfig/components/tableSelect.vue
@@ -0,0 +1,44 @@
+<template>
+	<div class="tableInner">
+		<el-select :key="itemProp+list._pageIndex" v-model="list[itemProp]" @change="changeInput">
+			<el-option
+				v-for="item in itemProp==='classesId'?list.classesArr:list.teamArr"
+				:key="item.id"
+				:label="item.name"
+				:value="item.id"></el-option>
+		</el-select>
+	</div>
+</template>
+<script>
+export default {
+	name: 'tableSelect',
+	props: {
+		injectData: {
+			type: Object,
+			default: () => ({}),
+		},
+		itemProp: {
+			type: String,
+		},
+	},
+	data() {
+		return {
+			list: this.injectData,
+		};
+	},
+	methods: {
+		changeInput() {
+			this.$emit('emitData', this.list);
+		},
+	},
+};
+</script>
+<style scoped>
+.tableInner >>> .el-input__inner {
+  color: #409EFF;
+  border: 1px rgb(232, 231, 231) solid;
+  padding: 0;
+  text-align: center;
+  height: 30px;
+}
+</style>
diff --git a/src/views/group/base/schedulingRuleConfig/index.vue b/src/views/group/base/schedulingRuleConfig/index.vue
new file mode 100644
index 00000000..b781702f
--- /dev/null
+++ b/src/views/group/base/schedulingRuleConfig/index.vue
@@ -0,0 +1,261 @@
+<template>
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<!-- 列表 -->
+		<base-table
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-props="tableProps"
+			:table-data="list"
+			:max-height="tableH">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				:width="120"
+				label="操作"
+				:method-list="tableBtn"
+				@clickBtn="handleClick" />
+		</base-table>
+		<pagination
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			:total="total"
+			@pagination="getList" />
+		<!-- 新增 -->
+		<base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="centervisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel"
+			width="50%">
+			<schedulingRuleConfigAdd ref="classList" @successSubmit="successSubmit" />
+		</base-dialog>
+	</div>
+</template>
+
+<script>
+import {
+	getGroupRulePage,
+	deleteGroupRule,
+	updateGroupRule,
+	getGroupRule,
+} from '@/api/base/groupSchedulingRule';
+import schedulingRuleConfigAdd from './components/schedulingRuleConfigAdd.vue';
+import { formatDate } from '@/utils';
+const tableProps = [
+	{
+		prop: 'enableTimeStr',
+		label: '排班日期',
+		minWidth: 200,
+	},
+	{
+		prop: 'planName',
+		label: '排班计划',
+	},
+	{
+		prop: 'str',
+		label: '排班规则',
+		minWidth: 100,
+	},
+	{
+		prop: 'enabled',
+		label: '状态',
+		filter: (val) => (val ? '正常' : '作废'),
+	},
+];
+export default {
+	name: 'schedulingRuleConfig',
+	components: { schedulingRuleConfigAdd },
+	data() {
+		return {
+			formConfig: [
+				{
+					type: 'input',
+					label: '班次',
+					placeholder: '班次',
+					param: 'name',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi('base:group-scheduling-rule:create')
+						? 'button'
+						: '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true,
+				},
+			],
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi('base:group-scheduling-rule:cancel')
+					? {
+							type: 'cancel',
+							btnName: '作废',
+							showParam: {
+								type: '&',
+								data: [
+									{
+										type: 'unequal',
+										name: 'enabled',
+										value: 0,
+									},
+								],
+							},
+					  }
+					: undefined,
+				this.$auth.hasPermi('base:group-scheduling-rule:update')
+					? {
+							type: 'edit',
+							btnName: '编辑',
+							showParam: {
+								type: '&',
+								data: [
+									{
+										type: 'unequal',
+										name: 'enabled',
+										value: 0,
+									},
+								],
+							},
+					  }
+					: undefined,
+				this.$auth.hasPermi('base:group-scheduling-rule:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			tableH: this.tableHeight(260),
+			// 总条数
+			total: 0,
+			// 班次基础信息列表
+			list: [],
+			// 弹出层标题
+			addOrEditTitle: '',
+			// 是否显示弹出层
+			centervisible: false,
+			// 查询参数
+			queryParams: {
+				pageNo: 1,
+				pageSize: 20,
+				name: null,
+			},
+		};
+	},
+	created() {
+		window.addEventListener('resize', () => {
+			this.tableH = this.tableHeight(260);
+		});
+		this.getList();
+	},
+	methods: {
+		buttonClick(val) {
+			switch (val.btnName) {
+				case 'search':
+					this.queryParams.pageNo = 1;
+					this.queryParams.classesName = val.name || undefined;
+					this.getList();
+					break;
+				default:
+					this.addOrEditTitle = '新增';
+					this.centervisible = true;
+					this.$nextTick(() => {
+						this.$refs.classList.init();
+					});
+			}
+		},
+		/** 查询列表 */
+		getList() {
+			getGroupRulePage(this.queryParams).then((res) => {
+				if (res.code === 0 && res.data.list && res.data.list.length > 0) {
+					res.data.list.map((item) => {
+						item.enableTimeStr =
+							formatDate(item.startDay) +
+							'至' +
+							(item.endDay ? formatDate(item.endDay) : '永久');
+						item.str = item.strList.join(',');
+					});
+					this.list = res.data.list;
+					this.total = res.data.total;
+				} else {
+					this.list = [];
+					this.total = 0;
+				}
+			});
+		},
+		handleClick(val) {
+			switch (val.type) {
+				case 'edit':
+					this.addOrEditTitle = '编辑';
+					this.$nextTick(() => {
+						this.$refs.classList.init(val.data.id);
+					});
+					this.centervisible = true;
+					break;
+				case 'cancel':
+					this.discard(val.data);
+					break;
+				default:
+					this.handleDelete(val.data);
+			}
+		},
+		handleCancel() {
+			this.$refs.classList.formClear();
+			this.centervisible = false;
+			this.addOrEditTitle = '';
+		},
+		handleConfirm() {
+			this.$refs.classList.submitForm();
+		},
+		successSubmit() {
+			this.handleCancel();
+			this.getList();
+		},
+		discard(row) {
+      let _this = this
+			this.$modal
+				.confirm('是否确认作废序号为"' + row._pageIndex + '"的数据项?')
+				.then(() => {
+					getGroupRule(row.id).then((response) => {
+						let datas = response.data;
+						datas.list = datas.sequenceList;
+						datas.enabled = 0;
+						updateGroupRule(datas).then(() => {
+							_this.getList();
+							_this.$modal.msgSuccess('操作成功');
+						});
+					});
+				})
+				.catch(() => {});
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			this.$modal
+				.confirm('是否确认删除序号为"' + row._pageIndex + '"的数据项?')
+				.then(function () {
+					return deleteGroupRule(row.id);
+				})
+				.then(() => {
+					this.getList();
+					this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+	},
+};
+</script>
diff --git a/src/views/group/monitoring/teamProduction/components/teamProductionDetail.vue b/src/views/group/monitoring/teamProduction/components/teamProductionDetail.vue
index a681e8c0..2886c6b2 100644
--- a/src/views/group/monitoring/teamProduction/components/teamProductionDetail.vue
+++ b/src/views/group/monitoring/teamProduction/components/teamProductionDetail.vue
@@ -36,8 +36,8 @@ export default {
           minWidth: 150
         },
         {
-          prop: 'workOrderList',
-          label: '生产工单'
+          prop: 'specifications',
+          label: '产品规格'
         }
       ],
       tableData: [],
@@ -147,8 +147,8 @@ export default {
           minWidth: 150
         },
         {
-          prop: 'workOrderList',
-          label: '生产工单'
+          prop: 'specifications',
+          label: '产品规格'
         }
       ]
     }
@@ -159,4 +159,4 @@ export default {
 .box {
   padding: 0 32px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/warehouse/warehouse-info/BarChart.vue b/src/views/warehouse/warehouse-info/BarChart.vue
new file mode 100644
index 00000000..c2303f3f
--- /dev/null
+++ b/src/views/warehouse/warehouse-info/BarChart.vue
@@ -0,0 +1,131 @@
+<template>
+	<div
+		:class="className"
+		:style="{ height: height, width: width, marginLeft: '10px' }" />
+</template>
+
+<script>
+import * as echarts from 'echarts';
+require('echarts/theme/macarons'); // echarts theme
+import resize from '@/utils/chartMixins/resize';
+
+const animationDuration = 1000;
+
+export default {
+	mixins: [resize],
+	props: {
+		className: {
+			type: String,
+			default: 'chart',
+		},
+		title: {
+			type: String,
+			default: '',
+		},
+		width: {
+			type: String,
+			default: '100%',
+		},
+		height: {
+			type: String,
+			default: '300px',
+		},
+		barData: {
+			type: Array,
+			default: () => [],
+		},
+	},
+	data() {
+		return {
+			chart: null,
+		};
+	},
+	beforeDestroy() {
+		if (!this.chart) {
+			return;
+		}
+		this.chart.dispose();
+		this.chart = null;
+	},
+	methods: {
+		initChart() {
+			this.chart = echarts.init(this.$el, 'macarons');
+
+			this.chart.setOption({
+				title: {
+					text: this.title
+						? '{space|}{tip|}{space|}{value|' + this.title + '}'
+						: '',
+					textStyle: {
+						rich: {
+							tip: {
+								width: 6,
+								height: 6,
+								borderRadius: 50,
+								backgroundColor: '#288AFF',
+							},
+							space: {
+								width: 8,
+							},
+							value: {
+								fontSize: 14,
+								color: 'black',
+							},
+						},
+					},
+				},
+				color: ['#288AFF', '#8EF0AB', '#FFDC94'],
+				tooltip: {
+					trigger: 'axis',
+					axisPointer: {
+						// 坐标轴指示器，坐标轴触发有效
+						type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
+					},
+				},
+				grid: {
+					containLabel: true,
+				},
+				xAxis: {
+					type: 'category',
+					data: this.barData.map((item) => {
+						return item.name;
+					}),
+					axisTick: {
+						alignWithLabel: true,
+					},
+					axisLabel: {
+						color: '#979797',
+					},
+					axisLine: {
+						lineStyle: {
+							color: '#979797',
+						},
+					},
+				},
+				yAxis: {
+					axisTick: {
+						show: false,
+					},
+					splitArea: {
+						show: false,
+					},
+					axisLabel: {
+						color: '#979797',
+					},
+				},
+				series: [
+					{
+						name: '数量',
+						type: 'bar',
+						barWidth: '20',
+						data: this.barData.map((item) => {
+							return item.value;
+						}),
+						animationDuration,
+					},
+				],
+			});
+		},
+	},
+};
+</script>
diff --git a/src/views/warehouse/warehouse-info/index.vue b/src/views/warehouse/warehouse-info/index.vue
index fb47a4f0..a5f68e59 100644
--- a/src/views/warehouse/warehouse-info/index.vue
+++ b/src/views/warehouse/warehouse-info/index.vue
@@ -1,413 +1,99 @@
+<!--
+ * @Author: zwq
+ * @Date: 2024-07-02 15:56:48
+ * @LastEditors: zwq
+ * @LastEditTime: 2024-07-02 16:55:43
+ * @Description:
+-->
 <template>
 	<div class="app-container">
-		<el-row :gutter="20">
-			<el-col :span="4">
-				<el-button
-					type="primary"
-					v-hasPermi="['warehouse:warehouse-info:create']"
-					plain
-					size="mini"
-					@click="addWare">
-					新增仓库
-				</el-button>
-				<el-divider content-position="left">仓库列表</el-divider>
-				<el-card
-					v-for="item in wareArr"
-					:key="item.id"
-					shadow="hover"
-					@click.native="setWareInfo(item)"
-					:style="{
-						background: item.id === wareInfo.warehouseId ? '#37D97F' : '',
-						color: item.id === wareInfo.warehouseId ? 'white' : '',
-					}"
-					class="ware-card">
-					{{ item.name }}
-					<el-dropdown class="el-dropdown-div">
-						<span class="el-dropdown-link">
-							<i
-								class="el-icon-s-tools"
-								style="color: #409eff; cursor: pointer; font-size: 25px" />
-						</span>
-						<el-dropdown-menu slot="dropdown">
-							<el-dropdown-item
-								v-hasPermi="['warehouse:warehouse-info:update']"
-								@click.native="dropdown(1, item.id)">
-								编辑
-							</el-dropdown-item>
-							<el-dropdown-item @click.native="dropdown(2, item.id)">
-								详情
-							</el-dropdown-item>
-							<el-dropdown-item
-								v-hasPermi="['warehouse:warehouse-info:delete']"
-								@click.native="dropdown(3, item.id, item.name)">
-								删除
-							</el-dropdown-item>
-						</el-dropdown-menu>
-					</el-dropdown>
-				</el-card>
-			</el-col>
-			<el-col :span="20">
-				<!-- 搜索工作栏 -->
-				<search-bar
-					:formConfigs="formConfig"
-					ref="searchBarForm"
-					@headBtnClick="buttonClick" />
-
-				<!-- 列表 -->
-				<base-table
-					v-loading="dataListLoading"
-					:table-props="tableProps"
-					:page="listQuery.pageNo"
-					:limit="listQuery.pageSize"
-					:table-data="tableData">
-					<method-btn
-						v-if="tableBtn.length"
-						slot="handleBtn"
-						:width="80"
-						label="操作"
-						:method-list="tableBtn"
-						@clickBtn="handleClick" />
-				</base-table>
-				<pagination
-					:limit.sync="listQuery.pageSize"
-					:page.sync="listQuery.pageNo"
-					:total="listQuery.total"
-					@pagination="getDataList" />
-			</el-col>
-		</el-row>
-
-		<!-- 对话框(添加 / 修改) -->
-		<base-dialog
-			:dialogTitle="addOrEditTitle"
-			:dialogVisible="addOrUpdateVisible"
-			@cancel="handleCancel"
-			@confirm="handleConfirm"
-			:before-close="handleCancel"
-			:destroy-on-close="true"
-			width="40%">
-			<add-or-update
-				ref="addOrUpdate"
-				@refreshDataList="successSubmit"></add-or-update>
-			<add-or-update1
-				ref="addOrUpdate1"
-				@refreshDataList="successSubmit1"></add-or-update1>
-		</base-dialog>
+		<div class="flexDiv">
+			<div v-for="i in wareName" :key="i + 'a'" class="divClass up">
+				{{ i }}
+			</div>
+		</div>
+		<div class="flexDiv">
+			<div v-for="i in stockNum" :key="i + 'b'" class="divClass down">
+				<span v-if="i === '库存数量'">{{ i }}</span>
+				<el-link v-else :underline="false" type="primary" @click="toPage(i)">
+					{{ i }}
+				</el-link>
+			</div>
+		</div>
+		<barChart
+			style="margin-top: 50px"
+			ref="barChart"
+			height="600px"
+			:title="'库存数量'"
+			v-if="barData.length"
+			:bar-data="barData" />
+		<!-- 没有数据 -->
+		<div class="no-data-bg" v-else></div>
 	</div>
 </template>
 
 <script>
-import AddOrUpdate from './add-or-updata';
-import AddOrUpdate1 from './add-or-updata1';
-import basicPage from '../mixins/basic-page';
-import { parseTime } from '../mixins/code-filter';
-import codeFilter from '../mixins/code-filter';
-import {
-	deleteWarehouse,
-	getWarehouseList,
-} from '@/api/warehouse/warehouse-info';
-import {
-	deleteWarehouseLocation,
-	getWarehouseLocationPage,
-} from '@/api/warehouse/warehouseLocation';
-import { BackgroundClass } from 'quill';
-
-const tableProps = [
-	{
-		prop: 'warehouseCode',
-		label: '仓库编码',
-	},
-	{
-		prop: 'warehouseName',
-		label: '仓库名称',
-	},
-	{
-		prop: 'code',
-		label: '库位编码',
-    width: 180
-	},
-	{
-		prop: 'name',
-		label: '库位名称',
-	},
-	{
-		prop: 'arrange',
-		label: '排',
-    width: 50
-	},
-	{
-		prop: 'col',
-		label: '列',
-    width: 50
-	},
-	{
-		prop: 'layer',
-		label: '层',
-    width: 50
-	},
-	{
-		prop: 'type',
-		label: '库位类型',
-		filter: codeFilter('wareType'),
-    width: 80
-	},
-	{
-		prop: 'enabled',
-		label: '是否可用',
-		filter: codeFilter('deactivate'),
-    width: 80
-	},
-	{
-		prop: 'remark',
-		label: '备注',
-	},
-];
-
+import barChart from './BarChart.vue';
 export default {
-	mixins: [basicPage],
 	data() {
 		return {
-			urlOptions: {
-				getDataListURL: getWarehouseLocationPage,
-				deleteURL: deleteWarehouseLocation,
-				getWareListURL: getWarehouseList,
-				deleteWareURL: deleteWarehouse,
-			},
-			tableProps,
-			tableBtn: [
-				this.$auth.hasPermi(`extend:warehouse-location:update`)
-					? {
-							type: 'edit',
-							btnName: '编辑',
-					  }
-					: undefined,
-				this.$auth.hasPermi(`extend:warehouse-location:delete`)
-					? {
-							type: 'delete',
-							btnName: '删除',
-					  }
-					: undefined,
-			].filter((v) => v),
-			tableData: [],
-			formConfig: [
-				{
-					type: 'input',
-					label: '库位名称',
-					placeholder: '库位名称',
-					param: 'name',
-				},
-				{
-					type: 'input',
-					label: '库位编码',
-					placeholder: '库位编码',
-					param: 'code',
-				},
-				{
-					type: 'button',
-					btnName: '查询',
-					name: 'search',
-					color: 'primary',
-				},
-				{
-					type: 'separate',
-				},
-				{
-					type: this.$auth.hasPermi('extend:warehouse-location:create')
-						? 'button'
-						: '',
-					btnName: '新增',
-					name: 'add',
-					color: 'success',
-					plain: true,
-				},
-				// {
-				// 	type: 'button',
-				// 	btnName: '重置',
-				// 	name: 'reset',
-				// },
-				// {
-				// 	type: this.$auth.hasPermi('extend:warehouse-location:create') ? 'separate' : '',
-				// },
-				// {
-				// 	type: this.$auth.hasPermi('extend:warehouse-location:export') ? 'button' : '',
-				// 	btnName: '导出',
-				// 	name: 'export',
-				// 	color: 'warning',
-				// },
-			],
-			wareArr: [],
-			listQuery: {
-				pageSize: 10,
-				pageNo: 1,
-				total: 1,
-				warehouseId: '',
-			},
-			wareInfo: {},
+			wareName: ['仓库名称'],
+			stockNum: ['库存数量'],
+			barData: [],
 		};
 	},
 	components: {
-		AddOrUpdate,
-		AddOrUpdate1,
+		barChart,
 	},
 	created() {
-		this.urlOptions.getWareListURL().then((response) => {
-			this.wareArr = response.data;
-			if (this.wareArr) {
-				this.wareInfo.warehouseId = this.wareArr[0].id;
-				this.wareInfo.warehouseName = this.wareArr[0].name;
-				this.wareInfo.warehouseCode = this.wareArr[0].code;
-				this.getDataList();
-			}
-		});
+		for (let i = 0; i < 5; i++) {
+			this.wareName.push('仓库' + i);
+			this.stockNum.push(i * 100 + i);
+		}
 	},
 	methods: {
-		// 获取数据列表
-		getDataList() {
-			if (!this.wareInfo.warehouseId) {
-				return;
+		toPage(i) {
+			console.log(i);
+			for (let i = 1; i < 6; i++) {
+				const obj = {
+					name: this.wareName[i],
+					value: this.stockNum[i],
+				};
+				this.barData.push(obj);
 			}
-			this.listQuery.warehouseId = this.wareInfo.warehouseId;
-			this.dataListLoading = true;
-			this.urlOptions.getDataListURL(this.listQuery).then((response) => {
-				this.tableData = response.data.list;
-				this.listQuery.total = response.data.total;
-				this.dataListLoading = false;
-			});
-		},
-		buttonClick(val) {
-			switch (val.btnName) {
-				case 'search':
-					this.listQuery.pageNo = 1;
-					this.listQuery.pageSize = 10;
-					this.listQuery.name = val.name;
-					this.listQuery.code = val.code;
-					this.getDataList();
-					break;
-				case 'reset':
-					this.$refs.searchBarForm.resetForm();
-					this.listQuery = {
-						pageSize: 10,
-						pageNo: 1,
-						total: 1,
-					};
-					this.getDataList();
-					break;
-				case 'add':
-					this.addOrEditTitle = '新增库位';
-					this.addOrUpdateVisible = true;
-					this.addOrUpdateHandle();
-					break;
-				case 'export':
-					this.handleExport();
-					break;
-				default:
-					console.log(val);
-			}
-		},
-		getWareArr() {
-			this.urlOptions.getWareListURL().then((response) => {
-				this.wareArr = response.data;
-			});
-		},
-		addWare() {
-			this.addOrEditTitle = '新增仓库';
-			this.addOrUpdateVisible = true;
-			this.addOrUpdate = 'addOrUpdate1';
+			console.log(this.barData);
 			this.$nextTick(() => {
-				this.$refs.addOrUpdate1.init();
+				this.$refs.barChart.initChart();
 			});
 		},
-		//dropdown点击
-		dropdown(val, id, name) {
-			if (val === 1) {
-				this.addOrUpdateVisible = true;
-				this.addOrEditTitle = '编辑仓库';
-				this.addOrUpdate = 'addOrUpdate1';
-				this.$nextTick(() => {
-					this.$refs.addOrUpdate1.init(id);
-				});
-			} else if (val === 2) {
-				this.addOrUpdateVisible = true;
-				this.addOrEditTitle = '仓库详情';
-				this.addOrUpdate = 'addOrUpdate1';
-				this.$nextTick(() => {
-					this.$refs.addOrUpdate1.init(id, true);
-				});
-			} else if (val === 3) {
-				this.deleteWare(id, name);
-			} else {
-				console.log(val);
-			}
-		},
-		// 删除仓库
-		deleteWare(id, name) {
-			this.$confirm(`确定对仓库[${name}]进行删除操作?`, '提示', {
-				confirmButtonText: '确定',
-				cancelButtonText: '取消',
-				type: 'warning',
-			})
-				.then(() => {
-					this.urlOptions.deleteWareURL(id).then(({ data }) => {
-						this.$message({
-							message: '操作成功',
-							type: 'success',
-							duration: 1500,
-							onClose: () => {
-								this.getWareArr();
-							},
-						});
-					});
-				})
-				.catch(() => {});
-		},
-		//tableBtn点击
-		handleClick(val) {
-			if (val.type === 'edit') {
-				this.addOrUpdateVisible = true;
-				this.addOrEditTitle = '编辑';
-				this.$nextTick(() => {
-					this.$refs.addOrUpdate.init(val.data.id, this.wareInfo);
-				});
-			} else if (val.type === 'delete') {
-				this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex);
-			} else if (val.type === 'change') {
-				this.changeStatus(val.data.id);
-			} else {
-				this.otherMethods(val);
-			}
-		},
-		// 新增 / 修改
-		addOrUpdateHandle(id) {
-			this.addOrUpdateVisible = true;
-			this.$nextTick(() => {
-				this.$refs.addOrUpdate.init(id, this.wareInfo);
-			});
-		},
-		successSubmit1() {
-			this.handleCancel();
-			this.getWareArr();
-		},
-		setWareInfo(info) {
-			this.wareInfo.warehouseName = info.name;
-			this.wareInfo.warehouseCode = info.code;
-			this.wareInfo.warehouseId = info.id;
-			this.getDataList();
-		},
 	},
 };
 </script>
 
 <style scoped>
-.ware-card {
-	margin-bottom: 10px;
-	cursor: pointer;
+.flexDiv {
+	display: flex;
 }
-.ware-card >>> .el-card__body {
-	padding: 10px;
-	font-size: 16px;
-	line-height: 30px;
+.divClass {
+	width: 120px;
+	height: 50px;
+	line-height: 50px;
+	text-align: center;
+	border: 1px solid #ededed;
+	font-size: 14px;
+	color: #606266;
 }
-.el-dropdown-div {
-	float: right;
-	padding-top: 3px;
+.up:nth-child(n) {
+	border-bottom: none;
+	border-right: none;
+}
+.up:last-child {
+	border-right: 1px solid #ededed;
+}
+.down:nth-child(n) {
+	border-right: none;
+}
+.down:last-child {
+	border-right: 1px solid #ededed;
 }
 </style>
diff --git a/src/views/warehouse/warehouse-info/add-or-updata.vue b/src/views/warehouse/warehouse-info1/add-or-updata.vue
similarity index 100%
rename from src/views/warehouse/warehouse-info/add-or-updata.vue
rename to src/views/warehouse/warehouse-info1/add-or-updata.vue
diff --git a/src/views/warehouse/warehouse-info/add-or-updata1.vue b/src/views/warehouse/warehouse-info1/add-or-updata1.vue
similarity index 100%
rename from src/views/warehouse/warehouse-info/add-or-updata1.vue
rename to src/views/warehouse/warehouse-info1/add-or-updata1.vue
diff --git a/src/views/warehouse/warehouse-info1/index.vue b/src/views/warehouse/warehouse-info1/index.vue
new file mode 100644
index 00000000..fb47a4f0
--- /dev/null
+++ b/src/views/warehouse/warehouse-info1/index.vue
@@ -0,0 +1,413 @@
+<template>
+	<div class="app-container">
+		<el-row :gutter="20">
+			<el-col :span="4">
+				<el-button
+					type="primary"
+					v-hasPermi="['warehouse:warehouse-info:create']"
+					plain
+					size="mini"
+					@click="addWare">
+					新增仓库
+				</el-button>
+				<el-divider content-position="left">仓库列表</el-divider>
+				<el-card
+					v-for="item in wareArr"
+					:key="item.id"
+					shadow="hover"
+					@click.native="setWareInfo(item)"
+					:style="{
+						background: item.id === wareInfo.warehouseId ? '#37D97F' : '',
+						color: item.id === wareInfo.warehouseId ? 'white' : '',
+					}"
+					class="ware-card">
+					{{ item.name }}
+					<el-dropdown class="el-dropdown-div">
+						<span class="el-dropdown-link">
+							<i
+								class="el-icon-s-tools"
+								style="color: #409eff; cursor: pointer; font-size: 25px" />
+						</span>
+						<el-dropdown-menu slot="dropdown">
+							<el-dropdown-item
+								v-hasPermi="['warehouse:warehouse-info:update']"
+								@click.native="dropdown(1, item.id)">
+								编辑
+							</el-dropdown-item>
+							<el-dropdown-item @click.native="dropdown(2, item.id)">
+								详情
+							</el-dropdown-item>
+							<el-dropdown-item
+								v-hasPermi="['warehouse:warehouse-info:delete']"
+								@click.native="dropdown(3, item.id, item.name)">
+								删除
+							</el-dropdown-item>
+						</el-dropdown-menu>
+					</el-dropdown>
+				</el-card>
+			</el-col>
+			<el-col :span="20">
+				<!-- 搜索工作栏 -->
+				<search-bar
+					:formConfigs="formConfig"
+					ref="searchBarForm"
+					@headBtnClick="buttonClick" />
+
+				<!-- 列表 -->
+				<base-table
+					v-loading="dataListLoading"
+					:table-props="tableProps"
+					:page="listQuery.pageNo"
+					:limit="listQuery.pageSize"
+					:table-data="tableData">
+					<method-btn
+						v-if="tableBtn.length"
+						slot="handleBtn"
+						:width="80"
+						label="操作"
+						:method-list="tableBtn"
+						@clickBtn="handleClick" />
+				</base-table>
+				<pagination
+					:limit.sync="listQuery.pageSize"
+					:page.sync="listQuery.pageNo"
+					:total="listQuery.total"
+					@pagination="getDataList" />
+			</el-col>
+		</el-row>
+
+		<!-- 对话框(添加 / 修改) -->
+		<base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="addOrUpdateVisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel"
+			:destroy-on-close="true"
+			width="40%">
+			<add-or-update
+				ref="addOrUpdate"
+				@refreshDataList="successSubmit"></add-or-update>
+			<add-or-update1
+				ref="addOrUpdate1"
+				@refreshDataList="successSubmit1"></add-or-update1>
+		</base-dialog>
+	</div>
+</template>
+
+<script>
+import AddOrUpdate from './add-or-updata';
+import AddOrUpdate1 from './add-or-updata1';
+import basicPage from '../mixins/basic-page';
+import { parseTime } from '../mixins/code-filter';
+import codeFilter from '../mixins/code-filter';
+import {
+	deleteWarehouse,
+	getWarehouseList,
+} from '@/api/warehouse/warehouse-info';
+import {
+	deleteWarehouseLocation,
+	getWarehouseLocationPage,
+} from '@/api/warehouse/warehouseLocation';
+import { BackgroundClass } from 'quill';
+
+const tableProps = [
+	{
+		prop: 'warehouseCode',
+		label: '仓库编码',
+	},
+	{
+		prop: 'warehouseName',
+		label: '仓库名称',
+	},
+	{
+		prop: 'code',
+		label: '库位编码',
+    width: 180
+	},
+	{
+		prop: 'name',
+		label: '库位名称',
+	},
+	{
+		prop: 'arrange',
+		label: '排',
+    width: 50
+	},
+	{
+		prop: 'col',
+		label: '列',
+    width: 50
+	},
+	{
+		prop: 'layer',
+		label: '层',
+    width: 50
+	},
+	{
+		prop: 'type',
+		label: '库位类型',
+		filter: codeFilter('wareType'),
+    width: 80
+	},
+	{
+		prop: 'enabled',
+		label: '是否可用',
+		filter: codeFilter('deactivate'),
+    width: 80
+	},
+	{
+		prop: 'remark',
+		label: '备注',
+	},
+];
+
+export default {
+	mixins: [basicPage],
+	data() {
+		return {
+			urlOptions: {
+				getDataListURL: getWarehouseLocationPage,
+				deleteURL: deleteWarehouseLocation,
+				getWareListURL: getWarehouseList,
+				deleteWareURL: deleteWarehouse,
+			},
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi(`extend:warehouse-location:update`)
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi(`extend:warehouse-location:delete`)
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			tableData: [],
+			formConfig: [
+				{
+					type: 'input',
+					label: '库位名称',
+					placeholder: '库位名称',
+					param: 'name',
+				},
+				{
+					type: 'input',
+					label: '库位编码',
+					placeholder: '库位编码',
+					param: 'code',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi('extend:warehouse-location:create')
+						? 'button'
+						: '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true,
+				},
+				// {
+				// 	type: 'button',
+				// 	btnName: '重置',
+				// 	name: 'reset',
+				// },
+				// {
+				// 	type: this.$auth.hasPermi('extend:warehouse-location:create') ? 'separate' : '',
+				// },
+				// {
+				// 	type: this.$auth.hasPermi('extend:warehouse-location:export') ? 'button' : '',
+				// 	btnName: '导出',
+				// 	name: 'export',
+				// 	color: 'warning',
+				// },
+			],
+			wareArr: [],
+			listQuery: {
+				pageSize: 10,
+				pageNo: 1,
+				total: 1,
+				warehouseId: '',
+			},
+			wareInfo: {},
+		};
+	},
+	components: {
+		AddOrUpdate,
+		AddOrUpdate1,
+	},
+	created() {
+		this.urlOptions.getWareListURL().then((response) => {
+			this.wareArr = response.data;
+			if (this.wareArr) {
+				this.wareInfo.warehouseId = this.wareArr[0].id;
+				this.wareInfo.warehouseName = this.wareArr[0].name;
+				this.wareInfo.warehouseCode = this.wareArr[0].code;
+				this.getDataList();
+			}
+		});
+	},
+	methods: {
+		// 获取数据列表
+		getDataList() {
+			if (!this.wareInfo.warehouseId) {
+				return;
+			}
+			this.listQuery.warehouseId = this.wareInfo.warehouseId;
+			this.dataListLoading = true;
+			this.urlOptions.getDataListURL(this.listQuery).then((response) => {
+				this.tableData = response.data.list;
+				this.listQuery.total = response.data.total;
+				this.dataListLoading = false;
+			});
+		},
+		buttonClick(val) {
+			switch (val.btnName) {
+				case 'search':
+					this.listQuery.pageNo = 1;
+					this.listQuery.pageSize = 10;
+					this.listQuery.name = val.name;
+					this.listQuery.code = val.code;
+					this.getDataList();
+					break;
+				case 'reset':
+					this.$refs.searchBarForm.resetForm();
+					this.listQuery = {
+						pageSize: 10,
+						pageNo: 1,
+						total: 1,
+					};
+					this.getDataList();
+					break;
+				case 'add':
+					this.addOrEditTitle = '新增库位';
+					this.addOrUpdateVisible = true;
+					this.addOrUpdateHandle();
+					break;
+				case 'export':
+					this.handleExport();
+					break;
+				default:
+					console.log(val);
+			}
+		},
+		getWareArr() {
+			this.urlOptions.getWareListURL().then((response) => {
+				this.wareArr = response.data;
+			});
+		},
+		addWare() {
+			this.addOrEditTitle = '新增仓库';
+			this.addOrUpdateVisible = true;
+			this.addOrUpdate = 'addOrUpdate1';
+			this.$nextTick(() => {
+				this.$refs.addOrUpdate1.init();
+			});
+		},
+		//dropdown点击
+		dropdown(val, id, name) {
+			if (val === 1) {
+				this.addOrUpdateVisible = true;
+				this.addOrEditTitle = '编辑仓库';
+				this.addOrUpdate = 'addOrUpdate1';
+				this.$nextTick(() => {
+					this.$refs.addOrUpdate1.init(id);
+				});
+			} else if (val === 2) {
+				this.addOrUpdateVisible = true;
+				this.addOrEditTitle = '仓库详情';
+				this.addOrUpdate = 'addOrUpdate1';
+				this.$nextTick(() => {
+					this.$refs.addOrUpdate1.init(id, true);
+				});
+			} else if (val === 3) {
+				this.deleteWare(id, name);
+			} else {
+				console.log(val);
+			}
+		},
+		// 删除仓库
+		deleteWare(id, name) {
+			this.$confirm(`确定对仓库[${name}]进行删除操作?`, '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning',
+			})
+				.then(() => {
+					this.urlOptions.deleteWareURL(id).then(({ data }) => {
+						this.$message({
+							message: '操作成功',
+							type: 'success',
+							duration: 1500,
+							onClose: () => {
+								this.getWareArr();
+							},
+						});
+					});
+				})
+				.catch(() => {});
+		},
+		//tableBtn点击
+		handleClick(val) {
+			if (val.type === 'edit') {
+				this.addOrUpdateVisible = true;
+				this.addOrEditTitle = '编辑';
+				this.$nextTick(() => {
+					this.$refs.addOrUpdate.init(val.data.id, this.wareInfo);
+				});
+			} else if (val.type === 'delete') {
+				this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex);
+			} else if (val.type === 'change') {
+				this.changeStatus(val.data.id);
+			} else {
+				this.otherMethods(val);
+			}
+		},
+		// 新增 / 修改
+		addOrUpdateHandle(id) {
+			this.addOrUpdateVisible = true;
+			this.$nextTick(() => {
+				this.$refs.addOrUpdate.init(id, this.wareInfo);
+			});
+		},
+		successSubmit1() {
+			this.handleCancel();
+			this.getWareArr();
+		},
+		setWareInfo(info) {
+			this.wareInfo.warehouseName = info.name;
+			this.wareInfo.warehouseCode = info.code;
+			this.wareInfo.warehouseId = info.id;
+			this.getDataList();
+		},
+	},
+};
+</script>
+
+<style scoped>
+.ware-card {
+	margin-bottom: 10px;
+	cursor: pointer;
+}
+.ware-card >>> .el-card__body {
+	padding: 10px;
+	font-size: 16px;
+	line-height: 30px;
+}
+.el-dropdown-div {
+	float: right;
+	padding-top: 3px;
+}
+</style>

From 9bcb4d42fafd244896b4298f8d77ed3b58f6f2fa Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Tue, 16 Jul 2024 10:05:39 +0800
Subject: [PATCH 02/10] =?UTF-8?q?=E8=83=BD=E6=BA=902-1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/choicepart/Devconfig.png    | Bin 0 -> 9014 bytes
 src/views/choicePart/index.vue                | 659 +++++++++---------
 .../energyLimit}/components/InputArea.vue     |   0
 .../components/TimePickerArea.vue             |   0
 .../energyLimit/components/energyLimitAdd.vue |   0
 .../energy}/energyLimit/index.vue             |   0
 .../energyPlc/components/energyPlcAdd.vue     |   0
 .../energy}/energyPlc/index.vue               |   0
 .../components/energyPlcConnectAdd.vue        |   0
 .../components/energyPlcParam.vue             |   0
 .../components/energyPlcParamAdd.vue          |   0
 .../energy}/energyPlcConnect/index.vue        |   0
 .../components/energyStatisticsAdd.vue        |   0
 .../components/energyStatisticsDet.vue        |   0
 .../components/energyStatisticsDetAdd.vue     |   0
 .../energy}/energyStatistics/index.vue        |   0
 .../energyType/components/InnerTable.vue      |   0
 .../energyType}/components/InputArea.vue      |   0
 .../energyType}/components/TimePickerArea.vue |   0
 .../energyType/components/energyTypeAdd.vue   |   0
 .../energy}/energyType/index.vue              |   0
 .../energyOverlimitLog/index.vue              |   0
 .../energyQuantityRealtime/index.vue          |   0
 .../{monitoring => }/energyReport/index.vue   |   0
 24 files changed, 342 insertions(+), 317 deletions(-)
 create mode 100644 src/assets/images/choicepart/Devconfig.png
 rename src/views/{energy/base/energyType => devConfig/energy/energyLimit}/components/InputArea.vue (100%)
 rename src/views/{energy/base/energyType => devConfig/energy/energyLimit}/components/TimePickerArea.vue (100%)
 rename src/views/{energy/monitoring => devConfig/energy}/energyLimit/components/energyLimitAdd.vue (100%)
 rename src/views/{energy/monitoring => devConfig/energy}/energyLimit/index.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyPlc/components/energyPlcAdd.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyPlc/index.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyPlcConnect/components/energyPlcConnectAdd.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyPlcConnect/components/energyPlcParam.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyPlcConnect/components/energyPlcParamAdd.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyPlcConnect/index.vue (100%)
 rename src/views/{energy/monitoring => devConfig/energy}/energyStatistics/components/energyStatisticsAdd.vue (100%)
 rename src/views/{energy/monitoring => devConfig/energy}/energyStatistics/components/energyStatisticsDet.vue (100%)
 rename src/views/{energy/monitoring => devConfig/energy}/energyStatistics/components/energyStatisticsDetAdd.vue (100%)
 rename src/views/{energy/monitoring => devConfig/energy}/energyStatistics/index.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyType/components/InnerTable.vue (100%)
 rename src/views/{energy/monitoring/energyLimit => devConfig/energy/energyType}/components/InputArea.vue (100%)
 rename src/views/{energy/monitoring/energyLimit => devConfig/energy/energyType}/components/TimePickerArea.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyType/components/energyTypeAdd.vue (100%)
 rename src/views/{energy/base => devConfig/energy}/energyType/index.vue (100%)
 rename src/views/energy/{monitoring => }/energyOverlimitLog/index.vue (100%)
 rename src/views/energy/{base => }/energyQuantityRealtime/index.vue (100%)
 rename src/views/energy/{monitoring => }/energyReport/index.vue (100%)

diff --git a/src/assets/images/choicepart/Devconfig.png b/src/assets/images/choicepart/Devconfig.png
new file mode 100644
index 0000000000000000000000000000000000000000..30a1a7e854933bb7ba213c6b384b7c9716a4da15
GIT binary patch
literal 9014
zcmeI2RZ|>Ju=bI~oh1ZWoZyn+4vQ0<B)Gdnkl^mVSRerwhmhdzZi~AFcXzkt<bQKM
zz<c*ror`CFJu`jP)ipKUGf`?PayXb|m<R|6I12L88voe%PwVKY|HjJGQiFd$bk&fP
zL?|Bv9sHX}TWBj-Dk~$f{Ik&!5F>050ROrC6WKo@ARy-;A|U@G;(u#7NdLRrn1lSk
z_WFO0xQ1zT2ne(}3ew=uo`@%YSP=bLuib#td?$}_xA9ond`3d~KzuMsa1a6_`P@1i
zjVC{@=P+KTz$%WHXM=MYe@kjvb(P1~-`~ADX*Dq79X1_Ci_G-KPQ_|-Gwg*0+yyTD
z5c*EZe6+dPT~SeP(U-<M=u7+b%2X^gf0Cr&;8otk@y_qgqvLAr?D;id?9F5zIulZK
zAZ^b74{(SLwAoto*Mwg$1&HYK=(zfW!udwN!MD$vNAGpKa`y&hn7hW4$lV+2nxcZL
zGLV42YQ6sQBFVD-Pt8t;Mjw%`M)E~PfmX0W=%=(?KtPPs{0*9Yx$(g2nb#_s#3A{M
zKF3G9Hy`fPMr8?SZ27LY7nN9yewMqz`+CSnj`e(Ddou^A>rRs=&1<V?eje-XdTqUM
zMxdwGlZm$cmbU%R$O{Q4Gy2{-nRd?gRzT{ZQvbqRNh7#<&i#E4UdG)!r^&+XPsLw?
zJ75h*V<CJ-3Jm203IX%naN*cJ_votokL{b^&R;>nRub2PKv>Yej*`jGG0WKJ_sKt1
zzx7Tpy_y-V&15_S$4aJ|yVeSp++70#_{eYJ_CNbyRZ82idT~p&FPp%JJyg3u5nICL
z(G@HCx8uod_I}%5ul%f+jD7L@iwPw8WG@1D8W{c{weQ}O4lQ^ut@m9|u~m1Ti}tFz
zWqc}#*UU1RvxZDvRTMC2Nb1>$WpBm&l>U0aJK$2qXAhZI=d;<O_L=zr4yy4kZ;sc%
znuotmOWe<t`fDAiF;16P52v*nK_T?-{*b4|EfNHe>!4nGFQ94wgj#9TtM6AUH|5YN
zO@s;C(Bn>L55JBTsiHye)U-(8JM8_vR@{6}b9KDxel;rdlzUCj!%yDc_1}D18dw_9
zlniKWSZtQ9fkKYis9hyp3fEo$C&G;3>QVQ~O$}`14+<hUGOr1$nsyzJ5ApFqw-V32
z9b5tzEC#M3fK^d}g|3~~O3Trai#gXtxYM_rSU6L=`;EJ$%vV?CJX*For(TY!v#%_y
zp;9ffhuVFAMWYUuzo=GZVD!vt{|4;gOuE<tPDQkJb&{{MoUNZ}|3<j%bzKYutGxb@
zi|(7uzZ;YNQu1A7@h<MO3u~N#d#e1`<n&)HxhiZ*#|Phg=*6GGp}n}y;4R3t)R!vG
zG+;@$d6=LA-94}lfeK|~8-4ll@yNh`=1SN-8ICo6Rl!U8%Tyk)R?tB?x4npmo!0(c
zwXNg1W;QD#UMvZ5z;dAP*hizl?2WvCP-6RVsri$!GfiItv+LlJ?tqNr2e{hec@15?
z(=j!a22HLM#8PajTMGLoF-Fa@UGGGZGrITj9EiVuTJd*e=Em%<z*H<Yd_B%E<z~uO
z#vVlo8N0fj(Lbey<CoT&qiEAngRCOnF@^B;#MWCQ{Zt`)o_roA6-VTqMTNw_xQUmQ
ziKoi4-W**FDE7`j=RlN_KT5iEJD`Jup}aL!iPVfqF#hqKvEKo@=uBOD@;rOky)#E<
z9!f*|jIkH>4~V~zFETZM61WU#Loh%pm2B5-6XT)cdyKH1v~vBs46U@`Y@d6qLIbH6
zoQSCT&zPCykQy!%bGNj_ABdjf9QX(AgVA`wW4tZf&-$#(B88uiOz+O#3c9^d{n$qa
z>^3zs5>czoL_mD!2}~EhRlcUTadD^<yH#LoUIifPhG|ZDk18a2#oC>2dCK4^;4Ix6
zu3nAS+1PhHbBZrF?NL!Bw0N9-G;hX63SMBBQA(<rq2cWJATNpKi(IWjUD_tN-<Zy=
zQV40hH!O?7P9PJ028y6qYDlTlv0_KHk%+E|`09=Pg|44b)>6QZ&y{%<#B7zk(=NE*
zFAQQRK!8(RSy(y2DAV@Qu=Jc7)`d&Ovpb8mVRx^K2kFPVVlD%PM3J4}(p%Q|gFTFI
z=#ndZG)QZvyr8MS20l)tkk|cAJYc3Pq|x<{!JPNRbQV8+I`pJnG-L~>nq(OLSrcgI
zP^|nnZT<ESyzGVl^*ejQa#;V?xQ_|Zf{;D|_1#73&16Bk)T~#AtJlv0>gGWUt?<iw
z2U1dBy3{m}-b-Yq={NZ4@h5_P_Yh(FD{|-zL?`LQMjuIBtC(D4z#&9H-5p6aR)_^j
zgo`_(l!!AF9=??X4#<$aZy0&a+-kTQxTR~X+pUKu3R_gXP*_J~JTnay@<!?v{Aza5
z_#>K~UQDYJn<JP>R&7zknPz{!L!o7{9d*L%_0_|L4ezV<&|5uz>ZXVrh#W5#bFiR1
zmJRI(hL1n2W#}RbaUX!xr0+ue8YbBJ`jXMu4I|S&8R#yRItd3?ytb9RK~7sh(=vQ>
zZ5f?I5b5x#s2I8q9XAlW<L29&pUcY^rxGI@#HgbqfSl^>!TLR9s<$ReXNDQy*9oW{
z=?WD0tNgK!>=wAwKTuc*LeYlih=o@!LkE6OFhLW5x!_nK-}~zmc<u?hn4s9U7WCwh
zWaY=;VK#87juesPBa-#sK3TE^Roccgc{P%00{m-)0vM~B_=lB<;x2L9C+g~{8bm@s
zoSNnArBKOT4+s|*>kKpgz#qA^F`S<aa_+Q5kSR{4(K!`Ub(YajWcX&OMY-U}7oQ@*
zzxwPm6ywsBLr!mP5i6qbjR^=^#}zsPS>e{qVW2;hW(?22Zdlr&4|qnO*9<%ZZNN3K
zgI)ESRUuN86Tw^Ns8J0Hq?DxlH};&42g@<Su&O1KFM5Q_E7}kQ0*@c0gxpW;bY_0E
zVR5pW?V}67mV~sHVHnPAF^zx=DpK|yBhmD98Xm%uV{R|}3}|99)p>dy>ioRU`F1NM
zT}jXx`OkMntwl@`*iqi+3yIqO9y%p7kk1Q)Yi`X}g1fcDw%{kiRxk3!O1eZAYWbHh
zbTvKwZVp`aPn$ELSquB-zBc7{HoGM{Rl=*4TtZ3dWJ+at4aN)}gnj{-EM5y8z&B<T
zWJyxim6j$=lcy;{rTi5>sHX#upIN*LzTDW$$aLRKE#>W?BRQy^6BEr;&?}Fk8264~
zKTi3X^zbX^wV+b*IYOGc?B9X`*+cKAUyw})PzgT`SWz+#@}vM*(O0}bh)s0(3H9NX
zxtWWCqocOJn)dn>pt=m)+fOu(+%m{-N*ZFDV|TRVJwwr|2z@C*>`2Kev_SOE5nMV2
zTkblCLmo~HEV!v<A<~Ml(8l5gSU!}w(e&rG>AQ0YXF^dhGB>!M3Px6zQ=sjc%l$sY
z*_V=+Sy9q8m?vmWjtz?K6@HJ$PvWe>v4>(S7#m3V{GMpQpIZGBJ$LFYnKaHMUUgcc
zEQENtn32W`qNTyw^Q-3%*f4QoX6adpQ;q^h>8)l22Oor#S@}I#I2OCxyZ*`ruii(&
zFJNZ@GkUanrEa1i!8x*(jb#(^NiF?A;)p;(Uqor@ub%+Mzk$vjkd?}0?COajA9`Z7
z5qA@cQXA}X3{iJ|xy6vd04d4$gXxe^EXHh^uynRApK8Jzq`J7c5uIbhK0(3aI!90y
z*wJ&i3O^ObZqSKm7owc9j@1U+ey4zPnWR0_>W^C9Y#O4%5sJ&axjeBjgPi+<{<uH@
z@?$gUT7i#^H*_YOF6HKazU^%DL~-MrYJZpT@pE6M!QyV86xcrF@$@gT=XL#p5{7?s
z!w>0*E;k%i-%Oc^5OZRepx#27u)5->DvKs$Pe~C7cc@#gR$p9D@F=kcQ{v%y?%BSa
znr$+t!FjG$N!M3g+ppfAOy%qci^vk<#&GvDqU2D<XWk!S2~KjYqN>^G5Fu6ODSe9`
z#&HQz;|NP#O-A@G9C$}3A@zR06SRFhp<N(+>BdFmWpF*CMB8<!SJ79EmdYIdIU0W%
z7BoOv9z^qWSb%3k6uE}TubgG0x0?|)gZlQS<@=(FgH@NSVWJMTmF0>=vrz3f#UqV;
z?oLUa%>oRzGCT#zC`khq(XmfIWl&8-DnV@?+a*!j%?mzgdnQ{zoqcQT;4#ul(TuUd
zk>l5H;MUO(@9X2&gJCYuzqf@a=&Mz~IiZwff>-2gGgIZoxG)^jO;=njl_*p2A(=}j
zX+yD$RW%W7@E_fnUxvp#;1_XqTTe?*w#SaeFDJe{k`=mdWXU%So9Lq9CDyS?EnX2A
zUV5pXmpH$p-ZAg@A)AJDrqIs(rS?D)Uu7c;PraCV=<wpAlInRR@b(~dP%4)~-gTpa
z&eZ_W@;R&uhc+>)zGe-cq@i7wUx^5cI|ZAruRSS&I<D2qT-K7FJ1v|c^)>5?UgHZb
z&>&*uqY+~j2QtCMYxm^d6eb<>XZP;uV9fQ$GG5hoI0I{;KfN)Iq?DO>TAwH8pRpl{
z4v)~S+w%7=f-WQT-7Vd7^xI-dm8GCkg>zlgxpv~E7U$pNoI6gUS_y>!@gCu{>Rf(|
ztT=jtqzQ!x5R#<9c_uX$1Q|XN;aEwr61tw3Oe~s~$3Ir|+45YXBquRFX@7uD@cX0`
z5FG8cm42j2R}2E|{n8X6W`Cp+;YEGFKhB}awg0MLpXlZpF7BXnTn-SQUXn-RLLq;L
zP_;<Y713AJP!JDKvDcm|B%w`PvUucGQ2KMym9Sceq7yhvaw;LsLcp&48=HhTen4<X
ziE7I82_JkC&d(qxYbIzOO(EfJFD}AL=NwCSZswA;kB<l|_;<p6Jg3uUJN)!VPp630
z-8)kh^m|aL0B6*A8AzDHA(id5v`smvL(${HpGn?sD(r1oP5refJ#alXobNV4&7>Jq
zzOnmJB%-prJ%t%4FT3bZofySzw-2`rbJ2;3c|;lZDXym%5J0N9o+3ItM&DMMmW?n;
zN?yhJhH3fudz?F{H@=pdMM3=jMYbn}xm?Fn0*S4-&eB@E6G(k5zl>s;b8&!JFtfLi
z1@hRhLyR?d$4^3sgPUmt_Y>?e*FhN7#C~bGl{_5|f}np%3yov7>63j@p7@&UE@i`i
z(?@$&lzjp6T119!_!PHgh&pJbYlR#9YExKNqFn06%FdzD&5{n2fMTG%G8;EWVzU6)
zo01t9pict4NSkT7;{6eQxFHK4(4M<&n`!k_0mY3~`3V*x;os@dYbm-sUN8D)p$Rzf
zYONp5Qq>zyKi_+_3*>RXJHN&fWu*LMlACyN#sEH==)cyf>7YjzLnLgr=~8^DO1XWv
zPoX-FWfQG}g~n_HF{_^X=*Sz7Tq5Z~r=Z6{)5#q#SagUTiR0&zK65`&dGD){6TA)*
z)TEZDVHmZwp`Q2#*c+#OrLr^ZJ}!hNB)m{aCVAZJobgYPEpKbjc3N}=Aj_v<x03TT
z9kUUbndT=G&$&AzFx#0$DV-`5x&=xJOMJ_zlAq68iYdp3{GeC;;HesmuUv#h2tY=f
zosi%8@FQ&Bdpx-zorEW^Z(L%4dmv2g0>3xj8Rr+$zJ4yiV|`OqkFfP-YvA<>6Mv<B
z*=sx(4eM<vRrl757$-Wv_Pj$|-7IWRY}q9RbPR+EvNtH!cRSY3e37OEhTgcg(X!4-
zsj23S@8Zjg-vxmMyZPwrgoM<c?SZnAi@-<%rDhC*#EANc-6GitD-<bu#mHibP^oZj
zScCWk<5(#|8maT;uwzD@gYtR50pD%^IQI7B&#NsLQ^hBZAAi@-mm$u@T;VrdgORJJ
z9|i}Lq<UO%d}lMLbx^_EZ4;w(k+v!nNP^%AyVYGqD~`mK7skqJ>JrvWe#VdAu?ulq
zS!NdA&mkS0tv;`>A_QqNgoyfPDUeD>2<vbAAFVtuC8f2uT})d7pTrt0Z0v$Nj&3&C
z!RsryD9#mD!HT3RXHB6mpxiiuz#kO3Mr6dP(&FF^q2^N|{Fwv95>9O=a|-Y7PqI!r
zcH2Xvn$Q5S`JQ44h)l_x(anoO6Ari*^Zh>O{Wy!fC*`#7gg5tdVE4&O-jOiF1v-|@
zrR4Xf4oN5GLWaE9rx>azR^z`kG(`1%c&(%B&Zv<l+ECCpnD0S?eDd3lXtLDXRJl<n
zlC{@2;@EsGU~a)NGA#KX{M=;hNQt?Li9gf`pRz9!KXq?V{c;7{-qwZAjs*s`u}W*w
zH80>SLQuNyH<^Y|bU)t~9|MpT<-Jzg7!w)&@rMVA$g)$&Ylp5A&9-E%sa)@CAF_m2
zH}B~^(2WF~h{_1u`C1`KV1y`}8u!>JE?}=l$mfIZrs{LSc+#tp;eZb>p77Rgt9fJl
zUaYykBt=`F#HJ_d{(hs@jz33F0@8XZ^>p_rcQ+mt&23kD25*O#TA7fd-v1OKQ8aAn
z#v2_!4J)N?k?9x_(s#c}!qYHA<U8;AjJZ<cCY9tCSV~`0Q(F5wy>gI!%j%ASM;?pt
zm6_hu?<EnF3+IC3&1L~W?tYE>?+-a6wbP^cgqnP4SFjIPma;kVd?GSTYvWzjFCZ6E
z#KQt)<oeYwiD+z?sHMRaJ(hRQZCkRd@G_P0DTL=G#G!8)`R?b=>rhvHG80`Y{U^AO
ztIa@y^xUdi9mSt62eB<3-R7K&QNLn<i5yD2Svs>ZwJ$c$U|Og&wLLCzif;N-Rg&>V
zX0SeiuN7UQS-~?&c~9E82}tN?xs)sBmk}xTM{NkGpG*}MLUt9{#A!X!E=C-)=CG4@
z1HIn(GKlsk3OjgtnQ{M8Xigv4`INLESrLJWuo52)+Nw%n|7NfBahkQ`vbe_=pY7?^
z`d?Xq9oibH_(G^c5$d=~`)y~Zvinb`nJ43Zl|T`sm5rVa7CeS3wiq*24Sz<xIr{$f
zja+J3X91<8N4?g@AvuydsYXK1tXAo@x$&hZqf5*9E3%W~cNaib)(<a%Sk$8hfgcGN
z@C*M;S2uRlzi3S>J!k;}DNE61)Ix-&);C_s>Qoni&SZohsgBFml}0PRE3~wi(f$00
zxq>zFrmqj}xUK9MDyY0GE|x^2<x~D<T81q3Pqg@c6zoFx-1Bh*6!FYBTvTo8%ycA_
z`nc3R&Qz#%;^<m5H+;ejko!_r8Hn%seG8SJfR=^8axas-XgqU~%)kvwWrsT;Vdz*V
z)WTPz*6q8Gi?J%MOW)Ck@-5hR(Cvfg@a53zIUSJv!>>u(C%XoH`*vq|&dW%EwwW4E
znvsoOaD(GJVZ6W*OHangcDxGUBKqjZyby%-L72^g{xE47qieMhRp2b8d?J3BC+$0I
zvO;CEHKD>Q8!EU<65eV0c@&k<1T|kq1NOZ%{`B$jh!sK&@ruPdUc;VMl3*`UF0u>2
zfznw1FTQS!;oBttVHpfz#RYvL3m@S&Rlp4yd6tndtT40YkM>zz;F}am&_K&|czPF=
z=_51&D(E>oqyE(?=@&Sku2TID7h7);ZptF;(M=(L30`rbR%v)hRHncf7}&-8%WZY@
zoUlv^Ttavd(-b(4u*(b&XcGxO43$x8;-&l*kJY2~nZeUk4J)UU@tMbKM0HcVG?tO`
zqHi^Y*}nAATIQPAcRD%hN8x@h((+5821f3$9j(8s!Q*X(^qhrQFhSwi&upzWG!2-i
z4KZZpLTQ7&4wb-$cZ(mn`{O~OYref?n)ub&veRYRKF4!be7Xbbh#+!3tORaG9WUCV
z*{L@$bY@q5t`%8K@_pTHu4aO&yobn~o$%9L;AUzLbQNl}<mdcsqF{7P<yYw%_j=9C
zANFUC#wXFiR@VhJ_WrQmm%*1mbR_JaZ)lpMI1k{os!Vux-fPkLPz&MRj*LC&ov^W6
zFV{oKOSaeM7pD8>Ju~3L`C*1DQdTnQx|nSlGA)T&&TKMZv43|-9iK3i7UYj73|U7R
zKH;eL0zoqhl)JGDH4bv!!~9%Ts_cfd<Hc|Dvo0sQXZwk<PID)$JtbTBd@Hmo<|STs
zv{Kd^i|OU|SlTHIXuhOB40xztz|KZ^EkX5h>Z5GHKb3wsSvdRUu16PsC0KZ{=#<S&
z?hpul{=|fgw0xrKY1iF}%5tfCW?1benDP0jjs{RbDfH-Fy#nVZc|6H~lKbT9-{m9?
z4hiHKtfG$!z>6EVN?5fL^wkQ!;^^igp5V@UVO;#oRw_pa9KX=fJ|l%>6~f-hxlF}`
z4HMhOlKZgja;}72_XhS-H;~t~x?k?{0w$#83(Mw;tX>%(PXiV+VBC5xhG3rB)BI$v
zHH-1w%nND=Xw}N;&+OjWm?c$u!v)vle}PsyJRlOY3tzMQv=6{O8|cf3JAREyg)zWZ
zil|ZlbdeHd==MBF{A3jGizWDyZ7#h;ovVmH=3t1-N<yA$!hn2dWML&HAMnb06iqiE
ztPi=WuLkn$;NH0^=q}(xDcxGM+r#7=bWA!Q7rNV1Yg1~hEl06wJ$y()3{M-l!e}5_
z2@eYf#4P}KI(AZlY8+t8TV07EAs2025rX0EgeqXXBpQw15)H?Dv*X@(cCYAdq6zFy
z0iEIJeXqfI82$XR&JupmMLD`2#qDs;_%Ca(4Rf?#>>pC==^CBZ`2>DfT44_$TG1uH
zFfHZ~Nh1$Pxb2Y&+CKFKpw##R<=S>X)oZ@6w$5KdA}*-0vo4C6cplw(1QyTBV!`$6
zC6fH~J@;|2WQt2>U*URyUQqx_TeSc8rfpDX4FYh?51Wjvk4gKATl7c7v#!fkl@Ihu
z@o)UP=$}uRxD(s*CPw|TRA`=&1R$7c=^4(_x?qrEe5mdeQhw7z+m76wZ{E|3js8<#
ztuEY&PZ?DSJx1lk`SXWHfsl!v5#yxq6Uk61)yBkH<6zQ}jT!Xq!N=98C>*&Hj(LBx
z$G7hf=k~fC#gBsz+TWkEt=;s<G7BqI)<`oQ$XhY21YEZdZ}=<`h(HTYej26!)Rl3R
zcc=Zj8a=5+qlItUVGI=F9$9l!XrC?e&dHPc7EpTjpkH<lbF2TxYDfn+QqMRa<6kCJ
zp{B-cqzV`>xWS{vzsa)q=)c)L(C6ecjb`UtuejJES((cl_22AB7OqnJuK!R6!&@)>
z96(Ie?S5V86xHfRCoPPJGkY2=Hu6pSZG%((*<>|+BOezS_3Z+)$+Lu~x_*RF<>UG=
zExDr<1WnU-m*_`8yn4*@RgaIs(BW7{w)f%mSKpPl7e6}_(s|k_M#KP4ciCw@&p=_v
z57T;7pbnNbMt*mL{iRJZtag5M6?TgC4_iw-62%3tE(81w75*o)0$CV}{Is86xxroL
z!igweUJ+HE>eXmvr-NA$F%Z(|TIY25Eya}Aa{mEsz?@D^1|g^+FLh_Y*aMr(wO|3$
za9pboAJ0BTdHg2tImK~hx?wqZFLEN<zgcip_><R^Sd!)z-kx`N`-u1M_u5+i$kS3!
z+MqLs#?8Z#fo3gKuJ|J>#_0CCe#f3Cp83w?L2Nl$p({t~@7IC6tMYve$+N#-iNZ%7
zZA40UU&0$UV+cXNxUt7pPeEZr?x6lMOMitGcSm1V$Kk5I<=2ZhYb)oA7sZNb&n;R;
zkt(?7k?$))P44JiwXJyKD_Q}Q3f`K|BrH$gQ*zm0x!{<F<<njgqPw`rJJX6NA4eF9
zPlD*yrFI@*z^}lm>0=ZUPc%6Ju^iVYiVY7gb5kOiQl+<*)DKeTSD$YlB&$0C&a=v1
zB?+^F&!HAiDM?{CDoG1g^q6U?RDxG?<f4HSzj~W#BaKv&##c!~*R0`18#NmZFSX@C
zgrzS-U#E-(Z_#V6WsRiv5Pz*931Q;}En9?wzo)Ool(U-!)WSQj10Ni=13IiOjc+`%
zeM;-EU=>A0A`Hwv#DaDzG4U`jdEH?N7u%cgy5c^M)2sT%GY7fzoFfrS*)Ja|je7JZ
zn@6cp1_%l`Gus>|I+F>cKcvMj3*bKm=FO<5S)0B6(hqNJxXu#R5~;rue1$b%RL|0<
z1o@R%plydQ;p0(iAFz$>bhRe$|Esvu1V!?gu0_}EUw+r^6Er_7E)n>i;a*GCULNp(
zlf)P71)^1w`>w~rJX?UW%`Vb=X7CZLsJQl9>a@7z`SXH%`zkUT{_~NKmZ|)iMmChA
zcQbdl4uelRtuI45HXveu2kd^MCHQiJEoU1arDR%!Mu9lRkLJ``c*j?nY@h58PLk6P
zBmP?&$8l@RP>Y=kyth-qcjFtH_dC>;XIC|eXI?jS6|YkK+_=C=vi@9Nyvd5BRx9i5
z)4r6F>U52C3*CTnbD0f0K!_wN6uX%+nXxC<j|t|r=Ii~*@l1o(|K*j{q3uNX)yO?!
z6)l=#k-c_KKIgAGSxMWK*<D)9d;rs{lh{{-ftGohOM~8Y_#>)Wdqc{e_)@}bJ-}%t
zeRBY>bTIr!L&p1OCRwPr6aE9uwEE)S*ROzx&ItW=XMBONhBhWIYL?J7|HtTO@-kPB
z8_-Jp$evwY8HxKtwEe!p#)haU)zA*5%idzUsIU1_ecX!rb+X<_$>SyGO={cCfSu33
z+Z%Z8MJg-Eyx!8~GW&z>u{c(>KY@9K{svZoaa;!SW#(XT%LTxsYZ}mF>3tv$Ch$cp
z-x=t*Qe4@8g72oD%!T_nlR~JEjb?6T{=I}^+QXl>dBG649w+%S;cna2vxs3enPj_!
zBS_iVE|DpWx#Y9lwD&X8D$ldTe9RJ+-=qKAM!~U3_sNW?e;rwRYoo`#oug-_rh#!U
z4@=BN9K%R!lLeB@1==D<<xm210<+i?kM|PeA>zJHdvy3ric>tIFpGoV(-IOG?Fg0S
z_ZgGJ&%SPQ3`c(S$1sN-jvIy05Ywx7Zjzq#ugk9DYB6mH)N8^2ny1Bxk2k7cI4-LX
zmi#yeHH(k2rtP>ZjvGfRt%`_cBnZ?1M2P=~{|mwYOBSq4qdx~wWV0*$y(Z@W@6U>Y
MjEZ!*q;c^70FfHDEC2ui

literal 0
HcmV?d00001

diff --git a/src/views/choicePart/index.vue b/src/views/choicePart/index.vue
index f77cef0d..58bd8aed 100644
--- a/src/views/choicePart/index.vue
+++ b/src/views/choicePart/index.vue
@@ -1,324 +1,349 @@
 <template>
-  <div class="choicepart-container">
-    <navbar />
-    <div class="choicepart-wrapper">
-      <div class="choicepart-box" id="choicepartBox" :style="'transform:scale('+scale+');width:1574px;height:538px;'" v-show="showItem">
-      <div class="choicepart-line1">
-        <div
-          v-for="(item, index) in menuArr1"
-          :key="index"
-          class="choicepart-item"
-          @click="handelClick(item, item.choicepart)"
-          :style="{opacity: item.visible?1:0.4, pointerEvents:item.visible?'auto':'none'}"
-        >
-          <div>
-            <img :src="require(`../../assets/images/choicepart/${item.name}.png`)" alt="">
-          </div>
-          <div class="choicepart-item-title">{{item.meta.title}}</div>
-        </div>
-      </div>
-      <div class="choicepart-line2">
-        <div
-          v-for="(item, index) in menuArr2"
-          :key="index"
-          class="choicepart-item"
-          @click="handelClick(item, item.choicepart)"
-          :style="{opacity: item.visible?1:0.4, pointerEvents:item.visible?'auto':'none'}"
-        >
-          <div>
-            <img :src="require(`../../assets/images/choicepart/${item.name}.png`)" alt="">
-          </div>
-          <div class="choicepart-item-title">{{item.meta.title}}</div>
-        </div>
-      </div>
-    </div>
-    </div>
-    <div class="choicepart-footer">&copy; 中建材智能自动化研究院有限公司</div>
-  </div>
+	<div class="choicepart-container">
+		<navbar />
+		<div class="choicepart-wrapper">
+			<div
+				class="choicepart-box"
+				id="choicepartBox"
+				:style="'transform:scale(' + scale + ');width:1574px;height:538px;'"
+				v-show="showItem">
+				<div class="choicepart-line1">
+					<div
+						v-for="(item, index) in menuArr1"
+						:key="index"
+						class="choicepart-item"
+						@click="handelClick(item, item.choicepart)"
+						:style="{
+							opacity: item.visible ? 1 : 0.4,
+							pointerEvents: item.visible ? 'auto' : 'none',
+						}">
+						<div>
+							<img
+								:src="
+									require(`../../assets/images/choicepart/${item.name}.png`)
+								"
+								alt="" />
+						</div>
+						<div class="choicepart-item-title">{{ item.meta.title }}</div>
+					</div>
+				</div>
+				<div class="choicepart-line2">
+					<div
+						v-for="(item, index) in menuArr2"
+						:key="index"
+						class="choicepart-item"
+						@click="handelClick(item, item.choicepart)"
+						:style="{
+							opacity: item.visible ? 1 : 0.4,
+							pointerEvents: item.visible ? 'auto' : 'none',
+						}">
+						<div>
+							<img
+								:src="
+									require(`../../assets/images/choicepart/${item.name}.png`)
+								"
+								alt="" />
+						</div>
+						<div class="choicepart-item-title">{{ item.meta.title }}</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="choicepart-footer">&copy; 中建材智能自动化研究院有限公司</div>
+	</div>
 </template>
 <script>
-import Navbar from './components/Navbar'
-import { debounce } from '@/utils/debounce'
+import Navbar from './components/Navbar';
+import { debounce } from '@/utils/debounce';
 export default {
-  components: { Navbar },
-  name: 'choicePart',
-  data() {
-    return {
-      boxReset: '',
-      scale: 1,
-      menuArr1: [
-        {
-          name: 'Core',
-          title: '基础核心',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Order',
-          title: '订单管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Equipment',
-          title: '设备管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Group',
-          title: '班组管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Quality',
-          title: '质量管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Warehouse',
-          title: '仓库管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Energy',
-          title: '能源管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        }
-      ],
-      menuArr2: [
-        {
-          name: 'Packaging',
-          title: '包装管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Material',
-          title: '物料管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Extend',
-          title: '工艺管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Delivery',
-          title: '成品发货',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'Report',
-          title: '报表管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        },
-        {
-          name: 'System',
-          title: '系统管理',
-          visible: false,
-          meta: {
-            title: ''
-          }
-        }
-      ],
-      showItem: false
-    }
-  },
-  // computed:{
-  //   ...mapGetters(['sidebarRouters'])
-  // },
-  mounted() {
-    this.getMsg()
-    this.boxReset = debounce(() => {
-      this.resetSize()
-    }, 300)
-    this.boxReset()
-    window.addEventListener('resize', () => {
-      this.boxReset()
-    })
-  },
-  methods: {
-    getMsg() {
-      let menuList = this.$store.state.permission.sidebarRouters
-      console.log(menuList)
-      if (menuList.length > 0) {
-        for (let i = 0; i < menuList.length; i ++) {
-          for (let k = 0; k < 7; k++) {
-            if (menuList[i].name === this.menuArr1[k].name) {
-              this.menuArr1[k].visible = true
-              this.menuArr1[k].id = menuList[i].id
-              this.menuArr1[k].choicepart = i
-              this.menuArr1[k].children = menuList[i].children
-              this.menuArr1[k].meta = menuList[i].meta
-            }
-          }
-          for (let j = 0; j < 6; j++) {
-            if (menuList[i].name === this.menuArr2[j].name) {
-              this.menuArr2[j].visible = true
-              this.menuArr2[j].id = menuList[i].id
-              this.menuArr2[j].choicepart = i
-              this.menuArr2[j].children = menuList[i].children
-              this.menuArr2[j].meta = menuList[i].meta
-            }
-          }
-        }
-      }
-      console.log(this.menuArr1)
-      console.log(this.menuArr2)
-    },
-    handelClick(item, index) {
-      // this.$router.push({name: 'SystemUser'})
-      this.$store.dispatch('app/setChoicepart', index)
-      this.toRouter(item)
-      // if (item.meta.unuse) {
-      //   this.$message.warning(this.$t('暂无数据'))
-      // } else {
-      //   this.toRouter(item)
-      // }
-    },
-    toRouter(item) {
-      console.log(item)
-      if (item.children) {
-        this.toRouter(item.children[0])
-      } else {
-        this.$router.push({ name: item.name })
-      }
-    },
-    resetSize() {
-      let _this = this
-      _this.showItem = false
-      _this.loading = true
-      let choicepartBox = document.querySelector('#choicepartBox')
-      let rw = parseFloat(window.innerWidth)
-      let rh = parseFloat(window.innerHeight)
-      let bw = parseFloat(choicepartBox.style.width)
-      let bh = parseFloat(choicepartBox.style.height)
-      let wx = 0.82/(bw / rw)
-      let hx = 0.56/(bh / rh)
-      _this.scale = wx > hx ? hx : wx
-      setTimeout(_this.showItemFun, 700)
-    },
-    showItemFun() {
-      this.loading = false
-      this.showItem = true
-    }
-  },
-  beforeDestroy() {
-    this.showItem = false
-  }
-}
+	components: { Navbar },
+	name: 'choicePart',
+	data() {
+		return {
+			boxReset: '',
+			scale: 1,
+			menuArr1: [
+				{
+					name: 'Core',
+					title: '基础核心',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Order',
+					title: '订单管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Equipment',
+					title: '设备管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Group',
+					title: '班组管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Quality',
+					title: '质量管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Warehouse',
+					title: '仓库管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Energy',
+					title: '能源管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+			],
+			menuArr2: [
+				{
+					name: 'Packaging',
+					title: '包装管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Material',
+					title: '物料管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Extend',
+					title: '工艺管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Delivery',
+					title: '成品发货',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Report',
+					title: '报表管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'System',
+					title: '系统管理',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+				{
+					name: 'Devconfig',
+					title: '开发配置',
+					visible: false,
+					meta: {
+						title: '',
+					},
+				},
+			],
+			showItem: false,
+		};
+	},
+	// computed:{
+	//   ...mapGetters(['sidebarRouters'])
+	// },
+	mounted() {
+		this.getMsg();
+		this.boxReset = debounce(() => {
+			this.resetSize();
+		}, 300);
+		this.boxReset();
+		window.addEventListener('resize', () => {
+			this.boxReset();
+		});
+	},
+	methods: {
+		getMsg() {
+			let menuList = this.$store.state.permission.sidebarRouters;
+			console.log(menuList);
+			if (menuList.length > 0) {
+				for (let i = 0; i < menuList.length; i++) {
+					for (let k = 0; k < 7; k++) {
+						if (menuList[i].name === this.menuArr1[k].name) {
+							this.menuArr1[k].visible = true;
+							this.menuArr1[k].id = menuList[i].id;
+							this.menuArr1[k].choicepart = i;
+							this.menuArr1[k].children = menuList[i].children;
+							this.menuArr1[k].meta = menuList[i].meta;
+						}
+					}
+					for (let j = 0; j < 7; j++) {
+						if (menuList[i].name === this.menuArr2[j].name) {
+							this.menuArr2[j].visible = true;
+							this.menuArr2[j].id = menuList[i].id;
+							this.menuArr2[j].choicepart = i;
+							this.menuArr2[j].children = menuList[i].children;
+							this.menuArr2[j].meta = menuList[i].meta;
+						}
+					}
+				}
+			}
+			console.log(this.menuArr1);
+			console.log(this.menuArr2);
+		},
+		handelClick(item, index) {
+			// this.$router.push({name: 'SystemUser'})
+			this.$store.dispatch('app/setChoicepart', index);
+			this.toRouter(item);
+			// if (item.meta.unuse) {
+			//   this.$message.warning(this.$t('暂无数据'))
+			// } else {
+			//   this.toRouter(item)
+			// }
+		},
+		toRouter(item) {
+			console.log(item);
+			if (item.children) {
+				this.toRouter(item.children[0]);
+			} else {
+				this.$router.push({ name: item.name });
+			}
+		},
+		resetSize() {
+			let _this = this;
+			_this.showItem = false;
+			_this.loading = true;
+			let choicepartBox = document.querySelector('#choicepartBox');
+			let rw = parseFloat(window.innerWidth);
+			let rh = parseFloat(window.innerHeight);
+			let bw = parseFloat(choicepartBox.style.width);
+			let bh = parseFloat(choicepartBox.style.height);
+			let wx = 0.82 / (bw / rw);
+			let hx = 0.56 / (bh / rh);
+			_this.scale = wx > hx ? hx : wx;
+			setTimeout(_this.showItemFun, 700);
+		},
+		showItemFun() {
+			this.loading = false;
+			this.showItem = true;
+		},
+	},
+	beforeDestroy() {
+		this.showItem = false;
+	},
+};
 </script>
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .choicepart-container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background: url('../../assets/images/choicepart/choicepart-back.png') repeat;
-  background-size: 100% 100%;
-  .choicepart-wrapper {
-    width: 100vw;
-    height: calc(100vh - 94px);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .choicepart-box {
-    // transition: all 0.3s linear;
-    .choicepart-line1 {
-      width: 100%;
-      margin-bottom: 80px;
-      display: flex;
-      flex-flow: row nowrap;
-    }
-    .choicepart-line2 {
-      width: 100%;
-      display: flex;
-      flex-flow: row nowrap;
-      justify-content: center;
-    }
-    .choicepart-item {
-      width: 184px;
-      height: 224px;
-      background: url('../../assets/images/choicepart/choice-item-back.png') no-repeat;
-      background-size: 100% 100%;
-      border-radius: 5px;
-      overflow: hidden;
-      cursor: pointer;
-      position: relative;
-      margin: 0 20px;
-      img {
-        width: 184px;
-        height: 224px;
-      }
-      .choicepart-item-title {
-        overflow: hidden;
-        padding: 0 10px;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        position: absolute;
-        bottom: 0;
-        left: 2px;
-        right: 2px;
-        text-align: center;
-        color: #fff;
-        font-size: 16px;
-        line-height: 40px;
-        height: 40px;
-        letter-spacing: 2px;
-        background-color: rgba($color: #0b58ff, $alpha: 0.45);
-      }
-    }
-    .choicepart-item:hover {
-      .choicepart-item-title {
-        background-color: rgba($color: #0b58ff, $alpha: 1);
-      }
-    }
-  }
-  .choicepart-footer {
-    position: absolute;
-    width: 100%;
-    color: #C7C7C7;
-    user-select: none;
-    font-size: 12px;
-    letter-spacing: 1px;
-    height: 30px;
-    display: grid;
-    place-content: center;
-    bottom: 0;
-    opacity: 0.5;
-  }
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background: url('../../assets/images/choicepart/choicepart-back.png') repeat;
+	background-size: 100% 100%;
+	.choicepart-wrapper {
+		width: 100vw;
+		height: calc(100vh - 94px);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	.choicepart-box {
+		// transition: all 0.3s linear;
+		.choicepart-line1 {
+			width: 100%;
+			margin-bottom: 80px;
+			display: flex;
+			flex-flow: row nowrap;
+		}
+		.choicepart-line2 {
+			width: 100%;
+			display: flex;
+			flex-flow: row nowrap;
+			justify-content: center;
+		}
+		.choicepart-item {
+			width: 184px;
+			height: 224px;
+			background: url('../../assets/images/choicepart/choice-item-back.png')
+				no-repeat;
+			background-size: 100% 100%;
+			border-radius: 5px;
+			overflow: hidden;
+			cursor: pointer;
+			position: relative;
+			margin: 0 20px;
+			img {
+				width: 184px;
+				height: 224px;
+			}
+			.choicepart-item-title {
+				overflow: hidden;
+				padding: 0 10px;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				position: absolute;
+				bottom: 0;
+				left: 2px;
+				right: 2px;
+				text-align: center;
+				color: #fff;
+				font-size: 16px;
+				line-height: 40px;
+				height: 40px;
+				letter-spacing: 2px;
+				background-color: rgba($color: #0b58ff, $alpha: 0.45);
+			}
+		}
+		.choicepart-item:hover {
+			.choicepart-item-title {
+				background-color: rgba($color: #0b58ff, $alpha: 1);
+			}
+		}
+	}
+	.choicepart-footer {
+		position: absolute;
+		width: 100%;
+		color: #c7c7c7;
+		user-select: none;
+		font-size: 12px;
+		letter-spacing: 1px;
+		height: 30px;
+		display: grid;
+		place-content: center;
+		bottom: 0;
+		opacity: 0.5;
+	}
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/energy/base/energyType/components/InputArea.vue b/src/views/devConfig/energy/energyLimit/components/InputArea.vue
similarity index 100%
rename from src/views/energy/base/energyType/components/InputArea.vue
rename to src/views/devConfig/energy/energyLimit/components/InputArea.vue
diff --git a/src/views/energy/base/energyType/components/TimePickerArea.vue b/src/views/devConfig/energy/energyLimit/components/TimePickerArea.vue
similarity index 100%
rename from src/views/energy/base/energyType/components/TimePickerArea.vue
rename to src/views/devConfig/energy/energyLimit/components/TimePickerArea.vue
diff --git a/src/views/energy/monitoring/energyLimit/components/energyLimitAdd.vue b/src/views/devConfig/energy/energyLimit/components/energyLimitAdd.vue
similarity index 100%
rename from src/views/energy/monitoring/energyLimit/components/energyLimitAdd.vue
rename to src/views/devConfig/energy/energyLimit/components/energyLimitAdd.vue
diff --git a/src/views/energy/monitoring/energyLimit/index.vue b/src/views/devConfig/energy/energyLimit/index.vue
similarity index 100%
rename from src/views/energy/monitoring/energyLimit/index.vue
rename to src/views/devConfig/energy/energyLimit/index.vue
diff --git a/src/views/energy/base/energyPlc/components/energyPlcAdd.vue b/src/views/devConfig/energy/energyPlc/components/energyPlcAdd.vue
similarity index 100%
rename from src/views/energy/base/energyPlc/components/energyPlcAdd.vue
rename to src/views/devConfig/energy/energyPlc/components/energyPlcAdd.vue
diff --git a/src/views/energy/base/energyPlc/index.vue b/src/views/devConfig/energy/energyPlc/index.vue
similarity index 100%
rename from src/views/energy/base/energyPlc/index.vue
rename to src/views/devConfig/energy/energyPlc/index.vue
diff --git a/src/views/energy/base/energyPlcConnect/components/energyPlcConnectAdd.vue b/src/views/devConfig/energy/energyPlcConnect/components/energyPlcConnectAdd.vue
similarity index 100%
rename from src/views/energy/base/energyPlcConnect/components/energyPlcConnectAdd.vue
rename to src/views/devConfig/energy/energyPlcConnect/components/energyPlcConnectAdd.vue
diff --git a/src/views/energy/base/energyPlcConnect/components/energyPlcParam.vue b/src/views/devConfig/energy/energyPlcConnect/components/energyPlcParam.vue
similarity index 100%
rename from src/views/energy/base/energyPlcConnect/components/energyPlcParam.vue
rename to src/views/devConfig/energy/energyPlcConnect/components/energyPlcParam.vue
diff --git a/src/views/energy/base/energyPlcConnect/components/energyPlcParamAdd.vue b/src/views/devConfig/energy/energyPlcConnect/components/energyPlcParamAdd.vue
similarity index 100%
rename from src/views/energy/base/energyPlcConnect/components/energyPlcParamAdd.vue
rename to src/views/devConfig/energy/energyPlcConnect/components/energyPlcParamAdd.vue
diff --git a/src/views/energy/base/energyPlcConnect/index.vue b/src/views/devConfig/energy/energyPlcConnect/index.vue
similarity index 100%
rename from src/views/energy/base/energyPlcConnect/index.vue
rename to src/views/devConfig/energy/energyPlcConnect/index.vue
diff --git a/src/views/energy/monitoring/energyStatistics/components/energyStatisticsAdd.vue b/src/views/devConfig/energy/energyStatistics/components/energyStatisticsAdd.vue
similarity index 100%
rename from src/views/energy/monitoring/energyStatistics/components/energyStatisticsAdd.vue
rename to src/views/devConfig/energy/energyStatistics/components/energyStatisticsAdd.vue
diff --git a/src/views/energy/monitoring/energyStatistics/components/energyStatisticsDet.vue b/src/views/devConfig/energy/energyStatistics/components/energyStatisticsDet.vue
similarity index 100%
rename from src/views/energy/monitoring/energyStatistics/components/energyStatisticsDet.vue
rename to src/views/devConfig/energy/energyStatistics/components/energyStatisticsDet.vue
diff --git a/src/views/energy/monitoring/energyStatistics/components/energyStatisticsDetAdd.vue b/src/views/devConfig/energy/energyStatistics/components/energyStatisticsDetAdd.vue
similarity index 100%
rename from src/views/energy/monitoring/energyStatistics/components/energyStatisticsDetAdd.vue
rename to src/views/devConfig/energy/energyStatistics/components/energyStatisticsDetAdd.vue
diff --git a/src/views/energy/monitoring/energyStatistics/index.vue b/src/views/devConfig/energy/energyStatistics/index.vue
similarity index 100%
rename from src/views/energy/monitoring/energyStatistics/index.vue
rename to src/views/devConfig/energy/energyStatistics/index.vue
diff --git a/src/views/energy/base/energyType/components/InnerTable.vue b/src/views/devConfig/energy/energyType/components/InnerTable.vue
similarity index 100%
rename from src/views/energy/base/energyType/components/InnerTable.vue
rename to src/views/devConfig/energy/energyType/components/InnerTable.vue
diff --git a/src/views/energy/monitoring/energyLimit/components/InputArea.vue b/src/views/devConfig/energy/energyType/components/InputArea.vue
similarity index 100%
rename from src/views/energy/monitoring/energyLimit/components/InputArea.vue
rename to src/views/devConfig/energy/energyType/components/InputArea.vue
diff --git a/src/views/energy/monitoring/energyLimit/components/TimePickerArea.vue b/src/views/devConfig/energy/energyType/components/TimePickerArea.vue
similarity index 100%
rename from src/views/energy/monitoring/energyLimit/components/TimePickerArea.vue
rename to src/views/devConfig/energy/energyType/components/TimePickerArea.vue
diff --git a/src/views/energy/base/energyType/components/energyTypeAdd.vue b/src/views/devConfig/energy/energyType/components/energyTypeAdd.vue
similarity index 100%
rename from src/views/energy/base/energyType/components/energyTypeAdd.vue
rename to src/views/devConfig/energy/energyType/components/energyTypeAdd.vue
diff --git a/src/views/energy/base/energyType/index.vue b/src/views/devConfig/energy/energyType/index.vue
similarity index 100%
rename from src/views/energy/base/energyType/index.vue
rename to src/views/devConfig/energy/energyType/index.vue
diff --git a/src/views/energy/monitoring/energyOverlimitLog/index.vue b/src/views/energy/energyOverlimitLog/index.vue
similarity index 100%
rename from src/views/energy/monitoring/energyOverlimitLog/index.vue
rename to src/views/energy/energyOverlimitLog/index.vue
diff --git a/src/views/energy/base/energyQuantityRealtime/index.vue b/src/views/energy/energyQuantityRealtime/index.vue
similarity index 100%
rename from src/views/energy/base/energyQuantityRealtime/index.vue
rename to src/views/energy/energyQuantityRealtime/index.vue
diff --git a/src/views/energy/monitoring/energyReport/index.vue b/src/views/energy/energyReport/index.vue
similarity index 100%
rename from src/views/energy/monitoring/energyReport/index.vue
rename to src/views/energy/energyReport/index.vue

From 0f70fe85c83fa4793e27264ebb7ba83e3d9b3d05 Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Wed, 17 Jul 2024 13:49:41 +0800
Subject: [PATCH 03/10] =?UTF-8?q?=E8=B4=A8=E9=87=8F=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../qualityInspectionBoxBtn/dialogForm.vue    |   0
 .../qualityInspectionBoxBtn/index.vue         |   0
 .../quality}/qualityInspectionDet/index.vue   | 137 ++++++---
 .../quality}/qualityInspectionType/index.vue  | 156 +++++-----
 .../qualityScrapDet/add-or-updata.vue         |   0
 .../quality}/qualityScrapDet/index.vue        | 104 +++----
 .../qualityScrapType/add-or-updata.vue        | 108 +++++++
 .../quality}/qualityScrapType/index.vue       |  54 ++--
 .../base/qualityScrapLog/add-or-updata.vue    | 209 -------------
 .../base/qualityScrapLog/detail-or-updata.vue | 222 --------------
 .../quality/base/qualityScrapLog/index.vue    | 213 -------------
 .../base/qualityScrapType/add-or-updata.vue   |  86 ------
 .../currentData/dialogForm.vue                |   0
 .../{monitoring => }/currentData/index.vue    |   0
 .../monitoring/qualityRecentHours/index.vue   | 120 --------
 .../monitoring/qualityRecentHours/props.json  |  80 -----
 .../qualityRecentHours/response.json          | 176 -----------
 .../qualityInspectionRecord/dialogForm.vue    |   0
 .../qualityInspectionRecord/index.vue         |   0
 .../{base => }/qualityScrapLog/SmallTitle.vue |   0
 .../quality/qualityScrapLog/add-or-updata.vue | 259 ++++++++++++++++
 .../qualityScrapLog/detail-or-updata.vue      | 284 ++++++++++++++++++
 src/views/quality/qualityScrapLog/index.vue   | 243 +++++++++++++++
 23 files changed, 1135 insertions(+), 1316 deletions(-)
 rename src/views/{quality/base/basicData => devConfig/quality}/qualityInspectionBoxBtn/dialogForm.vue (100%)
 rename src/views/{quality/base/basicData => devConfig/quality}/qualityInspectionBoxBtn/index.vue (100%)
 rename src/views/{quality/base => devConfig/quality}/qualityInspectionDet/index.vue (72%)
 rename src/views/{quality/base => devConfig/quality}/qualityInspectionType/index.vue (67%)
 rename src/views/{quality/base => devConfig/quality}/qualityScrapDet/add-or-updata.vue (100%)
 rename src/views/{quality/base => devConfig/quality}/qualityScrapDet/index.vue (62%)
 create mode 100644 src/views/devConfig/quality/qualityScrapType/add-or-updata.vue
 rename src/views/{quality/base => devConfig/quality}/qualityScrapType/index.vue (78%)
 delete mode 100644 src/views/quality/base/qualityScrapLog/add-or-updata.vue
 delete mode 100644 src/views/quality/base/qualityScrapLog/detail-or-updata.vue
 delete mode 100644 src/views/quality/base/qualityScrapLog/index.vue
 delete mode 100644 src/views/quality/base/qualityScrapType/add-or-updata.vue
 rename src/views/quality/{monitoring => }/currentData/dialogForm.vue (100%)
 rename src/views/quality/{monitoring => }/currentData/index.vue (100%)
 delete mode 100644 src/views/quality/monitoring/qualityRecentHours/index.vue
 delete mode 100644 src/views/quality/monitoring/qualityRecentHours/props.json
 delete mode 100644 src/views/quality/monitoring/qualityRecentHours/response.json
 rename src/views/quality/{monitoring => }/qualityInspectionRecord/dialogForm.vue (100%)
 rename src/views/quality/{monitoring => }/qualityInspectionRecord/index.vue (100%)
 rename src/views/quality/{base => }/qualityScrapLog/SmallTitle.vue (100%)
 create mode 100644 src/views/quality/qualityScrapLog/add-or-updata.vue
 create mode 100644 src/views/quality/qualityScrapLog/detail-or-updata.vue
 create mode 100644 src/views/quality/qualityScrapLog/index.vue

diff --git a/src/views/quality/base/basicData/qualityInspectionBoxBtn/dialogForm.vue b/src/views/devConfig/quality/qualityInspectionBoxBtn/dialogForm.vue
similarity index 100%
rename from src/views/quality/base/basicData/qualityInspectionBoxBtn/dialogForm.vue
rename to src/views/devConfig/quality/qualityInspectionBoxBtn/dialogForm.vue
diff --git a/src/views/quality/base/basicData/qualityInspectionBoxBtn/index.vue b/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue
similarity index 100%
rename from src/views/quality/base/basicData/qualityInspectionBoxBtn/index.vue
rename to src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue
diff --git a/src/views/quality/base/qualityInspectionDet/index.vue b/src/views/devConfig/quality/qualityInspectionDet/index.vue
similarity index 72%
rename from src/views/quality/base/qualityInspectionDet/index.vue
rename to src/views/devConfig/quality/qualityInspectionDet/index.vue
index 602f9fb2..3a4052d3 100644
--- a/src/views/quality/base/qualityInspectionDet/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionDet/index.vue
@@ -1,53 +1,92 @@
 <template>
-  <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick" />
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<SearchBar
+			:formConfigs="searchBarFormConfig"
+			ref="search-bar"
+			@headBtnClick="handleSearchBarBtnClick" />
 
-    <!-- 列表 -->
-    <base-table :table-props="tableProps" :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-data="list"
-      @emitFun="handleEmitFun">
-      <method-btn v-if="tableBtn.length" slot="handleBtn" label="操作" :width="120" fixed="right" :method-list="tableBtn"
-        @clickBtn="handleTableBtnClick" />
-    </base-table>
+		<!-- 列表 -->
+		<base-table
+			:table-props="tableProps"
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-data="list"
+			@emitFun="handleEmitFun">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				label="操作"
+				:width="120"
+				fixed="right"
+				:method-list="tableBtn"
+				@clickBtn="handleTableBtnClick" />
+		</base-table>
 
-    <!-- 分页组件 -->
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
-      @pagination="getList" />
+		<!-- 分页组件 -->
+		<pagination
+			v-show="total > 0"
+			:total="total"
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			@pagination="getList" />
 
-    <!-- 对话框(添加 / 修改) -->
-    <base-dialog :dialogTitle="title" :dialogVisible="open" width="40%" @close="cancel" @cancel="cancel"
-      @confirm="submitForm">
-      <DialogForm v-if="open" ref="form" v-model="form" :rows="[
-      	[
-      		{
-      			select: true,
-      			label: '检测类型',
-      			prop: 'typeId',
-      			url: '/base/quality-inspection-type/listAll',
-      			rules: [{ required: true, message: '检测类型不能为空', trigger: 'blur' }],
-      			bind: {
-      				filterable: true,
-      			},
-          },
-              {
-      			input: true,
-      			label: '检测内容',
-      			prop: 'content',
-      			rules: [{ required: true, message: '检测内容不能为空', trigger: 'blur' }],
-      		},
-      	],
+		<!-- 对话框(添加 / 修改) -->
+		<base-dialog
+			:dialogTitle="title"
+			:dialogVisible="open"
+			width="40%"
+			@close="cancel"
+			@cancel="cancel"
+			@confirm="submitForm">
+			<DialogForm
+				v-if="open"
+				ref="form"
+				v-model="form"
+				:rows="[
+					[
+						{
+							select: true,
+							label: '检测类型',
+							prop: 'typeId',
+							url: '/base/quality-inspection-type/listAll',
+							rules: [
+								{
+									required: true,
+									message: '检测类型不能为空',
+									trigger: 'blur',
+								},
+							],
+							bind: {
+								filterable: true,
+							},
+						},
+						{
+							input: true,
+							label: '检测内容',
+							prop: 'content',
+							rules: [
+								{
+									required: true,
+									message: '检测内容不能为空',
+									trigger: 'blur',
+								},
+							],
+						},
+					],
 
-        [
-          {
-            input: true,
-            label: '内容编码',
-            prop: 'code',
-            url: '/base/quality-inspection-det/getCode',
-          },
-          { input: true, label: '备注', prop: 'remark' }],
-      ]" />
-    </base-dialog>
-  </div>
+					[
+						{
+							input: true,
+							label: '内容编码',
+							prop: 'code',
+							url: '/base/quality-inspection-det/getCode',
+						},
+						{ input: true, label: '备注', prop: 'remark' },
+					],
+				]" />
+		</base-dialog>
+	</div>
 </template>
 
 <script>
@@ -145,10 +184,10 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'typeName', label: '类型名称',  },
-				{ prop: 'content', label: '检测内容',  },
-				{ prop: 'code', label: '检测编码',  },
-				{ prop: 'remark', label: '备注',  },
+				{ prop: 'typeName', label: '检测类型' },
+				{ prop: 'content', label: '检测内容' },
+				{ prop: 'code', label: '检测编码' },
+				{ prop: 'remark', label: '备注' },
 			],
 			// 查询参数
 			queryParams: {
diff --git a/src/views/quality/base/qualityInspectionType/index.vue b/src/views/devConfig/quality/qualityInspectionType/index.vue
similarity index 67%
rename from src/views/quality/base/qualityInspectionType/index.vue
rename to src/views/devConfig/quality/qualityInspectionType/index.vue
index 978c3c3f..78583e8a 100644
--- a/src/views/quality/base/qualityInspectionType/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionType/index.vue
@@ -1,52 +1,77 @@
 <template>
-  <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick" />
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<SearchBar
+			:formConfigs="searchBarFormConfig"
+			ref="search-bar"
+			@headBtnClick="handleSearchBarBtnClick" />
 
-    <!-- 列表 -->
-    <base-table :table-props="tableProps" :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-data="list"
-      @emitFun="handleEmitFun">
-      <method-btn v-if="tableBtn.length" slot="handleBtn" label="操作" :width="120" :method-list="tableBtn"
-        @clickBtn="handleTableBtnClick" />
-    </base-table>
+		<!-- 列表 -->
+		<base-table
+			:table-props="tableProps"
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-data="list"
+			@emitFun="handleEmitFun">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				label="操作"
+				:width="120"
+				:method-list="tableBtn"
+				@clickBtn="handleTableBtnClick" />
+		</base-table>
 
-    <!-- 分页组件 -->
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
-      @pagination="getList" />
+		<!-- 分页组件 -->
+		<pagination
+			v-show="total > 0"
+			:total="total"
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			@pagination="getList" />
 
-    <!-- 对话框(添加 / 修改) -->
-    <base-dialog :dialogTitle="title" :dialogVisible="open" @close="cancel" width="30%" @cancel="cancel"
-      @confirm="submitForm">
-      <DialogForm v-if="open" ref="form" v-model="form" :rows="[
-      	[
-      		{
-      			input: true,
-      			label: '检测类型名称',
-      			prop: 'name',
-      			rules: [
-      				{
-      					required: true,
-      					message: '检测类型名称不能为空',
-      					trigger: 'blur',
-      				},
-      			],
-      			// bind: {
-      			// 	disabled: true, // some condition, like detail mode...
-      			// }
-      		},
-      	],
-        [
-      		{
-      			input: true,
-      			label: '检测类型编码',
-      			prop: 'code',
-      			url: '/base/quality-inspection-type/getCode',
-      		},
-      	],
-      	[{ input: true, label: '备注', prop: 'remark' }],
-      ]" />
-    </base-dialog>
-  </div>
+		<!-- 对话框(添加 / 修改) -->
+		<base-dialog
+			:dialogTitle="title"
+			:dialogVisible="open"
+			@close="cancel"
+			width="30%"
+			@cancel="cancel"
+			@confirm="submitForm">
+			<DialogForm
+				v-if="open"
+				ref="form"
+				v-model="form"
+				:rows="[
+					[
+						{
+							input: true,
+							label: '检测类型',
+							prop: 'name',
+							rules: [
+								{
+									required: true,
+									message: '检测类型不能为空',
+									trigger: 'blur',
+								},
+							],
+							// bind: {
+							// 	disabled: true, // some condition, like detail mode...
+							// }
+						},
+					],
+					[
+						{
+							input: true,
+							label: '检测类型编码',
+							prop: 'code',
+							url: '/base/quality-inspection-type/getCode',
+						},
+					],
+					[{ input: true, label: '备注', prop: 'remark' }],
+				]" />
+		</base-dialog>
+	</div>
 </template>
 
 <script>
@@ -89,41 +114,9 @@ export default {
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'name', label: '检测类型名称' },
-				{ prop: 'code', label: '检测类型编码' },
+				{ prop: 'name', label: '检测类型' },
+				{ prop: 'code', label: '类型编码' },
 				{ prop: 'remark', label: '备注' },
-				// {
-				// 	label: '操作',
-				// 	alignt: 'center',
-				// 	subcomponent: {
-				// 		render: function (h) {
-				// 			return h('div', null, [
-				// 				h(
-				// 					'el-button',
-				// 					{
-				// 						props: {
-				// 							icon: 'el-icon-edit',
-				// 							size: 'mini',
-				// 							type: 'text',
-				// 						},
-				// 					},
-				// 					' 修改'
-				// 				),
-				// 				h(
-				// 					'el-button',
-				// 					{
-				// 						props: {
-				// 							icon: 'el-icon-edit',
-				// 							size: 'mini',
-				// 							type: 'text',
-				// 						},
-				// 					},
-				// 					' 修改'
-				// 				),
-				// 			]);
-				// 		},
-				// 	},
-				// },
 			],
 			//
 			searchBarFormConfig: [
@@ -139,11 +132,6 @@ export default {
 					name: 'search',
 					color: 'primary',
 				},
-				// {
-				// 	type: 'button',
-				// 	btnName: '重置',
-				// 	name: 'reset',
-				// },
 				{
 					type: 'separate',
 				},
diff --git a/src/views/quality/base/qualityScrapDet/add-or-updata.vue b/src/views/devConfig/quality/qualityScrapDet/add-or-updata.vue
similarity index 100%
rename from src/views/quality/base/qualityScrapDet/add-or-updata.vue
rename to src/views/devConfig/quality/qualityScrapDet/add-or-updata.vue
diff --git a/src/views/quality/base/qualityScrapDet/index.vue b/src/views/devConfig/quality/qualityScrapDet/index.vue
similarity index 62%
rename from src/views/quality/base/qualityScrapDet/index.vue
rename to src/views/devConfig/quality/qualityScrapDet/index.vue
index 6e9276aa..189fa59a 100644
--- a/src/views/quality/base/qualityScrapDet/index.vue
+++ b/src/views/devConfig/quality/qualityScrapDet/index.vue
@@ -29,7 +29,7 @@
 			@cancel="handleCancel"
 			@confirm="handleConfirm"
 			:before-close="handleCancel"
-			width="30%">
+			width="40%">
 			<add-or-update
 				ref="addOrUpdate"
 				@refreshDataList="successSubmit"></add-or-update>
@@ -42,31 +42,31 @@ import AddOrUpdate from './add-or-updata';
 import basicPage from '../../../core/mixins/basic-page';
 import { parseTime } from '../../../core/mixins/code-filter';
 import {
-  getQualityScrapDetPage,
-  deleteQualityScrapDet,
+	getQualityScrapDetPage,
+	deleteQualityScrapDet,
 } from '@/api/base/qualityScrapDet';
-import { getList, } from "@/api/base/qualityScrapType";
+import { getList } from '@/api/base/qualityScrapType';
 const tableProps = [
 	{
 		prop: 'createTime',
 		label: '添加时间',
-		filter: parseTime
-  },
-  {
-    prop: 'content',
-    label: '报废原因'
-  },
+		filter: parseTime,
+	},
+	{
+		prop: 'content',
+		label: '报废原因',
+	},
 	{
 		prop: 'code',
-    label: '报废原因编码'
+		label: '报废原因编码',
 	},
 	{
 		prop: 'typeName',
-    label: '报废类型'
+		label: '报废类型',
 	},
 	{
 		prop: 'remark',
-		label: '备注'
+		label: '备注',
 	},
 ];
 
@@ -75,41 +75,41 @@ export default {
 	data() {
 		return {
 			urlOptions: {
-        getDataListURL: getQualityScrapDetPage,
-        deleteURL: deleteQualityScrapDet,
+				getDataListURL: getQualityScrapDetPage,
+				deleteURL: deleteQualityScrapDet,
 				// exportURL: exportFactoryExcel,
 			},
 			tableProps,
 			tableBtn: [
-        this.$auth.hasPermi(`base:quality-inspection-det:update`)
+				this.$auth.hasPermi(`base:quality-inspection-det:update`)
 					? {
 							type: 'edit',
 							btnName: '编辑',
 					  }
 					: undefined,
-        this.$auth.hasPermi(`base:quality-inspection-det:delete`)
+				this.$auth.hasPermi(`base:quality-inspection-det:delete`)
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
-			].filter((v)=>v),
+			].filter((v) => v),
 			tableData: [],
 			formConfig: [
 				{
 					type: 'input',
-          label: '报废原因',
-          placeholder: '报废原因',
-          param: 'content',
-        },
-        {
-          type: 'select',
-          label: '报废类型',
-          selectOptions: [],
-          labelField: 'name',
-          valueField: 'id',
-          param: 'typeId',
-        },
+					label: '报废原因',
+					placeholder: '报废原因',
+					param: 'content',
+				},
+				{
+					type: 'select',
+					label: '报废类型',
+					selectOptions: [],
+					labelField: 'name',
+					valueField: 'id',
+					param: 'typeId',
+				},
 				{
 					type: 'button',
 					btnName: '查询',
@@ -120,11 +120,13 @@ export default {
 					type: 'separate',
 				},
 				{
-          type: this.$auth.hasPermi('base:quality-scrap-det:create') ? 'button' : '',
+					type: this.$auth.hasPermi('base:quality-scrap-det:create')
+						? 'button'
+						: '',
 					btnName: '新增',
 					name: 'add',
 					color: 'success',
-					plain: true
+					plain: true,
 				},
 			],
 		};
@@ -132,32 +134,32 @@ export default {
 	components: {
 		AddOrUpdate,
 	},
-  created() { },
-  mounted () {
-    this.getDict();
-  },
+	created() {},
+	mounted() {
+		this.getDict();
+	},
 	methods: {
 		// 获取数据列表
-    getDataList() {
-      this.dataListLoading = true;
-      this.urlOptions.getDataListURL(this.listQuery).then(response => {
-        this.tableData = response.data.list;
-        this.listQuery.total = response.data.total;
-        this.dataListLoading = false;
-      });
-    },
-    async getDict() {
-      // 物料列表
-      const res = await getList();
-      this.formConfig[1].selectOptions = res.data;
-    },
+		getDataList() {
+			this.dataListLoading = true;
+			this.urlOptions.getDataListURL(this.listQuery).then((response) => {
+				this.tableData = response.data.list;
+				this.listQuery.total = response.data.total;
+				this.dataListLoading = false;
+			});
+		},
+		async getDict() {
+			// 物料列表
+			const res = await getList();
+			this.formConfig[1].selectOptions = res.data;
+		},
 		buttonClick(val) {
 			switch (val.btnName) {
 				case 'search':
 					this.listQuery.pageNo = 1;
 					this.listQuery.pageSize = 10;
-          this.listQuery.content = val.content ? val.content : undefined;
-          this.listQuery.typeId = val.typeId ? val.typeId : undefined;
+					this.listQuery.content = val.content ? val.content : undefined;
+					this.listQuery.typeId = val.typeId ? val.typeId : undefined;
 					this.getDataList();
 					break;
 				case 'reset':
diff --git a/src/views/devConfig/quality/qualityScrapType/add-or-updata.vue b/src/views/devConfig/quality/qualityScrapType/add-or-updata.vue
new file mode 100644
index 00000000..0358535b
--- /dev/null
+++ b/src/views/devConfig/quality/qualityScrapType/add-or-updata.vue
@@ -0,0 +1,108 @@
+<!--
+ * @Author: zhp
+ * @Date: 2023-11-06 15:15:30
+ * @LastEditTime: 2023-11-24 08:42:18
+ * @LastEditors: zhp
+ * @Description:
+-->
+<template>
+	<el-form
+		:model="dataForm"
+		:rules="dataRule"
+		ref="dataForm"
+		@keyup.enter.native="dataFormSubmit()">
+		<el-row :gutter="24">
+			<el-col :span="12">
+				<el-form-item label="报废类型编码" prop="code" label-width="120px">
+					<el-input v-model="dataForm.code" placeholder="请输入报废类型编码" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="报废类型" prop="name" label-width="90px">
+					<el-input v-model="dataForm.name" placeholder="请输入报废类型" />
+				</el-form-item>
+			</el-col>
+		</el-row>
+		<el-row :gutter="24">
+			<el-col :span="12">
+				<el-form-item
+					label="报废类型描述"
+					prop="description"
+					label-width="120px">
+					<el-input
+						v-model="dataForm.description"
+						clearable
+						placeholder="报废类型描述" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="备注" prop="remark" label-width="90px">
+					<el-input
+						v-model="dataForm.remark"
+						clearable
+						placeholder="请输入备注" />
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
+</template>
+
+<script>
+import basicAdd from '../../../core/mixins/basic-add';
+import {
+	createQualityScrapType,
+	updateQualityScrapType,
+	getQualityScrapType,
+	getCode,
+} from '@/api/base/qualityScrapType';
+// import { getMaterialList } from "@/api/base/material";
+
+export default {
+	mixins: [basicAdd],
+	data() {
+		return {
+			urlOptions: {
+				isGetCode: true,
+				codeURL: getCode,
+				createURL: createQualityScrapType,
+				updateURL: updateQualityScrapType,
+				infoURL: getQualityScrapType,
+			},
+			dataForm: {
+				id: undefined,
+				code: undefined,
+				name: undefined,
+				description: undefined,
+				remark: undefined,
+			},
+			// materialList: [],
+			dataRule: {
+				// materialId: [{ required: true, message: "", trigger: "blur" }],
+				code: [
+					{ required: true, message: '报废类型编码不能为空', trigger: 'blur' },
+				],
+				name: [
+					{ required: true, message: '报废类型不能为空', trigger: 'blur' },
+				],
+			},
+		};
+	},
+	mounted() {
+		// this.getDict()
+		console.log('我看看', this.dataForm);
+	},
+	methods: {
+		// async getDict() {
+		// 	// 物料列表
+		// 	const res = await getMaterialList();
+		// 	this.materialList = res.data;
+		// },
+		// setMaterialCode() {
+		// 	const chooseM = this.materialList.filter(item => {
+		// 		return item.id === this.dataForm.materialId
+		// 	})
+		// 	this.dataForm.materialCode = chooseM[0].code
+		// }
+	},
+};
+</script>
diff --git a/src/views/quality/base/qualityScrapType/index.vue b/src/views/devConfig/quality/qualityScrapType/index.vue
similarity index 78%
rename from src/views/quality/base/qualityScrapType/index.vue
rename to src/views/devConfig/quality/qualityScrapType/index.vue
index 6d638e83..dc7e7605 100644
--- a/src/views/quality/base/qualityScrapType/index.vue
+++ b/src/views/devConfig/quality/qualityScrapType/index.vue
@@ -29,7 +29,7 @@
 			@cancel="handleCancel"
 			@confirm="handleConfirm"
 			:before-close="handleCancel"
-			width="30%">
+			width="40%">
 			<add-or-update
 				ref="addOrUpdate"
 				@refreshDataList="successSubmit"></add-or-update>
@@ -42,31 +42,31 @@ import AddOrUpdate from './add-or-updata';
 import basicPage from '../../../core/mixins/basic-page';
 import { parseTime } from '../../../core/mixins/code-filter';
 import {
-  getQualityScrapTypePage,
-  deleteQualityScrapType
+	getQualityScrapTypePage,
+	deleteQualityScrapType,
 } from '@/api/base/qualityScrapType';
 
 const tableProps = [
 	{
 		prop: 'createTime',
 		label: '添加时间',
-		filter: parseTime
-  },
-  {
-    prop: 'name',
-    label: '报废类型'
-  },
+		filter: parseTime,
+	},
+	{
+		prop: 'name',
+		label: '报废类型',
+	},
 	{
 		prop: 'code',
-    label: '报废类型编码'
+		label: '报废类型编码',
 	},
 	{
 		prop: 'description',
-		label: '描述信息'
+		label: '描述信息',
 	},
 	{
 		prop: 'remark',
-		label: '备注'
+		label: '备注',
 	},
 ];
 
@@ -81,25 +81,25 @@ export default {
 			},
 			tableProps,
 			tableBtn: [
-        this.$auth.hasPermi(`base:quality-scrap-type:update`)
+				this.$auth.hasPermi(`base:quality-scrap-type:update`)
 					? {
 							type: 'edit',
 							btnName: '编辑',
 					  }
 					: undefined,
-        this.$auth.hasPermi(`base:quality-scrap-type:delete`)
+				this.$auth.hasPermi(`base:quality-scrap-type:delete`)
 					? {
 							type: 'delete',
 							btnName: '删除',
 					  }
 					: undefined,
-			].filter((v)=>v),
+			].filter((v) => v),
 			tableData: [],
 			formConfig: [
 				{
 					type: 'input',
 					label: '报废类型',
-          placeholder: '报废类型',
+					placeholder: '报废类型',
 					param: 'name',
 				},
 				{
@@ -112,11 +112,13 @@ export default {
 					type: 'separate',
 				},
 				{
-          type: this.$auth.hasPermi('base:quality-scrap-type:create') ? 'button' : '',
+					type: this.$auth.hasPermi('base:quality-scrap-type:create')
+						? 'button'
+						: '',
 					btnName: '新增',
 					name: 'add',
 					color: 'success',
-					plain: true
+					plain: true,
 				},
 			],
 		};
@@ -127,14 +129,14 @@ export default {
 	created() {},
 	methods: {
 		// 获取数据列表
-    getDataList() {
-      this.dataListLoading = true;
-      this.urlOptions.getDataListURL(this.listQuery).then(response => {
-        this.tableData = response.data.list;
-        this.listQuery.total = response.data.total;
-        this.dataListLoading = false;
-      });
-    },
+		getDataList() {
+			this.dataListLoading = true;
+			this.urlOptions.getDataListURL(this.listQuery).then((response) => {
+				this.tableData = response.data.list;
+				this.listQuery.total = response.data.total;
+				this.dataListLoading = false;
+			});
+		},
 		buttonClick(val) {
 			switch (val.btnName) {
 				case 'search':
diff --git a/src/views/quality/base/qualityScrapLog/add-or-updata.vue b/src/views/quality/base/qualityScrapLog/add-or-updata.vue
deleted file mode 100644
index bcfc9530..00000000
--- a/src/views/quality/base/qualityScrapLog/add-or-updata.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-<!--
- * @Author: zhp
- * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2023-11-21 14:11:18
- * @LastEditors: zhp
- * @Description:
--->
-<template>
-  <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="auto">
-    <el-row :gutter="24">
-      <el-col :span="8">
-        <el-form-item label="工单号" prop="workOrderId">
-          <el-select v-model="dataForm.workOrderId" placeholder="请选择工单号">
-            <el-option v-for="dict in workOrderList" :key="dict.id" :label="dict.name" :value="dict.id" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="班组" prop="teamId">
-          <el-select v-model="dataForm.teamId" placeholder="请选择班组">
-            <el-option v-for="dict in teamList" :key="dict.id" :label="dict.name" :value="dict.id" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="数量" prop="num">
-          <el-input v-model="dataForm.num" placeholder="请输入数量" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="8">
-        <el-form-item label="产线" prop="lineId">
-          <el-select v-model="dataForm.lineId" placeholder="请选择产线">
-            <el-option v-for="dict in lineList" :key="dict.id" :label="dict.name" :value="dict.id" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="报废原因" prop="detId">
-          <el-select v-model="dataForm.detId" placeholder="请选择报废原因">
-            <el-option v-for="dict in detList" :key="dict.id" :label="dict.name" :value="dict.id" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="8">
-        <el-form-item label="报废时间" prop="logTime">
-          <el-date-picker v-model="dataForm.logTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-            placeholder="选择日期">
-          </el-date-picker>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="8">
-        <el-form-item label="来源" prop="source">
-          <el-select v-model="dataForm.source" placeholder="请选择来源">
-            <el-option v-for="dict in sourceList" :key="dict.id" :label="dict.name" :value="dict.id" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="8">
-        <el-form-item label="描述" prop="description">
-          <el-input v-model="dataForm.description" placeholder="请输入描述" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="8">
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="dataForm.remark" placeholder="备注" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import basicAdd from '../../../core/mixins/basic-add';
-import {
-  createQualityScrapLog, updateQualityScrapLog, getQualityScrapLog, getWorkOrderList,
-  getTeamList, getDetList,getLineList } from "@/api/base/qualityScrapLog";
-import { getList,} from "@/api/base/qualityScrapType";
-// import { getMaterialList } from "@/api/base/material";
-import moment from 'moment';
-export default {
-	mixins: [basicAdd],
-	data() {
-		return {
-			urlOptions: {
-			  isGetCode: false,
-        // codeURL: getCode,
-        createURL: createQualityScrapLog,
-        updateURL: updateQualityScrapLog,
-        infoURL: getQualityScrapLog,
-      },
-      lineList:[],
-      typeList: [],
-      workOrderList: [],
-      detList:[],
-      teamList: [],
-      sourceList: [
-        {
-          id: 1,
-          name: '手动',
-        },
-        {
-          id: 2,
-          name: '自动',
-        }
-      ],
-			dataForm: {
-        id: undefined,
-        logTime: undefined,
-        source:1,
-        detId: undefined,
-        workOrderId: null,
-        teamId: undefined,
-        num: undefined,
-        lineId:undefined,
-        description:undefined,
-        // description: undefined,
-        remark: undefined,
-			},
-			// materialList: [],
-			dataRule: {
-				// materialId: [{ required: true, message: "", trigger: "blur" }],
-        workOrderId: [{ required: true, message: "工单号不能为空", trigger: "change" }],
-        num: [{ required: true, message: "数量不能为空", trigger: "blur" }],
-        detId: [{ required: true, message: "报废原因不能为空", trigger: "change" }],
-
-        logTime: [{ required: true, message: "报废时间不能为空", trigger: "change" }],
-      }
-		};
-	},
-	mounted() {
-		this.getDict()
-    console.log('我看看', this.dataForm)
-    this.getCurrentTime()
-	},
-  methods: {
-    getCurrentTime() {
-      // new Date().Format("yyyy-MM-dd HH:mm:ss")
-      this.dataForm.logTime = new Date()
-      // this.dataForm.logTime = year + "-" + month + "-" + day;
-      console.log(this.dataForm.logTime);
-    },
-		async getDict() {
-			// 物料列表
-      const res = await getList()
-      this.typeList = res.data
-      getWorkOrderList().then((res) => {
-        console.log(res);
-        // console.log(response);
-        this.workOrderList = res.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.id
-          }
-        })
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-      getLineList().then((res) => {
-        console.log(res);
-        // console.log(response);
-        this.lineList = res.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.id
-          }
-        })
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-      getDetList().then((res) => {
-        console.log(res);
-        // console.log(response);
-        this.detList = res.data.map((item) => {
-          return {
-            name: item.content,
-            id: item.id
-          }
-        })
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-      getTeamList().then((res) => {
-        console.log(res);
-        // console.log(response);
-        this.teamList = res.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.id
-          }
-        })
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-		},
-		// setMaterialCode() {
-		// 	const chooseM = this.materialList.filter(item => {
-		// 		return item.id === this.dataForm.materialId
-		// 	})
-		// 	this.dataForm.materialCode = chooseM[0].code
-		// }
-	},
-};
-</script>
diff --git a/src/views/quality/base/qualityScrapLog/detail-or-updata.vue b/src/views/quality/base/qualityScrapLog/detail-or-updata.vue
deleted file mode 100644
index a689f27f..00000000
--- a/src/views/quality/base/qualityScrapLog/detail-or-updata.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-<!--
- * @Author: zhp
- * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2023-11-07 19:38:13
- * @LastEditors: zhp
- * @Description:
--->
-<template>
-  <el-dialog :visible.sync="dialogVisible" width="50%" :before-close="handleClose">
-    <small-title slot="title" :no-padding="true">
-      {{ '详情' }}
-    </small-title>
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
-      label-width="auto">
-      <el-row :gutter="24">
-        <el-col :span="8">
-          <el-form-item label="工单号" prop="workOrderId">
-            <el-select v-model="dataForm.workOrderId" placeholder="请选择工单号" disabled>
-              <el-option v-for="dict in workOrderList" :key="dict.id" :label="dict.name" :value="dict.id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="班组" prop="teamId">
-            <el-select v-model="dataForm.teamId" placeholder="请选择班组" disabled>
-              <el-option v-for="dict in teamList" :key="dict.id" :label="dict.name" :value="dict.id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="数量" prop="sum">
-            <el-input v-model="dataForm.sum" placeholder="请输入数量" disabled />
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20">
-        <el-col :span="8">
-          <el-form-item label="产线" prop="lineId">
-            <el-select v-model="dataForm.lineId" placeholder="请选择产线" disabled>
-              <el-option v-for="dict in lineList" :key="dict.id" :label="dict.name" :value="dict.id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="报废原因" prop="detId">
-            <el-select v-model="dataForm.detId" placeholder="请选择报废原因" disabled>
-              <el-option v-for="dict in detList" :key="dict.id" :label="dict.name" :value="dict.id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="8">
-          <el-form-item label="报废时间" prop="logTime">
-            <el-date-picker v-model="dataForm.logTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" disabled
-              placeholder="选择日期">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20">
-        <el-col :span="8">
-          <el-form-item label="来源" prop="source">
-            <el-select v-model="dataForm.source" placeholder="请选择来源" disabled>
-              <el-option v-for="dict in sourceList" :key="dict.id" :label="dict.name" :value="dict.id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="描述" prop="description">
-            <el-input v-model="dataForm.description" placeholder="请输入描述" disabled />
-          </el-form-item>
-        </el-col>
-
-        <el-col :span="8">
-          <el-form-item label="备注" prop="remark">
-            <el-input v-model="dataForm.remark" placeholder="备注" disabled />
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-  </el-dialog>
-
-</template>
-
-<script>
-import basicAdd from '../../../core/mixins/basic-add';
-import {
-  createQualityScrapLog, updateQualityScrapLog, getQualityScrapLog, getWorkOrderList,
-  getTeamList, getDetList,getLineList } from "@/api/base/qualityScrapLog";
-import { getList,} from "@/api/base/qualityScrapType";
-import SmallTitle from './SmallTitle';
-export default {
-  components: {
-    SmallTitle,
-  },
-	mixins: [basicAdd],
-	data() {
-		return {
-			urlOptions: {
-			  isGetCode: false,
-        // codeURL: getCode,
-        createURL: createQualityScrapLog,
-        updateURL: updateQualityScrapLog,
-        infoURL: getQualityScrapLog,
-      },
-      lineList:[],
-      typeList: [],
-      workOrderList: [],
-      detList:[],
-      teamList: [],
-      sourceList: [
-        {
-          id: 1,
-          name: '手动',
-        },
-        {
-          id: 2,
-          name: '自动',
-        }
-      ],
-      dialogVisible:false,
-			dataForm: {
-        id: undefined,
-        logTime: undefined,
-        source:1,
-        detId: undefined,
-        workOrderId: null,
-        teamId: undefined,
-        num: undefined,
-        lineId:undefined,
-        description:undefined,
-        // description: undefined,
-        remark: undefined,
-			},
-			// materialList: [],
-			dataRule: {
-				// materialId: [{ required: true, message: "", trigger: "blur" }],
-        workOrderId: [{ required: true, message: "工单号不能为空", trigger: "change" }],
-        num: [{ required: true, message: "数量不能为空", trigger: "blur" }],
-        detId: [{ required: true, message: "报废原因不能为空", trigger: "change" }],
-
-        logTime: [{ required: true, message: "报废时间不能为空", trigger: "change" }],
-      }
-		};
-	},
-	mounted() {
-		// this.getDict()
-    console.log('我看看', this.dataForm)
-    this.getCurrentTime()
-	},
-  methods: {
-    init() {
-      this.dialogVisible = true
-    },
-    getCurrentTime() {
-      // new Date().Format("yyyy-MM-dd HH:mm:ss")
-      this.dataForm.logTime = new Date()
-      // this.dataForm.logTime = year + "-" + month + "-" + day;
-      console.log(this.dataForm.logTime);
-    },
-		// async getDict() {
-		// 	// 物料列表
-    //   const res = await getList()
-    //   this.typeList = res.data
-    //   getWorkOrderList().then((res) => {
-    //     console.log(res);
-    //     // console.log(response);
-    //     this.workOrderList = res.data.map((item) => {
-    //       return {
-    //         name: item.name,
-    //         id: item.id
-    //       }
-    //     })
-    //     // console.log(this.formConfig[0].selectOptions);
-    //     // this.listQuery.total = response.data.total;
-    //   })
-    //   getLineList().then((res) => {
-    //     console.log(res);
-    //     // console.log(response);
-    //     this.lineList = res.data.map((item) => {
-    //       return {
-    //         name: item.name,
-    //         id: item.id
-    //       }
-    //     })
-    //     // console.log(this.formConfig[0].selectOptions);
-    //     // this.listQuery.total = response.data.total;
-    //   })
-    //   getDetList().then((res) => {
-    //     console.log(res);
-    //     // console.log(response);
-    //     this.workOrderList = res.data.map((item) => {
-    //       return {
-    //         name: item.name,
-    //         id: item.id
-    //       }
-    //     })
-    //     // console.log(this.formConfig[0].selectOptions);
-    //     // this.listQuery.total = response.data.total;
-    //   })
-    //   getTeamList().then((res) => {
-    //     console.log(res);
-    //     // console.log(response);
-    //     this.teamList = res.data.map((item) => {
-    //       return {
-    //         name: item.name,
-    //         id: item.id
-    //       }
-    //     })
-    //     // console.log(this.formConfig[0].selectOptions);
-    //     // this.listQuery.total = response.data.total;
-    //   })
-		// },
-		// setMaterialCode() {
-		// 	const chooseM = this.materialList.filter(item => {
-		// 		return item.id === this.dataForm.materialId
-		// 	})
-		// 	this.dataForm.materialCode = chooseM[0].code
-		// }
-	},
-};
-</script>
diff --git a/src/views/quality/base/qualityScrapLog/index.vue b/src/views/quality/base/qualityScrapLog/index.vue
deleted file mode 100644
index 5237cb8d..00000000
--- a/src/views/quality/base/qualityScrapLog/index.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<template>
-  <div class="app-container">
-    <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
-    <base-table v-loading="dataListLoading" :table-props="tableProps" :page="listQuery.pageNo"
-      :limit="listQuery.pageSize" :table-data="tableData">
-      <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
-        @clickBtn="handleClick" />
-    </base-table>
-    <pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total"
-      @pagination="getDataList" />
-    <base-dialog :dialogTitle="addOrEditTitle" :dialogVisible="addOrUpdateVisible" @cancel="handleCancel"
-      @confirm="handleConfirm" :before-close="handleCancel" width="50%">
-      <add-or-update ref="addOrUpdate" @refreshDataList="successSubmit"></add-or-update>
-    </base-dialog>
-    <detail-or-update v-if="detailOrUpdateVisible" ref="detailOrUpdate" @refreshDataList="successSubmit" />
-  </div>
-</template>
-
-<script>
-import AddOrUpdate from './add-or-updata';
-import DetailOrUpdate from './detail-or-updata';
-
-import basicPage from '../../../core/mixins/basic-page';
-import { parseTime } from '../../../core/mixins/code-filter';
-import {
-  getQualityScrapLogPage,
-  deleteQualityScrapLog,
-  getWorkOrderList,
-  getTeamList
-} from '@/api/base/qualityScrapLog';
-
-const tableProps = [
-	{
-		prop: 'createTime',
-		label: '添加时间',
-		filter: parseTime
-  },
-  {
-    prop: 'workOrderName',
-    label: '工单'
-  },
-  {
-    prop: 'teamId',
-    label: '班组'
-  },
-	{
-    prop: 'detContent',
-    label: '报废原因'
-	},
-	{
-    prop: 'logTime',
-    label: '报废时间',
-    filter: parseTime
-	},
-	{
-    prop: 'num',
-		label: '数量'
-	},
-];
-
-export default {
-	mixins: [basicPage],
-	data() {
-		return {
-			urlOptions: {
-        getDataListURL: getQualityScrapLogPage,
-        deleteURL: deleteQualityScrapLog,
-				// exportURL: exportFactoryExcel,
-			},
-			tableProps,
-			tableBtn: [
-        this.$auth.hasPermi(`base:quality-scrap-log:update`)
-					? {
-							type: 'edit',
-							btnName: '编辑',
-					  }
-          : undefined,
-        this.$auth.hasPermi(`base:quality-scrap-log:detail`)
-          ? {
-            type: 'detail',
-            btnName: '详情',
-          }
-          : undefined,
-        this.$auth.hasPermi(`base:quality-scrap-log:delete`)
-					? {
-							type: 'delete',
-							btnName: '删除',
-					  }
-					: undefined,
-			].filter((v)=>v),
-      tableData: [],
-      detailOrUpdateVisible:false,
-			formConfig: [
-        {
-          type: 'select',
-          label: '工单',
-          selectOptions: [],
-          labelField: 'name',
-          valueField: 'id',
-          param: 'workOrderId',
-        },
-        {
-          type: 'select',
-          label: '班组',
-          selectOptions: [],
-          labelField: 'name',
-          valueField: 'id',
-          param: 'teamId',
-        },
-				{
-					type: 'button',
-					btnName: '查询',
-					name: 'search',
-					color: 'primary',
-				},
-				{
-					type: 'separate',
-				},
-				{
-          type: this.$auth.hasPermi('base:quality-scrap-det:create') ? 'button' : '',
-					btnName: '新增',
-					name: 'add',
-					color: 'success',
-					plain: true
-				},
-			],
-		};
-	},
-	components: {
-    AddOrUpdate,
-    DetailOrUpdate
-	},
-  created() {
-    this.getDict()
-  },
-  methods: {
-    otherMethods(val) {
-      if (val.type === 'detail') {
-        this.detailOrUpdateVisible = true;
-        // this.addOrEditTitle = "详情";
-        this.$nextTick(() => {
-          this.$refs.detailOrUpdate.init(val.data.id, true);
-        });
-      }
-    },
-    // 获取数据列表
-    getDict() {
-      getWorkOrderList().then((res) => {
-        console.log(res);
-        // console.log(response);
-        this.formConfig[0].selectOptions = res.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.id
-          }
-        })
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-      getTeamList().then((res) => {
-        console.log(res);
-        // console.log(response);
-        this.formConfig[1].selectOptions = res.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.id
-          }
-        })
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-    },
-    getDataList() {
-      this.dataListLoading = true;
-      this.urlOptions.getDataListURL(this.listQuery).then(response => {
-        this.tableData = response.data.list;
-        this.listQuery.total = response.data.total;
-        this.dataListLoading = false;
-      });
-    },
-		buttonClick(val) {
-			switch (val.btnName) {
-				case 'search':
-					this.listQuery.pageNo = 1;
-					this.listQuery.pageSize = 10;
-          this.listQuery.workOrderId = val.workOrderId ? val.workOrderId : undefined;
-          this.listQuery.teamId = val.teamId ? val.teamId : undefined;
-					this.getDataList();
-					break;
-				case 'reset':
-					this.$refs.searchBarForm.resetForm();
-					this.listQuery = {
-						pageSize: 10,
-						pageNo: 1,
-						total: 1,
-					};
-					this.getDataList();
-					break;
-				case 'add':
-					this.addOrEditTitle = '新增';
-					this.addOrUpdateVisible = true;
-					this.addOrUpdateHandle();
-					break;
-				case 'export':
-					this.handleExport();
-					break;
-				default:
-					console.log(val);
-			}
-		},
-	},
-};
-</script>
diff --git a/src/views/quality/base/qualityScrapType/add-or-updata.vue b/src/views/quality/base/qualityScrapType/add-or-updata.vue
deleted file mode 100644
index 6ef00826..00000000
--- a/src/views/quality/base/qualityScrapType/add-or-updata.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<!--
- * @Author: zhp
- * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2023-11-24 08:42:18
- * @LastEditors: zhp
- * @Description:
--->
-<template>
-  <el-form :model="dataForm"  :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()">
-    <el-row :gutter="24">
-      <el-col :span="12">
-        <el-form-item label="报废类型编码" prop="code">
-          <el-input v-model="dataForm.code" placeholder="请输入报废类型编码" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="报废类型" prop="name">
-          <el-input v-model="dataForm.name" placeholder="请输入报废类型" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="24">
-      <el-col :span="12">
-        <el-form-item label="描述类型" prop="description">
-          <el-input v-model="dataForm.description" clearable placeholder="描述类型" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="dataForm.remark" clearable placeholder="请输入备注" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import basicAdd from '../../../core/mixins/basic-add';
-import { createQualityScrapType, updateQualityScrapType, getQualityScrapType, getCode } from "@/api/base/qualityScrapType";
-// import { getMaterialList } from "@/api/base/material";
-
-export default {
-	mixins: [basicAdd],
-	data() {
-		return {
-			urlOptions: {
-			  isGetCode: true,
-        codeURL: getCode,
-        createURL: createQualityScrapType,
-        updateURL: updateQualityScrapType,
-        infoURL: getQualityScrapType,
-			},
-			dataForm: {
-        id: undefined,
-        code: undefined,
-        name: undefined,
-        description: undefined,
-        remark: undefined,
-			},
-			// materialList: [],
-			dataRule: {
-				// materialId: [{ required: true, message: "", trigger: "blur" }],
-        code: [{ required: true, message: "报废类型编码不能为空", trigger: "blur" }],
-        name: [{ required: true, message: "报废类型不能为空", trigger: "blur" }],
-      }
-		};
-	},
-	mounted() {
-		// this.getDict()
-		console.log('我看看', this.dataForm)
-	},
-	methods: {
-		// async getDict() {
-		// 	// 物料列表
-		// 	const res = await getMaterialList();
-		// 	this.materialList = res.data;
-		// },
-		// setMaterialCode() {
-		// 	const chooseM = this.materialList.filter(item => {
-		// 		return item.id === this.dataForm.materialId
-		// 	})
-		// 	this.dataForm.materialCode = chooseM[0].code
-		// }
-	},
-};
-</script>
diff --git a/src/views/quality/monitoring/currentData/dialogForm.vue b/src/views/quality/currentData/dialogForm.vue
similarity index 100%
rename from src/views/quality/monitoring/currentData/dialogForm.vue
rename to src/views/quality/currentData/dialogForm.vue
diff --git a/src/views/quality/monitoring/currentData/index.vue b/src/views/quality/currentData/index.vue
similarity index 100%
rename from src/views/quality/monitoring/currentData/index.vue
rename to src/views/quality/currentData/index.vue
diff --git a/src/views/quality/monitoring/qualityRecentHours/index.vue b/src/views/quality/monitoring/qualityRecentHours/index.vue
deleted file mode 100644
index 5d9fb42d..00000000
--- a/src/views/quality/monitoring/qualityRecentHours/index.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<!--
-    filename: index.vue
-    author: liubin
-    date: 2023-08-04 14:44:58
-    description:
--->
-
-<template>
-	<div class="app-container">
-		<SearchBar
-			:formConfigs="[{ label: '近24小时检测记录', type: 'title' }]"
-			ref="search-bar" />
-		<!-- <pre><code v-html="jsondemo"></code></pre> -->
-
-		<el-skeleton v-if="initing" :rows="6" animated />
-		<div v-else >
-			<base-table
-				:table-props="tableProps"
-				:page="queryParams.pageNo"
-				:limit="queryParams.pageSize"
-				:table-data="list"
-				@emitFun="handleEmitFun"></base-table>
-		</div>
-	</div>
-</template>
-
-<script>
-// import response from './response.json';
-import { handleNameData, handleDynamicData } from '@/utils/dynamicProps';
-// import hljs from 'highlight.js/lib/highlight';
-// import json from 'highlight.js/lib/languages/json';
-// import 'highlight.js/styles/github-gist.css';
-
-// hljs.registerLanguage('json', json);
-
-export default {
-	name: 'QualityRecentHours',
-	components: {},
-	props: {},
-	data() {
-		return {
-			initing: false,
-			queryParams: {
-				pageNo: 1,
-				pageSize: 10,
-			},
-			list: [
-				// {
-				// 	inspectionContent: '检测内容1',
-				// 	'2023-03-18T00:00:00-产线1': '产线1-asdf',
-				// 	'2023-03-18T01:00:00-产线2': '产线2-kldf',
-				// 	'2023-03-18T02:00:00-产线1': '产线1-vasdkj',
-				// },
-			],
-			tableProps: [
-				{
-					prop: 'inspectionContent',
-					label: '检测内容',
-				},
-			],
-		};
-	},
-	computed: {},
-	mounted() {
-		this.getList();
-	},
-	methods: {
-		async getList() {
-			const response = await this.$axios({
-        url: '/analysis/record-in-one-day/get',
-				method: 'get',
-			});
-			const {
-				data: { data: dyanmicData, nameData },
-			} = response;
-
-			this.initing = true;
-			const dynamicProps = handleNameData(nameData);
-			this.tableProps.push(...dynamicProps);
-			const dataList = handleDynamicData(dyanmicData);
-			this.list = dataList;
-			this.queryParams.pageSize = dataList.length;
-
-			setTimeout(() => {
-				this.initing = false;
-			}, 1000);
-		},
-
-		handleEmitFun(payload) {
-			console.log('payload', payload);
-		},
-	},
-};
-</script>
-
-<style scoped lang="scss">
-::-webkit-scrollbar {
-	display: none;
-}
-
-pre {
-	margin: 10px;
-	background: #f6f8faf6;
-	border: 1px solid #e1e4e8;
-	padding: 12px;
-	border-radius: 12px;
-	position: fixed;
-	// top: 15vh;
-	top: 10vh;
-	left: 0;
-	max-height: 80vh;
-	overflow-y: auto;
-	z-index: 100000;
-	box-shadow: 0 0 32px 12px #0001;
-}
-
-code {
-	font-family: 'IntelOne Mono', 'Ubuntu', 'Courier New', Courier, monospace;
-}
-</style>
diff --git a/src/views/quality/monitoring/qualityRecentHours/props.json b/src/views/quality/monitoring/qualityRecentHours/props.json
deleted file mode 100644
index a8976b08..00000000
--- a/src/views/quality/monitoring/qualityRecentHours/props.json
+++ /dev/null
@@ -1,80 +0,0 @@
-{
-	"tableProps": [
-		{
-			"prop": "inspectionContent",
-			"label": "检测内容",
-			"align": "center"
-		},
-		{
-			"prop": "2023-03-18T00:00:00",
-			"label": "2023-03-18T00:00:00",
-			"align": "center",
-			"children": [
-				{
-					"prop": "2023-03-18T00:00:00-产线1",
-					"label": "产线1",
-					"align": "center"
-				},
-				{
-					"prop": "2023-03-18T00:00:00-产线2",
-					"label": "产线2",
-					"align": "center"
-				},
-				{
-					"prop": "2023-03-18T00:00:00-产线3",
-					"label": "产线3",
-					"align": "center"
-				},
-				{
-					"prop": "2023-03-18T00:00:00-产线4",
-					"label": "产线4",
-					"align": "center"
-				},
-				{
-					"prop": "2023-03-18T00:00:00-产线5",
-					"label": "产线5",
-					"align": "center"
-				}
-			]
-		},
-		{
-			"prop": "2023-03-18T01:00:00",
-			"label": "2023-03-18T01:00:00",
-			"align": "center",
-			"children": [
-				{
-					"prop": "2023-03-18T01:00:00-产线1",
-					"label": "产线1",
-					"align": "center"
-				},
-				{
-					"prop": "2023-03-18T01:00:00-产线2",
-					"label": "产线2",
-					"align": "center"
-				},
-				{
-					"prop": "2023-03-18T01:00:00-产线3",
-					"label": "产线3",
-					"align": "center"
-				}
-			]
-		},
-		{
-			"prop": "2023-03-18T02:00:00",
-			"label": "2023-03-18T02:00:00",
-			"align": "center",
-			"children": [
-				{
-					"prop": "2023-03-18T02:00:00-产线1",
-					"label": "产线1",
-					"align": "center"
-				},
-				{
-					"prop": "2023-03-18T02:00:00-产线2",
-					"label": "产线2",
-					"align": "center"
-				}
-			]
-		}
-	]
-}
diff --git a/src/views/quality/monitoring/qualityRecentHours/response.json b/src/views/quality/monitoring/qualityRecentHours/response.json
deleted file mode 100644
index 9524dfb4..00000000
--- a/src/views/quality/monitoring/qualityRecentHours/response.json
+++ /dev/null
@@ -1,176 +0,0 @@
-{
-	"code": 0,
-	"data": {
-		"data": [
-			{
-				"data": [
-					{
-						"id": "测试222023-08-09T02:00",
-						"parentId": "测试22",
-						"dynamicName": "2023-08-09T02:00",
-						"dynamicValue": 1691517600000,
-						"children": [
-							{
-								"id": "1672847052717821953",
-								"parentId": "测试222023-08-09T02:00",
-								"dynamicName": "产线1",
-								"dynamicValue": 1
-							}
-						]
-					},
-					{
-						"id": "测试222023-08-09T08:00",
-						"parentId": "测试22",
-						"dynamicName": "2023-08-09T08:00",
-						"dynamicValue": 1691539200000,
-						"children": [
-							{
-								"id": "1672847052717821953",
-								"parentId": "测试222023-08-09T08:00",
-								"dynamicName": "产线1",
-								"dynamicValue": 1
-							}
-						]
-					},
-					{
-						"id": "测试222023-08-09T11:00",
-						"parentId": "测试22",
-						"dynamicName": "2023-08-09T11:00",
-						"dynamicValue": 1691550000000,
-						"children": [
-							{
-								"id": "1672847052717821953",
-								"parentId": "测试222023-08-09T11:00",
-								"dynamicName": "产线1",
-								"dynamicValue": 1
-							}
-						]
-					}
-				],
-				"inspectionDetContent": "测试22"
-			},
-			{
-				"data": [
-					{
-						"id": "测试112023-08-09T02:00",
-						"parentId": "测试11",
-						"dynamicName": "2023-08-09T02:00",
-						"dynamicValue": 1691517600000,
-						"children": [
-							{
-								"id": "1672847052717821954",
-								"parentId": "测试112023-08-09T02:00",
-								"dynamicName": "产线22",
-								"dynamicValue": 1
-							}
-						]
-					},
-					{
-						"id": "测试112023-08-09T08:00",
-						"parentId": "测试11",
-						"dynamicName": "2023-08-09T08:00",
-						"dynamicValue": 1691539200000,
-						"children": [
-							{
-								"id": "1672847052717821953",
-								"parentId": "测试112023-08-09T08:00",
-								"dynamicName": "产线1",
-								"dynamicValue": 1
-							}
-						]
-					},
-					{
-						"id": "测试112023-08-09T09:00",
-						"parentId": "测试11",
-						"dynamicName": "2023-08-09T09:00",
-						"dynamicValue": 1691542800000,
-						"children": [
-							{
-								"id": "1672847052717821954",
-								"parentId": "测试112023-08-09T09:00",
-								"dynamicName": "产线22",
-								"dynamicValue": 2
-							}
-						]
-					}
-				],
-				"inspectionDetContent": "测试11"
-			}
-		],
-		"nameData": [
-			{
-				"name": "2023-08-09T02:00",
-				"tree": 1,
-				"id": "测试222023-08-09T02:00",
-				"parentId": "测试22"
-			},
-			{
-				"name": "产线1",
-				"tree": 2,
-				"id": "1672847052717821953",
-				"parentId": "测试222023-08-09T02:00"
-			},
-			{
-				"name": "2023-08-09T08:00",
-				"tree": 1,
-				"id": "测试222023-08-09T08:00",
-				"parentId": "测试22"
-			},
-			{
-				"name": "产线1",
-				"tree": 2,
-				"id": "1672847052717821953",
-				"parentId": "测试222023-08-09T08:00"
-			},
-			{
-				"name": "2023-08-09T11:00",
-				"tree": 1,
-				"id": "测试222023-08-09T11:00",
-				"parentId": "测试22"
-			},
-			{
-				"name": "产线1",
-				"tree": 2,
-				"id": "1672847052717821953",
-				"parentId": "测试222023-08-09T11:00"
-			},
-			{
-				"name": "2023-08-09T02:00",
-				"tree": 1,
-				"id": "测试112023-08-09T02:00",
-				"parentId": "测试11"
-			},
-			{
-				"name": "产线22",
-				"tree": 2,
-				"id": "1672847052717821954",
-				"parentId": "测试112023-08-09T02:00"
-			},
-			{
-				"name": "2023-08-09T08:00",
-				"tree": 1,
-				"id": "测试112023-08-09T08:00",
-				"parentId": "测试11"
-			},
-			{
-				"name": "产线1",
-				"tree": 2,
-				"id": "1672847052717821953",
-				"parentId": "测试112023-08-09T08:00"
-			},
-			{
-				"name": "2023-08-09T09:00",
-				"tree": 1,
-				"id": "测试112023-08-09T09:00",
-				"parentId": "测试11"
-			},
-			{
-				"name": "产线22",
-				"tree": 2,
-				"id": "1672847052717821954",
-				"parentId": "测试112023-08-09T09:00"
-			}
-		]
-	},
-	"msg": ""
-}
diff --git a/src/views/quality/monitoring/qualityInspectionRecord/dialogForm.vue b/src/views/quality/qualityInspectionRecord/dialogForm.vue
similarity index 100%
rename from src/views/quality/monitoring/qualityInspectionRecord/dialogForm.vue
rename to src/views/quality/qualityInspectionRecord/dialogForm.vue
diff --git a/src/views/quality/monitoring/qualityInspectionRecord/index.vue b/src/views/quality/qualityInspectionRecord/index.vue
similarity index 100%
rename from src/views/quality/monitoring/qualityInspectionRecord/index.vue
rename to src/views/quality/qualityInspectionRecord/index.vue
diff --git a/src/views/quality/base/qualityScrapLog/SmallTitle.vue b/src/views/quality/qualityScrapLog/SmallTitle.vue
similarity index 100%
rename from src/views/quality/base/qualityScrapLog/SmallTitle.vue
rename to src/views/quality/qualityScrapLog/SmallTitle.vue
diff --git a/src/views/quality/qualityScrapLog/add-or-updata.vue b/src/views/quality/qualityScrapLog/add-or-updata.vue
new file mode 100644
index 00000000..01cdb1e8
--- /dev/null
+++ b/src/views/quality/qualityScrapLog/add-or-updata.vue
@@ -0,0 +1,259 @@
+<!--
+ * @Author: zhp
+ * @Date: 2023-11-06 15:15:30
+ * @LastEditTime: 2023-11-21 14:11:18
+ * @LastEditors: zhp
+ * @Description:
+-->
+<template>
+	<el-form
+		:model="dataForm"
+		:rules="dataRule"
+		ref="dataForm"
+		@keyup.enter.native="dataFormSubmit()"
+		label-width="auto">
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item label="工单号" prop="workOrderId">
+					<el-select
+						v-model="dataForm.workOrderId"
+						placeholder="请选择工单号"
+						style="width: 100%">
+						<el-option
+							v-for="dict in workOrderList"
+							:key="dict.id"
+							:label="dict.name"
+							:value="dict.id" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="班组" prop="teamId">
+					<el-select
+						v-model="dataForm.teamId"
+						placeholder="请选择班组"
+						style="width: 100%">
+						<el-option
+							v-for="dict in teamList"
+							:key="dict.id"
+							:label="dict.name"
+							:value="dict.id" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="数量" prop="num" style="width: 100%">
+					<el-input v-model="dataForm.num" placeholder="请输入数量" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="产线" prop="lineId">
+					<el-select
+						v-model="dataForm.lineId"
+						placeholder="请选择产线"
+						style="width: 100%">
+						<el-option
+							v-for="dict in lineList"
+							:key="dict.id"
+							:label="dict.name"
+							:value="dict.id" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="报废原因" prop="detId">
+					<el-select
+						v-model="dataForm.detId"
+						placeholder="请选择报废原因"
+						style="width: 100%">
+						<el-option
+							v-for="dict in detList"
+							:key="dict.id"
+							:label="dict.name"
+							:value="dict.id" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="报废时间" prop="logTime">
+					<el-date-picker
+						v-model="dataForm.logTime"
+						type="datetime"
+						value-format="yyyy-MM-dd HH:mm:ss"
+						style="width: 100%"
+						placeholder="选择日期"></el-date-picker>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="来源" prop="source">
+					<el-select
+						v-model="dataForm.source"
+						placeholder="请选择来源"
+						style="width: 100%">
+						<el-option
+							v-for="dict in sourceList"
+							:key="dict.id"
+							:label="dict.name"
+							:value="dict.id" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="24">
+				<el-form-item label="描述" prop="description">
+					<el-input v-model="dataForm.description" placeholder="请输入描述" />
+				</el-form-item>
+			</el-col>
+
+			<el-col :span="24">
+				<el-form-item label="备注" prop="remark">
+					<el-input v-model="dataForm.remark" placeholder="备注" />
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
+</template>
+
+<script>
+import basicAdd from '../../core/mixins/basic-add';
+import {
+	createQualityScrapLog,
+	updateQualityScrapLog,
+	getQualityScrapLog,
+	getWorkOrderList,
+	getTeamList,
+	getDetList,
+	getLineList,
+} from '@/api/base/qualityScrapLog';
+import { getList } from '@/api/base/qualityScrapType';
+// import { getMaterialList } from "@/api/base/material";
+import moment from 'moment';
+export default {
+	mixins: [basicAdd],
+	data() {
+		return {
+			urlOptions: {
+				isGetCode: false,
+				// codeURL: getCode,
+				createURL: createQualityScrapLog,
+				updateURL: updateQualityScrapLog,
+				infoURL: getQualityScrapLog,
+			},
+			lineList: [],
+			typeList: [],
+			workOrderList: [],
+			detList: [],
+			teamList: [],
+			sourceList: [
+				{
+					id: 1,
+					name: '手动',
+				},
+				{
+					id: 2,
+					name: '自动',
+				},
+			],
+			dataForm: {
+				id: undefined,
+				logTime: undefined,
+				source: 1,
+				detId: undefined,
+				workOrderId: null,
+				teamId: undefined,
+				num: undefined,
+				lineId: undefined,
+				description: undefined,
+				// description: undefined,
+				remark: undefined,
+			},
+			// materialList: [],
+			dataRule: {
+				// materialId: [{ required: true, message: "", trigger: "blur" }],
+				workOrderId: [
+					{ required: true, message: '工单号不能为空', trigger: 'change' },
+				],
+				num: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
+				detId: [
+					{ required: true, message: '报废原因不能为空', trigger: 'change' },
+				],
+
+				logTime: [
+					{ required: true, message: '报废时间不能为空', trigger: 'change' },
+				],
+			},
+		};
+	},
+	mounted() {
+		this.getDict();
+		console.log('我看看', this.dataForm);
+		this.getCurrentTime();
+	},
+	methods: {
+		getCurrentTime() {
+			// new Date().Format("yyyy-MM-dd HH:mm:ss")
+			this.dataForm.logTime = new Date();
+			// this.dataForm.logTime = year + "-" + month + "-" + day;
+			console.log(this.dataForm.logTime);
+		},
+		async getDict() {
+			// 物料列表
+			const res = await getList();
+			this.typeList = res.data;
+			getWorkOrderList().then((res) => {
+				console.log(res);
+				// console.log(response);
+				this.workOrderList = res.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.id,
+					};
+				});
+				// console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+			getLineList().then((res) => {
+				console.log(res);
+				// console.log(response);
+				this.lineList = res.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.id,
+					};
+				});
+				// console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+			getDetList().then((res) => {
+				console.log(res);
+				// console.log(response);
+				this.detList = res.data.map((item) => {
+					return {
+						name: item.content,
+						id: item.id,
+					};
+				});
+				// console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+			getTeamList().then((res) => {
+				console.log(res);
+				// console.log(response);
+				this.teamList = res.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.id,
+					};
+				});
+				// console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+		},
+		// setMaterialCode() {
+		// 	const chooseM = this.materialList.filter(item => {
+		// 		return item.id === this.dataForm.materialId
+		// 	})
+		// 	this.dataForm.materialCode = chooseM[0].code
+		// }
+	},
+};
+</script>
diff --git a/src/views/quality/qualityScrapLog/detail-or-updata.vue b/src/views/quality/qualityScrapLog/detail-or-updata.vue
new file mode 100644
index 00000000..2d78de45
--- /dev/null
+++ b/src/views/quality/qualityScrapLog/detail-or-updata.vue
@@ -0,0 +1,284 @@
+<!--
+ * @Author: zhp
+ * @Date: 2023-11-06 15:15:30
+ * @LastEditTime: 2023-11-07 19:38:13
+ * @LastEditors: zhp
+ * @Description:
+-->
+<template>
+	<el-dialog
+		:visible.sync="dialogVisible"
+		width="50%"
+		:before-close="handleClose">
+		<small-title slot="title" :no-padding="true">
+			{{ '详情' }}
+		</small-title>
+		<el-form
+			:model="dataForm"
+			:rules="dataRule"
+			ref="dataForm"
+			@keyup.enter.native="dataFormSubmit()"
+			label-width="auto">
+			<el-row :gutter="24">
+				<el-col :span="8">
+					<el-form-item label="工单号" prop="workOrderId">
+						<el-select
+							v-model="dataForm.workOrderId"
+							placeholder="请选择工单号"
+							disabled>
+							<el-option
+								v-for="dict in workOrderList"
+								:key="dict.id"
+								:label="dict.name"
+								:value="dict.id" />
+						</el-select>
+					</el-form-item>
+				</el-col>
+				<el-col :span="8">
+					<el-form-item label="班组" prop="teamId">
+						<el-select
+							v-model="dataForm.teamId"
+							placeholder="请选择班组"
+							disabled>
+							<el-option
+								v-for="dict in teamList"
+								:key="dict.id"
+								:label="dict.name"
+								:value="dict.id" />
+						</el-select>
+					</el-form-item>
+				</el-col>
+				<el-col :span="8">
+					<el-form-item label="数量" prop="sum">
+						<el-input
+							v-model="dataForm.sum"
+							placeholder="请输入数量"
+							disabled />
+					</el-form-item>
+				</el-col>
+			</el-row>
+			<el-row :gutter="20">
+				<el-col :span="8">
+					<el-form-item label="产线" prop="lineId">
+						<el-select
+							v-model="dataForm.lineId"
+							placeholder="请选择产线"
+							disabled>
+							<el-option
+								v-for="dict in lineList"
+								:key="dict.id"
+								:label="dict.name"
+								:value="dict.id" />
+						</el-select>
+					</el-form-item>
+				</el-col>
+				<el-col :span="8">
+					<el-form-item label="报废原因" prop="detId">
+						<el-select
+							v-model="dataForm.detId"
+							placeholder="请选择报废原因"
+							disabled>
+							<el-option
+								v-for="dict in detList"
+								:key="dict.id"
+								:label="dict.name"
+								:value="dict.id" />
+						</el-select>
+					</el-form-item>
+				</el-col>
+
+				<el-col :span="8">
+					<el-form-item label="报废时间" prop="logTime">
+						<el-date-picker
+							v-model="dataForm.logTime"
+							type="datetime"
+							value-format="yyyy-MM-dd HH:mm:ss"
+							disabled
+							placeholder="选择日期"></el-date-picker>
+					</el-form-item>
+				</el-col>
+			</el-row>
+			<el-row :gutter="20">
+				<el-col :span="8">
+					<el-form-item label="来源" prop="source">
+						<el-select
+							v-model="dataForm.source"
+							placeholder="请选择来源"
+							disabled>
+							<el-option
+								v-for="dict in sourceList"
+								:key="dict.id"
+								:label="dict.name"
+								:value="dict.id" />
+						</el-select>
+					</el-form-item>
+				</el-col>
+				<el-col :span="8">
+					<el-form-item label="描述" prop="description">
+						<el-input
+							v-model="dataForm.description"
+							placeholder="请输入描述"
+							disabled />
+					</el-form-item>
+				</el-col>
+
+				<el-col :span="8">
+					<el-form-item label="备注" prop="remark">
+						<el-input v-model="dataForm.remark" placeholder="备注" disabled />
+					</el-form-item>
+				</el-col>
+			</el-row>
+		</el-form>
+	</el-dialog>
+</template>
+
+<script>
+import basicAdd from '../../core/mixins/basic-add';
+import {
+	createQualityScrapLog,
+	updateQualityScrapLog,
+	getQualityScrapLog,
+	getWorkOrderList,
+	getTeamList,
+	getDetList,
+	getLineList,
+} from '@/api/base/qualityScrapLog';
+import { getList } from '@/api/base/qualityScrapType';
+import SmallTitle from './SmallTitle';
+export default {
+	components: {
+		SmallTitle,
+	},
+	mixins: [basicAdd],
+	data() {
+		return {
+			urlOptions: {
+				isGetCode: false,
+				// codeURL: getCode,
+				createURL: createQualityScrapLog,
+				updateURL: updateQualityScrapLog,
+				infoURL: getQualityScrapLog,
+			},
+			lineList: [],
+			typeList: [],
+			workOrderList: [],
+			detList: [],
+			teamList: [],
+			sourceList: [
+				{
+					id: 1,
+					name: '手动',
+				},
+				{
+					id: 2,
+					name: '自动',
+				},
+			],
+			dialogVisible: false,
+			dataForm: {
+				id: undefined,
+				logTime: undefined,
+				source: 1,
+				detId: undefined,
+				workOrderId: null,
+				teamId: undefined,
+				num: undefined,
+				lineId: undefined,
+				description: undefined,
+				// description: undefined,
+				remark: undefined,
+			},
+			// materialList: [],
+			dataRule: {
+				// materialId: [{ required: true, message: "", trigger: "blur" }],
+				workOrderId: [
+					{ required: true, message: '工单号不能为空', trigger: 'change' },
+				],
+				num: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
+				detId: [
+					{ required: true, message: '报废原因不能为空', trigger: 'change' },
+				],
+
+				logTime: [
+					{ required: true, message: '报废时间不能为空', trigger: 'change' },
+				],
+			},
+		};
+	},
+	mounted() {
+		// this.getDict()
+		console.log('我看看', this.dataForm);
+		this.getCurrentTime();
+	},
+	methods: {
+		init() {
+			this.dialogVisible = true;
+		},
+		getCurrentTime() {
+			// new Date().Format("yyyy-MM-dd HH:mm:ss")
+			this.dataForm.logTime = new Date();
+			// this.dataForm.logTime = year + "-" + month + "-" + day;
+			console.log(this.dataForm.logTime);
+		},
+		// async getDict() {
+		// 	// 物料列表
+		//   const res = await getList()
+		//   this.typeList = res.data
+		//   getWorkOrderList().then((res) => {
+		//     console.log(res);
+		//     // console.log(response);
+		//     this.workOrderList = res.data.map((item) => {
+		//       return {
+		//         name: item.name,
+		//         id: item.id
+		//       }
+		//     })
+		//     // console.log(this.formConfig[0].selectOptions);
+		//     // this.listQuery.total = response.data.total;
+		//   })
+		//   getLineList().then((res) => {
+		//     console.log(res);
+		//     // console.log(response);
+		//     this.lineList = res.data.map((item) => {
+		//       return {
+		//         name: item.name,
+		//         id: item.id
+		//       }
+		//     })
+		//     // console.log(this.formConfig[0].selectOptions);
+		//     // this.listQuery.total = response.data.total;
+		//   })
+		//   getDetList().then((res) => {
+		//     console.log(res);
+		//     // console.log(response);
+		//     this.workOrderList = res.data.map((item) => {
+		//       return {
+		//         name: item.name,
+		//         id: item.id
+		//       }
+		//     })
+		//     // console.log(this.formConfig[0].selectOptions);
+		//     // this.listQuery.total = response.data.total;
+		//   })
+		//   getTeamList().then((res) => {
+		//     console.log(res);
+		//     // console.log(response);
+		//     this.teamList = res.data.map((item) => {
+		//       return {
+		//         name: item.name,
+		//         id: item.id
+		//       }
+		//     })
+		//     // console.log(this.formConfig[0].selectOptions);
+		//     // this.listQuery.total = response.data.total;
+		//   })
+		// },
+		// setMaterialCode() {
+		// 	const chooseM = this.materialList.filter(item => {
+		// 		return item.id === this.dataForm.materialId
+		// 	})
+		// 	this.dataForm.materialCode = chooseM[0].code
+		// }
+	},
+};
+</script>
diff --git a/src/views/quality/qualityScrapLog/index.vue b/src/views/quality/qualityScrapLog/index.vue
new file mode 100644
index 00000000..95af4cfa
--- /dev/null
+++ b/src/views/quality/qualityScrapLog/index.vue
@@ -0,0 +1,243 @@
+<template>
+	<div class="app-container">
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<base-table
+			v-loading="dataListLoading"
+			:table-props="tableProps"
+			:page="listQuery.pageNo"
+			:limit="listQuery.pageSize"
+			:table-data="tableData">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				:width="120"
+				label="操作"
+				:method-list="tableBtn"
+				@clickBtn="handleClick" />
+		</base-table>
+		<pagination
+			:limit.sync="listQuery.pageSize"
+			:page.sync="listQuery.pageNo"
+			:total="listQuery.total"
+			@pagination="getDataList" />
+		<base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="addOrUpdateVisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel"
+			width="50%">
+			<add-or-update
+				ref="addOrUpdate"
+				@refreshDataList="successSubmit"></add-or-update>
+		</base-dialog>
+		<detail-or-update
+			v-if="detailOrUpdateVisible"
+			ref="detailOrUpdate"
+			@refreshDataList="successSubmit" />
+	</div>
+</template>
+
+<script>
+import AddOrUpdate from './add-or-updata';
+import DetailOrUpdate from './detail-or-updata';
+
+import basicPage from '../../core/mixins/basic-page';
+import { parseTime } from '../../core/mixins/code-filter';
+import {
+	getQualityScrapLogPage,
+	deleteQualityScrapLog,
+	getWorkOrderList,
+	getTeamList,
+} from '@/api/base/qualityScrapLog';
+
+const tableProps = [
+	{
+		prop: 'createTime',
+		label: '添加时间',
+		filter: parseTime,
+	},
+	{
+		prop: 'workOrderName',
+		label: '工单',
+	},
+	{
+		prop: 'teamId',
+		label: '班组',
+	},
+	{
+		prop: 'detContent',
+		label: '报废原因',
+	},
+	{
+		prop: 'logTime',
+		label: '报废时间',
+		filter: parseTime,
+	},
+	{
+		prop: 'num',
+		label: '数量',
+	},
+];
+
+export default {
+	mixins: [basicPage],
+	data() {
+		return {
+			urlOptions: {
+				getDataListURL: getQualityScrapLogPage,
+				deleteURL: deleteQualityScrapLog,
+				// exportURL: exportFactoryExcel,
+			},
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi(`base:quality-scrap-log:detail`)
+					? {
+							type: 'detail',
+							btnName: '详情',
+					  }
+					: undefined,
+				this.$auth.hasPermi(`base:quality-scrap-log:update`)
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi(`base:quality-scrap-log:delete`)
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			tableData: [],
+			detailOrUpdateVisible: false,
+			formConfig: [
+				{
+					type: 'select',
+					label: '工单名称',
+					selectOptions: [],
+					labelField: 'name',
+					valueField: 'id',
+					param: 'workOrderId',
+					filterable: true,
+				},
+				{
+					type: 'select',
+					label: '班组',
+					selectOptions: [],
+					labelField: 'name',
+					valueField: 'id',
+					param: 'teamId',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi('base:quality-scrap-det:create')
+						? 'button'
+						: '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true,
+				},
+			],
+		};
+	},
+	components: {
+		AddOrUpdate,
+		DetailOrUpdate,
+	},
+	created() {
+		this.getDict();
+	},
+	methods: {
+		otherMethods(val) {
+			if (val.type === 'detail') {
+				this.detailOrUpdateVisible = true;
+				// this.addOrEditTitle = "详情";
+				this.$nextTick(() => {
+					this.$refs.detailOrUpdate.init(val.data.id, true);
+				});
+			}
+		},
+		// 获取数据列表
+		getDict() {
+			getWorkOrderList().then((res) => {
+				console.log(res);
+				// console.log(response);
+				this.formConfig[0].selectOptions = res.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.id,
+					};
+				});
+				// console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+			getTeamList().then((res) => {
+				console.log(res);
+				// console.log(response);
+				this.formConfig[1].selectOptions = res.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.id,
+					};
+				});
+				// console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+		},
+		getDataList() {
+			this.dataListLoading = true;
+			this.urlOptions.getDataListURL(this.listQuery).then((response) => {
+				this.tableData = response.data.list;
+				this.listQuery.total = response.data.total;
+				this.dataListLoading = false;
+			});
+		},
+		buttonClick(val) {
+			switch (val.btnName) {
+				case 'search':
+					this.listQuery.pageNo = 1;
+					this.listQuery.pageSize = 10;
+					this.listQuery.workOrderId = val.workOrderId
+						? val.workOrderId
+						: undefined;
+					this.listQuery.teamId = val.teamId ? val.teamId : undefined;
+					this.getDataList();
+					break;
+				case 'reset':
+					this.$refs.searchBarForm.resetForm();
+					this.listQuery = {
+						pageSize: 10,
+						pageNo: 1,
+						total: 1,
+					};
+					this.getDataList();
+					break;
+				case 'add':
+					this.addOrEditTitle = '新增';
+					this.addOrUpdateVisible = true;
+					this.addOrUpdateHandle();
+					break;
+				case 'export':
+					this.handleExport();
+					break;
+				default:
+					console.log(val);
+			}
+		},
+	},
+};
+</script>

From f043a6a0a2232adf0d643bc37ac19010b8177f6b Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Thu, 18 Jul 2024 11:17:04 +0800
Subject: [PATCH 04/10] 7.18

---
 .../monitoring/deviceParameters/index.vue     | 1229 +++++++++--------
 .../equipmentTraceability/index.vue           |   87 +-
 .../monitoring/materielDateFrom/index.vue     |  470 ++++---
 .../monitoring/processTraceability/index.vue  |  529 +++----
 .../rawMaterialTraceability/index.vue         |  446 +++---
 .../qualityInspectionRecord/dialogForm.vue    |  249 ++--
 .../quality/qualityInspectionRecord/index.vue |  189 +--
 .../quality/qualityScrapLog/add-or-updata.vue |  136 +-
 .../qualityScrapLog/detail-or-updata.vue      |  284 ----
 src/views/quality/qualityScrapLog/index.vue   |   31 +-
 10 files changed, 1727 insertions(+), 1923 deletions(-)
 delete mode 100644 src/views/quality/qualityScrapLog/detail-or-updata.vue

diff --git a/src/views/quality/monitoring/deviceParameters/index.vue b/src/views/quality/monitoring/deviceParameters/index.vue
index 1146b523..e728b035 100644
--- a/src/views/quality/monitoring/deviceParameters/index.vue
+++ b/src/views/quality/monitoring/deviceParameters/index.vue
@@ -6,663 +6,701 @@
 -->
 
 <template>
-  <div style="flex: 1; display: flex; background: #f2f4f9">
-    <div class="app-container" style="
+	<div style="flex: 1; display: flex; background: #f2f4f9">
+		<div
+			class="app-container"
+			style="
 				margin-right: 12px;
 				border-radius: 8px;
 				background: #fff;
 				padding: 0;
 			">
-      <div class="factory-list__selector" style="margin: 12px" title="点击切换工厂" @mouseenter="factoryListOpen = true"
-        @mouseleave="factoryListOpen = false">
-        {{ currentFactory?.label || '点我选择设备' }}
-        <div class="factory-list__wrapper" :class="{ open: factoryListOpen }">
-          <ul class="factory-list" v-if="sidebarContent.length" @click.prevent="factoryChangeHandler">
-            <li v-for="fc in sidebarContent" :key="fc.id" :data-value="fc.id" class="factory-list__item"
-              :class="{ 'is-current': fc.id == currentFactory?.id }">
-              <span>
-                {{ fc.label }}
-              </span>
-              <svg-icon v-if="fc.id == currentFactory?.id" icon-class="Confirm" style="height: 14px; width: 14px" />
-            </li>
-          </ul>
-          <div v-else style="color: #0008; width: 128px; text-align: center">
-            - 无 -
-          </div>
-        </div>
-      </div>
-      <!-- side bar  -->
-      <div class="side-bar__left" style="width: 240px; height: 100%">
-        <el-tree class="custom-tree-class" :data="currentFactory?.children" :props="treeProps" :empty-text="''"
-          icon-class="custom-icon-class" @node-click="handleSidebarItemClick">
-          <!-- <div class="custom-tree-node" slot-scope="{ node, data }">
+			<div
+				class="factory-list__selector"
+				style="margin: 12px"
+				title="点击切换工厂"
+				@mouseenter="factoryListOpen = true"
+				@mouseleave="factoryListOpen = false">
+				{{ currentFactory?.label || '点我选择设备' }}
+				<div class="factory-list__wrapper" :class="{ open: factoryListOpen }">
+					<ul
+						class="factory-list"
+						v-if="sidebarContent.length"
+						@click.prevent="factoryChangeHandler">
+						<li
+							v-for="fc in sidebarContent"
+							:key="fc.id"
+							:data-value="fc.id"
+							class="factory-list__item"
+							:class="{ 'is-current': fc.id == currentFactory?.id }">
+							<span>
+								{{ fc.label }}
+							</span>
+							<svg-icon
+								v-if="fc.id == currentFactory?.id"
+								icon-class="Confirm"
+								style="height: 14px; width: 14px" />
+						</li>
+					</ul>
+					<div v-else style="color: #0008; width: 128px; text-align: center">
+						- 无 -
+					</div>
+				</div>
+			</div>
+			<!-- side bar  -->
+			<div class="side-bar__left" style="width: 240px; height: 100%">
+				<el-tree
+					class="custom-tree-class"
+					:data="currentFactory?.children"
+					:props="treeProps"
+					:empty-text="''"
+					icon-class="custom-icon-class"
+					@node-click="handleSidebarItemClick">
+					<!-- <div class="custom-tree-node" slot-scope="{ node, data }">
 						<span class="icon"></span>
 						<span>{{ node.label }}</span>
 					</div> -->
-        </el-tree>
-      </div>
-    </div>
-    <div class="app-container equipment-process-amount" style="flex: 1; border-radius: 8px; background: #fff">
-      <!-- main area  -->
-      <div class="main-content" style="display: flex; flex-direction: column">
-        <SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick"
-          @select-changed="handleSearchBarChanged" />
+				</el-tree>
+			</div>
+		</div>
+		<div
+			class="app-container equipment-process-amount"
+			style="flex: 1; border-radius: 8px; background: #fff">
+			<!-- main area  -->
+			<div class="main-content" style="display: flex; flex-direction: column">
+				<SearchBar
+					:formConfigs="searchBarFormConfig"
+					ref="search-bar"
+					@headBtnClick="handleSearchBarBtnClick"
+					@select-changed="handleSearchBarChanged" />
 
-        <el-row>
-          <el-col class="custom-tabs">
-            <div v-if="tableList.length" class="tables">
-              <div class="custom-table" v-for="table in tableList" :key="table.key">
-                <!-- {{ JSON.stringify(spanMethod) }} -->
-                <base-table :key="table.key + '__basetable'" :table-props="table.tableProps"
-                  :table-data="table.dataManager?.dataList ?? []" :span-method="spanMethod"
-                  @emitFun="(val) => handleEmitFun(table, val)"></base-table>
-                <pagination :key="table.key + '__pagination'" v-show="table.total > 0" :total="table.total"
-                  :page.sync="table.pageNo" :limit.sync="table.pageSize" :page-size="table.pageSize"
-                  :page-sizes="[1, 3, 5, 10, 20]" @pagination="
-						({ page, limit, current }) =>
-							getListFor(table, { page, limit, current })
-					" />
-              </div>
-            </div>
-            <div v-else class="no-data-bg">
-            </div>
-          </el-col>
-        </el-row>
+				<el-row>
+					<el-col class="custom-tabs">
+						<div v-if="tableList.length" class="tables">
+							<div
+								class="custom-table"
+								v-for="table in tableList"
+								:key="table.key">
+								<!-- {{ JSON.stringify(spanMethod) }} -->
+								<base-table
+									:key="table.key + '__basetable'"
+									:table-props="table.tableProps"
+									:table-data="table.dataManager?.dataList ?? []"
+									:span-method="spanMethod"
+									@emitFun="(val) => handleEmitFun(table, val)"></base-table>
+								<pagination
+									:key="table.key + '__pagination'"
+									v-show="table.total > 0"
+									:total="table.total"
+									:page.sync="table.pageNo"
+									:limit.sync="table.pageSize"
+									:page-size="table.pageSize"
+									:page-sizes="[1, 3, 5, 10, 20]"
+									@pagination="
+										({ page, limit, current }) =>
+											getListFor(table, { page, limit, current })
+									" />
+							</div>
+						</div>
+						<div v-else class="no-data-bg"></div>
+					</el-col>
+				</el-row>
 
-        <!-- <transition appear name="vvv" mode="out-in"></transition> -->
-      </div>
-    </div>
-  </div>
+				<!-- <transition appear name="vvv" mode="out-in"></transition> -->
+			</div>
+		</div>
+	</div>
 </template>
 
 <script>
 // import Graph from './graph.vue';
-import {
-  getWorkOrderList,
-  getTreeData
-} from '@/api/quality/deviceParameters';
+import { getWorkOrderList, getTreeData } from '@/api/quality/deviceParameters';
 export default {
-  name: 'EquipmentProcessAmount',
-  // components: { Graph },
-  props: {},
-  data() {
-    const now = new Date();
-    const [y, m, d] = [now.getFullYear(), now.getMonth(), now.getDate()];
-    const today = new Date(y, m, d, 0, 0, 0, 0).getTime();
-    const aWeekAgo = today - 3600 * 1000 * 24 * 7;
-    return {
-      renderKey: Math.random(),
-      factoryListOpen: false,
-      currentFactory: null,
-      factoryList: [
-        { name: '1', value: 1 },
-        { name: '2', value: 2 },
-        { name: '3', value: 3 },
-        { name: '4', value: 4 },
-        { name: '5', value: 5 },
-        { name: '6', value: 6 },
-      ],
-      sidebarContent: [
-        // {
-        // 	id: 'fc1',
-        // 	name: '工厂',
-        // 	lines: [
-        // 		{
-        // 			name: '产线1',
-        // 			id: 'pl1',
-        // 			sections: [
-        // 				{
-        // 					name: '工段1',
-        // 					id: 'pl1ws1',
-        // 					equipments: [
-        // 						{
-        // 							name: '设备1',
-        // 							id: 'pl1ws1--eq1',
-        // 						},
-        // 						{
-        // 							name: '设备2',
-        // 							id: 'pl1ws1--eq2',
-        // 						},
-        // 						{
-        // 							name: '设备3',
-        // 							id: 'pl1ws1--eq3',
-        // 						},
-        // 					],
-        // 				},
-        // 				{
-        // 					name: '工段2',
-        // 					id: 'pl1ws2',
-        // 					equipments: [
-        // 						{
-        // 							name: '设备1',
-        // 							id: 'pl2ws1--eq1',
-        // 						},
-        // 						{
-        // 							name: '设备2',
-        // 							id: 'pl2ws1--eq2',
-        // 						},
-        // 						{
-        // 							name: '设备3',
-        // 							id: 'pl2ws1--eq3',
-        // 						},
-        // 					],
-        // 				},
-        // 				{
-        // 					name: '工段3',
-        // 					id: 'pl1ws3',
-        // 					equipments: [
-        // 						{
-        // 							name: '设备1',
-        // 							id: 'pl3ws1--eq1',
-        // 						},
-        // 						{
-        // 							name: '设备2',
-        // 							id: 'pl3ws1--eq2',
-        // 						},
-        // 						{
-        // 							name: '设备3',
-        // 							id: 'pl3ws1--eq3',
-        // 						},
-        // 					],
-        // 				},
-        // 			],
-        // 		},
-        // 		{
-        // 			name: '产线2',
-        // 			id: 'pl2',
-        // 			sections: [
-        // 				{
-        // 					name: '工段1',
-        // 					id: 'pl2ws1',
-        // 				},
-        // 				{
-        // 					name: '工段2',
-        // 					id: 'pl2ws2',
-        // 				},
-        // 				{
-        // 					name: '工段3',
-        // 					id: 'pl2ws3',
-        // 				},
-        // 			],
-        // 		},
-        // 	],
-        // },
-      ],
-      tableList: [],
-      queryParams: {
-        id: null,
-        time: [new Date(aWeekAgo), new Date(today)],
-      },
-      activeName: 'table',
-      searchBarFormConfig: [
-        {
-          type: 'select',
-          label: '工单',
-          selectOptions: [],
-          labelField: 'name',
-          valueField: 'id',
-          param: 'workOrderId',
-          onchange: true,
-        },
-        {
-          type: 'datePicker',
-          label: '时间段',
-          dateType: 'daterange', // datetimerange
-          format: 'yyyy-MM-dd',
-          valueFormat: 'yyyy-MM-dd HH:mm:ss',
-          rangeSeparator: '-',
-          startPlaceholder: '开始日期',
-          endPlaceholder: '结束日期',
-          defaultTime: ['00:00:00', '23:59:59'],
-          param: 'timeVal',
-          width: 350,
-        },
-        {
-          type: 'button',
-          btnName: '查询',
-          name: 'search',
-          color: 'primary',
-        },
-        // {
-        // 	type: 'separate',
-        // },
-        // {
-        // 	type: 'button',
-        // 	btnName: '表格',
-        // 	name: 'table',
-        // 	plain: true,
-        // 	color: 'success',
-        // },
-        // {
-        // 	type: 'button',
-        // 	btnName: '图表',
-        // 	name: 'graph',
-        // 	plain: true,
-        // 	color: 'warning',
-        // },
-        // {
-        // 	type: this.$auth.hasPermi('base:equipment-group:export') ? 'button' : '',
-        // 	btnName: '导出',
-        // 	name: 'export',
-        // 	color: 'warning',
-        // },
-      ],
-      tableProps: [
-        { prop: 'lineName', label: '产线' },
-        { prop: 'sectionName', label: '工段' },
-        // { prop: 'externalCode', label: '设备编码' },
-        { prop: 'equipmentId', label: '设备编码' },
-        { prop: 'equipmentName', label: '设备名称' },
-        { prop: 'totalQuantity', label: '加工数量' },
-      ],
-      mode: 'table', // table | graph
-      queryParams: {
-        // pageNo: 1,
-        // pageSize: 999,
-        recordTime: [],
-        equipmentId: null,
-        lineId: null,
-        sectionId: null,
-        productId: null,
-      },
-      list: [],
-      treeProps: {
-        children: 'children',
-        label: 'label',
-      },
-    };
-  },
-  // mounted() {
-  // },
-  computed: {
-    // id() {
-    //   return this.$route.params.equipmentId;
-    // },
-    // code() {
-    //   return this.$route.params.equipmentCode;
-    // },
-    // name() {
-    //   return this.$route.params.equipmentName;
-    // },
-  },
-  mounted() {
-    this.getDict()
-    // if (this.id) this.$set(this.queryParams, 'id', this.id);
-    // if (this.code)
-    //   this.$set(this.searchBarFormConfig[0], 'defaultSelect', this.code);
-    // if (this.name)
-    //   this.$set(this.searchBarFormConfig[1], 'defaultSelect', this.name);
+	name: 'EquipmentProcessAmount',
+	// components: { Graph },
+	props: {},
+	data() {
+		const now = new Date();
+		const [y, m, d] = [now.getFullYear(), now.getMonth(), now.getDate()];
+		const today = new Date(y, m, d, 0, 0, 0, 0).getTime();
+		const aWeekAgo = today - 3600 * 1000 * 24 * 7;
+		return {
+			renderKey: Math.random(),
+			factoryListOpen: false,
+			currentFactory: null,
+			factoryList: [
+				{ name: '1', value: 1 },
+				{ name: '2', value: 2 },
+				{ name: '3', value: 3 },
+				{ name: '4', value: 4 },
+				{ name: '5', value: 5 },
+				{ name: '6', value: 6 },
+			],
+			sidebarContent: [
+				// {
+				// 	id: 'fc1',
+				// 	name: '工厂',
+				// 	lines: [
+				// 		{
+				// 			name: '产线1',
+				// 			id: 'pl1',
+				// 			sections: [
+				// 				{
+				// 					name: '工段1',
+				// 					id: 'pl1ws1',
+				// 					equipments: [
+				// 						{
+				// 							name: '设备1',
+				// 							id: 'pl1ws1--eq1',
+				// 						},
+				// 						{
+				// 							name: '设备2',
+				// 							id: 'pl1ws1--eq2',
+				// 						},
+				// 						{
+				// 							name: '设备3',
+				// 							id: 'pl1ws1--eq3',
+				// 						},
+				// 					],
+				// 				},
+				// 				{
+				// 					name: '工段2',
+				// 					id: 'pl1ws2',
+				// 					equipments: [
+				// 						{
+				// 							name: '设备1',
+				// 							id: 'pl2ws1--eq1',
+				// 						},
+				// 						{
+				// 							name: '设备2',
+				// 							id: 'pl2ws1--eq2',
+				// 						},
+				// 						{
+				// 							name: '设备3',
+				// 							id: 'pl2ws1--eq3',
+				// 						},
+				// 					],
+				// 				},
+				// 				{
+				// 					name: '工段3',
+				// 					id: 'pl1ws3',
+				// 					equipments: [
+				// 						{
+				// 							name: '设备1',
+				// 							id: 'pl3ws1--eq1',
+				// 						},
+				// 						{
+				// 							name: '设备2',
+				// 							id: 'pl3ws1--eq2',
+				// 						},
+				// 						{
+				// 							name: '设备3',
+				// 							id: 'pl3ws1--eq3',
+				// 						},
+				// 					],
+				// 				},
+				// 			],
+				// 		},
+				// 		{
+				// 			name: '产线2',
+				// 			id: 'pl2',
+				// 			sections: [
+				// 				{
+				// 					name: '工段1',
+				// 					id: 'pl2ws1',
+				// 				},
+				// 				{
+				// 					name: '工段2',
+				// 					id: 'pl2ws2',
+				// 				},
+				// 				{
+				// 					name: '工段3',
+				// 					id: 'pl2ws3',
+				// 				},
+				// 			],
+				// 		},
+				// 	],
+				// },
+			],
+			tableList: [],
+			queryParams: {
+				id: null,
+				time: [new Date(aWeekAgo), new Date(today)],
+			},
+			activeName: 'table',
+			searchBarFormConfig: [
+				{
+					type: 'select',
+					label: '工单',
+					selectOptions: [],
+					labelField: 'name',
+					valueField: 'id',
+					param: 'workOrderId',
+					onchange: true,
+					filterable: true,
+				},
+				{
+					type: 'datePicker',
+					label: '时间段',
+					dateType: 'daterange', // datetimerange
+					format: 'yyyy-MM-dd',
+					valueFormat: 'yyyy-MM-dd HH:mm:ss',
+					rangeSeparator: '-',
+					startPlaceholder: '开始日期',
+					endPlaceholder: '结束日期',
+					defaultTime: ['00:00:00', '23:59:59'],
+					param: 'timeVal',
+					width: 350,
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				// {
+				// 	type: 'button',
+				// 	btnName: '表格',
+				// 	name: 'table',
+				// 	plain: true,
+				// 	color: 'success',
+				// },
+				// {
+				// 	type: 'button',
+				// 	btnName: '图表',
+				// 	name: 'graph',
+				// 	plain: true,
+				// 	color: 'warning',
+				// },
+				{
+					type: this.$auth.hasPermi('base:equipment-group:export')
+						? 'button'
+						: '',
+					btnName: '导出',
+					name: 'export',
+					plain: true,
+					color: 'success',
+				},
+			],
+			tableProps: [
+				{ prop: 'lineName', label: '产线' },
+				{ prop: 'sectionName', label: '工段' },
+				// { prop: 'externalCode', label: '设备编码' },
+				{ prop: 'equipmentId', label: '设备编码' },
+				{ prop: 'equipmentName', label: '设备名称' },
+				{ prop: 'totalQuantity', label: '加工数量' },
+			],
+			mode: 'table', // table | graph
+			queryParams: {
+				// pageNo: 1,
+				// pageSize: 999,
+				recordTime: [],
+				equipmentId: null,
+				lineId: null,
+				sectionId: null,
+				productId: null,
+			},
+			list: [],
+			treeProps: {
+				children: 'children',
+				label: 'label',
+			},
+		};
+	},
+	// mounted() {
+	// },
+	computed: {
+		// id() {
+		//   return this.$route.params.equipmentId;
+		// },
+		// code() {
+		//   return this.$route.params.equipmentCode;
+		// },
+		// name() {
+		//   return this.$route.params.equipmentName;
+		// },
+	},
+	mounted() {
+		this.getDict();
+		// if (this.id) this.$set(this.queryParams, 'id', this.id);
+		// if (this.code)
+		//   this.$set(this.searchBarFormConfig[0], 'defaultSelect', this.code);
+		// if (this.name)
+		//   this.$set(this.searchBarFormConfig[1], 'defaultSelect', this.name);
 
-    // this.handleResponse();
-  },
-  methods: {
-    handleSearchBarChanged({ param, value }) {
-      if (!value) {
-        this.formConfig[0].selectOptions = [];
-        return;
-      }
-      switch (param) {
-        case 'workOrderId':
-          this.getTree(value)
-          break;
-      }
-    },
-    getDict() {
-      // 获取产品的属性列表
-      // getCustomerList().then((response) => {
-      //   console.log(response);
-      //   this.customerList = response.data
-      //   // this.listQuery.total = response.data.total;
-      // })
-      // getModelList().then((response) => {
-      //   console.log(response);
-      //   this.modelList = response.data
-      //   // this.listQuery.total = response.data.total;
-      // })
-      getWorkOrderList().then((res) => {
-        console.log(res);
-        // console.log(response);
-        this.searchBarFormConfig[0].selectOptions = res.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.id
-          }
-        })
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-    },
-    buildProps(table) {
-      console.log('building props', table);
-      // 通过 otherList 来构建 props
-      const { otherList } = table;
-      const props = [
-        {
-          // type: 'index',
-          width: 48,
-          prop: 'index',
-          label: '序号',
-        },
-        {
-          width: 160,
-          prop: 'time',
-          label: '时间',
-        },
-        {
-          width: 200,
-          prop: 'plcCode',
-          label: 'PLC编码',
-        },
-      ];
-      const firstLineData = {
-        index: '参考值： [最小]-[最大][/标准]',
-        time: null, // 此处必须是空白
-        plcCode: null, // 此处必须是空白
-      };
-      otherList.forEach((item) => {
-        props.push({
-          label: item.name,
-          prop: item.name,
-          width: 128,
-        });
-        firstLineData[item.name] = `${item.minValue ?? ''}-${item.maxValue ?? ''
-          }${item.defaultValue != null ? '/' + item.defaultValue : ''}`;
-      });
-      return { props, firstLineData };
-    },
+		// this.handleResponse();
+	},
+	methods: {
+		handleSearchBarChanged({ param, value }) {
+			if (!value) {
+				this.formConfig[0].selectOptions = [];
+				return;
+			}
+			switch (param) {
+				case 'workOrderId':
+					this.getTree(value);
+					break;
+			}
+		},
+		getDict() {
+			// 获取产品的属性列表
+			// getCustomerList().then((response) => {
+			//   console.log(response);
+			//   this.customerList = response.data
+			//   // this.listQuery.total = response.data.total;
+			// })
+			// getModelList().then((response) => {
+			//   console.log(response);
+			//   this.modelList = response.data
+			//   // this.listQuery.total = response.data.total;
+			// })
+			getWorkOrderList().then((res) => {
+				console.log(res);
+				// console.log(response);
+				this.searchBarFormConfig[0].selectOptions = res.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.id,
+					};
+				});
+				// console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+		},
+		buildProps(table) {
+			console.log('building props', table);
+			// 通过 otherList 来构建 props
+			const { otherList } = table;
+			const props = [
+				{
+					// type: 'index',
+					width: 48,
+					prop: 'index',
+					label: '序号',
+				},
+				{
+					width: 160,
+					prop: 'time',
+					label: '时间',
+				},
+				{
+					width: 200,
+					prop: 'plcCode',
+					label: 'PLC编码',
+				},
+			];
+			const firstLineData = {
+				index: '参考值： [最小]-[最大][/标准]',
+				time: null, // 此处必须是空白
+				plcCode: null, // 此处必须是空白
+			};
+			otherList.forEach((item) => {
+				props.push({
+					label: item.name,
+					prop: item.name,
+					width: 128,
+				});
+				firstLineData[item.name] = `${item.minValue ?? ''}-${
+					item.maxValue ?? ''
+				}${item.defaultValue != null ? '/' + item.defaultValue : ''}`;
+			});
+			return { props, firstLineData };
+		},
 
-    handleResponse(response) {
-      const { code, data } = response;
-      if (code == 0) {
-        // 处理一个表格
-        data.forEach((table, index) => {
-          console.log('handle index:', index, table);
-          const { props: tableProps, firstLineData } = this.buildProps(table);
-          this.$set(this.tableList, index, {
-            key: 'base-table__key__' + index,
-            tableProps,
-            list: [firstLineData],
-            dataManager: null,
-            pageNo: 1,
-            pageSize: 5,
-            total: 0,
-          });
+		handleResponse(response) {
+			const { code, data } = response;
+			if (code == 0) {
+				// 处理一个表格
+				data.forEach((table, index) => {
+					console.log('handle index:', index, table);
+					const { props: tableProps, firstLineData } = this.buildProps(table);
+					this.$set(this.tableList, index, {
+						key: 'base-table__key__' + index,
+						tableProps,
+						list: [firstLineData],
+						dataManager: null,
+						pageNo: 1,
+						pageSize: 5,
+						total: 0,
+					});
 
-          // 处理某一表格的各个行
-          const { data } = table;
-          if (data) {
-            data.forEach((row, idx) => {
-              const listItem = {
-                index: idx + 1,
-                time: moment(+row.time).format('YYYY-MM-DD HH:mm:ss'),
-                plcCode: row.plcCode,
-              };
-              row.data.forEach((column) => {
-                listItem[column.dynamicName] = column.dynamicValue;
-              });
-              this.tableList[index].list.push(listItem);
-              this.tableList[index].total++;
-            });
+					// 处理某一表格的各个行
+					const { data } = table;
+					if (data) {
+						data.forEach((row, idx) => {
+							const listItem = {
+								index: idx + 1,
+								time: moment(+row.time).format('YYYY-MM-DD HH:mm:ss'),
+								plcCode: row.plcCode,
+							};
+							row.data.forEach((column) => {
+								listItem[column.dynamicName] = column.dynamicValue;
+							});
+							this.tableList[index].list.push(listItem);
+							this.tableList[index].total++;
+						});
 
-            // 处理分页
-            const { pageNo, pageSize, list } = this.tableList[index];
-            this.tableList[index].dataManager = new LocalDataManager(
-              list,
-              pageNo,
-              pageSize
-            );
-          }
-        });
-      }
-    },
+						// 处理分页
+						const { pageNo, pageSize, list } = this.tableList[index];
+						this.tableList[index].dataManager = new LocalDataManager(
+							list,
+							pageNo,
+							pageSize
+						);
+					}
+				});
+			}
+		},
 
-    spanMethod({ row, column, rowIndex, columnIndex }) {
-      if (rowIndex == 0 && columnIndex == 0) {
-        return [1, 3];
-      } else if (rowIndex == 0 && (columnIndex == 1 || columnIndex == 2)) {
-        return [0, 0];
-      }
-      return [1, 1];
-    },
+		spanMethod({ row, column, rowIndex, columnIndex }) {
+			if (rowIndex == 0 && columnIndex == 0) {
+				return [1, 3];
+			} else if (rowIndex == 0 && (columnIndex == 1 || columnIndex == 2)) {
+				return [0, 0];
+			}
+			return [1, 1];
+		},
 
-    /** 查询 */
-    async handleQuery() {
-      this.handleResponse(
-        await this.$axios({
-          url: '/monitoring/equipment-monitor/runLog',
-          method: 'get',
-          params: this.queryParams,
-        })
-      );
-    },
+		/** 查询 */
+		async handleQuery() {
+			this.handleResponse(
+				await this.$axios({
+					url: '/monitoring/equipment-monitor/runLog',
+					method: 'get',
+					params: this.queryParams,
+				})
+			);
+		},
 
-    async handleSearchBarBtnClick({ btnName, timeVal }) {
-      if (timeVal && timeVal.length > 0) {
-        this.queryParams.time = timeVal;
-      } else {
-        this.queryParams.time = [];
-      }
-      await this.handleQuery();
-    },
+		async handleSearchBarBtnClick({ btnName, timeVal }) {
+			if (timeVal && timeVal.length > 0) {
+				this.queryParams.time = timeVal;
+			} else {
+				this.queryParams.time = [];
+			}
+			await this.handleQuery();
+		},
 
-    handleEmitFun(table, val) {
-      console.log('table val', table, val);
-    },
+		handleEmitFun(table, val) {
+			console.log('table val', table, val);
+		},
 
-    /** 为某个 table 获取 list 数据 */
-    getListFor(table, { page, limit, current }) {
-      console.log('get list for', table, { page, limit, current });
-      table.dataManager.pageNo = page ?? current;
-      table.dataManager.pageSize = limit;
-    },
-    /** build side bar tree */
-    buildTree(data) {
-      data.forEach((factory) => {
-        this.$set(factory, 'label', factory.name);
-        this.$set(factory, 'type', '工厂');
-        delete factory.name;
-        // factory.children = factory.lines;
-        // delete factory.lines;
-        factory.children?.forEach((line) => {
-          this.$set(line, 'label', line.name);
-          this.$set(line, 'type', '产线');
-          delete line.name;
-          // line.children = line.sections;
-          // delete line.sections;
-          line.children?.forEach((ws) => {
-            this.$set(ws, 'label', ws.name);
-            this.$set(ws, 'type', '工段');
-            delete ws.name;
-            // ws.children = ws.equipments;
-            // delete ws.equipments;
-            ws.children?.forEach((eq) => {
-              this.$set(eq, 'label', eq.name);
-              this.$set(eq, 'type', '设备');
-              delete eq.name;
-            });
-          });
-        });
-      });
-    },
+		/** 为某个 table 获取 list 数据 */
+		getListFor(table, { page, limit, current }) {
+			console.log('get list for', table, { page, limit, current });
+			table.dataManager.pageNo = page ?? current;
+			table.dataManager.pageSize = limit;
+		},
+		/** build side bar tree */
+		buildTree(data) {
+			data.forEach((factory) => {
+				this.$set(factory, 'label', factory.name);
+				this.$set(factory, 'type', '工厂');
+				delete factory.name;
+				// factory.children = factory.lines;
+				// delete factory.lines;
+				factory.children?.forEach((line) => {
+					this.$set(line, 'label', line.name);
+					this.$set(line, 'type', '产线');
+					delete line.name;
+					// line.children = line.sections;
+					// delete line.sections;
+					line.children?.forEach((ws) => {
+						this.$set(ws, 'label', ws.name);
+						this.$set(ws, 'type', '工段');
+						delete ws.name;
+						// ws.children = ws.equipments;
+						// delete ws.equipments;
+						ws.children?.forEach((eq) => {
+							this.$set(eq, 'label', eq.name);
+							this.$set(eq, 'type', '设备');
+							delete eq.name;
+						});
+					});
+				});
+			});
+		},
 
-    async getTree(id) {
-      getTreeData({id:id}).then((res) => {
-        console.log(res.data);
-        this.sidebarContent = res.data;
-        this.buildTree(res.data);
-        console.log('tree', this.sidebarContent);
-        // console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-      // const { data } = await this.$axios('/base/core-factory/getTreeByWorkOrder');
-      // console.log(data)
+		async getTree(id) {
+			getTreeData({ id: id }).then((res) => {
+				console.log(res.data);
+				this.sidebarContent = res.data;
+				this.buildTree(res.data);
+				console.log('tree', this.sidebarContent);
+				// console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+			// const { data } = await this.$axios('/base/core-factory/getTreeByWorkOrder');
+			// console.log(data)
+		},
 
-    },
+		handleTabClick(tab, event) {
+			if (tab.name == 'graph') this.renderKey = Math.random();
+		},
 
-    handleTabClick(tab, event) {
-      if (tab.name == 'graph') this.renderKey = Math.random();
-    },
+		factoryChangeHandler(event) {
+			this.factoryListOpen = false;
+			const fcId = event.target.dataset.value;
+			this.handleSidebarItemClick({ id: fcId, type: '工厂' });
+			this.currentFactory = this.sidebarContent.find((item) => item.id == fcId);
+		},
 
-    factoryChangeHandler(event) {
-      this.factoryListOpen = false;
-      const fcId = event.target.dataset.value;
-      this.handleSidebarItemClick({ id: fcId, type: '工厂' });
-      this.currentFactory = this.sidebarContent.find((item) => item.id == fcId);
-    },
+		handleSidebarItemClick({ label, id, type }) {
+			this.equipmentId = id;
+			console.log('label clicked!', label, id, type);
+			switch (type) {
+				case '设备':
+					this.queryParams.equipmentId = id;
+					break;
+				case '工段':
+					this.queryParams.equipmentId = null;
+					this.queryParams.sectionId = id;
+					break;
+				case '产线':
+					this.queryParams.equipmentId = null;
+					this.queryParams.sectionId = null;
+					this.queryParams.lineId = id;
+					break;
+				case '工厂':
+					this.queryParams.equipmentId = null;
+					this.queryParams.sectionId = null;
+					this.queryParams.lineId = null;
+					break;
+			}
+		},
 
-    handleSidebarItemClick({ label, id, type }) {
-      this.equipmentId = id
-      console.log('label clicked!', label, id, type);
-      switch (type) {
-        case '设备':
-          this.queryParams.equipmentId = id;
-          break;
-        case '工段':
-          this.queryParams.equipmentId = null;
-          this.queryParams.sectionId = id;
-          break;
-        case '产线':
-          this.queryParams.equipmentId = null;
-          this.queryParams.sectionId = null;
-          this.queryParams.lineId = id;
-          break;
-        case '工厂':
-          this.queryParams.equipmentId = null;
-          this.queryParams.sectionId = null;
-          this.queryParams.lineId = null;
-          break;
-      }
-    },
-
-    handleEmitFun() { },
-  },
+		handleEmitFun() {},
+	},
 };
 </script>
 
 <style scoped>
-.side-bar__left>>>.is-current {
-  padding: 0;
-  color: #111;
-  /* background: #f2f4f7; */
-  background: #e3efff !important;
+.side-bar__left >>> .is-current {
+	padding: 0;
+	color: #111;
+	/* background: #f2f4f7; */
+	background: #e3efff !important;
 }
 
 .vvv-enter,
 .vvv-leave-to {
-  /* transform: translateY(24px) scaleY(0); */
-  transform: translateY(24px);
-  opacity: 0;
+	/* transform: translateY(24px) scaleY(0); */
+	transform: translateY(24px);
+	opacity: 0;
 }
 
 .vvv-enter-active,
 .vvv-leave-active {
-  transition: all 0.3s ease-out;
+	transition: all 0.3s ease-out;
 }
 
 .vvv-enter-to,
 .vvv-leave {
-  /* transform: translateY(0) scaleY(1); */
-  transform: translateY(0);
+	/* transform: translateY(0) scaleY(1); */
+	transform: translateY(0);
 }
 
-.custom-tabs>>>.el-tabs__header {
-  margin-bottom: 8px;
-  display: inline-block;
-  transform: translateY(-12px);
+.custom-tabs >>> .el-tabs__header {
+	margin-bottom: 8px;
+	display: inline-block;
+	transform: translateY(-12px);
 }
 
-.custom-tabs>>>.el-tabs__item {
-  padding-left: 0px !important;
-  padding-right: 0px !important;
-  line-height: 36px !important;
-  height: 36px;
+.custom-tabs >>> .el-tabs__item {
+	padding-left: 0px !important;
+	padding-right: 0px !important;
+	line-height: 36px !important;
+	height: 36px;
 }
 
 .factory-list__selector {
-  position: relative;
-  height: 36px;
-  font-size: 16px;
-  line-height: 36px;
-  padding-left: 28px;
-  background: url(../../../../assets/images/factory-icon.png) 0 / 10% no-repeat;
+	position: relative;
+	height: 36px;
+	font-size: 16px;
+	line-height: 36px;
+	padding-left: 28px;
+	background: url(../../../../assets/images/factory-icon.png) 0 / 10% no-repeat;
 }
 
 .factory-list__selector:hover {
-  cursor: pointer;
-  color: #0008;
+	cursor: pointer;
+	color: #0008;
 }
 
 .factory-list__selector::after {
-  /* content: ''; */
-  position: absolute;
-  top: 16px;
-  right: 12px;
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  /* background: #5c5c5c; */
-  border-color: #000;
-  border-width: 4px;
-  border-style: solid;
-  border-top-color: transparent;
-  border-right-color: transparent;
-  border-bottom-color: transparent;
+	/* content: ''; */
+	position: absolute;
+	top: 16px;
+	right: 12px;
+	display: inline-block;
+	width: 8px;
+	height: 8px;
+	/* background: #5c5c5c; */
+	border-color: #000;
+	border-width: 4px;
+	border-style: solid;
+	border-top-color: transparent;
+	border-right-color: transparent;
+	border-bottom-color: transparent;
 }
 
 .factory-list__selector:hover::after {
-  /* cursor: pointer; */
-  border-left-color: #0008;
+	/* cursor: pointer; */
+	border-left-color: #0008;
 }
 
 .factory-list__wrapper {
-  visibility: hidden;
-  position: absolute;
-  background: #fff;
-  box-shadow: 0 0 32px 10px #0002;
-  border-radius: 8px;
-  top: 36px;
-  left: 90px;
-  /* max-width: 128px; */
-  height: auto;
-  width: auto;
-  white-space: nowrap;
-  overflow: hidden;
-  /* transition: all 0.3s ease-out; */
-  z-index: 1000;
+	visibility: hidden;
+	position: absolute;
+	background: #fff;
+	box-shadow: 0 0 32px 10px #0002;
+	border-radius: 8px;
+	top: 36px;
+	left: 90px;
+	/* max-width: 128px; */
+	height: auto;
+	width: auto;
+	white-space: nowrap;
+	overflow: hidden;
+	/* transition: all 0.3s ease-out; */
+	z-index: 1000;
 }
 
 .factory-list__wrapper.open {
-  visibility: visible;
+	visibility: visible;
 }
 
 ul,
 li {
-  margin: 0;
-  padding: 0;
-  list-style: none;
+	margin: 0;
+	padding: 0;
+	list-style: none;
 }
 
 .factory-list {
-  color: #0008;
-  max-height: 240px;
-  overflow-y: auto;
+	color: #0008;
+	max-height: 240px;
+	overflow-y: auto;
 }
 
 .factory-list__item {
-  font-size: 16px;
-  line-height: 1;
-  padding: 8px 16px 8px 16px;
-  min-width: 128px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+	font-size: 16px;
+	line-height: 1;
+	padding: 8px 16px 8px 16px;
+	min-width: 128px;
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
 }
 
 .factory-list__item:hover,
 .factory-list__item.is-current {
-  background: #e3efff;
-  color: #0b58ff;
+	background: #e3efff;
+	color: #0b58ff;
 }
 
 /* .factory-list__item.is-current::after {
@@ -673,42 +711,47 @@ li {
 	font-weight: bold;
 } */
 
-.custom-tree-class>>>.el-tree-node__content {
-  width: 100%;
-  height: auto !important;
-  padding: 8px 12px !important;
+.custom-tree-class >>> .el-tree-node__content {
+	width: 100%;
+	height: auto !important;
+	padding: 8px 12px !important;
 }
 
-.custom-tree-class>>>.el-tree-node__content:hover {
-  background: #e3efff;
+.custom-tree-class >>> .el-tree-node__content:hover {
+	background: #e3efff;
 }
 
-.custom-tree-class>>>.el-tree-node__children .el-tree-node__content {
-  padding: 8px 18px !important;
+.custom-tree-class >>> .el-tree-node__children .el-tree-node__content {
+	padding: 8px 18px !important;
 }
 
-.custom-tree-class>>>.el-tree-node__children .el-tree-node__children .el-tree-node__content {
-  padding: 8px 24px !important;
+.custom-tree-class
+	>>> .el-tree-node__children
+	.el-tree-node__children
+	.el-tree-node__content {
+	padding: 8px 24px !important;
 }
 </style>
 
 <style>
 .custom-icon-class {
-  margin-right: 8px;
-  width: 20px;
-  height: 20px;
-  background: url('../../../../assets/images/Qian.png') center center / contain no-repeat;
+	margin-right: 8px;
+	width: 20px;
+	height: 20px;
+	background: url('../../../../assets/images/Qian.png') center center / contain
+		no-repeat;
 }
 
 .custom-icon-class.el-tree-node__expand-icon.expanded {
-  transform: unset;
+	transform: unset;
 }
 
 .el-tree-node__children .custom-icon-class {
-  background: url('../../../../assets/images/tree-icon-2.png') 100% / contain no-repeat;
+	background: url('../../../../assets/images/tree-icon-2.png') 100% / contain
+		no-repeat;
 }
 
 .el-tree-node__children .el-tree-node__children .custom-icon-class {
-  background: unset;
+	background: unset;
 }
 </style>
diff --git a/src/views/quality/monitoring/equipmentTraceability/index.vue b/src/views/quality/monitoring/equipmentTraceability/index.vue
index c88a7f60..77e101eb 100644
--- a/src/views/quality/monitoring/equipmentTraceability/index.vue
+++ b/src/views/quality/monitoring/equipmentTraceability/index.vue
@@ -186,16 +186,16 @@ export default {
 						},
 					],
 				},
-				{
-					prop: 'oee',
-					label: 'OEE',
-					filter: (val) => (val != null ? +val.toFixed(3) : '-'),
-				},
-				{
-					prop: 'teep',
-					label: 'TEEP',
-					filter: (val) => (val != null ? +val.toFixed(3) : '-'),
-				},
+				// {
+				// 	prop: 'oee',
+				// 	label: 'OEE',
+				// 	filter: (val) => (val != null ? +val.toFixed(3) : '-'),
+				// },
+				// {
+				// 	prop: 'teep',
+				// 	label: 'TEEP',
+				// 	filter: (val) => (val != null ? +val.toFixed(3) : '-'),
+				// },
 				// {
 				// 	_action: 'view-trend',
 				// 	label: '趋势',
@@ -230,8 +230,9 @@ export default {
 					type: 'select',
 					label: '工单',
 					placeholder: '请选择工单',
-          param: 'workOrderId',
+					param: 'workOrderId',
 					selectOptions: [],
+					filterable: true,
 				},
 				// {
 				// 	type: 'select',
@@ -252,20 +253,20 @@ export default {
 				// 	],
 				// 	index: 2,
 				// 	extraOptions: [
-						{
-							// parent: 'dateFilterType',
-							// 时间段选择
-							type: 'datePicker',
-							// label: '时间段',
-							dateType: 'daterange',
-							format: 'yyyy-MM-dd',
-							valueFormat: 'yyyy-MM-dd HH:mm:ss',
-							defaultTime: ['00:00:00', '00:00:00'],
-							rangeSeparator: '-',
-							startPlaceholder: '开始时间',
-							endPlaceholder: '结束时间',
-							param: 'timerange',
-						},
+				{
+					// parent: 'dateFilterType',
+					// 时间段选择
+					type: 'datePicker',
+					label: '时间段',
+					dateType: 'daterange',
+					format: 'yyyy-MM-dd',
+					valueFormat: 'yyyy-MM-dd HH:mm:ss',
+					defaultTime: ['00:00:00', '00:00:00'],
+					rangeSeparator: '-',
+					startPlaceholder: '开始时间',
+					endPlaceholder: '结束时间',
+					param: 'timerange',
+				},
 				// 		{
 				// 			parent: 'dateFilterType',
 				// 			// 日期选择
@@ -285,16 +286,16 @@ export default {
 					name: 'search',
 					color: 'primary',
 				},
-				// {
-				// 	type: 'separate',
-				// },
-				// {
-				// 	type: 'button',
-				// 	btnName: '设备可视化',
-				// 	name: 'visualization',
-				// 	plain: true,
-				// 	color: 'success',
-				// },
+				{
+					type: 'separate',
+				},
+				{
+					type: 'button',
+					btnName: '导出',
+					name: 'export',
+					plain: true,
+					color: 'success',
+				},
 				// {
 				// 	type: 'button',
 				// 	btnName: 'OEE',
@@ -315,7 +316,7 @@ export default {
 			// 查询参数
 			queryParams: {
 				// lineId: null,
-        workOrderId: null,
+				workOrderId: null,
 				recordTime: [],
 			},
 			// 表单参数
@@ -324,20 +325,20 @@ export default {
 		};
 	},
 	created() {
-		this.getWorkOrder()
+		this.getWorkOrder();
 		// this.getLine();
 		this.getList();
 	},
 	methods: {
 		/** 准备工厂数据 */
-    async getWorkOrder() {
-      console.log(1111);
+		async getWorkOrder() {
+			console.log(1111);
 			const { code, data } = await this.$axios({
-        url: '/base/core-work-order/listbyfilter',
+				url: '/base/core-work-order/listbyfilter',
 				method: 'get',
 			});
-      if (code == 0) {
-        console.log('1111', data);
+			if (code == 0) {
+				console.log('1111', data);
 				this.searchBarFormConfig[0].selectOptions = data.map((item) => {
 					return {
 						name: item.name,
@@ -394,7 +395,7 @@ export default {
 				this.open = true;
 			}
 			if (btnName == 'search') {
-        this.queryParams.workOrderId = payload.workOrderId || null;
+				this.queryParams.workOrderId = payload.workOrderId || null;
 				// this.queryParams.lineId = payload.lineId || null;
 				if (0 == payload.dateFilterType) {
 					this.queryParams.recordTime = payload.timerange;
diff --git a/src/views/quality/monitoring/materielDateFrom/index.vue b/src/views/quality/monitoring/materielDateFrom/index.vue
index 07efb7d2..e7bd7a88 100644
--- a/src/views/quality/monitoring/materielDateFrom/index.vue
+++ b/src/views/quality/monitoring/materielDateFrom/index.vue
@@ -6,16 +6,26 @@
  * @Description:
 -->
 <template>
-  <div class="app-container">
-    <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
-    <base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize" :table-data="list">
-      <!-- <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
+	<div class="app-container">
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<base-table
+			:table-props="tableProps"
+			:page="listQuery.pageNo"
+			:limit="listQuery.pageSize"
+			:table-data="list">
+			<!-- <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
         @clickBtn="handleClick" /> -->
-    </base-table>
-    <pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total"
-      @pagination="getList" />
-    <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
-  </div>
+		</base-table>
+		<pagination
+			:limit.sync="listQuery.pageSize"
+			:page.sync="listQuery.pageNo"
+			:total="listQuery.total"
+			@pagination="getList" />
+		<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
+	</div>
 </template>
 
 <script>
@@ -24,228 +34,236 @@
 // import basicPage from '../mixins/basic-page';
 import { parseTime } from '../mixins/code-filter';
 import {
-  getMaterialUseLogPage,
-  getWorkOrderList,
-  exportEnergyPlcExcel
+	getMaterialUseLogPage,
+	getWorkOrderList,
+	exportEnergyPlcExcel,
 } from '@/api/quality/materialTraceability';
 
 const tableProps = [
-  {
-    prop: 'materialName',
-    label: '物料名称'
-  },
-  {
-    prop: 'materialCode',
-    label: '物料编码'
-  },
-  {
-    prop: 'dateName',
-    label: '物料批次'
-  },
-  {
-    prop: 'equipName',
-    label: '使用设备'
-  },
-  {
-    prop: 'num',
-    label: '使用数量'
-  },
-  {
-    prop: 'useTime',
-    label: '使用时间',
-    filter: parseTime
-  },
-  {
-    prop: 'userName',
-    label: '操作人'
-  },
-  {
-    prop: 'source',
-    label: '数据来源',
-    filter: (val) => val == 1 ? '内部' : '外部'
-  },
-  {
-    prop: 'remark',
-    label: '备注'
-  }
+	{
+		prop: 'materialName',
+		label: '物料名称',
+	},
+	{
+		prop: 'materialCode',
+		label: '物料编码',
+	},
+	{
+		prop: 'dateName',
+		label: '物料批次',
+	},
+	{
+		prop: 'equipName',
+		label: '使用设备',
+	},
+	{
+		prop: 'num',
+		label: '使用数量',
+	},
+	{
+		prop: 'useTime',
+		label: '使用时间',
+		filter: parseTime,
+	},
+	{
+		prop: 'userName',
+		label: '操作人',
+	},
+	{
+		prop: 'source',
+		label: '数据来源',
+		filter: (val) => (val == 1 ? '内部' : '外部'),
+	},
+	{
+		prop: 'remark',
+		label: '备注',
+	},
 ];
 
 export default {
-  // mixins: [basicPage],
-  data() {
-    return {
-      // urlOptions: {
-      //   getDataListURL: getMaterialUseLogPage,
-      //   // deleteURL: deletePackingType,
-      //   // exportURL: exportPackingExcel,
-      // },
-      tableProps,
-      tableBtn: [
-        this.$auth.hasPermi(`base:packaging-print-log:update`)
-          ? {
-            type: 'edit',
-            btnName: '编辑',
-          }
-          : undefined,
-        this.$auth.hasPermi(`base:packaging-print-log:delete`)
-          ? {
-            type: 'delete',
-            btnName: '删除',
-          }
-          : undefined,
-
-      ].filter((v) => v),
-      list: [],
-      listQuery: {
-        pageSize: 10,
-        pageNo: 1,
-        total: 0,
-        workOrderId: undefined,
-        startTime: undefined,
-        endTime:undefined,
-      },
-      formConfig: [
-        {
-          type: 'select',
-          label: '工单',
-          selectOptions: [],
-          labelField: 'name',
-          valueField: 'id',
-          param: 'workOrderId'
-        },
-        {
-          type: 'datePicker',
-          label: '时间段',
-          dateType: 'daterange',
-          format: 'yyyy-MM-dd',
-          valueFormat: "yyyy-MM-dd",
-          rangeSeparator: '-',
-          startPlaceholder: '开始时间',
-          endPlaceholder: '结束时间',
-          param: 'timeVal',
-          defaultSelect: [],
-          width: 250
-        },
-        {
-          type: 'button',
-          btnName: '搜索',
-          name: 'search',
-          color: 'primary',
-        },
-        {
-          type: 'separate',
-        },
-        // {
-        // 	type: 'separate',
-        // },
-        // {
-        // 	type: 'button',
-        // 	btnName: '重置',
-        // 	name: 'reset',
-        // },
-        // {
-        //   type: 'separate',
-        // },
-        // {
-        //   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
-        //   btnName: '新增',
-        //   name: 'add',
-        //   color: 'success',
-        //   plain: true,
-        // },
-        // {
-        // 	type: 'separate',
-        // 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
-        // },
-        {
-          type: this.$auth.hasPermi('monitoring:materiel-date-from:export') ? 'button' : '',
-        	btnName: '导出',
-        	name: 'export',
-        	color: 'warning',
-        },
-      ],
-    };
-  },
-  components: {
-    // AddOrUpdate,
-  },
-  created() {
-    this.getList()
-    this.getDict()
-  },
-  methods: {
-    getList() {
-      getMaterialUseLogPage({ ...this.listQuery }).then(res => {
-        this.list = res.data || []
-        this.listQuery.total = res.data.total || 0
-      })
-    },
-    getDict() {
-      // 获取产品的属性列表
-      // getCustomerList().then((response) => {
-      //   console.log(response);
-      //   this.customerList = response.data
-      //   // this.listQuery.total = response.data.total;
-      // })
-      // getModelList().then((response) => {
-      //   console.log(response);
-      //   this.modelList = response.data
-      //   // this.listQuery.total = response.data.total;
-      // })
-      getWorkOrderList().then((response) => {
-        // console.log(response);
-        this.formConfig[0].selectOptions = response.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.id
-          }
-        })
-        console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-    },
-    handleExport() {
-      // 处理查询参数
-      let params = { ...this.listQuery };
-      params.pageNo = undefined;
-      params.pageSize = undefined;
-      this.$modal.confirm('是否确认导出所有数据项?').then(() => {
-        this.exportLoading = true;
-        return exportEnergyPlcExcel(params);
-      }).then(response => {
-        this.$download.excel(response, '物料信息追溯  ');
-        this.exportLoading = false;
-      }).catch(() => { });
-    },
-    buttonClick(val) {
-      console.log(val)
-      if (val.btnName === 'search') {
-        this.listQuery.workOrderId = val.workOrderId ? val.workOrderId :undefined
-        // this.queryParams.status = val.status
-        if (val.timeVal && val.timeVal.length != 0 ) {
-        this.listQuery.startTime =  val.timeVal[0] + ' 00:00:00'
-        this.listQuery.endTime = val.timeVal[1] + ' 23:59:59'
-        } else {
-          this.listQuery.startTime = undefined
-          this.listQuery.endTime = undefined
-        }
-        this.getList()
-      } else {
-        this.handleExport()
-        // this.addOrEditTitle = '新增'
-        // this.centervisible = true
-        // this.$nextTick(() => {
-        //   this.$refs.orderAdd.init()
-        // })
-      }
-    },
-    otherMethods(val) {
-      this.addOrUpdateVisible = true;
-      this.addOrEditTitle = '详情';
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(val.data.id, true);
-      });
-    },
-  },
+	// mixins: [basicPage],
+	data() {
+		return {
+			// urlOptions: {
+			//   getDataListURL: getMaterialUseLogPage,
+			//   // deleteURL: deletePackingType,
+			//   // exportURL: exportPackingExcel,
+			// },
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi(`base:packaging-print-log:update`)
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi(`base:packaging-print-log:delete`)
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			list: [],
+			listQuery: {
+				pageSize: 10,
+				pageNo: 1,
+				total: 0,
+				workOrderId: undefined,
+				startTime: undefined,
+				endTime: undefined,
+			},
+			formConfig: [
+				{
+					type: 'select',
+					label: '工单',
+					selectOptions: [],
+					labelField: 'name',
+					valueField: 'id',
+					param: 'workOrderId',
+				},
+				{
+					type: 'datePicker',
+					label: '时间段',
+					dateType: 'daterange',
+					format: 'yyyy-MM-dd',
+					valueFormat: 'yyyy-MM-dd',
+					rangeSeparator: '-',
+					startPlaceholder: '开始时间',
+					endPlaceholder: '结束时间',
+					param: 'timeVal',
+					defaultSelect: [],
+					width: 250,
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				// {
+				// 	type: 'separate',
+				// },
+				// {
+				// 	type: 'button',
+				// 	btnName: '重置',
+				// 	name: 'reset',
+				// },
+				// {
+				//   type: 'separate',
+				// },
+				// {
+				//   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
+				//   btnName: '新增',
+				//   name: 'add',
+				//   color: 'success',
+				//   plain: true,
+				// },
+				// {
+				// 	type: 'separate',
+				// 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
+				// },
+				{
+					type: this.$auth.hasPermi('monitoring:materiel-date-from:export')
+						? 'button'
+						: '',
+					btnName: '导出',
+					name: 'export',
+					plain: true,
+					color: 'success',
+				},
+			],
+		};
+	},
+	components: {
+		// AddOrUpdate,
+	},
+	created() {
+		this.getList();
+		this.getDict();
+	},
+	methods: {
+		getList() {
+			getMaterialUseLogPage({ ...this.listQuery }).then((res) => {
+				this.list = res.data || [];
+				this.listQuery.total = res.data.total || 0;
+			});
+		},
+		getDict() {
+			// 获取产品的属性列表
+			// getCustomerList().then((response) => {
+			//   console.log(response);
+			//   this.customerList = response.data
+			//   // this.listQuery.total = response.data.total;
+			// })
+			// getModelList().then((response) => {
+			//   console.log(response);
+			//   this.modelList = response.data
+			//   // this.listQuery.total = response.data.total;
+			// })
+			getWorkOrderList().then((response) => {
+				// console.log(response);
+				this.formConfig[0].selectOptions = response.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.id,
+					};
+				});
+				console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+		},
+		handleExport() {
+			// 处理查询参数
+			let params = { ...this.listQuery };
+			params.pageNo = undefined;
+			params.pageSize = undefined;
+			this.$modal
+				.confirm('是否确认导出所有数据项?')
+				.then(() => {
+					this.exportLoading = true;
+					return exportEnergyPlcExcel(params);
+				})
+				.then((response) => {
+					this.$download.excel(response, '物料信息追溯  ');
+					this.exportLoading = false;
+				})
+				.catch(() => {});
+		},
+		buttonClick(val) {
+			console.log(val);
+			if (val.btnName === 'search') {
+				this.listQuery.workOrderId = val.workOrderId
+					? val.workOrderId
+					: undefined;
+				// this.queryParams.status = val.status
+				if (val.timeVal && val.timeVal.length != 0) {
+					this.listQuery.startTime = val.timeVal[0] + ' 00:00:00';
+					this.listQuery.endTime = val.timeVal[1] + ' 23:59:59';
+				} else {
+					this.listQuery.startTime = undefined;
+					this.listQuery.endTime = undefined;
+				}
+				this.getList();
+			} else {
+				this.handleExport();
+				// this.addOrEditTitle = '新增'
+				// this.centervisible = true
+				// this.$nextTick(() => {
+				//   this.$refs.orderAdd.init()
+				// })
+			}
+		},
+		otherMethods(val) {
+			this.addOrUpdateVisible = true;
+			this.addOrEditTitle = '详情';
+			this.$nextTick(() => {
+				this.$refs.addOrUpdate.init(val.data.id, true);
+			});
+		},
+	},
 };
 </script>
diff --git a/src/views/quality/monitoring/processTraceability/index.vue b/src/views/quality/monitoring/processTraceability/index.vue
index 413e6889..53406cd7 100644
--- a/src/views/quality/monitoring/processTraceability/index.vue
+++ b/src/views/quality/monitoring/processTraceability/index.vue
@@ -6,16 +6,31 @@
  * @Description:
 -->
 <template>
-  <div class="app-container">
-    <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
-    <base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize" :table-data="list">
-      <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
-        @clickBtn="handleClick" />
-    </base-table>
-    <pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total"
-      @pagination="getList" />
-    <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
-  </div>
+	<div class="app-container">
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<base-table
+			:table-props="tableProps"
+			:page="listQuery.pageNo"
+			:limit="listQuery.pageSize"
+			:table-data="list">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				:width="120"
+				label="操作"
+				:method-list="tableBtn"
+				@clickBtn="handleClick" />
+		</base-table>
+		<pagination
+			:limit.sync="listQuery.pageSize"
+			:page.sync="listQuery.pageNo"
+			:total="listQuery.total"
+			@pagination="getList" />
+		<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
+	</div>
 </template>
 
 <script>
@@ -24,256 +39,264 @@
 // import basicPage from '../mixins/basic-page';
 import { parseTime } from '../mixins/code-filter';
 import {
-  getProcessTraceabilityPage,
-  getWorkOrderList,
-  getCoreProduct
-  // exportEnergyPlcExcel
+	getProcessTraceabilityPage,
+	getWorkOrderList,
+	getCoreProduct,
+	// exportEnergyPlcExcel
 } from '@/api/quality/processTraceability';
 import { publicFormatter } from '@/utils/dict';
 const tableProps = [
-  {
-    prop: 'name',
-    label: '工单名称'
-  },
-  {
-    prop: 'code',
-    label: '工单编码'
-  },
-  {
-    prop: 'planProductName',
-    label: '产品名'
-  },
-  {
-    prop: 'status',
-    label: '状态',
-    filter: (val) => val == 1 ? '等待' : val == 2 ? '激活' : val == 3 ? '暂停' : val == 4 ? '完成' : '作废',
-  },
-  {
-    prop: 'startProduceTime',
-    label: '开始生产时间',
-    filter: parseTime
-  },
-  {
-    prop: 'finishProduceTime',
-    label: '结束生产时间',
-    filter: parseTime
-  },
-  {
-    prop: 'actualQuantity',
-    label: '生产数量'
-  },
-  {
-    prop: 'planProductUnit',
-    label: '单位',
-    filter: publicFormatter('unit_dict')
-  },
-  {
-    prop: 'processFlowName',
-    label: '工艺名称'
-  },
-  {
-    prop: 'yield',
-    label: '合格率'
-  }
+	{
+		prop: 'name',
+		label: '工单名称',
+	},
+	{
+		prop: 'code',
+		label: '工单编码',
+	},
+	{
+		prop: 'planProductName',
+		label: '产品名',
+	},
+	{
+		prop: 'status',
+		label: '状态',
+		filter: (val) =>
+			val == 1
+				? '等待'
+				: val == 2
+				? '激活'
+				: val == 3
+				? '暂停'
+				: val == 4
+				? '完成'
+				: '作废',
+	},
+	{
+		prop: 'startProduceTime',
+		label: '开始生产时间',
+		filter: parseTime,
+	},
+	{
+		prop: 'finishProduceTime',
+		label: '结束生产时间',
+		filter: parseTime,
+	},
+	{
+		prop: 'actualQuantity',
+		label: '生产数量',
+	},
+	{
+		prop: 'planProductUnit',
+		label: '单位',
+		filter: publicFormatter('unit_dict'),
+	},
+	{
+		prop: 'processFlowName',
+		label: '工艺名称',
+	},
+	{
+		prop: 'yield',
+		label: '合格率',
+	},
 ];
 
 export default {
-  // mixins: [basicPage],
-  data() {
-    return {
-      // urlOptions: {
-      //   getDataListURL: getMaterialUseLogPage,
-      //   // deleteURL: deletePackingType,
-      //   // exportURL: exportPackingExcel,
-      // },
-      tableProps,
-      tableBtn: [
-        // this.$auth.hasPermi(`base:packaging-print-log:update`)
-        //   ? {
-        //     type: 'edit',
-        //     btnName: '编辑',
-        //   }
-        //   : undefined,
-          {
-            type: 'processDetail',
-            btnName: '查看工艺详情',
-          },
+	// mixins: [basicPage],
+	data() {
+		return {
+			// urlOptions: {
+			//   getDataListURL: getMaterialUseLogPage,
+			//   // deleteURL: deletePackingType,
+			//   // exportURL: exportPackingExcel,
+			// },
+			tableProps,
+			tableBtn: [
+				// this.$auth.hasPermi(`base:packaging-print-log:update`)
+				//   ? {
+				//     type: 'edit',
+				//     btnName: '编辑',
+				//   }
+				//   : undefined,
+				{
+					type: 'processDetail',
+					btnName: '查看工艺详情',
+				},
+			].filter((v) => v),
+			list: [],
+			listQuery: {
+				pageSize: 10,
+				pageNo: 1,
+				// total: 0,
+				// orderName: '工单',
+				// startTime: undefined,
+				// endTime:undefined,
+			},
+			formConfig: [
+				{
+					type: 'select',
+					label: '工单名称',
+					selectOptions: [],
+					labelField: 'name',
+					valueField: 'id',
+					param: 'orderName',
+					filterable: true,
+				},
+				{
+					type: 'datePicker',
+					label: '工单开始时间',
+					dateType: 'daterange',
+					format: 'yyyy-MM-dd',
+					valueFormat: 'yyyy-MM-dd',
+					rangeSeparator: '-',
+					startPlaceholder: '开始时间',
+					endPlaceholder: '结束时间',
+					param: 'timeVal',
+					defaultSelect: [],
+					width: 250,
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				// {
+				// 	type: 'separate',
+				// },
+				// {
+				// 	type: 'button',
+				// 	btnName: '重置',
+				// 	name: 'reset',
+				// },
+				// {
+				//   type: 'separate',
+				// },
+				// {
+				//   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
+				//   btnName: '新增',
+				//   name: 'add',
+				//   color: 'success',
+				//   plain: true,
+				// },
+				// {
+				// 	type: 'separate',
+				// 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
+				// },
+				// {
+				//   type: this.$auth.hasPermi('monitoring:materiel-date-from:export') ? 'button' : '',
+				// 	btnName: '导出',
+				// 	name: 'export',
+				// 	color: 'warning',
+				// },
+			],
+		};
+	},
+	components: {
+		// AddOrUpdate,
+	},
+	created() {
+		this.getList();
+		this.getDict();
+	},
+	methods: {
+		getList() {
+			getProcessTraceabilityPage(this.listQuery).then((res) => {
+				this.list = res.data.list || [];
+				this.listQuery.total = res.data.total || 0;
+			});
+		},
+		handleClick(val) {
+			if (val.type === 'processDetail') {
+				console.log(val);
+				let specificationsData = '';
+				getCoreProduct(val.data.planProductId).then((res) => {
+					console.log(res);
 
-      ].filter((v) => v),
-      list: [],
-      listQuery: {
-        pageSize: 10,
-        pageNo: 1,
-        // total: 0,
-        // orderName: '工单',
-        // startTime: undefined,
-        // endTime:undefined,
-      },
-      formConfig: [
-        {
-          type: 'select',
-          label: '工单',
-          selectOptions: [],
-          labelField: 'name',
-          valueField: 'id',
-          param: 'orderName',
-          filterable: true,
-        },
-        {
-          type: 'datePicker',
-          label: '工单开始时间',
-          dateType: 'daterange',
-          format: 'yyyy-MM-dd',
-          valueFormat: "yyyy-MM-dd",
-          rangeSeparator: '-',
-          startPlaceholder: '开始时间',
-          endPlaceholder: '结束时间',
-          param: 'timeVal',
-          defaultSelect: [],
-          width: 250
-        },
-        {
-          type: 'button',
-          btnName: '搜索',
-          name: 'search',
-          color: 'primary',
-        },
-        // {
-        // 	type: 'separate',
-        // },
-        // {
-        // 	type: 'button',
-        // 	btnName: '重置',
-        // 	name: 'reset',
-        // },
-        // {
-        //   type: 'separate',
-        // },
-        // {
-        //   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
-        //   btnName: '新增',
-        //   name: 'add',
-        //   color: 'success',
-        //   plain: true,
-        // },
-        // {
-        // 	type: 'separate',
-        // 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
-        // },
-        // {
-        //   type: this.$auth.hasPermi('monitoring:materiel-date-from:export') ? 'button' : '',
-        // 	btnName: '导出',
-        // 	name: 'export',
-        // 	color: 'warning',
-        // },
-      ],
-    };
-  },
-  components: {
-    // AddOrUpdate,
-  },
-  created() {
-    this.getList()
-    this.getDict()
-  },
-  methods: {
-    getList() {
-      getProcessTraceabilityPage(this.listQuery).then(res => {
-        this.list = res.data.list || []
-        this.listQuery.total = res.data.total || 0
-      })
-    },
-    handleClick(val) {
-      if (val.type === "processDetail") {
-        console.log(val);
-        let specificationsData =''
-        getCoreProduct(val.data.planProductId).then((res) => {
-          console.log(res)
+					this.$router.push({
+						path: 'process-traceability-detail',
+						query: {
+							id: val.data.processFlowId,
+							orderId: val.data.id,
+							name: val.data.name,
+							specifications: res.data.specifications,
+							productName: val.data.planProductName,
+							processFlowName: val.data.processFlowName,
+							// planProductId: val.data.planProductId
+							// equipmentName,
+						},
+					});
+				});
 
-          this.$router.push({
-            path: 'process-traceability-detail',
-            query: {
-              id: val.data.processFlowId,
-              orderId: val.data.id,
-              name: val.data.name,
-              specifications: res.data.specifications,
-              productName: val.data.planProductName,
-              processFlowName: val.data.processFlowName,
-              // planProductId: val.data.planProductId
-              // equipmentName,
-            },
-          });
-        })
-
-        // this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex)
-      }
-    },
-    getDict() {
-      // 获取产品的属性列表
-      // getCustomerList().then((response) => {
-      //   console.log(response);
-      //   this.customerList = response.data
-      //   // this.listQuery.total = response.data.total;
-      // })
-      // getModelList().then((response) => {
-      //   console.log(response);
-      //   this.modelList = response.data
-      //   // this.listQuery.total = response.data.total;
-      // })
-      getWorkOrderList().then((response) => {
-        // console.log(response);
-        this.formConfig[0].selectOptions = response.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.name
-          }
-        })
-        console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-    },
-    // handleExport() {
-    //   // 处理查询参数
-    //   let params = { ...this.listQuery };
-    //   params.pageNo = undefined;
-    //   params.pageSize = undefined;
-    //   this.$modal.confirm('是否确认导出所有数据项?').then(() => {
-    //     this.exportLoading = true;
-    //     return exportEnergyPlcExcel(params);
-    //   }).then(response => {
-    //     this.$download.excel(response, '物料信息追溯  ');
-    //     this.exportLoading = false;
-    //   }).catch(() => { });
-    // },
-    buttonClick(val) {
-      console.log(val)
-      if (val.btnName === 'search') {
-        this.listQuery.orderName = val.orderName ? val.orderName :undefined
-        // this.queryParams.status = val.status
-        if (val.timeVal && val.timeVal.length != 0 ) {
-        this.listQuery.startTime =  val.timeVal[0] + ' 00:00:00'
-        this.listQuery.endTime = val.timeVal[1] + ' 23:59:59'
-        } else {
-          this.listQuery.startTime = undefined
-          this.listQuery.endTime = undefined
-        }
-        this.getList()
-      } else {
-        // this.handleExport()
-        // this.addOrEditTitle = '新增'
-        // this.centervisible = true
-        // this.$nextTick(() => {
-        //   this.$refs.orderAdd.init()
-        // })
-      }
-    },
-    otherMethods(val) {
-      this.addOrUpdateVisible = true;
-      this.addOrEditTitle = '详情';
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(val.data.id, true);
-      });
-    },
-  },
+				// this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex)
+			}
+		},
+		getDict() {
+			// 获取产品的属性列表
+			// getCustomerList().then((response) => {
+			//   console.log(response);
+			//   this.customerList = response.data
+			//   // this.listQuery.total = response.data.total;
+			// })
+			// getModelList().then((response) => {
+			//   console.log(response);
+			//   this.modelList = response.data
+			//   // this.listQuery.total = response.data.total;
+			// })
+			getWorkOrderList().then((response) => {
+				// console.log(response);
+				this.formConfig[0].selectOptions = response.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.name,
+					};
+				});
+				console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+		},
+		// handleExport() {
+		//   // 处理查询参数
+		//   let params = { ...this.listQuery };
+		//   params.pageNo = undefined;
+		//   params.pageSize = undefined;
+		//   this.$modal.confirm('是否确认导出所有数据项?').then(() => {
+		//     this.exportLoading = true;
+		//     return exportEnergyPlcExcel(params);
+		//   }).then(response => {
+		//     this.$download.excel(response, '物料信息追溯  ');
+		//     this.exportLoading = false;
+		//   }).catch(() => { });
+		// },
+		buttonClick(val) {
+			console.log(val);
+			if (val.btnName === 'search') {
+				this.listQuery.orderName = val.orderName ? val.orderName : undefined;
+				// this.queryParams.status = val.status
+				if (val.timeVal && val.timeVal.length != 0) {
+					this.listQuery.startTime = val.timeVal[0] + ' 00:00:00';
+					this.listQuery.endTime = val.timeVal[1] + ' 23:59:59';
+				} else {
+					this.listQuery.startTime = undefined;
+					this.listQuery.endTime = undefined;
+				}
+				this.getList();
+			} else {
+				// this.handleExport()
+				// this.addOrEditTitle = '新增'
+				// this.centervisible = true
+				// this.$nextTick(() => {
+				//   this.$refs.orderAdd.init()
+				// })
+			}
+		},
+		otherMethods(val) {
+			this.addOrUpdateVisible = true;
+			this.addOrEditTitle = '详情';
+			this.$nextTick(() => {
+				this.$refs.addOrUpdate.init(val.data.id, true);
+			});
+		},
+	},
 };
 </script>
diff --git a/src/views/quality/monitoring/rawMaterialTraceability/index.vue b/src/views/quality/monitoring/rawMaterialTraceability/index.vue
index af0ab14e..dadc1c02 100644
--- a/src/views/quality/monitoring/rawMaterialTraceability/index.vue
+++ b/src/views/quality/monitoring/rawMaterialTraceability/index.vue
@@ -6,16 +6,26 @@
  * @Description:
 -->
 <template>
-  <div class="app-container">
-    <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
-    <base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize" :table-data="list">
-      <!-- <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
+	<div class="app-container">
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<base-table
+			:table-props="tableProps"
+			:page="listQuery.pageNo"
+			:limit="listQuery.pageSize"
+			:table-data="list">
+			<!-- <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
         @clickBtn="handleClick" /> -->
-    </base-table>
-    <pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total"
-      @pagination="getList" />
-    <!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
-  </div>
+		</base-table>
+		<pagination
+			:limit.sync="listQuery.pageSize"
+			:page.sync="listQuery.pageNo"
+			:total="listQuery.total"
+			@pagination="getList" />
+		<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
+	</div>
 </template>
 
 <script>
@@ -25,219 +35,221 @@
 import { publicFormatter } from '@/utils/dict';
 import { parseTime } from '../mixins/code-filter';
 import {
-  getRawMaterialPage,
-  getWorkOrderList,
-  // exportEnergyPlcExcel
+	getRawMaterialPage,
+	getWorkOrderList,
+	// exportEnergyPlcExcel
 } from '@/api/quality/rawMaterialTraceability';
 
 const tableProps = [
-  {
-    prop: 'createTime',
-    label: '添加时间',
-    filter: parseTime
-  },
-  {
-    prop: 'material',
-    label: '原料名称',
-    filter: publicFormatter('material')
-  },
-  {
-    prop: 'origin',
-    label: '来源',
-    filter: (val)=>val == 1 ? '内部' : '外部'
-  },
-  {
-    prop: 'supplierId',
-    label: '供应商'
-  },
-  {
-    prop: 'batch',
-    label: '批次'
-  },
-  {
-    prop: 'num',
-    label: '数量'
-  },
-  {
-    prop: 'unit',
-    label: '单位',
-    filter: publicFormatter('unit_dict')
-  }
+	{
+		prop: 'createTime',
+		label: '添加时间',
+		filter: parseTime,
+		width: 150,
+	},
+	{
+		prop: 'material',
+		label: '原料名称',
+		filter: publicFormatter('material'),
+	},
+	{
+		prop: 'origin',
+		label: '来源',
+		filter: (val) => (val == 1 ? '内部' : '外部'),
+	},
+	{
+		prop: 'supplierId',
+		label: '供应商',
+	},
+	{
+		prop: 'batch',
+		label: '批次',
+	},
+	{
+		prop: 'num',
+		label: '数量',
+	},
+	{
+		prop: 'unit',
+		label: '单位',
+		filter: publicFormatter('unit_dict'),
+	},
 ];
 
 export default {
-  // mixins: [basicPage],
-  data() {
-    return {
-      // urlOptions: {
-      //   getDataListURL: getMaterialUseLogPage,
-      //   // deleteURL: deletePackingType,
-      //   // exportURL: exportPackingExcel,
-      // },
-      tableProps,
-      tableBtn: [
-        this.$auth.hasPermi(`base:packaging-print-log:update`)
-          ? {
-            type: 'edit',
-            btnName: '编辑',
-          }
-          : undefined,
-        this.$auth.hasPermi(`base:packaging-print-log:delete`)
-          ? {
-            type: 'delete',
-            btnName: '删除',
-          }
-          : undefined,
-
-      ].filter((v) => v),
-      list: [],
-      listQuery: {
-        pageSize: 10,
-        pageNo: 1,
-        total: 0,
-        workOrderId: undefined,
-        startTime: undefined,
-        endTime:undefined,
-      },
-      formConfig: [
-        {
-          type: 'select',
-          label: '工单',
-          selectOptions: [],
-          labelField: 'name',
-          valueField: 'id',
-          param: 'workOrderId'
-        },
-        // {
-        //   type: 'datePicker',
-        //   label: '时间段',
-        //   dateType: 'daterange',
-        //   format: 'yyyy-MM-dd',
-        //   valueFormat: "yyyy-MM-dd",
-        //   rangeSeparator: '-',
-        //   startPlaceholder: '开始时间',
-        //   endPlaceholder: '结束时间',
-        //   param: 'timeVal',
-        //   defaultSelect: [],
-        //   width: 250
-        // },
-        {
-          type: 'button',
-          btnName: '搜索',
-          name: 'search',
-          color: 'primary',
-        },
-        // {
-        // 	type: 'separate',
-        // },
-        // {
-        // 	type: 'button',
-        // 	btnName: '重置',
-        // 	name: 'reset',
-        // },
-        // {
-        //   type: 'separate',
-        // },
-        // {
-        //   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
-        //   btnName: '新增',
-        //   name: 'add',
-        //   color: 'success',
-        //   plain: true,
-        // },
-        // {
-        // 	type: 'separate',
-        // 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
-        // },
-        // {
-        //   type: this.$auth.hasPermi('monitoring:materiel-date-from:export') ? 'button' : '',
-        // 	btnName: '导出',
-        // 	name: 'export',
-        // 	color: 'warning',
-        // },
-      ],
-    };
-  },
-  components: {
-    // AddOrUpdate,
-  },
-  created() {
-    this.getList()
-    this.getDict()
-  },
-  methods: {
-    getList() {
-      getRawMaterialPage({ ...this.listQuery }).then(res => {
-        this.list = res.data.list || []
-        this.listQuery.total = res.data.total || 0
-      })
-    },
-    getDict() {
-      // 获取产品的属性列表
-      // getCustomerList().then((response) => {
-      //   console.log(response);
-      //   this.customerList = response.data
-      //   // this.listQuery.total = response.data.total;
-      // })
-      // getModelList().then((response) => {
-      //   console.log(response);
-      //   this.modelList = response.data
-      //   // this.listQuery.total = response.data.total;
-      // })
-      getWorkOrderList().then((response) => {
-        // console.log(response);
-        this.formConfig[0].selectOptions = response.data.map((item) => {
-          return {
-            name: item.name,
-            id: item.id
-          }
-        })
-        console.log(this.formConfig[0].selectOptions);
-        // this.listQuery.total = response.data.total;
-      })
-    },
-    // handleExport() {
-    //   // 处理查询参数
-    //   let params = { ...this.listQuery };
-    //   params.pageNo = undefined;
-    //   params.pageSize = undefined;
-    //   this.$modal.confirm('是否确认导出所有数据项?').then(() => {
-    //     this.exportLoading = true;
-    //     return exportEnergyPlcExcel(params);
-    //   }).then(response => {
-    //     this.$download.excel(response, '物料信息追溯  ');
-    //     this.exportLoading = false;
-    //   }).catch(() => { });
-    // },
-    buttonClick(val) {
-      console.log(val)
-      if (val.btnName === 'search') {
-        this.listQuery.workOrderId = val.workOrderId ? val.workOrderId :undefined
-        // this.queryParams.status = val.status
-        // if (val.timeVal && val.timeVal.length != 0 ) {
-        // this.listQuery.startTime =  val.timeVal[0] + ' 00:00:00'
-        // this.listQuery.endTime = val.timeVal[1] + ' 23:59:59'
-        // } else {
-        //   this.listQuery.startTime = undefined
-        //   this.listQuery.endTime = undefined
-        // }
-        this.getList()
-      } else {
-        // this.handleExport()
-        // this.addOrEditTitle = '新增'
-        // this.centervisible = true
-        // this.$nextTick(() => {
-        //   this.$refs.orderAdd.init()
-        // })
-      }
-    },
-    otherMethods(val) {
-      this.addOrUpdateVisible = true;
-      this.addOrEditTitle = '详情';
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(val.data.id, true);
-      });
-    },
-  },
+	// mixins: [basicPage],
+	data() {
+		return {
+			// urlOptions: {
+			//   getDataListURL: getMaterialUseLogPage,
+			//   // deleteURL: deletePackingType,
+			//   // exportURL: exportPackingExcel,
+			// },
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi(`base:packaging-print-log:update`)
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi(`base:packaging-print-log:delete`)
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			list: [],
+			listQuery: {
+				pageSize: 10,
+				pageNo: 1,
+				total: 0,
+				workOrderId: undefined,
+				startTime: undefined,
+				endTime: undefined,
+			},
+			formConfig: [
+				{
+					type: 'select',
+					label: '工单',
+					selectOptions: [],
+					labelField: 'name',
+					valueField: 'id',
+					param: 'workOrderId',
+				},
+				// {
+				//   type: 'datePicker',
+				//   label: '时间段',
+				//   dateType: 'daterange',
+				//   format: 'yyyy-MM-dd',
+				//   valueFormat: "yyyy-MM-dd",
+				//   rangeSeparator: '-',
+				//   startPlaceholder: '开始时间',
+				//   endPlaceholder: '结束时间',
+				//   param: 'timeVal',
+				//   defaultSelect: [],
+				//   width: 250
+				// },
+				{
+					type: 'button',
+					btnName: '搜索',
+					name: 'search',
+					color: 'primary',
+				},
+				// {
+				// 	type: 'separate',
+				// },
+				// {
+				// 	type: 'button',
+				// 	btnName: '重置',
+				// 	name: 'reset',
+				// },
+				// {
+				//   type: 'separate',
+				// },
+				// {
+				//   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
+				//   btnName: '新增',
+				//   name: 'add',
+				//   color: 'success',
+				//   plain: true,
+				// },
+				// {
+				// 	type: 'separate',
+				// 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
+				// },
+				// {
+				//   type: this.$auth.hasPermi('monitoring:materiel-date-from:export') ? 'button' : '',
+				// 	btnName: '导出',
+				// 	name: 'export',
+				// 	color: 'warning',
+				// },
+			],
+		};
+	},
+	components: {
+		// AddOrUpdate,
+	},
+	created() {
+		this.getList();
+		this.getDict();
+	},
+	methods: {
+		getList() {
+			getRawMaterialPage({ ...this.listQuery }).then((res) => {
+				this.list = res.data.records || [];
+				this.listQuery.total = res.data.total || 0;
+			});
+		},
+		getDict() {
+			// 获取产品的属性列表
+			// getCustomerList().then((response) => {
+			//   console.log(response);
+			//   this.customerList = response.data
+			//   // this.listQuery.total = response.data.total;
+			// })
+			// getModelList().then((response) => {
+			//   console.log(response);
+			//   this.modelList = response.data
+			//   // this.listQuery.total = response.data.total;
+			// })
+			getWorkOrderList().then((response) => {
+				// console.log(response);
+				this.formConfig[0].selectOptions = response.data.map((item) => {
+					return {
+						name: item.name,
+						id: item.id,
+					};
+				});
+				console.log(this.formConfig[0].selectOptions);
+				// this.listQuery.total = response.data.total;
+			});
+		},
+		// handleExport() {
+		//   // 处理查询参数
+		//   let params = { ...this.listQuery };
+		//   params.pageNo = undefined;
+		//   params.pageSize = undefined;
+		//   this.$modal.confirm('是否确认导出所有数据项?').then(() => {
+		//     this.exportLoading = true;
+		//     return exportEnergyPlcExcel(params);
+		//   }).then(response => {
+		//     this.$download.excel(response, '物料信息追溯  ');
+		//     this.exportLoading = false;
+		//   }).catch(() => { });
+		// },
+		buttonClick(val) {
+			console.log(val);
+			if (val.btnName === 'search') {
+				this.listQuery.workOrderId = val.workOrderId
+					? val.workOrderId
+					: undefined;
+				// this.queryParams.status = val.status
+				// if (val.timeVal && val.timeVal.length != 0 ) {
+				// this.listQuery.startTime =  val.timeVal[0] + ' 00:00:00'
+				// this.listQuery.endTime = val.timeVal[1] + ' 23:59:59'
+				// } else {
+				//   this.listQuery.startTime = undefined
+				//   this.listQuery.endTime = undefined
+				// }
+				this.getList();
+			} else {
+				// this.handleExport()
+				// this.addOrEditTitle = '新增'
+				// this.centervisible = true
+				// this.$nextTick(() => {
+				//   this.$refs.orderAdd.init()
+				// })
+			}
+		},
+		otherMethods(val) {
+			this.addOrUpdateVisible = true;
+			this.addOrEditTitle = '详情';
+			this.$nextTick(() => {
+				this.$refs.addOrUpdate.init(val.data.id, true);
+			});
+		},
+	},
 };
 </script>
diff --git a/src/views/quality/qualityInspectionRecord/dialogForm.vue b/src/views/quality/qualityInspectionRecord/dialogForm.vue
index 9199e2fc..93836e3b 100644
--- a/src/views/quality/qualityInspectionRecord/dialogForm.vue
+++ b/src/views/quality/qualityInspectionRecord/dialogForm.vue
@@ -6,81 +6,150 @@
 -->
 
 <template>
-  <el-form ref="form" :model="innerDataForm" label-width="100px" v-loading="formLoading">
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="工单名称" prop="workOrderId" :rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
-          <el-select v-model="innerDataForm.workOrderId" placeholder="请选择工单名称" filterable clearable>
-            <el-option v-for="opt in workOrderList" :key="opt.value" :label="opt.label" :value="opt.value" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="检测内容" prop="inspectionDetId"
-          :rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
-          <el-select v-model="innerDataForm.inspectionDetId" placeholder="请选择检测内容" filterable clearable
-            @change="handleInspectionDetChange">
-            <el-option v-for="opt in inspectionDetList" :key="opt.value" :label="opt.label" :value="opt.value" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="产线" prop="productionLineId"
-          :rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
-          <el-select v-model="innerDataForm.productionLineId" placeholder="请选择产线" filterable clearable
-            @change="handleProductlineChange">
-            <el-option v-for="opt in productionLineList" :key="opt.value" :label="opt.label" :value="opt.value" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="工段" prop="sectionId" :rules="[{ required: false, message: '不能为空', trigger: 'blur' }]">
-          <el-select v-model="innerDataForm.sectionId" placeholder="请选择工段" clearable filterable
-            @change="$emit('update', innerDataForm)">
-            <el-option v-for="opt in sectionList" :key="opt.value" :label="opt.label" :value="opt.value" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="检测人员" prop="checkPerson">
-          <el-input v-model="innerDataForm.checkPerson" clearable @change="$emit('update', innerDataForm)"
-            placeholder="请输入检测人员" />
-        </el-form-item>
-      </el-col>
+	<el-form
+		ref="form"
+		:model="innerDataForm"
+		label-width="100px"
+		v-loading="formLoading">
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item
+					label="工单名称"
+					prop="workOrderId"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="innerDataForm.workOrderId"
+						placeholder="请选择工单名称"
+						filterable
+						clearable>
+						<el-option
+							v-for="opt in workOrderList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item
+					label="检测内容"
+					prop="inspectionDetId"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="innerDataForm.inspectionDetId"
+						placeholder="请选择检测内容"
+						filterable
+						clearable
+						@change="handleInspectionDetChange">
+						<el-option
+							v-for="opt in inspectionDetList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item
+					label="产线"
+					prop="productionLineId"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="innerDataForm.productionLineId"
+						placeholder="请选择产线"
+						filterable
+						clearable
+						@change="handleProductlineChange">
+						<el-option
+							v-for="opt in productionLineList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item
+					label="工段"
+					prop="sectionId"
+					:rules="[{ required: false, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="innerDataForm.sectionId"
+						placeholder="请选择工段"
+						clearable
+						filterable
+						@change="$emit('update', innerDataForm)">
+						<el-option
+							v-for="opt in sectionList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item label="检测人" prop="checkPerson">
+					<el-input
+						v-model="innerDataForm.checkPerson"
+						clearable
+						@change="$emit('update', innerDataForm)"
+						placeholder="请输入检测人" />
+				</el-form-item>
+			</el-col>
 
-      <el-col :span="12">
-        <el-form-item label="检测时间" prop="checkTime" :rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
-          <el-date-picker v-model="innerDataForm.checkTime" type="datetime" placeholder="请选择检测时间"
-            value-format="timestamp" @change="$emit('update', innerDataForm)"></el-date-picker>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="来源" prop="source" :rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
-          <el-select v-model="innerDataForm.source" placeholder="请选择来源" filterable clearable
-            @change="$emit('update', innerDataForm)">
-            <el-option v-for="opt in [
-            	{ label: '手动', value: 1 },
-            	{ label: '自动', value: 2 },
-            ]" :key="opt.value" :label="opt.label" :value="opt.value" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="innerDataForm.remark" @change="$emit('update', innerDataForm)" placeholder="请输入备注">
-          </el-input>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
+			<el-col :span="12">
+				<el-form-item
+					label="检测时间"
+					prop="checkTime"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-date-picker
+						v-model="innerDataForm.checkTime"
+						type="datetime"
+						placeholder="请选择检测时间"
+						value-format="timestamp"
+						@change="$emit('update', innerDataForm)"></el-date-picker>
+				</el-form-item>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item
+					label="来源"
+					prop="source"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="innerDataForm.source"
+						placeholder="请选择来源"
+						filterable
+						clearable
+						@change="$emit('update', innerDataForm)">
+						<el-option
+							v-for="opt in [
+								{ label: '手动', value: 1 },
+								{ label: '自动', value: 2 },
+							]"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+			<el-col>
+				<el-form-item label="备注" prop="remark">
+					<el-input
+						v-model="innerDataForm.remark"
+						@change="$emit('update', innerDataForm)"
+						placeholder="请输入备注"></el-input>
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
 </template>
 
 <script>
@@ -103,18 +172,20 @@ export default {
 			formLoading: true,
 			inspectionDetList: [],
 			productionLineList: [],
-      sectionList: [],
-      workOrderList:[],
+			sectionList: [],
+			workOrderList: [],
 			innerDataForm: {},
 			cacheInspectionDetList: null,
 		};
 	},
 	mounted() {
-    Promise.all([this.getProductLineList(), this.getInspectionDetList(), this.getWorkOrderList()]).then(
-			() => {
-				this.formLoading = false;
-			}
-		);
+		Promise.all([
+			this.getProductLineList(),
+			this.getInspectionDetList(),
+			this.getWorkOrderList(),
+		]).then(() => {
+			this.formLoading = false;
+		});
 	},
 	watch: {
 		// 'innerDataForm.productionLineId': {
@@ -165,20 +236,20 @@ export default {
 
 		// 获取产线列表
 		async getProductLineList() {
-      const response = await this.$axios('/base/core-production-line/listAll');
+			const response = await this.$axios('/base/core-production-line/listAll');
 			this.productionLineList = response.data.map((item) => ({
 				label: item.name,
 				value: item.id,
 			}));
 		},
 
-    async getWorkOrderList() {
-      const response = await this.$axios('base/core-work-order/listbyfilter');
-      this.workOrderList = response.data.map((item) => ({
-        label: item.name,
-        value: item.id,
-      }));
-    },
+		async getWorkOrderList() {
+			const response = await this.$axios('base/core-work-order/listbyfilter');
+			this.workOrderList = response.data.map((item) => ({
+				label: item.name,
+				value: item.id,
+			}));
+		},
 
 		// 获取检测内容列表
 		async getInspectionDetList() {
diff --git a/src/views/quality/qualityInspectionRecord/index.vue b/src/views/quality/qualityInspectionRecord/index.vue
index baac3742..80587137 100644
--- a/src/views/quality/qualityInspectionRecord/index.vue
+++ b/src/views/quality/qualityInspectionRecord/index.vue
@@ -17,7 +17,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
-				:width="120"
+				:width="80"
 				fixed="right"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
@@ -66,94 +66,22 @@ export default {
 	mixins: [basicPageMixin],
 	data() {
 		return {
-			rows: [
-				[
-					{
-						select: true,
-						label: '检测内容',
-						url: '/base/quality-inspection-det/listAll',
-						prop: 'inspectionDetId',
-						labelKey: 'content',
-						rules: [{ required: true, message: '检测内容不能为空', trigger: 'blur' }],
-						bind: {
-							filterable: true,
-						},
-					},
-					{
-						select: true,
-						label: '来源',
-						prop: 'source',
-						value: 1, // 默认手动
-						options: [
-							{ label: '手动', value: 1 },
-							{ label: '自动', value: 2 },
-						],
-						bind: {
-							filterable: true,
-						},
-					},
-				],
-				[
-					{
-						select: true,
-						label: '产线',
-						url: '/base/production-line/listAll',
-						prop: 'productionLineId',
-						bind: {
-							filterable: true,
-						},
-						rules: [{ required: true, message: '产线不能为空', trigger: 'blur' }],
-					},
-					{
-						select: true,
-						label: '工段',
-						url: '/base/workshop-section/listAll', // 这个 url 其实可加可不加，因为下面会更新 options
-						options: [], // 这个options也可加可不加, 因为下面会更新 options
-						prop: 'sectionId',
-						bind: {
-							filterable: true,
-						},
-						rules: [{ required: false, message: '不能为空', trigger: 'blur' }],
-					},
-				],
-				[
-					{
-						input: true,
-						label: '检测人员',
-						prop: 'checkPerson',
-					},
-					{
-						datetime: true,
-						label: '检测时间',
-						prop: 'checkTime',
-						rules: [{ required: true, message: '检测时间不能为空', trigger: 'blur' }],
-						bind: {
-							format: 'yyyy-MM-dd HH:mm:ss',
-							'value-format': 'timestamp',
-							// 'value-format': 'yyyy-MM-dd HH:mm:ss',
-							clearable: true,
-						},
-					},
-				],
-				[{ textarea: true, label: '描述', prop: 'explainText' }],
-				[{ input: true, label: '备注', prop: 'remark' }],
-			],
 			searchBarFormConfig: [
 				{
 					type: 'select',
-          label: '工单名称',
-          placeholder: '请选择工单名称',
+					label: '工单名称',
+					placeholder: '请选择工单名称',
 					param: 'workOrderId',
-          selectOptions: [],
-          filterable:true
+					selectOptions: [],
+					filterable: true,
 				},
 				{
-          type: 'select',
+					type: 'select',
 					label: '检测内容',
-          placeholder: '请输入检测内容',
-          selectOptions: [],
-          param: 'inspectionDetContent',
-          filterable: true
+					placeholder: '请输入检测内容',
+					selectOptions: [],
+					param: 'inspectionDetContent',
+					filterable: true,
 				},
 				{
 					type: 'datePicker',
@@ -179,9 +107,7 @@ export default {
 					type: 'separate',
 				},
 				{
-					type: this.$auth.hasPermi(
-						'base:quality-inspection-record:create'
-					)
+					type: this.$auth.hasPermi('base:quality-inspection-record:create')
 						? 'button'
 						: '',
 					btnName: '新增',
@@ -197,7 +123,7 @@ export default {
 							btnName: '修改',
 					  }
 					: undefined,
-        this.$auth.hasPermi('base:quality-inspection-record:delete')
+				this.$auth.hasPermi('base:quality-inspection-record:delete')
 					? {
 							type: 'delete',
 							btnName: '删除',
@@ -211,12 +137,12 @@ export default {
 					fixed: true,
 					width: 180,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
-        },
-        {
-          // width: 128,
-          prop: 'workOrderName',
-          label: '工单名称',
-        },
+				},
+				{
+					// width: 128,
+					prop: 'workOrderName',
+					label: '工单名称',
+				},
 				{
 					// width: 128,
 					prop: 'inspectionDetContent',
@@ -224,7 +150,7 @@ export default {
 				},
 				{
 					// width: 128,
-					prop: 'lineName',
+					prop: 'productionLineName',
 					label: '产线',
 				},
 				{
@@ -247,25 +173,25 @@ export default {
 				},
 			],
 			// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
-			searchBarKeys: ['inspectionDetContent', 'checkTime', 'productionLineId'],
+			searchBarKeys: ['workOrderId', 'inspectionDetContent', 'checkTime'],
 			form: {
 				id: undefined,
 				inspectionDetId: undefined,
 				inspectionDetContent: undefined,
 				productionLineId: undefined,
 				sectionId: undefined,
-        checkPerson: undefined,
-        workOrderId:undefined,
+				checkPerson: undefined,
+				workOrderId: undefined,
 				checkTime: undefined,
 				source: undefined,
-				explainText: undefined,
+				workOrderId: undefined,
 				remark: undefined,
 			},
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
-        pageSize: 10,
-        workOrderId:null,
+				pageSize: 10,
+				workOrderId: null,
 				inspectionDetContent: null,
 				checkTime: [],
 				// productionLineId: null,
@@ -274,43 +200,20 @@ export default {
 	},
 	created() {
 		this.getList();
-		this.getProductLineList()
+		this.getProductLineList();
 	},
 	watch: {
 		form: {
 			handler: function (val) {
 				console.log('form change:', val);
 			},
-			deep: true
-		}
-		// 注册弹窗里产线改变时的监听事件
-		// 'form.productionLineId': {
-		// 	handler: function (val) {
-		// 		if (val == null) return;
-		// 		this.$axios('/base/workshop-section/listByParentId', {
-		// 			params: {
-		// 				id: val,
-		// 			},
-		// 		}).then((response) => {
-		// 			this.$set(
-		// 				this.rows[1][1], // 这里索引是硬编码，所以当 this.rows 里数据顺序改变时，此处也要改
-		// 				'options',
-		// 				response.data.map((item) => {
-		// 					return {
-		// 						label: item.name,
-		// 						value: item.id,
-		// 					};
-		// 				})
-		// 			);
-		// 		});
-		// 	},
-		// 	immediate: true,
-		// },
+			deep: true,
+		},
 	},
 	methods: {
 		/** 获取搜索栏的产线列表 */
 		getProductLineList() {
-      this.$axios('/base/core-work-order/listbyfilter').then((response) => {
+			this.$axios('/base/core-work-order/listbyfilter').then((response) => {
 				this.searchBarFormConfig[0].selectOptions = response.data.map(
 					(item) => {
 						return {
@@ -319,17 +222,17 @@ export default {
 						};
 					}
 				);
-      })
-      this.$axios('/base/quality-inspection-det/listAll').then((response) => {
-        this.searchBarFormConfig[1].selectOptions = response.data.map(
-          (item) => {
-            return {
-              name: item.content,
-              id: item.content,
-            };
-          }
-        );
-      });
+			});
+			this.$axios('/base/quality-inspection-det/listAll').then((response) => {
+				this.searchBarFormConfig[1].selectOptions = response.data.map(
+					(item) => {
+						return {
+							name: item.content,
+							id: item.content,
+						};
+					}
+				);
+			});
 		},
 		/** 查询列表 */
 		getList() {
@@ -356,7 +259,7 @@ export default {
 				checkPerson: undefined,
 				checkTime: undefined,
 				source: undefined,
-				explainText: undefined,
+				workOrderId: undefined,
 				remark: undefined,
 				productionLineId: undefined,
 			};
@@ -376,7 +279,7 @@ export default {
 		handleAdd() {
 			this.reset();
 			this.open = true;
-			this.title = '添加质量检查信息记录表';
+			this.title = '新增';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
@@ -384,13 +287,13 @@ export default {
 			const id = row.id;
 			getQualityInspectionRecord(id).then((response) => {
 				/** 因为后端返回的时间是时间戳格式，需转换 */
-				const info = {}
-				Object.keys(this.form).forEach(key => {
-					info[key] = response.data[key]
+				const info = {};
+				Object.keys(this.form).forEach((key) => {
+					info[key] = response.data[key];
 				});
 				this.form = info;
 				this.open = true;
-				this.title = '修改质量检查信息记录表';
+				this.title = '编辑';
 			});
 		},
 		/** 提交按钮 */
diff --git a/src/views/quality/qualityScrapLog/add-or-updata.vue b/src/views/quality/qualityScrapLog/add-or-updata.vue
index 01cdb1e8..b40e9df9 100644
--- a/src/views/quality/qualityScrapLog/add-or-updata.vue
+++ b/src/views/quality/qualityScrapLog/add-or-updata.vue
@@ -1,10 +1,3 @@
-<!--
- * @Author: zhp
- * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2023-11-21 14:11:18
- * @LastEditors: zhp
- * @Description:
--->
 <template>
 	<el-form
 		:model="dataForm"
@@ -18,7 +11,8 @@
 					<el-select
 						v-model="dataForm.workOrderId"
 						placeholder="请选择工单号"
-						style="width: 100%">
+						style="width: 100%"
+						:disabled="showDetail">
 						<el-option
 							v-for="dict in workOrderList"
 							:key="dict.id"
@@ -28,11 +22,12 @@
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
-				<el-form-item label="班组" prop="teamId">
+				<el-form-item label="班组" prop="teamId" :disabled="showDetail">
 					<el-select
 						v-model="dataForm.teamId"
 						placeholder="请选择班组"
-						style="width: 100%">
+						style="width: 100%"
+						:disabled="showDetail">
 						<el-option
 							v-for="dict in teamList"
 							:key="dict.id"
@@ -43,7 +38,10 @@
 			</el-col>
 			<el-col :span="12">
 				<el-form-item label="数量" prop="num" style="width: 100%">
-					<el-input v-model="dataForm.num" placeholder="请输入数量" />
+					<el-input
+						v-model="dataForm.num"
+						placeholder="请输入数量"
+						:disabled="showDetail" />
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
@@ -51,7 +49,8 @@
 					<el-select
 						v-model="dataForm.lineId"
 						placeholder="请选择产线"
-						style="width: 100%">
+						style="width: 100%"
+						:disabled="showDetail">
 						<el-option
 							v-for="dict in lineList"
 							:key="dict.id"
@@ -65,7 +64,8 @@
 					<el-select
 						v-model="dataForm.detId"
 						placeholder="请选择报废原因"
-						style="width: 100%">
+						style="width: 100%"
+						:disabled="showDetail">
 						<el-option
 							v-for="dict in detList"
 							:key="dict.id"
@@ -79,9 +79,11 @@
 					<el-date-picker
 						v-model="dataForm.logTime"
 						type="datetime"
+						label-format="yyyy-MM-dd HH:mm:ss"
 						value-format="yyyy-MM-dd HH:mm:ss"
 						style="width: 100%"
-						placeholder="选择日期"></el-date-picker>
+						placeholder="选择日期"
+						:disabled="showDetail"></el-date-picker>
 				</el-form-item>
 			</el-col>
 			<el-col :span="12">
@@ -89,7 +91,8 @@
 					<el-select
 						v-model="dataForm.source"
 						placeholder="请选择来源"
-						style="width: 100%">
+						style="width: 100%"
+						:disabled="showDetail">
 						<el-option
 							v-for="dict in sourceList"
 							:key="dict.id"
@@ -100,13 +103,20 @@
 			</el-col>
 			<el-col :span="24">
 				<el-form-item label="描述" prop="description">
-					<el-input v-model="dataForm.description" placeholder="请输入描述" />
+					<el-input
+						v-model="dataForm.description"
+						placeholder="请输入描述"
+						type="textarea"
+						:autosize="{ minRows: 2, maxRows: 4 }"
+						:disabled="showDetail" />
 				</el-form-item>
 			</el-col>
-
 			<el-col :span="24">
 				<el-form-item label="备注" prop="remark">
-					<el-input v-model="dataForm.remark" placeholder="备注" />
+					<el-input
+						v-model="dataForm.remark"
+						placeholder="备注"
+						:disabled="showDetail" />
 				</el-form-item>
 			</el-col>
 		</el-row>
@@ -114,7 +124,6 @@
 </template>
 
 <script>
-import basicAdd from '../../core/mixins/basic-add';
 import {
 	createQualityScrapLog,
 	updateQualityScrapLog,
@@ -124,22 +133,12 @@ import {
 	getDetList,
 	getLineList,
 } from '@/api/base/qualityScrapLog';
-import { getList } from '@/api/base/qualityScrapType';
-// import { getMaterialList } from "@/api/base/material";
+// import { getList } from '@/api/base/qualityScrapType';
 import moment from 'moment';
 export default {
-	mixins: [basicAdd],
 	data() {
 		return {
-			urlOptions: {
-				isGetCode: false,
-				// codeURL: getCode,
-				createURL: createQualityScrapLog,
-				updateURL: updateQualityScrapLog,
-				infoURL: getQualityScrapLog,
-			},
 			lineList: [],
-			typeList: [],
 			workOrderList: [],
 			detList: [],
 			teamList: [],
@@ -160,15 +159,12 @@ export default {
 				detId: undefined,
 				workOrderId: null,
 				teamId: undefined,
-				num: undefined,
+				num: null,
 				lineId: undefined,
 				description: undefined,
-				// description: undefined,
 				remark: undefined,
 			},
-			// materialList: [],
 			dataRule: {
-				// materialId: [{ required: true, message: "", trigger: "blur" }],
 				workOrderId: [
 					{ required: true, message: '工单号不能为空', trigger: 'change' },
 				],
@@ -181,79 +177,93 @@ export default {
 					{ required: true, message: '报废时间不能为空', trigger: 'change' },
 				],
 			},
+			showDetail: false,
 		};
 	},
 	mounted() {
-		this.getDict();
-		console.log('我看看', this.dataForm);
-		this.getCurrentTime();
+		this.getList();
 	},
 	methods: {
-		getCurrentTime() {
-			// new Date().Format("yyyy-MM-dd HH:mm:ss")
-			this.dataForm.logTime = new Date();
-			// this.dataForm.logTime = year + "-" + month + "-" + day;
-			console.log(this.dataForm.logTime);
+		init(id, show) {
+			this.showDetail = show ? true : false;
+			this.dataForm.id = id || undefined;
+			if (id) {
+				// 编辑
+				getQualityScrapLog(id).then((res) => {
+					console.log(res);
+					this.dataForm = res.data;
+					this.dataForm.logTime = res.data.logTime || null;
+					console.log('==================');
+				});
+			} else {
+				this.dataForm.logTime = moment().format('yyyy-MM-DD hh:mm:ss');
+			}
 		},
-		async getDict() {
+		// 表单提交
+		dataFormSubmit() {
+			this.$refs['dataForm'].validate((valid) => {
+				if (!valid) {
+					return false;
+				}
+				// 修改的提交
+				if (this.dataForm.id) {
+					updateQualityScrapLog(this.dataForm).then((response) => {
+						this.$modal.msgSuccess('修改成功');
+						this.visible = false;
+						this.$emit('refreshDataList');
+					});
+					return;
+				}
+				// 添加的提交
+				createQualityScrapLog(this.dataForm).then((response) => {
+					this.$modal.msgSuccess('新增成功');
+					this.visible = false;
+					this.$emit('refreshDataList');
+				});
+			});
+		},
+		getList() {
 			// 物料列表
-			const res = await getList();
-			this.typeList = res.data;
 			getWorkOrderList().then((res) => {
 				console.log(res);
-				// console.log(response);
 				this.workOrderList = res.data.map((item) => {
 					return {
 						name: item.name,
 						id: item.id,
 					};
 				});
-				// console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
 			});
 			getLineList().then((res) => {
 				console.log(res);
-				// console.log(response);
 				this.lineList = res.data.map((item) => {
 					return {
 						name: item.name,
 						id: item.id,
 					};
 				});
-				// console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
 			});
 			getDetList().then((res) => {
 				console.log(res);
-				// console.log(response);
 				this.detList = res.data.map((item) => {
 					return {
 						name: item.content,
 						id: item.id,
 					};
 				});
-				// console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
 			});
 			getTeamList().then((res) => {
 				console.log(res);
-				// console.log(response);
 				this.teamList = res.data.map((item) => {
 					return {
 						name: item.name,
 						id: item.id,
 					};
 				});
-				// console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
 			});
 		},
-		// setMaterialCode() {
-		// 	const chooseM = this.materialList.filter(item => {
-		// 		return item.id === this.dataForm.materialId
-		// 	})
-		// 	this.dataForm.materialCode = chooseM[0].code
-		// }
+		formClear() {
+			this.$refs.dataForm.resetFields();
+		},
 	},
 };
 </script>
diff --git a/src/views/quality/qualityScrapLog/detail-or-updata.vue b/src/views/quality/qualityScrapLog/detail-or-updata.vue
deleted file mode 100644
index 2d78de45..00000000
--- a/src/views/quality/qualityScrapLog/detail-or-updata.vue
+++ /dev/null
@@ -1,284 +0,0 @@
-<!--
- * @Author: zhp
- * @Date: 2023-11-06 15:15:30
- * @LastEditTime: 2023-11-07 19:38:13
- * @LastEditors: zhp
- * @Description:
--->
-<template>
-	<el-dialog
-		:visible.sync="dialogVisible"
-		width="50%"
-		:before-close="handleClose">
-		<small-title slot="title" :no-padding="true">
-			{{ '详情' }}
-		</small-title>
-		<el-form
-			:model="dataForm"
-			:rules="dataRule"
-			ref="dataForm"
-			@keyup.enter.native="dataFormSubmit()"
-			label-width="auto">
-			<el-row :gutter="24">
-				<el-col :span="8">
-					<el-form-item label="工单号" prop="workOrderId">
-						<el-select
-							v-model="dataForm.workOrderId"
-							placeholder="请选择工单号"
-							disabled>
-							<el-option
-								v-for="dict in workOrderList"
-								:key="dict.id"
-								:label="dict.name"
-								:value="dict.id" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-				<el-col :span="8">
-					<el-form-item label="班组" prop="teamId">
-						<el-select
-							v-model="dataForm.teamId"
-							placeholder="请选择班组"
-							disabled>
-							<el-option
-								v-for="dict in teamList"
-								:key="dict.id"
-								:label="dict.name"
-								:value="dict.id" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-				<el-col :span="8">
-					<el-form-item label="数量" prop="sum">
-						<el-input
-							v-model="dataForm.sum"
-							placeholder="请输入数量"
-							disabled />
-					</el-form-item>
-				</el-col>
-			</el-row>
-			<el-row :gutter="20">
-				<el-col :span="8">
-					<el-form-item label="产线" prop="lineId">
-						<el-select
-							v-model="dataForm.lineId"
-							placeholder="请选择产线"
-							disabled>
-							<el-option
-								v-for="dict in lineList"
-								:key="dict.id"
-								:label="dict.name"
-								:value="dict.id" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-				<el-col :span="8">
-					<el-form-item label="报废原因" prop="detId">
-						<el-select
-							v-model="dataForm.detId"
-							placeholder="请选择报废原因"
-							disabled>
-							<el-option
-								v-for="dict in detList"
-								:key="dict.id"
-								:label="dict.name"
-								:value="dict.id" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-
-				<el-col :span="8">
-					<el-form-item label="报废时间" prop="logTime">
-						<el-date-picker
-							v-model="dataForm.logTime"
-							type="datetime"
-							value-format="yyyy-MM-dd HH:mm:ss"
-							disabled
-							placeholder="选择日期"></el-date-picker>
-					</el-form-item>
-				</el-col>
-			</el-row>
-			<el-row :gutter="20">
-				<el-col :span="8">
-					<el-form-item label="来源" prop="source">
-						<el-select
-							v-model="dataForm.source"
-							placeholder="请选择来源"
-							disabled>
-							<el-option
-								v-for="dict in sourceList"
-								:key="dict.id"
-								:label="dict.name"
-								:value="dict.id" />
-						</el-select>
-					</el-form-item>
-				</el-col>
-				<el-col :span="8">
-					<el-form-item label="描述" prop="description">
-						<el-input
-							v-model="dataForm.description"
-							placeholder="请输入描述"
-							disabled />
-					</el-form-item>
-				</el-col>
-
-				<el-col :span="8">
-					<el-form-item label="备注" prop="remark">
-						<el-input v-model="dataForm.remark" placeholder="备注" disabled />
-					</el-form-item>
-				</el-col>
-			</el-row>
-		</el-form>
-	</el-dialog>
-</template>
-
-<script>
-import basicAdd from '../../core/mixins/basic-add';
-import {
-	createQualityScrapLog,
-	updateQualityScrapLog,
-	getQualityScrapLog,
-	getWorkOrderList,
-	getTeamList,
-	getDetList,
-	getLineList,
-} from '@/api/base/qualityScrapLog';
-import { getList } from '@/api/base/qualityScrapType';
-import SmallTitle from './SmallTitle';
-export default {
-	components: {
-		SmallTitle,
-	},
-	mixins: [basicAdd],
-	data() {
-		return {
-			urlOptions: {
-				isGetCode: false,
-				// codeURL: getCode,
-				createURL: createQualityScrapLog,
-				updateURL: updateQualityScrapLog,
-				infoURL: getQualityScrapLog,
-			},
-			lineList: [],
-			typeList: [],
-			workOrderList: [],
-			detList: [],
-			teamList: [],
-			sourceList: [
-				{
-					id: 1,
-					name: '手动',
-				},
-				{
-					id: 2,
-					name: '自动',
-				},
-			],
-			dialogVisible: false,
-			dataForm: {
-				id: undefined,
-				logTime: undefined,
-				source: 1,
-				detId: undefined,
-				workOrderId: null,
-				teamId: undefined,
-				num: undefined,
-				lineId: undefined,
-				description: undefined,
-				// description: undefined,
-				remark: undefined,
-			},
-			// materialList: [],
-			dataRule: {
-				// materialId: [{ required: true, message: "", trigger: "blur" }],
-				workOrderId: [
-					{ required: true, message: '工单号不能为空', trigger: 'change' },
-				],
-				num: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
-				detId: [
-					{ required: true, message: '报废原因不能为空', trigger: 'change' },
-				],
-
-				logTime: [
-					{ required: true, message: '报废时间不能为空', trigger: 'change' },
-				],
-			},
-		};
-	},
-	mounted() {
-		// this.getDict()
-		console.log('我看看', this.dataForm);
-		this.getCurrentTime();
-	},
-	methods: {
-		init() {
-			this.dialogVisible = true;
-		},
-		getCurrentTime() {
-			// new Date().Format("yyyy-MM-dd HH:mm:ss")
-			this.dataForm.logTime = new Date();
-			// this.dataForm.logTime = year + "-" + month + "-" + day;
-			console.log(this.dataForm.logTime);
-		},
-		// async getDict() {
-		// 	// 物料列表
-		//   const res = await getList()
-		//   this.typeList = res.data
-		//   getWorkOrderList().then((res) => {
-		//     console.log(res);
-		//     // console.log(response);
-		//     this.workOrderList = res.data.map((item) => {
-		//       return {
-		//         name: item.name,
-		//         id: item.id
-		//       }
-		//     })
-		//     // console.log(this.formConfig[0].selectOptions);
-		//     // this.listQuery.total = response.data.total;
-		//   })
-		//   getLineList().then((res) => {
-		//     console.log(res);
-		//     // console.log(response);
-		//     this.lineList = res.data.map((item) => {
-		//       return {
-		//         name: item.name,
-		//         id: item.id
-		//       }
-		//     })
-		//     // console.log(this.formConfig[0].selectOptions);
-		//     // this.listQuery.total = response.data.total;
-		//   })
-		//   getDetList().then((res) => {
-		//     console.log(res);
-		//     // console.log(response);
-		//     this.workOrderList = res.data.map((item) => {
-		//       return {
-		//         name: item.name,
-		//         id: item.id
-		//       }
-		//     })
-		//     // console.log(this.formConfig[0].selectOptions);
-		//     // this.listQuery.total = response.data.total;
-		//   })
-		//   getTeamList().then((res) => {
-		//     console.log(res);
-		//     // console.log(response);
-		//     this.teamList = res.data.map((item) => {
-		//       return {
-		//         name: item.name,
-		//         id: item.id
-		//       }
-		//     })
-		//     // console.log(this.formConfig[0].selectOptions);
-		//     // this.listQuery.total = response.data.total;
-		//   })
-		// },
-		// setMaterialCode() {
-		// 	const chooseM = this.materialList.filter(item => {
-		// 		return item.id === this.dataForm.materialId
-		// 	})
-		// 	this.dataForm.materialCode = chooseM[0].code
-		// }
-	},
-};
-</script>
diff --git a/src/views/quality/qualityScrapLog/index.vue b/src/views/quality/qualityScrapLog/index.vue
index 95af4cfa..8cd6c82b 100644
--- a/src/views/quality/qualityScrapLog/index.vue
+++ b/src/views/quality/qualityScrapLog/index.vue
@@ -26,24 +26,32 @@
 		<base-dialog
 			:dialogTitle="addOrEditTitle"
 			:dialogVisible="addOrUpdateVisible"
-			@cancel="handleCancel"
-			@confirm="handleConfirm"
 			:before-close="handleCancel"
 			width="50%">
 			<add-or-update
 				ref="addOrUpdate"
 				@refreshDataList="successSubmit"></add-or-update>
+			<el-row slot="footer" type="flex" justify="end">
+				<el-col :span="12">
+					<el-button size="small" class="btnTextStyle" @click="handleCancel">
+						{{ this.addOrEditTitle === '详情' ? '关闭' : '取消' }}
+					</el-button>
+					<el-button
+						v-show="this.addOrEditTitle !== '详情'"
+						type="primary"
+						size="small"
+						class="btnTextStyle"
+						@click="handleConfirm">
+						确定
+					</el-button>
+				</el-col>
+			</el-row>
 		</base-dialog>
-		<detail-or-update
-			v-if="detailOrUpdateVisible"
-			ref="detailOrUpdate"
-			@refreshDataList="successSubmit" />
 	</div>
 </template>
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import DetailOrUpdate from './detail-or-updata';
 
 import basicPage from '../../core/mixins/basic-page';
 import { parseTime } from '../../core/mixins/code-filter';
@@ -114,7 +122,6 @@ export default {
 					: undefined,
 			].filter((v) => v),
 			tableData: [],
-			detailOrUpdateVisible: false,
 			formConfig: [
 				{
 					type: 'select',
@@ -152,11 +159,11 @@ export default {
 					plain: true,
 				},
 			],
+			showDetail: false,
 		};
 	},
 	components: {
 		AddOrUpdate,
-		DetailOrUpdate,
 	},
 	created() {
 		this.getDict();
@@ -164,10 +171,10 @@ export default {
 	methods: {
 		otherMethods(val) {
 			if (val.type === 'detail') {
-				this.detailOrUpdateVisible = true;
-				// this.addOrEditTitle = "详情";
+				this.addOrEditTitle = '详情';
+				this.addOrUpdateVisible = true;
 				this.$nextTick(() => {
-					this.$refs.detailOrUpdate.init(val.data.id, true);
+					this.$refs.addOrUpdate.init(val.data.id, true);
 				});
 			}
 		},

From b3623d29c564c20fe7529d2a48efd5a8d7651a63 Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Thu, 18 Jul 2024 13:25:49 +0800
Subject: [PATCH 05/10] tableH mix

---
 src/mixins/tableHeightMixin.js                | 20 +++++++++++++++++++
 .../quality/qualityInspectionType/index.vue   |  6 ++++--
 2 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 src/mixins/tableHeightMixin.js

diff --git a/src/mixins/tableHeightMixin.js b/src/mixins/tableHeightMixin.js
new file mode 100644
index 00000000..ad23d16e
--- /dev/null
+++ b/src/mixins/tableHeightMixin.js
@@ -0,0 +1,20 @@
+export default {
+	data() {
+		return {
+			tableH: this.tableHeight(260),
+		};
+	},
+	created() {
+		this.tableH = this?.heightNum ? this.tableHeight(this.heightNum) : this.tableHeight(260);
+		window.addEventListener('resize', this._setTableHeight);
+	},
+	destroyed() {
+		window.removeEventListener('resize', this._setTableHeight);
+	},
+	methods: {
+		_setTableHeight() {
+			this.tableH = this?.heightNum ? this.tableHeight(this.heightNum) : this.tableHeight(260);
+			// this.tableH = this.tableHeight(260);
+		},
+	},
+};
diff --git a/src/views/devConfig/quality/qualityInspectionType/index.vue b/src/views/devConfig/quality/qualityInspectionType/index.vue
index 78583e8a..a433236b 100644
--- a/src/views/devConfig/quality/qualityInspectionType/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionType/index.vue
@@ -12,7 +12,8 @@
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
-			@emitFun="handleEmitFun">
+			@emitFun="handleEmitFun"
+			:max-height="tableH">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
@@ -86,10 +87,11 @@ import {
 	exportQualityInspectionTypeExcel,
 } from '@/api/base/qualityInspectionType';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 export default {
 	name: 'QualityInspectionType',
-	mixins: [basicPageMixin],
+	mixins: [basicPageMixin, tableHeightMixin],
 	data() {
 		return {
 			tableBtn: [

From 587985e3c62e10166c22ab0d8641fd087314538f Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Fri, 19 Jul 2024 10:44:17 +0800
Subject: [PATCH 06/10] =?UTF-8?q?=E8=B4=A8=E9=87=8F=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../qualityInspectionBoxBtn/dialogForm.vue    | 197 ++++++++------
 .../quality/qualityInspectionBoxBtn/index.vue |  79 +++---
 .../quality/qualityInspectionDet/index.vue    |  21 +-
 .../quality/qualityInspectionType/index.vue   |  19 +-
 .../quality/qualityScrapDet/add-or-updata.vue | 135 +++++-----
 .../quality/qualityScrapDet/index.vue         |  35 +--
 .../qualityScrapType/add-or-updata.vue        |  20 --
 .../quality/qualityScrapType/index.vue        |  34 +--
 .../equipmentTraceability/index.vue           | 246 ++++--------------
 .../monitoring/materielDateFrom/index.vue     |  78 ++----
 .../monitoring/processTraceability/index.vue  | 120 ++-------
 .../rawMaterialTraceability/index.vue         | 125 +--------
 .../quality/qualityInspectionRecord/index.vue |  23 +-
 src/views/quality/qualityScrapLog/index.vue   |  52 ++--
 14 files changed, 432 insertions(+), 752 deletions(-)

diff --git a/src/views/devConfig/quality/qualityInspectionBoxBtn/dialogForm.vue b/src/views/devConfig/quality/qualityInspectionBoxBtn/dialogForm.vue
index 0cae68d9..6253c041 100644
--- a/src/views/devConfig/quality/qualityInspectionBoxBtn/dialogForm.vue
+++ b/src/views/devConfig/quality/qualityInspectionBoxBtn/dialogForm.vue
@@ -6,37 +6,67 @@
 -->
 
 <template>
-  <el-form ref="form" :model="dataForm" label-width="120px" v-loading="formLoading">
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="产线" prop="productionLineId"
-          :rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
-          <el-select v-model="dataForm.productionLineId" placeholder="请选择产线" filterable
-            @change="handleProductlineChange">
-            <el-option v-for="opt in productionLineList" :key="opt.value" :label="opt.label" :value="opt.value" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="工段" prop="sectionId" :rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
-          <el-select v-model="dataForm.sectionId" placeholder="请选择工段" filterable @change="$emit('update', dataForm)">
-            <el-option v-for="opt in workshopSectionList" :key="opt.value" :label="opt.label" :value="opt.value" />
-          </el-select>
-        </el-form-item>
-      </el-col>
+	<el-form
+		ref="form"
+		:model="dataForm"
+		label-width="110px"
+		v-loading="formLoading">
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item
+					label="产线"
+					prop="productionLineId"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="dataForm.productionLineId"
+						placeholder="请选择产线"
+						filterable
+						@change="handleProductlineChange">
+						<el-option
+							v-for="opt in productionLineList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item
+					label="工段"
+					prop="sectionId"
+					:rules="[{ required: true, message: '不能为空', trigger: 'blur' }]">
+					<el-select
+						v-model="dataForm.sectionId"
+						placeholder="请选择工段"
+						filterable
+						@change="$emit('update', dataForm)">
+						<el-option
+							v-for="opt in workshopSectionList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
 
-      <el-col :span="12">
-        <el-form-item label="按钮盒识别码" prop="buttonId" :rules="[
-        	{ required: true, message: '不能为空', trigger: 'blur' },
-        	{
-        		type: 'number',
-        		message: '请输入整数',
-        		trigger: 'blur',
-        		transform: (val) => Number.isInteger(Number(val)) && Number(val),
-        	},
-        ]">
-          <el-input v-model="dataForm.buttonId" @change="$emit('update', dataForm)" placeholder="请输入整数" />
-        </el-form-item>
+			<el-col :span="12">
+				<el-form-item
+					label="按钮盒识别码"
+					prop="buttonId"
+					:rules="[
+						{ required: true, message: '不能为空', trigger: 'blur' },
+						{
+							type: 'number',
+							message: '请输入整数',
+							trigger: 'blur',
+							transform: (val) => Number.isInteger(Number(val)) && Number(val),
+						},
+					]">
+					<el-input
+						v-model="dataForm.buttonId"
+						@change="$emit('update', dataForm)"
+						placeholder="请输入整数" />
+				</el-form-item>
 				<el-form-item
 					label="产线"
 					prop="productionLineId"
@@ -101,35 +131,50 @@
 				</el-form-item>
 			</el-col>
 
-      <el-col :span="12">
-        <el-form-item label="按钮值" prop="keyValue" :rules="[
-        	{ required: true, message: '不能为空', trigger: 'blur' },
-        	{
-        		type: 'number',
-        		message: '请输入100以内的整数',
-        		trigger: 'blur',
-        		transform: (val) =>
-        			Number.isInteger(+val) &&
-        			Number(val) >= 0 &&
-        			Number(val) <= 100 &&
-        			Number(val),
-        	},
-        ]">
-          <el-input v-model="dataForm.keyValue" type="number" min="0" max="100" @change="$emit('update', dataForm)"
-            placeholder="请输入按钮盒模式" />
-        </el-form-item>
-      </el-col>
+			<el-col :span="12">
+				<el-form-item
+					label="按钮值"
+					prop="keyValue"
+					:rules="[
+						{ required: true, message: '不能为空', trigger: 'blur' },
+						{
+							type: 'number',
+							message: '请输入100以内的整数',
+							trigger: 'blur',
+							transform: (val) =>
+								Number.isInteger(+val) &&
+								Number(val) >= 0 &&
+								Number(val) <= 100 &&
+								Number(val),
+						},
+					]">
+					<el-input
+						v-model="dataForm.keyValue"
+						type="number"
+						min="0"
+						max="100"
+						@change="$emit('update', dataForm)"
+						placeholder="请输入按钮盒模式" />
+				</el-form-item>
+			</el-col>
 
-      <el-col :span="12">
-        <el-form-item label="检测内容" prop="inspectionDetId">
-          <el-select v-model="dataForm.inspectionDetId" placeholder="请选择检测内容" filterable
-            @change="$emit('update', dataForm)">
-            <el-option v-for="opt in inspectionDetList" :key="opt.value" :label="opt.label" :value="opt.value" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
+			<el-col :span="12">
+				<el-form-item label="检测内容" prop="inspectionDetId">
+					<el-select
+						v-model="dataForm.inspectionDetId"
+						placeholder="请选择检测内容"
+						filterable
+						@change="$emit('update', dataForm)">
+						<el-option
+							v-for="opt in inspectionDetList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
 </template>
 
 <script>
@@ -150,14 +195,14 @@ export default {
 	data() {
 		return {
 			formLoading: true,
-      productionLineList: [],
-      inspectionDetList:[],
+			productionLineList: [],
+			inspectionDetList: [],
 			workshopSectionList: [],
 		};
 	},
 	mounted() {
-    this.getProductionLineList()
-    this.getQualityInspectionDetList()
+		this.getProductionLineList();
+		this.getQualityInspectionDetList();
 		// this.getWorksectionList();
 		// this.getCode('/base/equipment-group-alarm/getCode').then((code) => {
 		// 	this.formLoading = false;
@@ -197,20 +242,20 @@ export default {
 			}
 			this.formLoading = false;
 		},
-    async getQualityInspectionDetList() {
-      this.formLoading = true;
-      const res = await this.$axios({
-        url: '/base/quality-inspection-det/listAll',
-        method: 'get',
-      });
-      if (res.code == 0) {
-        this.inspectionDetList = res.data.map((item) => ({
-          label: item.content,
-          value: item.id,
-        }));
-      }
-      this.formLoading = false;
-    },
+		async getQualityInspectionDetList() {
+			this.formLoading = true;
+			const res = await this.$axios({
+				url: '/base/quality-inspection-det/listAll',
+				method: 'get',
+			});
+			if (res.code == 0) {
+				this.inspectionDetList = res.data.map((item) => ({
+					label: item.content,
+					value: item.id,
+				}));
+			}
+			this.formLoading = false;
+		},
 		async getWorksectionList(id) {
 			this.formLoading = true;
 			const res = await this.$axios({
diff --git a/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue b/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue
index a169cd13..3fdd7d79 100644
--- a/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue
@@ -12,12 +12,13 @@
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
-			@emitFun="handleEmitFun">
+			@emitFun="handleEmitFun"
+			:max-height="tableH">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
-				:width="120"
+				:width="80"
 				fixed="right"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
@@ -56,10 +57,11 @@ import {
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import moment from 'moment';
 import DialogForm from './dialogForm.vue';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 export default {
 	name: 'QualityInspectionBoxBtn',
-	mixins: [basicPageMixin],
+	mixins: [basicPageMixin, tableHeightMixin],
 	components: { DialogForm },
 	data() {
 		return {
@@ -70,7 +72,9 @@ export default {
 						label: '产线',
 						url: '/base/production-line/listAll',
 						prop: 'productionId',
-						rules: [{ required: true, message: '产线不能为空', trigger: 'blur' }],
+						rules: [
+							{ required: true, message: '产线不能为空', trigger: 'blur' },
+						],
 						bind: {
 							filterable: true,
 						},
@@ -80,7 +84,9 @@ export default {
 						label: '工段',
 						url: '/base/workshop-section/listAll',
 						prop: 'sectionId',
-						rules: [{ required: true, message: '工段不能为空', trigger: 'blur' }],
+						rules: [
+							{ required: true, message: '工段不能为空', trigger: 'blur' },
+						],
 						bind: {
 							filterable: true,
 						},
@@ -118,17 +124,17 @@ export default {
 							},
 						],
 						bind: { type: 'number', min: 0, max: 100 },
-          },
-          {
-            select: true,
-            label: '检测内容',
-            url: '/base/quality-inspection-det/listAll',
-            prop: 'inspectionDetId',
-            rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
-            bind: {
-              filterable: true,
-            },
-          },
+					},
+					{
+						select: true,
+						label: '检测内容',
+						url: '/base/quality-inspection-det/listAll',
+						prop: 'inspectionDetId',
+						rules: [{ required: true, message: '不能为空', trigger: 'blur' }],
+						bind: {
+							filterable: true,
+						},
+					},
 				],
 			],
 			searchBarFormConfig: [
@@ -180,41 +186,42 @@ export default {
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{
-          prop: 'productionLineName',
+					prop: 'productionLineName',
 					label: '产线',
+					showOverflowtooltip: true,
 				},
 				{
 					prop: 'sectionName',
 					label: '工段',
+					showOverflowtooltip: true,
 				},
 				{
 					prop: 'inspectionDetContent',
 					label: '检测内容',
+					showOverflowtooltip: true,
 				},
 				{
 					width: 160,
 					prop: 'buttonId',
 					label: '按钮盒识别码',
 				},
-				// {
-				// 	width: 256,
-				// 	prop: 'productionId',
-				// 	label: '按钮盒所在产线ID',
-				// 	,
-				// },
-				// {
-				// 	width: 256,
-				// 	prop: 'sectionId',
-				// 	label: '按钮盒所在工段ID',
-				// 	,
-				// },
-				{ width: 90, prop: 'keyValue', label: '按钮值' },
-				{ width: 128, prop: 'model', label: '按钮盒模式' },
+				{
+					width: 90,
+					prop: 'keyValue',
+					label: '按钮值',
+					showOverflowtooltip: true,
+				},
+				{
+					width: 128,
+					prop: 'model',
+					label: '按钮盒模式',
+					showOverflowtooltip: true,
+				},
 			],
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
-				pageSize: 10,
+				pageSize: 20,
 				inspectionDetContent: null,
 			},
 			// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
@@ -222,8 +229,8 @@ export default {
 			form: {
 				id: null,
 				buttonId: null,
-        inspectionDetId: null,
-        productionLineId: null,
+				inspectionDetId: null,
+				productionLineId: null,
 				sectionId: null,
 				model: null,
 				keyValue: null,
@@ -261,7 +268,7 @@ export default {
 		handleAdd() {
 			this.reset();
 			this.open = true;
-			this.title = '添加安灯按钮16键对应';
+			this.title = '新增';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
@@ -270,7 +277,7 @@ export default {
 			getQualityInspectionBoxBtn(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
-				this.title = '修改安灯按钮16键对应';
+				this.title = '编辑';
 			});
 		},
 		/** 提交按钮 */
diff --git a/src/views/devConfig/quality/qualityInspectionDet/index.vue b/src/views/devConfig/quality/qualityInspectionDet/index.vue
index 3a4052d3..da6240b4 100644
--- a/src/views/devConfig/quality/qualityInspectionDet/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionDet/index.vue
@@ -12,12 +12,13 @@
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
-			@emitFun="handleEmitFun">
+			@emitFun="handleEmitFun"
+			:max-height="tableH">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
-				:width="120"
+				:width="80"
 				fixed="right"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
@@ -102,10 +103,11 @@ import {
 import moment from 'moment';
 
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 export default {
 	name: 'QualityInspectionDet',
-	mixins: [basicPageMixin],
+	mixins: [basicPageMixin, tableHeightMixin],
 	data() {
 		return {
 			typeList: [], // 检测类型列表
@@ -180,19 +182,18 @@ export default {
 				{
 					prop: 'createTime',
 					label: '添加时间',
-					fixed: true,
-					width: 180,
+					width: 160,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'typeName', label: '检测类型' },
-				{ prop: 'content', label: '检测内容' },
-				{ prop: 'code', label: '检测编码' },
-				{ prop: 'remark', label: '备注' },
+				{ prop: 'typeName', label: '检测类型', showOverflowtooltip: true },
+				{ prop: 'content', label: '检测内容', showOverflowtooltip: true },
+				{ prop: 'code', label: '检测编码', showOverflowtooltip: true },
+				{ prop: 'remark', label: '备注', showOverflowtooltip: true },
 			],
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
-				pageSize: 10,
+				pageSize: 20,
 				content: null,
 				createTime: [],
 			},
diff --git a/src/views/devConfig/quality/qualityInspectionType/index.vue b/src/views/devConfig/quality/qualityInspectionType/index.vue
index a433236b..46183389 100644
--- a/src/views/devConfig/quality/qualityInspectionType/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionType/index.vue
@@ -18,7 +18,7 @@
 				v-if="tableBtn.length"
 				slot="handleBtn"
 				label="操作"
-				:width="120"
+				:width="80"
 				:method-list="tableBtn"
 				@clickBtn="handleTableBtnClick" />
 		</base-table>
@@ -36,7 +36,7 @@
 			:dialogTitle="title"
 			:dialogVisible="open"
 			@close="cancel"
-			width="30%"
+			width="40%"
 			@cancel="cancel"
 			@confirm="submitForm">
 			<DialogForm
@@ -112,13 +112,12 @@ export default {
 				{
 					prop: 'createTime',
 					label: '添加时间',
-					fixed: true,
-					width: 180,
+					width: 160,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
-				{ prop: 'name', label: '检测类型' },
-				{ prop: 'code', label: '类型编码' },
-				{ prop: 'remark', label: '备注' },
+				{ prop: 'name', label: '检测类型', showOverflowtooltip: true },
+				{ prop: 'code', label: '类型编码', showOverflowtooltip: true },
+				{ prop: 'remark', label: '备注', showOverflowtooltip: true },
 			],
 			//
 			searchBarFormConfig: [
@@ -152,7 +151,7 @@ export default {
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
-				pageSize: 10,
+				pageSize: 20,
 				name: null,
 			},
 			// 表单参数
@@ -232,7 +231,7 @@ export default {
 		handleAdd() {
 			this.reset();
 			this.open = true;
-			this.title = '添加质量检测类型基础';
+			this.title = '新增';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
@@ -241,7 +240,7 @@ export default {
 			getQualityInspectionType(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
-				this.title = '修改质量检测类型基础';
+				this.title = '编辑';
 			});
 		},
 		/** 提交按钮 */
diff --git a/src/views/devConfig/quality/qualityScrapDet/add-or-updata.vue b/src/views/devConfig/quality/qualityScrapDet/add-or-updata.vue
index 30047dad..ddd0e6cd 100644
--- a/src/views/devConfig/quality/qualityScrapDet/add-or-updata.vue
+++ b/src/views/devConfig/quality/qualityScrapDet/add-or-updata.vue
@@ -6,88 +6,99 @@
  * @Description:
 -->
 <template>
-  <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="auto">
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="报废原因编码" prop="code">
-          <el-input v-model="dataForm.code" placeholder="请输入报废原因编码" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="报废原因" prop="content">
-          <el-input v-model="dataForm.content" placeholder="请输入报废原因" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <el-form-item label="报废类型" prop="typeId">
-          <el-select v-model="dataForm.typeId" placeholder="请选择报废类型">
-            <el-option v-for="dict in typeList" :key="dict.id" :label="dict.name" :value="dict.id" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="dataForm.remark" clearable placeholder="请输入备注" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
+	<el-form
+		:model="dataForm"
+		:rules="dataRule"
+		ref="dataForm"
+		@keyup.enter.native="dataFormSubmit()"
+		label-width="auto">
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item label="报废原因编码" prop="code">
+					<el-input v-model="dataForm.code" placeholder="请输入报废原因编码" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="报废原因" prop="content">
+					<el-input v-model="dataForm.content" placeholder="请输入报废原因" />
+				</el-form-item>
+			</el-col>
+		</el-row>
+		<el-row :gutter="20">
+			<el-col :span="12">
+				<el-form-item label="报废类型" prop="typeId">
+					<el-select v-model="dataForm.typeId" placeholder="请选择报废类型">
+						<el-option
+							v-for="dict in typeList"
+							:key="dict.id"
+							:label="dict.name"
+							:value="dict.id" />
+					</el-select>
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="备注" prop="remark">
+					<el-input
+						v-model="dataForm.remark"
+						clearable
+						placeholder="请输入备注" />
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
 </template>
 
 <script>
 import basicAdd from '../../../core/mixins/basic-add';
-import { createQualityScrapDet, updateQualityScrapDet, getQualityScrapDet, getCode } from "@/api/base/qualityScrapDet";
-import { getList,} from "@/api/base/qualityScrapType";
-
-// import { getMaterialList } from "@/api/base/material";
+import {
+	createQualityScrapDet,
+	updateQualityScrapDet,
+	getQualityScrapDet,
+	getCode,
+} from '@/api/base/qualityScrapDet';
+import { getList } from '@/api/base/qualityScrapType';
 
 export default {
 	mixins: [basicAdd],
 	data() {
 		return {
 			urlOptions: {
-			  isGetCode: true,
-        codeURL: getCode,
-        createURL: createQualityScrapDet,
-        updateURL: updateQualityScrapDet,
-        infoURL: getQualityScrapDet,
-      },
-      typeList:[],
-			dataForm: {
-        id: undefined,
-        code: undefined,
-        content: undefined,
-        typeId:null,
-        // description: undefined,
-        remark: undefined,
+				isGetCode: true,
+				codeURL: getCode,
+				createURL: createQualityScrapDet,
+				updateURL: updateQualityScrapDet,
+				infoURL: getQualityScrapDet,
+			},
+			typeList: [],
+			dataForm: {
+				id: undefined,
+				code: undefined,
+				content: undefined,
+				typeId: null,
+				remark: undefined,
 			},
-			// materialList: [],
 			dataRule: {
-				// materialId: [{ required: true, message: "", trigger: "blur" }],
-        code: [{ required: true, message: "报废原因编码不能为空", trigger: "blur" }],
-        content: [{ required: true, message: "报废原因不能为空", trigger: "blur" }],
-        typeId: [{ required: true, message: "报废类型不能为空", trigger: "change" }],
-      }
+				code: [
+					{ required: true, message: '报废原因编码不能为空', trigger: 'blur' },
+				],
+				content: [
+					{ required: true, message: '报废原因不能为空', trigger: 'blur' },
+				],
+				typeId: [
+					{ required: true, message: '报废类型不能为空', trigger: 'change' },
+				],
+			},
 		};
 	},
 	mounted() {
-		this.getDict()
-		console.log('我看看', this.dataForm)
+		this.getDict();
 	},
 	methods: {
 		async getDict() {
-			// 物料列表
-      const res = await getList();
+			// 报废类型
+			const res = await getList();
 			this.typeList = res.data;
 		},
-		// setMaterialCode() {
-		// 	const chooseM = this.materialList.filter(item => {
-		// 		return item.id === this.dataForm.materialId
-		// 	})
-		// 	this.dataForm.materialCode = chooseM[0].code
-		// }
 	},
 };
 </script>
diff --git a/src/views/devConfig/quality/qualityScrapDet/index.vue b/src/views/devConfig/quality/qualityScrapDet/index.vue
index 189fa59a..6bb2f75d 100644
--- a/src/views/devConfig/quality/qualityScrapDet/index.vue
+++ b/src/views/devConfig/quality/qualityScrapDet/index.vue
@@ -9,11 +9,12 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
-			:table-data="tableData">
+			:table-data="tableData"
+			:max-height="tableH">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
-				:width="120"
+				:width="80"
 				label="操作"
 				:method-list="tableBtn"
 				@clickBtn="handleClick" />
@@ -21,7 +22,7 @@
 		<pagination
 			:limit.sync="listQuery.pageSize"
 			:page.sync="listQuery.pageNo"
-			:total="listQuery.total"
+			:total="total"
 			@pagination="getDataList" />
 		<base-dialog
 			:dialogTitle="addOrEditTitle"
@@ -29,7 +30,7 @@
 			@cancel="handleCancel"
 			@confirm="handleConfirm"
 			:before-close="handleCancel"
-			width="40%">
+			width="50%">
 			<add-or-update
 				ref="addOrUpdate"
 				@refreshDataList="successSubmit"></add-or-update>
@@ -46,32 +47,38 @@ import {
 	deleteQualityScrapDet,
 } from '@/api/base/qualityScrapDet';
 import { getList } from '@/api/base/qualityScrapType';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 const tableProps = [
 	{
 		prop: 'createTime',
 		label: '添加时间',
 		filter: parseTime,
+		width: 160,
 	},
 	{
 		prop: 'content',
 		label: '报废原因',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'code',
 		label: '报废原因编码',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'typeName',
 		label: '报废类型',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'remark',
 		label: '备注',
+		showOverflowtooltip: true,
 	},
 ];
 
 export default {
-	mixins: [basicPage],
+	mixins: [basicPage, tableHeightMixin],
 	data() {
 		return {
 			urlOptions: {
@@ -109,6 +116,7 @@ export default {
 					labelField: 'name',
 					valueField: 'id',
 					param: 'typeId',
+					filterable: true,
 				},
 				{
 					type: 'button',
@@ -129,6 +137,11 @@ export default {
 					plain: true,
 				},
 			],
+			listQuery: {
+				pageNo: 1,
+				pageSize: 20,
+			},
+			total: 0,
 		};
 	},
 	components: {
@@ -144,7 +157,7 @@ export default {
 			this.dataListLoading = true;
 			this.urlOptions.getDataListURL(this.listQuery).then((response) => {
 				this.tableData = response.data.list;
-				this.listQuery.total = response.data.total;
+				this.total = response.data.total;
 				this.dataListLoading = false;
 			});
 		},
@@ -157,20 +170,10 @@ export default {
 			switch (val.btnName) {
 				case 'search':
 					this.listQuery.pageNo = 1;
-					this.listQuery.pageSize = 10;
 					this.listQuery.content = val.content ? val.content : undefined;
 					this.listQuery.typeId = val.typeId ? val.typeId : undefined;
 					this.getDataList();
 					break;
-				case 'reset':
-					this.$refs.searchBarForm.resetForm();
-					this.listQuery = {
-						pageSize: 10,
-						pageNo: 1,
-						total: 1,
-					};
-					this.getDataList();
-					break;
 				case 'add':
 					this.addOrEditTitle = '新增';
 					this.addOrUpdateVisible = true;
diff --git a/src/views/devConfig/quality/qualityScrapType/add-or-updata.vue b/src/views/devConfig/quality/qualityScrapType/add-or-updata.vue
index 0358535b..26e83799 100644
--- a/src/views/devConfig/quality/qualityScrapType/add-or-updata.vue
+++ b/src/views/devConfig/quality/qualityScrapType/add-or-updata.vue
@@ -55,7 +55,6 @@ import {
 	getQualityScrapType,
 	getCode,
 } from '@/api/base/qualityScrapType';
-// import { getMaterialList } from "@/api/base/material";
 
 export default {
 	mixins: [basicAdd],
@@ -75,9 +74,7 @@ export default {
 				description: undefined,
 				remark: undefined,
 			},
-			// materialList: [],
 			dataRule: {
-				// materialId: [{ required: true, message: "", trigger: "blur" }],
 				code: [
 					{ required: true, message: '报废类型编码不能为空', trigger: 'blur' },
 				],
@@ -87,22 +84,5 @@ export default {
 			},
 		};
 	},
-	mounted() {
-		// this.getDict()
-		console.log('我看看', this.dataForm);
-	},
-	methods: {
-		// async getDict() {
-		// 	// 物料列表
-		// 	const res = await getMaterialList();
-		// 	this.materialList = res.data;
-		// },
-		// setMaterialCode() {
-		// 	const chooseM = this.materialList.filter(item => {
-		// 		return item.id === this.dataForm.materialId
-		// 	})
-		// 	this.dataForm.materialCode = chooseM[0].code
-		// }
-	},
 };
 </script>
diff --git a/src/views/devConfig/quality/qualityScrapType/index.vue b/src/views/devConfig/quality/qualityScrapType/index.vue
index dc7e7605..9750239e 100644
--- a/src/views/devConfig/quality/qualityScrapType/index.vue
+++ b/src/views/devConfig/quality/qualityScrapType/index.vue
@@ -9,11 +9,12 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
-			:table-data="tableData">
+			:table-data="tableData"
+			:max-height="tableH">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
-				:width="120"
+				:width="80"
 				label="操作"
 				:method-list="tableBtn"
 				@clickBtn="handleClick" />
@@ -21,7 +22,7 @@
 		<pagination
 			:limit.sync="listQuery.pageSize"
 			:page.sync="listQuery.pageNo"
-			:total="listQuery.total"
+			:total="total"
 			@pagination="getDataList" />
 		<base-dialog
 			:dialogTitle="addOrEditTitle"
@@ -29,7 +30,7 @@
 			@cancel="handleCancel"
 			@confirm="handleConfirm"
 			:before-close="handleCancel"
-			width="40%">
+			width="50%">
 			<add-or-update
 				ref="addOrUpdate"
 				@refreshDataList="successSubmit"></add-or-update>
@@ -45,33 +46,39 @@ import {
 	getQualityScrapTypePage,
 	deleteQualityScrapType,
 } from '@/api/base/qualityScrapType';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 const tableProps = [
 	{
 		prop: 'createTime',
 		label: '添加时间',
 		filter: parseTime,
+		width: 160,
 	},
 	{
 		prop: 'name',
 		label: '报废类型',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'code',
 		label: '报废类型编码',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'description',
 		label: '描述信息',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'remark',
 		label: '备注',
+		showOverflowtooltip: true,
 	},
 ];
 
 export default {
-	mixins: [basicPage],
+	mixins: [basicPage, tableHeightMixin],
 	data() {
 		return {
 			urlOptions: {
@@ -121,6 +128,11 @@ export default {
 					plain: true,
 				},
 			],
+			listQuery: {
+				pageNo: 1,
+				pageSize: 20,
+			},
+			total: 0,
 		};
 	},
 	components: {
@@ -133,7 +145,7 @@ export default {
 			this.dataListLoading = true;
 			this.urlOptions.getDataListURL(this.listQuery).then((response) => {
 				this.tableData = response.data.list;
-				this.listQuery.total = response.data.total;
+				this.total = response.data.total;
 				this.dataListLoading = false;
 			});
 		},
@@ -141,19 +153,9 @@ export default {
 			switch (val.btnName) {
 				case 'search':
 					this.listQuery.pageNo = 1;
-					this.listQuery.pageSize = 10;
 					this.listQuery.name = val.name ? val.name : undefined;
 					this.getDataList();
 					break;
-				case 'reset':
-					this.$refs.searchBarForm.resetForm();
-					this.listQuery = {
-						pageSize: 10,
-						pageNo: 1,
-						total: 1,
-					};
-					this.getDataList();
-					break;
 				case 'add':
 					this.addOrEditTitle = '新增';
 					this.addOrUpdateVisible = true;
diff --git a/src/views/quality/monitoring/equipmentTraceability/index.vue b/src/views/quality/monitoring/equipmentTraceability/index.vue
index 77e101eb..9e2d0892 100644
--- a/src/views/quality/monitoring/equipmentTraceability/index.vue
+++ b/src/views/quality/monitoring/equipmentTraceability/index.vue
@@ -1,10 +1,3 @@
-<!--
-    filename: index.vue
-    author: liubin
-    date: 2023-09-04 09:34:52
-    description: 设备效率分析
--->
-
 <template>
 	<div class="app-container allow-overflow">
 		<!-- 搜索工作栏 -->
@@ -15,10 +8,7 @@
 
 		<el-row>
 			<el-col class="custom-tabs">
-				<el-tabs
-					v-model="activeName"
-					:stretch="true"
-					@tab-click="handleTabClick">
+				<el-tabs v-model="activeName" :stretch="true">
 					<el-tab-pane :label="'\u2002数据列表\u2002'" name="table">
 						<!-- 列表 -->
 						<base-table
@@ -27,7 +17,7 @@
 							:page="1"
 							:limit="10"
 							:table-data="list"
-							@emitFun="handleEmitFun"></base-table>
+							:max-height="tableH"></base-table>
 					</el-tab-pane>
 					<el-tab-pane
 						:label="'\u3000可视化\u3000'"
@@ -74,7 +64,6 @@
 										v-for="item in list"
 										:key="item.id"
 										:value="item" />
-									<!-- <pie-chart v-for="item in 5" :key="item" :value="item" /> -->
 								</div>
 							</div>
 						</div>
@@ -86,40 +75,43 @@
 </template>
 
 <script>
-// import moment from 'moment';
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import PieChart from './components/pieChart.vue';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 export default {
 	name: 'EfficiencyAnalysis',
-	mixins: [basicPageMixin],
+	mixins: [basicPageMixin, tableHeightMixin],
 	components: { PieChart },
 	props: {},
 	data() {
 		return {
 			activeName: 'table',
-			open: false,
-			visualizationOpen: false,
-			trendOpen: false,
-			// tableBtn: [
-			// 	this.$auth.hasPermi('base:equipment-group:update')
-			// 		? {
-			// 				type: 'edit',
-			// 				btnName: '修改',
-			// 		  }
-			// 		: undefined,
-			// 	this.$auth.hasPermi('base:equipment-group:delete')
-			// 		? {
-			// 				type: 'delete',
-			// 				btnName: '删除',
-			// 		  }
-			// 		: undefined,
-			// ].filter((v) => v),
 			tableProps: [
-				{ prop: 'factoryName', label: '工厂' },
-				{ prop: 'lineName', label: '产线' },
-				{ prop: 'sectionName', label: '工段' },
-				{ prop: 'equipmentName', label: '设备' },
+				{
+					prop: 'factoryName',
+					label: '工厂',
+					minWidth: 120,
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'lineName',
+					label: '产线',
+					minWidth: 120,
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'sectionName',
+					label: '工段',
+					minWidth: 120,
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'equipmentName',
+					label: '设备',
+					minWidth: 120,
+					showOverflowtooltip: true,
+				},
 				{
 					label: '有效时间',
 					children: [
@@ -127,12 +119,13 @@ export default {
 							width: 128,
 							prop: 'workTime',
 							label: '工作时长[h]',
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
 						},
 						{
 							width: 128,
 							prop: 'workRate',
 							label: '百分比[%]',
-							filter: (val) => (val != null ? +val.toFixed(3) : '-'),
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
 						},
 					],
 				},
@@ -143,8 +136,14 @@ export default {
 							width: 128,
 							prop: 'stopTime',
 							label: '停机时长[h]',
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
+						},
+						{
+							width: 128,
+							prop: 'stopRate',
+							label: '百分比[%]',
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
 						},
-						{ width: 128, prop: 'stopRate', label: '百分比[%]' },
 					],
 				},
 				{
@@ -154,14 +153,19 @@ export default {
 							width: 128,
 							prop: 'downTime',
 							label: '故障时长[h]',
-							filter: (val) => (val != null ? +val.toFixed(3) : '-'),
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
+						},
+						{
+							width: 128,
+							prop: 'downRate',
+							label: '百分比[%]',
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
 						},
-						{ width: 128, prop: 'downRate', label: '百分比[%]' },
 						{
 							width: 128,
 							prop: 'timeEfficiency',
 							label: '时间开动率',
-							filter: (val) => (val != null ? +val.toFixed(3) : '-'),
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
 						},
 					],
 				},
@@ -172,87 +176,31 @@ export default {
 							width: 128,
 							prop: 'realProcSpeed',
 							label: '实际加工速度',
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
 						},
 						{
 							width: 128,
 							prop: 'designProcSpeed',
 							label: '理论加工速度',
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
 						},
 						{
 							width: 128,
 							prop: 'peEfficiency',
 							label: '速度开动率',
-							filter: (val) => (val != null ? +val.toFixed(3) : '-'),
+							filter: (val) => (val != null ? +val.toFixed(2) : '-'),
 						},
 					],
 				},
-				// {
-				// 	prop: 'oee',
-				// 	label: 'OEE',
-				// 	filter: (val) => (val != null ? +val.toFixed(3) : '-'),
-				// },
-				// {
-				// 	prop: 'teep',
-				// 	label: 'TEEP',
-				// 	filter: (val) => (val != null ? +val.toFixed(3) : '-'),
-				// },
-				// {
-				// 	_action: 'view-trend',
-				// 	label: '趋势',
-				// 	,
-				// 	subcomponent: {
-				// 		props: ['injectData'],
-				// 		render: function (h) {
-				// 			const _this = this;
-				// 			return h(
-				// 				'el-button',
-				// 				{
-				// 					props: { type: 'text' },
-				// 					on: {
-				// 						click: function () {
-				// 							console.log('inejctdata', _this.injectData);
-				// 							_this.$emit('emitData', {
-				// 								action: _this.injectData._action,
-				// 								// value: _this.injectData.id,
-				// 								value: _this.injectData,
-				// 							});
-				// 						},
-				// 					},
-				// 				},
-				// 				'查看趋势'
-				// 			);
-				// 		},
-				// 	},
-				// },
 			],
 			searchBarFormConfig: [
 				{
 					type: 'select',
-					label: '工单',
-					placeholder: '请选择工单',
+					label: '工单名称',
 					param: 'workOrderId',
 					selectOptions: [],
 					filterable: true,
 				},
-				// {
-				// 	type: 'select',
-				// 	label: '产线',
-				// 	placeholder: '请选择产线',
-				// 	param: 'lineId',
-				// 	selectOptions: [],
-				// },
-				// 选项切换
-				// {
-				// 	type: 'select',
-				// 	label: '时间类型',
-				// 	param: 'dateFilterType',
-				// 	defaultSelect: 0,
-				// 	selectOptions: [
-				// 		{ id: 0, name: '按时间段' },
-				// 		{ id: 1, name: '按日期' },
-				// 	],
-				// 	index: 2,
-				// 	extraOptions: [
 				{
 					// parent: 'dateFilterType',
 					// 时间段选择
@@ -265,21 +213,8 @@ export default {
 					rangeSeparator: '-',
 					startPlaceholder: '开始时间',
 					endPlaceholder: '结束时间',
-					param: 'timerange',
+					param: 'recordTime',
 				},
-				// 		{
-				// 			parent: 'dateFilterType',
-				// 			// 日期选择
-				// 			type: 'datePicker',
-				// 			// label: '日期',
-				// 			dateType: 'date',
-				// 			placeholder: '选择日期',
-				// 			format: 'yyyy-MM-dd',
-				// 			valueFormat: 'yyyy-MM-dd',
-				// 			param: 'timeday',
-				// 		},
-				// 	],
-				// },
 				{
 					type: 'button',
 					btnName: '查询',
@@ -296,26 +231,9 @@ export default {
 					plain: true,
 					color: 'success',
 				},
-				// {
-				// 	type: 'button',
-				// 	btnName: 'OEE',
-				// 	name: 'add',
-				// 	plain: true,
-				// 	color: 'success',
-				// },
-				// {
-				// 	type: 'button',
-				// 	btnName: 'TEEP',
-				// 	name: 'add',
-				// 	plain: true,
-				// 	color: 'warning',
-				// },
 			],
-			// 是否显示弹出层
-			open: false,
 			// 查询参数
 			queryParams: {
-				// lineId: null,
 				workOrderId: null,
 				recordTime: [],
 			},
@@ -326,19 +244,16 @@ export default {
 	},
 	created() {
 		this.getWorkOrder();
-		// this.getLine();
 		this.getList();
 	},
 	methods: {
 		/** 准备工厂数据 */
 		async getWorkOrder() {
-			console.log(1111);
 			const { code, data } = await this.$axios({
 				url: '/base/core-work-order/listbyfilter',
 				method: 'get',
 			});
 			if (code == 0) {
-				console.log('1111', data);
 				this.searchBarFormConfig[0].selectOptions = data.map((item) => {
 					return {
 						name: item.name,
@@ -347,33 +262,6 @@ export default {
 				});
 			}
 		},
-
-		// /** 准备产线数据 */
-		// async getLine() {
-		// 	const { code, data } = await this.$axios({
-		// 		url: '/base/production-line/listAll',
-		// 		method: 'get',
-		// 	});
-		// 	if (code == 0) {
-		// 		this.searchBarFormConfig[1].selectOptions = data.map((item) => {
-		// 			return {
-		// 				name: item.name,
-		// 				id: item.id,
-		// 			};
-		// 		});
-		// 	}
-		// },
-
-		/** 覆盖 handleEmitFun 的默认实现 */
-		handleEmitFun({ action, value }) {
-			switch (action) {
-				case 'view-trend':
-					const { id } = value;
-					this.open = true;
-					this.trendOpen = true;
-					break;
-			}
-		},
 		/** 查询列表 */
 		async getList() {
 			this.loading = true;
@@ -388,41 +276,17 @@ export default {
 		},
 
 		handleSearchBarBtnClick({ btnName, ...payload }) {
-			console.log('handleSearchBarBtnClick', btnName, payload);
-			if (btnName == 'visualization') {
-				// 可视化
-				this.visualizationOpen = true;
-				this.open = true;
-			}
+			console.log(btnName);
+			console.log(payload);
 			if (btnName == 'search') {
 				this.queryParams.workOrderId = payload.workOrderId || null;
-				// this.queryParams.lineId = payload.lineId || null;
-				if (0 == payload.dateFilterType) {
-					this.queryParams.recordTime = payload.timerange;
-				} else if (1 == payload.dateFilterType) {
-					this.queryParams.recordTime = [
-						`${payload.timeday} 00:00:00`,
-						`${payload.timeday} 23:59:59`,
-					];
-				}
+				this.queryParams.recordTime = payload.recordTime || undefined;
+				this.getList();
 			} else {
 				this.queryParams.recordTime = null;
+				console.log('导出');
 			}
-			this.getList();
 		},
-
-		cancel() {
-			this.open = false;
-		},
-
-		closed() {
-			this.visualizationOpen = false;
-			this.trendOpen = false;
-		},
-
-		submitForm() {},
-
-		handleTabClick() {},
 	},
 };
 </script>
diff --git a/src/views/quality/monitoring/materielDateFrom/index.vue b/src/views/quality/monitoring/materielDateFrom/index.vue
index e7bd7a88..0d9ab707 100644
--- a/src/views/quality/monitoring/materielDateFrom/index.vue
+++ b/src/views/quality/monitoring/materielDateFrom/index.vue
@@ -1,10 +1,3 @@
-<!--
- * @Author: zwq
- * @Date: 2023-08-01 14:55:51
- * @LastEditors: zhp
- * @LastEditTime: 2023-11-24 10:55:54
- * @Description:
--->
 <template>
 	<div class="app-container">
 		<search-bar
@@ -15,59 +8,62 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
-			:table-data="list">
-			<!-- <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
-        @clickBtn="handleClick" /> -->
-		</base-table>
+			:table-data="list"
+			:max-height="tableH"></base-table>
 		<pagination
 			:limit.sync="listQuery.pageSize"
 			:page.sync="listQuery.pageNo"
 			:total="listQuery.total"
 			@pagination="getList" />
-		<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
 	</div>
 </template>
 
 <script>
-// import AddOrUpdate from './add-or-updata';
-// import unitDict from './unitDict';
-// import basicPage from '../mixins/basic-page';
 import { parseTime } from '../mixins/code-filter';
 import {
 	getMaterialUseLogPage,
 	getWorkOrderList,
 	exportEnergyPlcExcel,
 } from '@/api/quality/materialTraceability';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 const tableProps = [
 	{
 		prop: 'materialName',
 		label: '物料名称',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'materialCode',
 		label: '物料编码',
+		showOverflowtooltip: true,
+		minWidth: 120,
 	},
 	{
 		prop: 'dateName',
 		label: '物料批次',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'equipName',
 		label: '使用设备',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'num',
 		label: '使用数量',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'useTime',
 		label: '使用时间',
 		filter: parseTime,
+		width: 160,
 	},
 	{
 		prop: 'userName',
 		label: '操作人',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'source',
@@ -77,18 +73,15 @@ const tableProps = [
 	{
 		prop: 'remark',
 		label: '备注',
+		showOverflowtooltip: true,
 	},
 ];
 
 export default {
-	// mixins: [basicPage],
+	mixins: [tableHeightMixin],
 	data() {
 		return {
-			// urlOptions: {
-			//   getDataListURL: getMaterialUseLogPage,
-			//   // deleteURL: deletePackingType,
-			//   // exportURL: exportPackingExcel,
-			// },
+			heightNum: 220,
 			tableProps,
 			tableBtn: [
 				this.$auth.hasPermi(`base:packaging-print-log:update`)
@@ -116,7 +109,7 @@ export default {
 			formConfig: [
 				{
 					type: 'select',
-					label: '工单',
+					label: '工单名称',
 					selectOptions: [],
 					labelField: 'name',
 					valueField: 'id',
@@ -144,28 +137,6 @@ export default {
 				{
 					type: 'separate',
 				},
-				// {
-				// 	type: 'separate',
-				// },
-				// {
-				// 	type: 'button',
-				// 	btnName: '重置',
-				// 	name: 'reset',
-				// },
-				// {
-				//   type: 'separate',
-				// },
-				// {
-				//   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
-				//   btnName: '新增',
-				//   name: 'add',
-				//   color: 'success',
-				//   plain: true,
-				// },
-				// {
-				// 	type: 'separate',
-				// 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
-				// },
 				{
 					type: this.$auth.hasPermi('monitoring:materiel-date-from:export')
 						? 'button'
@@ -193,19 +164,7 @@ export default {
 			});
 		},
 		getDict() {
-			// 获取产品的属性列表
-			// getCustomerList().then((response) => {
-			//   console.log(response);
-			//   this.customerList = response.data
-			//   // this.listQuery.total = response.data.total;
-			// })
-			// getModelList().then((response) => {
-			//   console.log(response);
-			//   this.modelList = response.data
-			//   // this.listQuery.total = response.data.total;
-			// })
 			getWorkOrderList().then((response) => {
-				// console.log(response);
 				this.formConfig[0].selectOptions = response.data.map((item) => {
 					return {
 						name: item.name,
@@ -213,7 +172,6 @@ export default {
 					};
 				});
 				console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
 			});
 		},
 		handleExport() {
@@ -239,7 +197,6 @@ export default {
 				this.listQuery.workOrderId = val.workOrderId
 					? val.workOrderId
 					: undefined;
-				// this.queryParams.status = val.status
 				if (val.timeVal && val.timeVal.length != 0) {
 					this.listQuery.startTime = val.timeVal[0] + ' 00:00:00';
 					this.listQuery.endTime = val.timeVal[1] + ' 23:59:59';
@@ -250,11 +207,6 @@ export default {
 				this.getList();
 			} else {
 				this.handleExport();
-				// this.addOrEditTitle = '新增'
-				// this.centervisible = true
-				// this.$nextTick(() => {
-				//   this.$refs.orderAdd.init()
-				// })
 			}
 		},
 		otherMethods(val) {
diff --git a/src/views/quality/monitoring/processTraceability/index.vue b/src/views/quality/monitoring/processTraceability/index.vue
index 53406cd7..f1b4c287 100644
--- a/src/views/quality/monitoring/processTraceability/index.vue
+++ b/src/views/quality/monitoring/processTraceability/index.vue
@@ -1,10 +1,3 @@
-<!--
- * @Author: zwq
- * @Date: 2023-08-01 14:55:51
- * @LastEditors: zhp
- * @LastEditTime: 2023-11-28 10:51:44
- * @Description:
--->
 <template>
 	<div class="app-container">
 		<search-bar
@@ -15,7 +8,8 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
-			:table-data="list">
+			:table-data="list"
+			:max-height="tableH">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
@@ -29,34 +23,35 @@
 			:page.sync="listQuery.pageNo"
 			:total="listQuery.total"
 			@pagination="getList" />
-		<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
 	</div>
 </template>
 
 <script>
-// import AddOrUpdate from './add-or-updata';
-// import unitDict from './unitDict';
-// import basicPage from '../mixins/basic-page';
 import { parseTime } from '../mixins/code-filter';
 import {
 	getProcessTraceabilityPage,
 	getWorkOrderList,
 	getCoreProduct,
-	// exportEnergyPlcExcel
 } from '@/api/quality/processTraceability';
 import { publicFormatter } from '@/utils/dict';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 const tableProps = [
 	{
 		prop: 'name',
 		label: '工单名称',
+		showOverflowtooltip: true,
+		minWidth: 120,
 	},
 	{
 		prop: 'code',
 		label: '工单编码',
+		showOverflowtooltip: true,
+		minWidth: 120,
 	},
 	{
 		prop: 'planProductName',
 		label: '产品名',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'status',
@@ -76,11 +71,13 @@ const tableProps = [
 		prop: 'startProduceTime',
 		label: '开始生产时间',
 		filter: parseTime,
+		width: 160,
 	},
 	{
 		prop: 'finishProduceTime',
 		label: '结束生产时间',
 		filter: parseTime,
+		width: 160,
 	},
 	{
 		prop: 'actualQuantity',
@@ -91,33 +88,25 @@ const tableProps = [
 		label: '单位',
 		filter: publicFormatter('unit_dict'),
 	},
-	{
-		prop: 'processFlowName',
-		label: '工艺名称',
-	},
 	{
 		prop: 'yield',
 		label: '合格率',
+		filter: (val) => (val ? val.toFixed(2) + '%' : '-'),
+		align: 'center',
+	},
+	{
+		prop: 'processFlowName',
+		label: '工艺名称',
+		showOverflowtooltip: true,
 	},
 ];
 
 export default {
-	// mixins: [basicPage],
+	mixins: [tableHeightMixin],
 	data() {
 		return {
-			// urlOptions: {
-			//   getDataListURL: getMaterialUseLogPage,
-			//   // deleteURL: deletePackingType,
-			//   // exportURL: exportPackingExcel,
-			// },
 			tableProps,
 			tableBtn: [
-				// this.$auth.hasPermi(`base:packaging-print-log:update`)
-				//   ? {
-				//     type: 'edit',
-				//     btnName: '编辑',
-				//   }
-				//   : undefined,
 				{
 					type: 'processDetail',
 					btnName: '查看工艺详情',
@@ -127,10 +116,6 @@ export default {
 			listQuery: {
 				pageSize: 10,
 				pageNo: 1,
-				// total: 0,
-				// orderName: '工单',
-				// startTime: undefined,
-				// endTime:undefined,
 			},
 			formConfig: [
 				{
@@ -161,40 +146,9 @@ export default {
 					name: 'search',
 					color: 'primary',
 				},
-				// {
-				// 	type: 'separate',
-				// },
-				// {
-				// 	type: 'button',
-				// 	btnName: '重置',
-				// 	name: 'reset',
-				// },
-				// {
-				//   type: 'separate',
-				// },
-				// {
-				//   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
-				//   btnName: '新增',
-				//   name: 'add',
-				//   color: 'success',
-				//   plain: true,
-				// },
-				// {
-				// 	type: 'separate',
-				// 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
-				// },
-				// {
-				//   type: this.$auth.hasPermi('monitoring:materiel-date-from:export') ? 'button' : '',
-				// 	btnName: '导出',
-				// 	name: 'export',
-				// 	color: 'warning',
-				// },
 			],
 		};
 	},
-	components: {
-		// AddOrUpdate,
-	},
 	created() {
 		this.getList();
 		this.getDict();
@@ -222,29 +176,13 @@ export default {
 							specifications: res.data.specifications,
 							productName: val.data.planProductName,
 							processFlowName: val.data.processFlowName,
-							// planProductId: val.data.planProductId
-							// equipmentName,
 						},
 					});
 				});
-
-				// this.deleteHandle(val.data.id, val.data.name, val.data._pageIndex)
 			}
 		},
 		getDict() {
-			// 获取产品的属性列表
-			// getCustomerList().then((response) => {
-			//   console.log(response);
-			//   this.customerList = response.data
-			//   // this.listQuery.total = response.data.total;
-			// })
-			// getModelList().then((response) => {
-			//   console.log(response);
-			//   this.modelList = response.data
-			//   // this.listQuery.total = response.data.total;
-			// })
 			getWorkOrderList().then((response) => {
-				// console.log(response);
 				this.formConfig[0].selectOptions = response.data.map((item) => {
 					return {
 						name: item.name,
@@ -252,27 +190,12 @@ export default {
 					};
 				});
 				console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
 			});
 		},
-		// handleExport() {
-		//   // 处理查询参数
-		//   let params = { ...this.listQuery };
-		//   params.pageNo = undefined;
-		//   params.pageSize = undefined;
-		//   this.$modal.confirm('是否确认导出所有数据项?').then(() => {
-		//     this.exportLoading = true;
-		//     return exportEnergyPlcExcel(params);
-		//   }).then(response => {
-		//     this.$download.excel(response, '物料信息追溯  ');
-		//     this.exportLoading = false;
-		//   }).catch(() => { });
-		// },
 		buttonClick(val) {
 			console.log(val);
 			if (val.btnName === 'search') {
 				this.listQuery.orderName = val.orderName ? val.orderName : undefined;
-				// this.queryParams.status = val.status
 				if (val.timeVal && val.timeVal.length != 0) {
 					this.listQuery.startTime = val.timeVal[0] + ' 00:00:00';
 					this.listQuery.endTime = val.timeVal[1] + ' 23:59:59';
@@ -281,13 +204,6 @@ export default {
 					this.listQuery.endTime = undefined;
 				}
 				this.getList();
-			} else {
-				// this.handleExport()
-				// this.addOrEditTitle = '新增'
-				// this.centervisible = true
-				// this.$nextTick(() => {
-				//   this.$refs.orderAdd.init()
-				// })
 			}
 		},
 		otherMethods(val) {
diff --git a/src/views/quality/monitoring/rawMaterialTraceability/index.vue b/src/views/quality/monitoring/rawMaterialTraceability/index.vue
index dadc1c02..7eec6d9b 100644
--- a/src/views/quality/monitoring/rawMaterialTraceability/index.vue
+++ b/src/views/quality/monitoring/rawMaterialTraceability/index.vue
@@ -1,10 +1,3 @@
-<!--
- * @Author: zwq
- * @Date: 2023-08-01 14:55:51
- * @LastEditors: zhp
- * @LastEditTime: 2023-11-10 16:26:45
- * @Description:
--->
 <template>
 	<div class="app-container">
 		<search-bar
@@ -15,30 +8,24 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
-			:table-data="list">
-			<!-- <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
-        @clickBtn="handleClick" /> -->
-		</base-table>
+			:table-data="list"
+			:max-height="tableH"></base-table>
 		<pagination
 			:limit.sync="listQuery.pageSize"
 			:page.sync="listQuery.pageNo"
-			:total="listQuery.total"
+			:total="total"
 			@pagination="getList" />
-		<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" /> -->
 	</div>
 </template>
 
 <script>
-// import AddOrUpdate from './add-or-updata';
-// import unitDict from './unitDict';
-// import basicPage from '../mixins/basic-page';
 import { publicFormatter } from '@/utils/dict';
 import { parseTime } from '../mixins/code-filter';
 import {
 	getRawMaterialPage,
 	getWorkOrderList,
-	// exportEnergyPlcExcel
 } from '@/api/quality/rawMaterialTraceability';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 const tableProps = [
 	{
@@ -51,6 +38,7 @@ const tableProps = [
 		prop: 'material',
 		label: '原料名称',
 		filter: publicFormatter('material'),
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'origin',
@@ -58,12 +46,13 @@ const tableProps = [
 		filter: (val) => (val == 1 ? '内部' : '外部'),
 	},
 	{
-		prop: 'supplierId',
+		prop: 'supplierName',
 		label: '供应商',
 	},
 	{
 		prop: 'batch',
 		label: '批次',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'num',
@@ -77,14 +66,9 @@ const tableProps = [
 ];
 
 export default {
-	// mixins: [basicPage],
+	mixins: [tableHeightMixin],
 	data() {
 		return {
-			// urlOptions: {
-			//   getDataListURL: getMaterialUseLogPage,
-			//   // deleteURL: deletePackingType,
-			//   // exportURL: exportPackingExcel,
-			// },
 			tableProps,
 			tableBtn: [
 				this.$auth.hasPermi(`base:packaging-print-log:update`)
@@ -104,73 +88,29 @@ export default {
 			listQuery: {
 				pageSize: 10,
 				pageNo: 1,
-				total: 0,
 				workOrderId: undefined,
 				startTime: undefined,
 				endTime: undefined,
 			},
+			total: 0,
 			formConfig: [
 				{
 					type: 'select',
-					label: '工单',
+					label: '工单名称',
 					selectOptions: [],
 					labelField: 'name',
 					valueField: 'id',
 					param: 'workOrderId',
 				},
-				// {
-				//   type: 'datePicker',
-				//   label: '时间段',
-				//   dateType: 'daterange',
-				//   format: 'yyyy-MM-dd',
-				//   valueFormat: "yyyy-MM-dd",
-				//   rangeSeparator: '-',
-				//   startPlaceholder: '开始时间',
-				//   endPlaceholder: '结束时间',
-				//   param: 'timeVal',
-				//   defaultSelect: [],
-				//   width: 250
-				// },
 				{
 					type: 'button',
-					btnName: '搜索',
+					btnName: '查询',
 					name: 'search',
 					color: 'primary',
 				},
-				// {
-				// 	type: 'separate',
-				// },
-				// {
-				// 	type: 'button',
-				// 	btnName: '重置',
-				// 	name: 'reset',
-				// },
-				// {
-				//   type: 'separate',
-				// },
-				// {
-				//   type: this.$auth.hasPermi('base:packaging-print-log:create') ? 'button' : '',
-				//   btnName: '新增',
-				//   name: 'add',
-				//   color: 'success',
-				//   plain: true,
-				// },
-				// {
-				// 	type: 'separate',
-				// 	type: this.$auth.hasPermi('base:product:create') ? 'separate' : '',
-				// },
-				// {
-				//   type: this.$auth.hasPermi('monitoring:materiel-date-from:export') ? 'button' : '',
-				// 	btnName: '导出',
-				// 	name: 'export',
-				// 	color: 'warning',
-				// },
 			],
 		};
 	},
-	components: {
-		// AddOrUpdate,
-	},
 	created() {
 		this.getList();
 		this.getDict();
@@ -179,23 +119,11 @@ export default {
 		getList() {
 			getRawMaterialPage({ ...this.listQuery }).then((res) => {
 				this.list = res.data.records || [];
-				this.listQuery.total = res.data.total || 0;
+				this.total = res.data.total || 0;
 			});
 		},
 		getDict() {
-			// 获取产品的属性列表
-			// getCustomerList().then((response) => {
-			//   console.log(response);
-			//   this.customerList = response.data
-			//   // this.listQuery.total = response.data.total;
-			// })
-			// getModelList().then((response) => {
-			//   console.log(response);
-			//   this.modelList = response.data
-			//   // this.listQuery.total = response.data.total;
-			// })
 			getWorkOrderList().then((response) => {
-				// console.log(response);
 				this.formConfig[0].selectOptions = response.data.map((item) => {
 					return {
 						name: item.name,
@@ -203,44 +131,15 @@ export default {
 					};
 				});
 				console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
 			});
 		},
-		// handleExport() {
-		//   // 处理查询参数
-		//   let params = { ...this.listQuery };
-		//   params.pageNo = undefined;
-		//   params.pageSize = undefined;
-		//   this.$modal.confirm('是否确认导出所有数据项?').then(() => {
-		//     this.exportLoading = true;
-		//     return exportEnergyPlcExcel(params);
-		//   }).then(response => {
-		//     this.$download.excel(response, '物料信息追溯  ');
-		//     this.exportLoading = false;
-		//   }).catch(() => { });
-		// },
 		buttonClick(val) {
 			console.log(val);
 			if (val.btnName === 'search') {
 				this.listQuery.workOrderId = val.workOrderId
 					? val.workOrderId
 					: undefined;
-				// this.queryParams.status = val.status
-				// if (val.timeVal && val.timeVal.length != 0 ) {
-				// this.listQuery.startTime =  val.timeVal[0] + ' 00:00:00'
-				// this.listQuery.endTime = val.timeVal[1] + ' 23:59:59'
-				// } else {
-				//   this.listQuery.startTime = undefined
-				//   this.listQuery.endTime = undefined
-				// }
 				this.getList();
-			} else {
-				// this.handleExport()
-				// this.addOrEditTitle = '新增'
-				// this.centervisible = true
-				// this.$nextTick(() => {
-				//   this.$refs.orderAdd.init()
-				// })
 			}
 		},
 		otherMethods(val) {
diff --git a/src/views/quality/qualityInspectionRecord/index.vue b/src/views/quality/qualityInspectionRecord/index.vue
index 80587137..f88acb43 100644
--- a/src/views/quality/qualityInspectionRecord/index.vue
+++ b/src/views/quality/qualityInspectionRecord/index.vue
@@ -12,7 +12,8 @@
 			:page="queryParams.pageNo"
 			:limit="queryParams.pageSize"
 			:table-data="list"
-			@emitFun="handleEmitFun">
+			@emitFun="handleEmitFun"
+			:max-height="tableH">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
@@ -58,19 +59,19 @@ import moment from 'moment';
 import DialogForm from './dialogForm.vue';
 
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 export default {
 	name: 'QualityInspectionRecord',
 	components: {
 		DialogForm,
 	},
-	mixins: [basicPageMixin],
+	mixins: [basicPageMixin, tableHeightMixin],
 	data() {
 		return {
 			searchBarFormConfig: [
 				{
 					type: 'select',
 					label: '工单名称',
-					placeholder: '请选择工单名称',
 					param: 'workOrderId',
 					selectOptions: [],
 					filterable: true,
@@ -78,7 +79,6 @@ export default {
 				{
 					type: 'select',
 					label: '检测内容',
-					placeholder: '请输入检测内容',
 					selectOptions: [],
 					param: 'inspectionDetContent',
 					filterable: true,
@@ -134,32 +134,31 @@ export default {
 				{
 					prop: 'createTime',
 					label: '添加时间',
-					fixed: true,
-					width: 180,
+					width: 160,
 					filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
 				},
 				{
-					// width: 128,
 					prop: 'workOrderName',
 					label: '工单名称',
+					showOverflowtooltip: true,
 				},
 				{
-					// width: 128,
 					prop: 'inspectionDetContent',
 					label: '检测内容',
+					showOverflowtooltip: true,
 				},
 				{
-					// width: 128,
 					prop: 'productionLineName',
 					label: '产线',
+					showOverflowtooltip: true,
 				},
 				{
-					// width: 128,
 					prop: 'checkPerson',
 					label: '检测人员',
+					showOverflowtooltip: true,
 				},
 				{
-					// width: 160,
+					width: 160,
 					prop: 'checkTime',
 					label: '检测时间',
 					filter: (val) =>
@@ -190,7 +189,7 @@ export default {
 			// 查询参数
 			queryParams: {
 				pageNo: 1,
-				pageSize: 10,
+				pageSize: 20,
 				workOrderId: null,
 				inspectionDetContent: null,
 				checkTime: [],
diff --git a/src/views/quality/qualityScrapLog/index.vue b/src/views/quality/qualityScrapLog/index.vue
index 8cd6c82b..ca0c8731 100644
--- a/src/views/quality/qualityScrapLog/index.vue
+++ b/src/views/quality/qualityScrapLog/index.vue
@@ -9,11 +9,12 @@
 			:table-props="tableProps"
 			:page="listQuery.pageNo"
 			:limit="listQuery.pageSize"
-			:table-data="tableData">
+			:table-data="tableData"
+			:max-height="tableH">
 			<method-btn
 				v-if="tableBtn.length"
 				slot="handleBtn"
-				:width="120"
+				:width="110"
 				label="操作"
 				:method-list="tableBtn"
 				@clickBtn="handleClick" />
@@ -21,7 +22,7 @@
 		<pagination
 			:limit.sync="listQuery.pageSize"
 			:page.sync="listQuery.pageNo"
-			:total="listQuery.total"
+			:total="total"
 			@pagination="getDataList" />
 		<base-dialog
 			:dialogTitle="addOrEditTitle"
@@ -61,29 +62,35 @@ import {
 	getWorkOrderList,
 	getTeamList,
 } from '@/api/base/qualityScrapLog';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 
 const tableProps = [
 	{
 		prop: 'createTime',
 		label: '添加时间',
 		filter: parseTime,
+		width: 160,
 	},
 	{
 		prop: 'workOrderName',
 		label: '工单',
+		showOverflowtooltip: true,
 	},
 	{
-		prop: 'teamId',
+		prop: 'teamName',
 		label: '班组',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'detContent',
 		label: '报废原因',
+		showOverflowtooltip: true,
 	},
 	{
 		prop: 'logTime',
 		label: '报废时间',
 		filter: parseTime,
+		width: 160,
 	},
 	{
 		prop: 'num',
@@ -92,7 +99,7 @@ const tableProps = [
 ];
 
 export default {
-	mixins: [basicPage],
+	mixins: [basicPage, tableHeightMixin],
 	data() {
 		return {
 			urlOptions: {
@@ -159,6 +166,12 @@ export default {
 					plain: true,
 				},
 			],
+			listQuery: {
+				pageNo: 1,
+				pageSize: 20,
+			},
+			total: 0,
+			teamList: [],
 			showDetail: false,
 		};
 	},
@@ -181,35 +194,34 @@ export default {
 		// 获取数据列表
 		getDict() {
 			getWorkOrderList().then((res) => {
-				console.log(res);
-				// console.log(response);
 				this.formConfig[0].selectOptions = res.data.map((item) => {
 					return {
 						name: item.name,
 						id: item.id,
 					};
 				});
-				// console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
 			});
 			getTeamList().then((res) => {
-				console.log(res);
-				// console.log(response);
 				this.formConfig[1].selectOptions = res.data.map((item) => {
 					return {
 						name: item.name,
 						id: item.id,
 					};
 				});
-				// console.log(this.formConfig[0].selectOptions);
-				// this.listQuery.total = response.data.total;
+				this.teamList = res.data;
 			});
 		},
 		getDataList() {
 			this.dataListLoading = true;
 			this.urlOptions.getDataListURL(this.listQuery).then((response) => {
-				this.tableData = response.data.list;
-				this.listQuery.total = response.data.total;
+				let arr = response.data.list;
+				arr.forEach((item) => {
+					item.teamName = this.teamList.find((v) => v.id == item.teamId)
+						? this.teamList.find((v) => v.id == item.teamId).name
+						: '';
+				});
+				this.tableData = arr;
+				this.total = response.data.total;
 				this.dataListLoading = false;
 			});
 		},
@@ -217,22 +229,12 @@ export default {
 			switch (val.btnName) {
 				case 'search':
 					this.listQuery.pageNo = 1;
-					this.listQuery.pageSize = 10;
 					this.listQuery.workOrderId = val.workOrderId
 						? val.workOrderId
 						: undefined;
 					this.listQuery.teamId = val.teamId ? val.teamId : undefined;
 					this.getDataList();
 					break;
-				case 'reset':
-					this.$refs.searchBarForm.resetForm();
-					this.listQuery = {
-						pageSize: 10,
-						pageNo: 1,
-						total: 1,
-					};
-					this.getDataList();
-					break;
 				case 'add':
 					this.addOrEditTitle = '新增';
 					this.addOrUpdateVisible = true;

From 506f12d405da950572d6143b55228cd19458e881 Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Fri, 19 Jul 2024 15:29:52 +0800
Subject: [PATCH 07/10] =?UTF-8?q?=E7=A1=AE=E8=AE=A4=E7=AA=97=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/modal.js            |  27 ++
 src/styles/index.scss           |  33 +-
 src/views/system/dept/index.vue | 716 ++++++++++++++++++--------------
 3 files changed, 471 insertions(+), 305 deletions(-)

diff --git a/src/plugins/modal.js b/src/plugins/modal.js
index b37ca145..78623683 100644
--- a/src/plugins/modal.js
+++ b/src/plugins/modal.js
@@ -59,6 +59,33 @@ export default {
       type: "warning",
     })
   },
+  // 删除确认窗体（UI规范）
+  delConfirm(title) {
+    return MessageBox.confirm("确定删除后不可恢复该数据",  `是否确认删除 【${title}】 数据项？`, {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+      showClose:false
+    })
+  },
+  // 关闭页面确认窗体（UI规范）
+  closeConfirm() {
+    return MessageBox.confirm("确定关闭将不保留编辑内容", "是否确认要关闭页面？", {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+      showClose:false
+    })
+  },
+  // 确认窗体（UI规范）
+  newConfirm(content,title) {
+    return MessageBox.confirm(content, title, {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: "warning",
+      showClose:false
+    })
+  },
   // 提交内容
   prompt(content) {
     return MessageBox.prompt(content, "系统提示", {
diff --git a/src/styles/index.scss b/src/styles/index.scss
index d162abed..f1393e30 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -200,4 +200,35 @@ input, textarea{
 // 弹出框，上下分布，去掉label的padding-bottom
 .el-form--label-top .el-form-item__label {
   padding: 0;
-}
\ No newline at end of file
+}
+
+// 确认弹窗(UI样式修改和原样式有区别--start)
+.el-message-box__status+.el-message-box__message {
+  padding-left: 58px;
+}
+.el-message-box {
+  width: auto;
+  min-width: 424px;
+  .el-message-box__header {
+    padding:32px 32px 0px 72px;
+    .el-message-box__title {
+      font-size: 16px;
+      font-weight: 600;
+      color: rgba(0,0,0,0.85);
+    }
+  }
+  .el-message-box__content {
+    padding-bottom: 24px;
+    .el-message-box__status {
+      top:-72%;
+      left:20px;
+      font-size:21px !important
+    }
+  }
+  .el-message-box__btns {
+    padding-right: 32px;
+    padding-bottom:14px;
+  }
+}
+
+// 确认弹窗(UI样式修改和原样式有区别--end)
\ No newline at end of file
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 3397a935..2afe03e5 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -1,317 +1,425 @@
 <template>
-  <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
-      <el-form-item label="部门名称" prop="name">
-        <el-input v-model="queryParams.name" placeholder="请输入部门名称" clearable @keyup.enter.native="handleQuery"/>
-      </el-form-item>
-      <el-form-item label="状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="菜单状态" clearable>
-          <el-option v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
+	<div class="app-container">
+		<el-form
+			:model="queryParams"
+			ref="queryForm"
+			size="small"
+			:inline="true"
+			v-show="showSearch">
+			<el-form-item label="部门名称" prop="name">
+				<el-input
+					v-model="queryParams.name"
+					placeholder="请输入部门名称"
+					clearable
+					@keyup.enter.native="handleQuery" />
+			</el-form-item>
+			<el-form-item label="状态" prop="status">
+				<el-select
+					v-model="queryParams.status"
+					placeholder="菜单状态"
+					clearable>
+					<el-option
+						v-for="dict in statusDictDatas"
+						:key="parseInt(dict.value)"
+						:label="dict.label"
+						:value="parseInt(dict.value)" />
+				</el-select>
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" icon="el-icon-search" @click="handleQuery">
+					搜索
+				</el-button>
+				<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+			</el-form-item>
+		</el-form>
 
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-                   v-hasPermi="['system:dept:create']">新增</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
-      </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
+		<el-row :gutter="10" class="mb8">
+			<el-col :span="1.5">
+				<el-button
+					type="primary"
+					plain
+					icon="el-icon-plus"
+					size="mini"
+					@click="handleAdd"
+					v-hasPermi="['system:dept:create']">
+					新增
+				</el-button>
+			</el-col>
+			<el-col :span="1.5">
+				<el-button
+					type="info"
+					plain
+					icon="el-icon-sort"
+					size="mini"
+					@click="toggleExpandAll">
+					展开/折叠
+				</el-button>
+			</el-col>
+			<right-toolbar
+				:showSearch.sync="showSearch"
+				@queryTable="getList"></right-toolbar>
+		</el-row>
 
-    <el-table v-if="refreshTable" v-loading="loading" :data="deptList" row-key="id" :default-expand-all="isExpandAll"
-              :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
-      <el-table-column prop="name" label="部门名称" width="260"></el-table-column>
-      <el-table-column prop="leader" label="负责人" :formatter="userNicknameFormat" width="120"/>
-      <el-table-column prop="sort" label="排序" width="200"></el-table-column>
-      <el-table-column prop="status" label="状态" width="100">
-        <template v-slot="scope">
-          <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status"/>
-        </template>
-      </el-table-column>
-      <el-table-column label="创建时间" align="center" prop="createTime" width="200">
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template v-slot="scope">
-          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                     v-hasPermi="['system:dept:update']">修改</el-button>
-          <el-button size="mini" type="text" icon="el-icon-plus" @click="handleAdd(scope.row)"
-                     v-hasPermi="['system:dept:create']">新增</el-button>
-          <el-button v-if="scope.row.parentId !== 0" size="mini" type="text" icon="el-icon-delete"
-                     @click="handleDelete(scope.row)" v-hasPermi="['system:dept:delete']">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+		<el-table
+			v-if="refreshTable"
+			v-loading="loading"
+			:data="deptList"
+			row-key="id"
+			:default-expand-all="isExpandAll"
+			:tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
+			<el-table-column
+				prop="name"
+				label="部门名称"
+				width="260"></el-table-column>
+			<el-table-column
+				prop="leader"
+				label="负责人"
+				:formatter="userNicknameFormat"
+				width="120" />
+			<el-table-column prop="sort" label="排序" width="200"></el-table-column>
+			<el-table-column prop="status" label="状态" width="100">
+				<template v-slot="scope">
+					<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
+				</template>
+			</el-table-column>
+			<el-table-column
+				label="创建时间"
+				align="center"
+				prop="createTime"
+				width="200">
+				<template v-slot="scope">
+					<span>{{ parseTime(scope.row.createTime) }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column
+				label="操作"
+				align="center"
+				class-name="small-padding fixed-width">
+				<template v-slot="scope">
+					<el-button
+						size="mini"
+						type="text"
+						icon="el-icon-edit"
+						@click="handleUpdate(scope.row)"
+						v-hasPermi="['system:dept:update']">
+						修改
+					</el-button>
+					<el-button
+						size="mini"
+						type="text"
+						icon="el-icon-plus"
+						@click="handleAdd(scope.row)"
+						v-hasPermi="['system:dept:create']">
+						新增
+					</el-button>
+					<el-button
+						v-if="scope.row.parentId !== 0"
+						size="mini"
+						type="text"
+						icon="el-icon-delete"
+						@click="handleDelete(scope.row)"
+						v-hasPermi="['system:dept:delete']">
+						删除
+					</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
 
-    <!-- 添加或修改部门对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="上级部门" prop="parentId">
-              <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="部门名称" prop="name">
-              <el-input v-model="form.name" placeholder="请输入部门名称" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="显示排序" prop="sort">
-              <el-input-number v-model="form.sort" controls-position="right" :min="0" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="负责人" prop="leaderUserId">
-              <el-select v-model="form.leaderUserId" placeholder="请输入负责人" clearable style="width: 100%">
-                <el-option v-for="item in users" :key="parseInt(item.id)" :label="item.nickname" :value="parseInt(item.id)" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="联系电话" prop="phone">
-              <el-input v-model="form.phone" placeholder="请输入联系电话" maxlength="11" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="部门状态" prop="status">
-              <el-radio-group v-model="form.status">
-                <el-radio v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="parseInt(dict.value)">
-                  {{dict.label}}</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-  </div>
+		<!-- 添加或修改部门对话框 -->
+		<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
+			<el-form ref="form" :model="form" :rules="rules" label-width="80px">
+				<el-row>
+					<el-col :span="24">
+						<el-form-item label="上级部门" prop="parentId">
+							<treeselect
+								v-model="form.parentId"
+								:options="deptOptions"
+								:normalizer="normalizer"
+								placeholder="选择上级部门" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="部门名称" prop="name">
+							<el-input v-model="form.name" placeholder="请输入部门名称" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="显示排序" prop="sort">
+							<el-input-number
+								v-model="form.sort"
+								controls-position="right"
+								:min="0" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="负责人" prop="leaderUserId">
+							<el-select
+								v-model="form.leaderUserId"
+								placeholder="请输入负责人"
+								clearable
+								style="width: 100%">
+								<el-option
+									v-for="item in users"
+									:key="parseInt(item.id)"
+									:label="item.nickname"
+									:value="parseInt(item.id)" />
+							</el-select>
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="联系电话" prop="phone">
+							<el-input
+								v-model="form.phone"
+								placeholder="请输入联系电话"
+								maxlength="11" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="邮箱" prop="email">
+							<el-input
+								v-model="form.email"
+								placeholder="请输入邮箱"
+								maxlength="50" />
+						</el-form-item>
+					</el-col>
+					<el-col :span="12">
+						<el-form-item label="部门状态" prop="status">
+							<el-radio-group v-model="form.status">
+								<el-radio
+									v-for="dict in statusDictDatas"
+									:key="parseInt(dict.value)"
+									:label="parseInt(dict.value)">
+									{{ dict.label }}
+								</el-radio>
+							</el-radio-group>
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</el-form>
+			<div slot="footer" class="dialog-footer">
+				<el-button type="primary" @click="submitForm">确 定</el-button>
+				<el-button @click="cancel">取 消</el-button>
+			</div>
+		</el-dialog>
+	</div>
 </template>
 
 <script>
-import { listDept, getDept, delDept, addDept, updateDept } from "@/api/system/dept";
-import Treeselect from "@riophae/vue-treeselect";
-import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import {
+	listDept,
+	getDept,
+	delDept,
+	addDept,
+	updateDept,
+} from '@/api/system/dept';
+import Treeselect from '@riophae/vue-treeselect';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 
-import {CommonStatusEnum} from '@/utils/constants'
-import { getDictDatas, DICT_TYPE } from '@/utils/dict'
-import {listSimpleUsers} from "@/api/system/user";
+import { CommonStatusEnum } from '@/utils/constants';
+import { getDictDatas, DICT_TYPE } from '@/utils/dict';
+import { listSimpleUsers } from '@/api/system/user';
 
 export default {
-  name: "SystemDept",
-  components: { Treeselect },
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 表格树数据
-      deptList: [],
-      // 部门树选项
-      deptOptions: [],
-      // 用户下拉列表
-      users: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 是否展开，默认全部展开
-      isExpandAll: true,
-      // 重新渲染表格状态
-      refreshTable: true,
-      // 是否展开
-      expand: false,
-      // 查询参数
-      queryParams: {
-        name: undefined,
-        status: undefined
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        name: [
-          { required: true, message: "部门名称不能为空", trigger: "blur" }
-        ],
-        sort: [
-          { required: true, message: "显示排序不能为空", trigger: "blur" }
-        ],
-        email: [
-          {
-            type: "email",
-            message: "'请输入正确的邮箱地址",
-            trigger: ["blur", "change"]
-          }
-        ],
-        phone: [
-          {
-            pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
-            message: "请输入正确的手机号码",
-            trigger: "blur"
-          }
-        ],
-        status: [
-          { required: true, message: "状态不能为空", trigger: "blur" }
-        ]
-      },
+	name: 'SystemDept',
+	components: { Treeselect },
+	data() {
+		return {
+			// 遮罩层
+			loading: true,
+			// 显示搜索条件
+			showSearch: true,
+			// 表格树数据
+			deptList: [],
+			// 部门树选项
+			deptOptions: [],
+			// 用户下拉列表
+			users: [],
+			// 弹出层标题
+			title: '',
+			// 是否显示弹出层
+			open: false,
+			// 是否展开，默认全部展开
+			isExpandAll: true,
+			// 重新渲染表格状态
+			refreshTable: true,
+			// 是否展开
+			expand: false,
+			// 查询参数
+			queryParams: {
+				name: undefined,
+				status: undefined,
+			},
+			// 表单参数
+			form: {},
+			// 表单校验
+			rules: {
+				name: [
+					{ required: true, message: '部门名称不能为空', trigger: 'blur' },
+				],
+				sort: [
+					{ required: true, message: '显示排序不能为空', trigger: 'blur' },
+				],
+				email: [
+					{
+						type: 'email',
+						message: "'请输入正确的邮箱地址",
+						trigger: ['blur', 'change'],
+					},
+				],
+				phone: [
+					{
+						pattern:
+							/^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
+						message: '请输入正确的手机号码',
+						trigger: 'blur',
+					},
+				],
+				status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
+			},
 
-      // 枚举
-      CommonStatusEnum: CommonStatusEnum,
-      // 数据字典
-      statusDictDatas: getDictDatas(DICT_TYPE.COMMON_STATUS)
-    };
-  },
-  created() {
-    this.getList();
-    // 获得用户列表
-    listSimpleUsers().then(response => {
-      this.users = response.data;
-    });
-  },
-  methods: {
-    /** 查询部门列表 */
-    getList() {
-      this.loading = true;
-      listDept(this.queryParams).then(response => {
-        this.deptList = this.handleTree(response.data, "id");
-        this.loading = false;
-      });
-    },
-    /** 转换部门数据结构 */
-    normalizer(node) {
-      if (node.children && !node.children.length) {
-        delete node.children;
-      }
-      return {
-        id: node.id,
-        label: node.name,
-        children: node.children
-      };
-    },
-    // 用户昵称展示
-    userNicknameFormat(row, column) {
-      if (!row.leaderUserId) {
-        return '未设置';
-      }
-      for (const user of this.users) {
-        if (row.leaderUserId === user.id) {
-          return user.nickname;
-        }
-      }
-      return '未知【' + row.leaderUserId + '】';
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: undefined,
-        parentId: undefined,
-        name: undefined,
-        sort: undefined,
-        leaderUserId: undefined,
-        phone: undefined,
-        email: undefined,
-        status: CommonStatusEnum.ENABLE,
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    /** 新增按钮操作 */
-    handleAdd(row) {
-      this.reset();
-      if (row !== undefined) {
-        this.form.parentId = row.id;
-      }
-      this.open = true;
-      this.title = "添加部门";
-      listDept().then(response => {
-	        this.deptOptions = this.handleTree(response.data, "id");
-      });
-    },
-    /** 展开/折叠操作 */
-    toggleExpandAll() {
-      this.refreshTable = false;
-      this.isExpandAll = !this.isExpandAll;
-      this.$nextTick(() => {
-        this.refreshTable = true;
-      });
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      getDept(row.id).then(response => {
-        this.form = response.data;
-        if (this.form.parentId === 0) { // 无父部门时，标记为 undefined，避免展示为 Unknown
-          this.form.parentId = undefined;
-        }
-        this.open = true;
-        this.title = "修改部门";
-      });
-      listDept(row.id).then(response => {
-	        this.deptOptions = this.handleTree(response.data, "id");
-      });
-    },
-    /** 提交按钮 */
-    submitForm: function() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          if (this.form.id !== undefined) {
-            updateDept(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addDept(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      this.$modal.confirm('是否确认删除名称为"' + row.name + '"的数据项?').then(function() {
-          return delDept(row.id);
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
-    }
-  }
+			// 枚举
+			CommonStatusEnum: CommonStatusEnum,
+			// 数据字典
+			statusDictDatas: getDictDatas(DICT_TYPE.COMMON_STATUS),
+		};
+	},
+	created() {
+		this.getList();
+		// 获得用户列表
+		listSimpleUsers().then((response) => {
+			this.users = response.data;
+		});
+	},
+	methods: {
+		/** 查询部门列表 */
+		getList() {
+			this.loading = true;
+			listDept(this.queryParams).then((response) => {
+				this.deptList = this.handleTree(response.data, 'id');
+				this.loading = false;
+			});
+		},
+		/** 转换部门数据结构 */
+		normalizer(node) {
+			if (node.children && !node.children.length) {
+				delete node.children;
+			}
+			return {
+				id: node.id,
+				label: node.name,
+				children: node.children,
+			};
+		},
+		// 用户昵称展示
+		userNicknameFormat(row, column) {
+			if (!row.leaderUserId) {
+				return '未设置';
+			}
+			for (const user of this.users) {
+				if (row.leaderUserId === user.id) {
+					return user.nickname;
+				}
+			}
+			return '未知【' + row.leaderUserId + '】';
+		},
+		// 取消按钮
+		cancel() {
+			this.open = false;
+			this.reset();
+		},
+		// 表单重置
+		reset() {
+			this.form = {
+				id: undefined,
+				parentId: undefined,
+				name: undefined,
+				sort: undefined,
+				leaderUserId: undefined,
+				phone: undefined,
+				email: undefined,
+				status: CommonStatusEnum.ENABLE,
+			};
+			this.resetForm('form');
+		},
+		/** 搜索按钮操作 */
+		handleQuery() {
+			this.getList();
+		},
+		/** 重置按钮操作 */
+		resetQuery() {
+			this.resetForm('queryForm');
+			this.handleQuery();
+		},
+		/** 新增按钮操作 */
+		handleAdd(row) {
+			this.reset();
+			if (row !== undefined) {
+				this.form.parentId = row.id;
+			}
+			this.open = true;
+			this.title = '添加部门';
+			listDept().then((response) => {
+				this.deptOptions = this.handleTree(response.data, 'id');
+			});
+		},
+		/** 展开/折叠操作 */
+		toggleExpandAll() {
+			this.refreshTable = false;
+			this.isExpandAll = !this.isExpandAll;
+			this.$nextTick(() => {
+				this.refreshTable = true;
+			});
+		},
+		/** 修改按钮操作 */
+		handleUpdate(row) {
+			this.reset();
+			getDept(row.id).then((response) => {
+				this.form = response.data;
+				if (this.form.parentId === 0) {
+					// 无父部门时，标记为 undefined，避免展示为 Unknown
+					this.form.parentId = undefined;
+				}
+				this.open = true;
+				this.title = '修改部门';
+			});
+			listDept(row.id).then((response) => {
+				this.deptOptions = this.handleTree(response.data, 'id');
+			});
+		},
+		/** 提交按钮 */
+		submitForm: function () {
+			this.$refs['form'].validate((valid) => {
+				if (valid) {
+					if (this.form.id !== undefined) {
+						updateDept(this.form).then((response) => {
+							this.$modal.msgSuccess('修改成功');
+							this.open = false;
+							this.getList();
+						});
+					} else {
+						addDept(this.form).then((response) => {
+							this.$modal.msgSuccess('新增成功');
+							this.open = false;
+							this.getList();
+						});
+					}
+				}
+			});
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			this.$modal
+				.delConfirm(row.name)
+				.closeConfirm()
+				.then(function () {
+					return delDept(row.id);
+				})
+				.then(() => {
+					this.getList();
+					this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+	},
 };
 </script>

From 6aabe6dd90d85da5b8ef1bcc69d354fe07839edf Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Mon, 22 Jul 2024 16:49:10 +0800
Subject: [PATCH 08/10] =?UTF-8?q?=E8=B4=A8=E9=87=8F=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.dev                                      |   4 +-
 src/api/equipment/analysis/statistics.js      |  10 ++
 .../quality/qualityInspectionBoxBtn/index.vue |   2 +-
 .../quality/qualityInspectionDet/index.vue    |   2 +-
 .../quality/qualityInspectionType/index.vue   |   2 +-
 .../quality/qualityScrapDet/basic-page.js     | 159 ++++++++++++++++++
 .../quality/qualityScrapDet/index.vue         |   2 +-
 .../quality/qualityScrapType/basic-page.js    | 159 ++++++++++++++++++
 .../quality/qualityScrapType/index.vue        |   2 +-
 .../equipmentTraceability/index.vue           |  13 +-
 .../monitoring/materielDateFrom/index.vue     |  14 +-
 .../rawMaterialTraceability/index.vue         |   5 +
 .../quality/qualityInspectionRecord/index.vue |   2 +-
 .../quality/qualityScrapLog/add-or-updata.vue |   6 +-
 .../quality/qualityScrapLog/basic-page.js     | 159 ++++++++++++++++++
 src/views/quality/qualityScrapLog/index.vue   |   2 +-
 src/views/system/dept/index.vue               |   1 -
 17 files changed, 520 insertions(+), 24 deletions(-)
 create mode 100644 src/views/devConfig/quality/qualityScrapDet/basic-page.js
 create mode 100644 src/views/devConfig/quality/qualityScrapType/basic-page.js
 create mode 100644 src/views/quality/qualityScrapLog/basic-page.js

diff --git a/.env.dev b/.env.dev
index 1da25e71..676a0aa6 100644
--- a/.env.dev
+++ b/.env.dev
@@ -13,8 +13,8 @@ VUE_APP_TITLE = MES系统
 
 # 芋道管理系统/开发环境
 # VUE_APP_BASE_API = 'http://100.64.0.26:48082'
-VUE_APP_BASE_API = 'http://192.168.0.33:48082'
-# VUE_APP_BASE_API = 'http://192.168.4.173:48080'
+# VUE_APP_BASE_API = 'http://192.168.0.33:48082'
+VUE_APP_BASE_API = 'http://192.168.1.164:48082'
 # VUE_APP_BASE_API = 'http://192.168.2.173:48080'
 # VUE_APP_BASE_API = 'http://192.168.1.49:48082'
 # VUE_APP_BASE_API = 'http://192.168.1.8:48082'
diff --git a/src/api/equipment/analysis/statistics.js b/src/api/equipment/analysis/statistics.js
index ebd60e17..3c0d7b80 100644
--- a/src/api/equipment/analysis/statistics.js
+++ b/src/api/equipment/analysis/statistics.js
@@ -24,4 +24,14 @@ export function exportEqAnalysisExcel(query) {
     params: query,
     responseType: 'blob'
   })
+}
+
+// 导出设备状态追溯
+export function exportEfficiencyExcel(query) {
+  return request({
+    url: '/analysis/equipment-analysis/export-efficiency',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
 }
\ No newline at end of file
diff --git a/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue b/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue
index 3fdd7d79..8387c7fa 100644
--- a/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionBoxBtn/index.vue
@@ -307,7 +307,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除"' + row.sectionName + '"?')
+				.delConfirm(row.buttonId)
 				.then(function () {
 					return deleteQualityInspectionBoxBtn(id);
 				})
diff --git a/src/views/devConfig/quality/qualityInspectionDet/index.vue b/src/views/devConfig/quality/qualityInspectionDet/index.vue
index da6240b4..97d533fb 100644
--- a/src/views/devConfig/quality/qualityInspectionDet/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionDet/index.vue
@@ -288,7 +288,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除检测信息"' + row.content + '"?')
+				.delConfirm(row.content)
 				.then(function () {
 					return deleteQualityInspectionDet(id);
 				})
diff --git a/src/views/devConfig/quality/qualityInspectionType/index.vue b/src/views/devConfig/quality/qualityInspectionType/index.vue
index 46183389..17318da0 100644
--- a/src/views/devConfig/quality/qualityInspectionType/index.vue
+++ b/src/views/devConfig/quality/qualityInspectionType/index.vue
@@ -273,7 +273,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除该质量检测类型?')
+				.delConfirm(row.name)
 				.then(function () {
 					return deleteQualityInspectionType(id);
 				})
diff --git a/src/views/devConfig/quality/qualityScrapDet/basic-page.js b/src/views/devConfig/quality/qualityScrapDet/basic-page.js
new file mode 100644
index 00000000..81886d1f
--- /dev/null
+++ b/src/views/devConfig/quality/qualityScrapDet/basic-page.js
@@ -0,0 +1,159 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-08-24 11:19:43
+ * @LastEditors: DY
+ * @LastEditTime: 2023-09-21 16:02:07
+ * @Description:
+ */
+export default {
+  data() {
+    /* eslint-disable */
+    return {
+      urlOptions: {
+        getDataListURL: '',
+        deleteURL: '',
+        statusUrl: '',
+        exportURL: ''
+      },
+      tableData: [],
+      listQuery: {
+        pageSize: 10,
+        pageNo: 1,
+        total: 1,
+      },
+      exportLoading: false,
+      dataListLoading: false,
+      addOrEditTitle: '',
+      addOrUpdateVisible: false,
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.urlOptions.getDataListURL(this.listQuery).then(response => {
+        this.tableData = response.data.list;
+        this.listQuery.total = response.data.total;
+        this.dataListLoading = false;
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.listQuery.pageSize = val;
+      this.listQuery.pageNo = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.listQuery.pageNo = val;
+      this.getDataList();
+    },
+    // 新增 / 修改
+    addOrUpdateHandle(id) {
+      this.addOrUpdateVisible = true;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id);
+      });
+    },
+    cancel(id) {
+      this.$refs["popover-" + id].showPopper = false;
+    },
+    //改变状态
+    changeStatus(id) {
+      this.$http
+        .post(this.urlOptions.statusUrl, { id })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          this.$refs["popover-" + id].showPopper = false;
+          this.$message({
+            message: this.$t("prompt.success"),
+            type: "success",
+            duration: 500,
+            onClose: () => {
+              this.getDataList();
+            },
+          });
+        })
+        .catch(() => { });
+    },
+    //tableBtn点击
+    handleClick(val) {
+      if (val.type === "edit") {
+        this.addOrUpdateVisible = true;
+        this.addOrEditTitle = "编辑";
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.init(val.data.id);
+        });
+      } else if (val.type === "delete") {
+        this.deleteHandle(val.data.id, val.data.content)
+      } else if (val.type === "change") {
+        this.changeStatus(val.data.id)
+      } else {
+        this.otherMethods(val)
+      }
+    },
+    // 删除
+    deleteHandle(id,name) {
+      this.$modal
+				.delConfirm(name)
+        .then(() => {
+          this.urlOptions.deleteURL(id).then(({ data }) => {
+            this.getDataList();
+            this.$modal.msgSuccess('删除成功');
+          });
+        })
+        .catch(() => { });
+    },
+    //search-bar点击
+    buttonClick(val) {
+      switch (val.btnName) {
+        case "search":
+          this.listQuery.xm1 = val.xm1;
+          this.listQuery.xm2 = val.xm2;
+          this.listQuery.pageNo = 1;
+          this.getDataList();
+          break;
+        case "add":
+          this.addOrEditTitle = '新增'
+          this.addOrUpdateVisible = true;
+          this.addOrUpdateHandle()
+          break;
+        default:
+          console.log(val)
+      }
+    },
+    handleCancel() {
+      this.$refs.addOrUpdate.formClear()
+      this.addOrUpdateVisible = false
+      this.addOrEditTitle = ''
+    },
+    handleConfirm() {
+      this.$refs.addOrUpdate.dataFormSubmit()
+    },
+    successSubmit() {
+      this.handleCancel()
+      this.getDataList()
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      // 处理查询参数
+      let params = { ...this.queryParams };
+      params.pageNo = undefined;
+      params.pageSize = undefined;
+      this.$modal.confirm('是否确认导出所有数据项?').then(() => {
+        this.exportLoading = true;
+        return this.urlOptions.exportURL(params);
+      }).then(response => {
+        this.$download.excel(response, '工厂.xls');
+        this.exportLoading = false;
+      }).catch(() => { });
+    }
+  }
+}
diff --git a/src/views/devConfig/quality/qualityScrapDet/index.vue b/src/views/devConfig/quality/qualityScrapDet/index.vue
index 6bb2f75d..78ea8b36 100644
--- a/src/views/devConfig/quality/qualityScrapDet/index.vue
+++ b/src/views/devConfig/quality/qualityScrapDet/index.vue
@@ -40,7 +40,7 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../../core/mixins/basic-page';
+import basicPage from './basic-page';
 import { parseTime } from '../../../core/mixins/code-filter';
 import {
 	getQualityScrapDetPage,
diff --git a/src/views/devConfig/quality/qualityScrapType/basic-page.js b/src/views/devConfig/quality/qualityScrapType/basic-page.js
new file mode 100644
index 00000000..6bb8befa
--- /dev/null
+++ b/src/views/devConfig/quality/qualityScrapType/basic-page.js
@@ -0,0 +1,159 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-08-24 11:19:43
+ * @LastEditors: DY
+ * @LastEditTime: 2023-09-21 16:02:07
+ * @Description:
+ */
+export default {
+  data() {
+    /* eslint-disable */
+    return {
+      urlOptions: {
+        getDataListURL: '',
+        deleteURL: '',
+        statusUrl: '',
+        exportURL: ''
+      },
+      tableData: [],
+      listQuery: {
+        pageSize: 10,
+        pageNo: 1,
+        total: 1,
+      },
+      exportLoading: false,
+      dataListLoading: false,
+      addOrEditTitle: '',
+      addOrUpdateVisible: false,
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.urlOptions.getDataListURL(this.listQuery).then(response => {
+        this.tableData = response.data.list;
+        this.listQuery.total = response.data.total;
+        this.dataListLoading = false;
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.listQuery.pageSize = val;
+      this.listQuery.pageNo = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.listQuery.pageNo = val;
+      this.getDataList();
+    },
+    // 新增 / 修改
+    addOrUpdateHandle(id) {
+      this.addOrUpdateVisible = true;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id);
+      });
+    },
+    cancel(id) {
+      this.$refs["popover-" + id].showPopper = false;
+    },
+    //改变状态
+    changeStatus(id) {
+      this.$http
+        .post(this.urlOptions.statusUrl, { id })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          this.$refs["popover-" + id].showPopper = false;
+          this.$message({
+            message: this.$t("prompt.success"),
+            type: "success",
+            duration: 500,
+            onClose: () => {
+              this.getDataList();
+            },
+          });
+        })
+        .catch(() => { });
+    },
+    //tableBtn点击
+    handleClick(val) {
+      if (val.type === "edit") {
+        this.addOrUpdateVisible = true;
+        this.addOrEditTitle = "编辑";
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.init(val.data.id);
+        });
+      } else if (val.type === "delete") {
+        this.deleteHandle(val.data.id, val.data.name)
+      } else if (val.type === "change") {
+        this.changeStatus(val.data.id)
+      } else {
+        this.otherMethods(val)
+      }
+    },
+    // 删除
+    deleteHandle(id,name) {
+      this.$modal
+				.delConfirm(name)
+        .then(() => {
+          this.urlOptions.deleteURL(id).then(({ data }) => {
+            this.getDataList();
+            this.$modal.msgSuccess('删除成功');
+          });
+        })
+        .catch(() => { });
+    },
+    //search-bar点击
+    buttonClick(val) {
+      switch (val.btnName) {
+        case "search":
+          this.listQuery.xm1 = val.xm1;
+          this.listQuery.xm2 = val.xm2;
+          this.listQuery.pageNo = 1;
+          this.getDataList();
+          break;
+        case "add":
+          this.addOrEditTitle = '新增'
+          this.addOrUpdateVisible = true;
+          this.addOrUpdateHandle()
+          break;
+        default:
+          console.log(val)
+      }
+    },
+    handleCancel() {
+      this.$refs.addOrUpdate.formClear()
+      this.addOrUpdateVisible = false
+      this.addOrEditTitle = ''
+    },
+    handleConfirm() {
+      this.$refs.addOrUpdate.dataFormSubmit()
+    },
+    successSubmit() {
+      this.handleCancel()
+      this.getDataList()
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      // 处理查询参数
+      let params = { ...this.queryParams };
+      params.pageNo = undefined;
+      params.pageSize = undefined;
+      this.$modal.confirm('是否确认导出所有数据项?').then(() => {
+        this.exportLoading = true;
+        return this.urlOptions.exportURL(params);
+      }).then(response => {
+        this.$download.excel(response, '工厂.xls');
+        this.exportLoading = false;
+      }).catch(() => { });
+    }
+  }
+}
diff --git a/src/views/devConfig/quality/qualityScrapType/index.vue b/src/views/devConfig/quality/qualityScrapType/index.vue
index 9750239e..f94dc126 100644
--- a/src/views/devConfig/quality/qualityScrapType/index.vue
+++ b/src/views/devConfig/quality/qualityScrapType/index.vue
@@ -40,7 +40,7 @@
 
 <script>
 import AddOrUpdate from './add-or-updata';
-import basicPage from '../../../core/mixins/basic-page';
+import basicPage from './basic-page';
 import { parseTime } from '../../../core/mixins/code-filter';
 import {
 	getQualityScrapTypePage,
diff --git a/src/views/quality/monitoring/equipmentTraceability/index.vue b/src/views/quality/monitoring/equipmentTraceability/index.vue
index 9e2d0892..e8239a95 100644
--- a/src/views/quality/monitoring/equipmentTraceability/index.vue
+++ b/src/views/quality/monitoring/equipmentTraceability/index.vue
@@ -78,6 +78,7 @@
 import basicPageMixin from '@/mixins/lb/basicPageMixin';
 import PieChart from './components/pieChart.vue';
 import tableHeightMixin from '@/mixins/tableHeightMixin';
+import { exportEfficiencyExcel } from '@/api/equipment/analysis/statistics.js';
 
 export default {
 	name: 'EfficiencyAnalysis',
@@ -200,6 +201,7 @@ export default {
 					param: 'workOrderId',
 					selectOptions: [],
 					filterable: true,
+					clearable: false,
 				},
 				{
 					// parent: 'dateFilterType',
@@ -274,7 +276,13 @@ export default {
 				this.list = data;
 			}
 		},
-
+		exportExcel() {
+			this.loading = true;
+			exportEfficiencyExcel({ ...this.queryParams }).then((res) => {
+				this.$download.excel(res, '设备状态追溯.xls');
+				this.loading = false;
+			});
+		},
 		handleSearchBarBtnClick({ btnName, ...payload }) {
 			console.log(btnName);
 			console.log(payload);
@@ -283,7 +291,8 @@ export default {
 				this.queryParams.recordTime = payload.recordTime || undefined;
 				this.getList();
 			} else {
-				this.queryParams.recordTime = null;
+				// this.queryParams.recordTime = null;
+				this.exportExcel();
 				console.log('导出');
 			}
 		},
diff --git a/src/views/quality/monitoring/materielDateFrom/index.vue b/src/views/quality/monitoring/materielDateFrom/index.vue
index 0d9ab707..67f301cb 100644
--- a/src/views/quality/monitoring/materielDateFrom/index.vue
+++ b/src/views/quality/monitoring/materielDateFrom/index.vue
@@ -13,7 +13,7 @@
 		<pagination
 			:limit.sync="listQuery.pageSize"
 			:page.sync="listQuery.pageNo"
-			:total="listQuery.total"
+			:total="total"
 			@pagination="getList" />
 	</div>
 </template>
@@ -101,11 +101,11 @@ export default {
 			listQuery: {
 				pageSize: 10,
 				pageNo: 1,
-				total: 0,
 				workOrderId: undefined,
 				startTime: undefined,
 				endTime: undefined,
 			},
+			total: 0,
 			formConfig: [
 				{
 					type: 'select',
@@ -160,7 +160,7 @@ export default {
 		getList() {
 			getMaterialUseLogPage({ ...this.listQuery }).then((res) => {
 				this.list = res.data || [];
-				this.listQuery.total = res.data.total || 0;
+				this.total = res.data.total || 0;
 			});
 		},
 		getDict() {
@@ -179,12 +179,8 @@ export default {
 			let params = { ...this.listQuery };
 			params.pageNo = undefined;
 			params.pageSize = undefined;
-			this.$modal
-				.confirm('是否确认导出所有数据项?')
-				.then(() => {
-					this.exportLoading = true;
-					return exportEnergyPlcExcel(params);
-				})
+			this.exportLoading = true;
+			exportEnergyPlcExcel(params)
 				.then((response) => {
 					this.$download.excel(response, '物料信息追溯  ');
 					this.exportLoading = false;
diff --git a/src/views/quality/monitoring/rawMaterialTraceability/index.vue b/src/views/quality/monitoring/rawMaterialTraceability/index.vue
index 7eec6d9b..97a71840 100644
--- a/src/views/quality/monitoring/rawMaterialTraceability/index.vue
+++ b/src/views/quality/monitoring/rawMaterialTraceability/index.vue
@@ -101,6 +101,9 @@ export default {
 					labelField: 'name',
 					valueField: 'id',
 					param: 'workOrderId',
+					clearable: false,
+					filterable: true,
+					defaultSelect: '',
 				},
 				{
 					type: 'button',
@@ -130,6 +133,8 @@ export default {
 						id: item.id,
 					};
 				});
+				this.formConfig[0].defaultSelect =
+					this.formConfig[0].selectOptions[0].id || '';
 				console.log(this.formConfig[0].selectOptions);
 			});
 		},
diff --git a/src/views/quality/qualityInspectionRecord/index.vue b/src/views/quality/qualityInspectionRecord/index.vue
index f88acb43..7ec1cd41 100644
--- a/src/views/quality/qualityInspectionRecord/index.vue
+++ b/src/views/quality/qualityInspectionRecord/index.vue
@@ -322,7 +322,7 @@ export default {
 		handleDelete(row) {
 			const id = row.id;
 			this.$modal
-				.confirm('是否确认删除"' + row.inspectionDetContent + '"?')
+				.delConfirm(row.inspectionDetContent)
 				.then(function () {
 					return deleteQualityInspectionRecord(id);
 				})
diff --git a/src/views/quality/qualityScrapLog/add-or-updata.vue b/src/views/quality/qualityScrapLog/add-or-updata.vue
index b40e9df9..edf4696b 100644
--- a/src/views/quality/qualityScrapLog/add-or-updata.vue
+++ b/src/views/quality/qualityScrapLog/add-or-updata.vue
@@ -7,10 +7,10 @@
 		label-width="auto">
 		<el-row :gutter="20">
 			<el-col :span="12">
-				<el-form-item label="工单号" prop="workOrderId">
+				<el-form-item label="工单名称" prop="workOrderId">
 					<el-select
 						v-model="dataForm.workOrderId"
-						placeholder="请选择工单号"
+						placeholder="请选择工单名称"
 						style="width: 100%"
 						:disabled="showDetail">
 						<el-option
@@ -80,7 +80,7 @@
 						v-model="dataForm.logTime"
 						type="datetime"
 						label-format="yyyy-MM-dd HH:mm:ss"
-						value-format="yyyy-MM-dd HH:mm:ss"
+						value-format="timestamp"
 						style="width: 100%"
 						placeholder="选择日期"
 						:disabled="showDetail"></el-date-picker>
diff --git a/src/views/quality/qualityScrapLog/basic-page.js b/src/views/quality/qualityScrapLog/basic-page.js
new file mode 100644
index 00000000..975ac96e
--- /dev/null
+++ b/src/views/quality/qualityScrapLog/basic-page.js
@@ -0,0 +1,159 @@
+/*
+ * @Author: zwq
+ * @Date: 2022-08-24 11:19:43
+ * @LastEditors: DY
+ * @LastEditTime: 2023-09-21 16:02:07
+ * @Description:
+ */
+export default {
+  data() {
+    /* eslint-disable */
+    return {
+      urlOptions: {
+        getDataListURL: '',
+        deleteURL: '',
+        statusUrl: '',
+        exportURL: ''
+      },
+      tableData: [],
+      listQuery: {
+        pageSize: 10,
+        pageNo: 1,
+        total: 1,
+      },
+      exportLoading: false,
+      dataListLoading: false,
+      addOrEditTitle: '',
+      addOrUpdateVisible: false,
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.urlOptions.getDataListURL(this.listQuery).then(response => {
+        this.tableData = response.data.list;
+        this.listQuery.total = response.data.total;
+        this.dataListLoading = false;
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.listQuery.pageSize = val;
+      this.listQuery.pageNo = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.listQuery.pageNo = val;
+      this.getDataList();
+    },
+    // 新增 / 修改
+    addOrUpdateHandle(id) {
+      this.addOrUpdateVisible = true;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id);
+      });
+    },
+    cancel(id) {
+      this.$refs["popover-" + id].showPopper = false;
+    },
+    //改变状态
+    changeStatus(id) {
+      this.$http
+        .post(this.urlOptions.statusUrl, { id })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          this.$refs["popover-" + id].showPopper = false;
+          this.$message({
+            message: this.$t("prompt.success"),
+            type: "success",
+            duration: 500,
+            onClose: () => {
+              this.getDataList();
+            },
+          });
+        })
+        .catch(() => { });
+    },
+    //tableBtn点击
+    handleClick(val) {
+      if (val.type === "edit") {
+        this.addOrUpdateVisible = true;
+        this.addOrEditTitle = "编辑";
+        this.$nextTick(() => {
+          this.$refs.addOrUpdate.init(val.data.id);
+        });
+      } else if (val.type === "delete") {
+        this.deleteHandle(val.data.id, val.data.detContent)
+      } else if (val.type === "change") {
+        this.changeStatus(val.data.id)
+      } else {
+        this.otherMethods(val)
+      }
+    },
+    // 删除
+    deleteHandle(id, detContent) {
+      this.$modal
+				.delConfirm(detContent)
+        .then(() => {
+          this.urlOptions.deleteURL(id).then(({ data }) => {
+            this.getDataList();
+					  this.$modal.msgSuccess('删除成功');
+          });
+        })
+        .catch(() => { });
+    },
+    //search-bar点击
+    buttonClick(val) {
+      switch (val.btnName) {
+        case "search":
+          this.listQuery.xm1 = val.xm1;
+          this.listQuery.xm2 = val.xm2;
+          this.listQuery.pageNo = 1;
+          this.getDataList();
+          break;
+        case "add":
+          this.addOrEditTitle = '新增'
+          this.addOrUpdateVisible = true;
+          this.addOrUpdateHandle()
+          break;
+        default:
+          console.log(val)
+      }
+    },
+    handleCancel() {
+      this.$refs.addOrUpdate.formClear()
+      this.addOrUpdateVisible = false
+      this.addOrEditTitle = ''
+    },
+    handleConfirm() {
+      this.$refs.addOrUpdate.dataFormSubmit()
+    },
+    successSubmit() {
+      this.handleCancel()
+      this.getDataList()
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      // 处理查询参数
+      let params = { ...this.queryParams };
+      params.pageNo = undefined;
+      params.pageSize = undefined;
+      this.$modal.confirm('是否确认导出所有数据项?').then(() => {
+        this.exportLoading = true;
+        return this.urlOptions.exportURL(params);
+      }).then(response => {
+        this.$download.excel(response, '工厂.xls');
+        this.exportLoading = false;
+      }).catch(() => { });
+    }
+  }
+}
diff --git a/src/views/quality/qualityScrapLog/index.vue b/src/views/quality/qualityScrapLog/index.vue
index ca0c8731..ee0e3df2 100644
--- a/src/views/quality/qualityScrapLog/index.vue
+++ b/src/views/quality/qualityScrapLog/index.vue
@@ -54,7 +54,7 @@
 <script>
 import AddOrUpdate from './add-or-updata';
 
-import basicPage from '../../core/mixins/basic-page';
+import basicPage from './basic-page';
 import { parseTime } from '../../core/mixins/code-filter';
 import {
 	getQualityScrapLogPage,
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 2afe03e5..84b0d837 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -410,7 +410,6 @@ export default {
 		handleDelete(row) {
 			this.$modal
 				.delConfirm(row.name)
-				.closeConfirm()
 				.then(function () {
 					return delDept(row.id);
 				})

From c2defa2da6a36340bad13c2d8c15ac4402ad4ca6 Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Wed, 24 Jul 2024 15:42:37 +0800
Subject: [PATCH 09/10] 7.24

---
 .env.dev                                      |   4 +-
 .../devConfig/energy/energyPlc/index.vue      | 415 ++++++-----
 .../dialogForm.vue                            |   0
 src/views/quality/currentData copy/index.vue  | 649 +++++++++++++++++
 src/views/quality/currentData/baseChart.vue   | 125 ++++
 src/views/quality/currentData/currentTest.vue | 167 +++++
 src/views/quality/currentData/hourData.vue    | 179 +++++
 src/views/quality/currentData/index.vue       | 686 ++----------------
 .../monitoring/deviceParameters/index.vue     |   2 +-
 .../equipmentTraceability/index.vue           |  18 +-
 .../monitoring/materielDateFrom/index.vue     |  11 +-
 .../rawMaterialTraceability/index.vue         |   5 +-
 12 files changed, 1428 insertions(+), 833 deletions(-)
 rename src/views/quality/{currentData => currentData copy}/dialogForm.vue (100%)
 create mode 100644 src/views/quality/currentData copy/index.vue
 create mode 100644 src/views/quality/currentData/baseChart.vue
 create mode 100644 src/views/quality/currentData/currentTest.vue
 create mode 100644 src/views/quality/currentData/hourData.vue

diff --git a/.env.dev b/.env.dev
index 676a0aa6..15db0a04 100644
--- a/.env.dev
+++ b/.env.dev
@@ -14,9 +14,9 @@ VUE_APP_TITLE = MES系统
 # 芋道管理系统/开发环境
 # VUE_APP_BASE_API = 'http://100.64.0.26:48082'
 # VUE_APP_BASE_API = 'http://192.168.0.33:48082'
-VUE_APP_BASE_API = 'http://192.168.1.164:48082'
+# VUE_APP_BASE_API = 'http://192.168.1.164:48082'
 # VUE_APP_BASE_API = 'http://192.168.2.173:48080'
-# VUE_APP_BASE_API = 'http://192.168.1.49:48082'
+VUE_APP_BASE_API = 'http://192.168.1.81:48082'
 # VUE_APP_BASE_API = 'http://192.168.1.8:48082'
 # VUE_APP_BASE_API = 'http://192.168.4.159:48080'
 # VUE_APP_BASE_API = 'http://192.168.1.56:48082'
diff --git a/src/views/devConfig/energy/energyPlc/index.vue b/src/views/devConfig/energy/energyPlc/index.vue
index 84629de4..5b48b281 100644
--- a/src/views/devConfig/energy/energyPlc/index.vue
+++ b/src/views/devConfig/energy/energyPlc/index.vue
@@ -1,218 +1,215 @@
 <template>
-  <div class="app-container">
-
-    <!-- 搜索工作栏 -->
-    <search-bar
-      :formConfigs="formConfig"
-      ref="searchBarForm"
-      @headBtnClick="buttonClick"
-    />
-    <!-- 列表 -->
-    <base-table
-      :page="queryParams.pageNo"
-      :limit="queryParams.pageSize"
-      :table-props="tableProps"
-      :table-data="list"
-      :max-height="tableH"
-    >
-      <method-btn
-        v-if="tableBtn.length"
-        slot="handleBtn"
-        :width="80"
-        label="操作"
-        :method-list="tableBtn"
-        @clickBtn="handleClick"
-      />
-    </base-table>
-    <pagination
-      :page.sync="queryParams.pageNo"
-      :limit.sync="queryParams.pageSize"
-      :total="total"
-      @pagination="getList"
-    />
-    <!-- 新增 -->
-    <base-dialog
-      :dialogTitle="addOrEditTitle"
-      :dialogVisible="centervisible"
-      @cancel="handleCancel"
-      @confirm="handleConfirm"
-      :before-close="handleCancel"
-    >
-      <energy-plc-add ref="energyPlc" @successSubmit="successSubmit" />
-    </base-dialog>
-  </div>
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<search-bar
+			:formConfigs="formConfig"
+			ref="searchBarForm"
+			@headBtnClick="buttonClick" />
+		<!-- 列表 -->
+		<base-table
+			:page="queryParams.pageNo"
+			:limit="queryParams.pageSize"
+			:table-props="tableProps"
+			:table-data="list"
+			:max-height="tableH">
+			<method-btn
+				v-if="tableBtn.length"
+				slot="handleBtn"
+				:width="80"
+				label="操作"
+				:method-list="tableBtn"
+				@clickBtn="handleClick" />
+		</base-table>
+		<pagination
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			:total="total"
+			@pagination="getList" />
+		<!-- 新增 -->
+		<base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="centervisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel">
+			<energy-plc-add ref="energyPlc" @successSubmit="successSubmit" />
+		</base-dialog>
+	</div>
 </template>
 
 <script>
-import { getEnergyPlcPage, deleteEnergyPlc } from "@/api/base/energyPlc";
+import { getEnergyPlcPage, deleteEnergyPlc } from '@/api/base/energyPlc';
 // import { publicFormatter } from '@/utils/dict'
-import EnergyPlcAdd from './components/energyPlcAdd.vue'
+import EnergyPlcAdd from './components/energyPlcAdd.vue';
+import tableHeightMixin from '@/mixins/tableHeightMixin';
 const tableProps = [
-  {
-    prop: 'plcTableName',
-    label: '关联表名'
-  },
-  {
-    prop: 'code',
-    label: '关联表编码',
-    minWidth: 150,
-    showOverflowtooltip: true
-  },
-  {
-    prop: 'name',
-    label: '标识名'
-  },
-  {
-    prop: 'enName',
-    label: '英文标识名'
-  },
-  {
-    prop: 'collection',
-    label: '是否采集'
-  },
-  {
-    prop: 'description',
-    label: '描述',
-    showOverflowtooltip: true
-  }
-]
+	{
+		prop: 'plcTableName',
+		label: '关联表名',
+	},
+	{
+		prop: 'code',
+		label: '关联表编码',
+		minWidth: 150,
+		showOverflowtooltip: true,
+	},
+	{
+		prop: 'name',
+		label: '标识名',
+	},
+	{
+		prop: 'enName',
+		label: '英文标识名',
+	},
+	{
+		prop: 'collection',
+		label: '是否采集',
+	},
+	{
+		prop: 'description',
+		label: '描述',
+		showOverflowtooltip: true,
+	},
+];
 export default {
-  name: "EnergyPlc",
-  components: { EnergyPlcAdd },
-  data() {
-    return {
-      formConfig: [
-        {
-          type: 'input',
-          label: '标识名',
-          placeholder: '标识名',
-          param: 'name'
-        },
-        {
-          type: 'button',
-          btnName: '查询',
-          name: 'search',
-          color: 'primary'
-        },
-        {
-          type: 'separate'
-        },
-        {
-          type: this.$auth.hasPermi('base:energy-plc:create') ? 'button' : '',
-          btnName: '新增',
-          name: 'add',
-          color: 'success',
-          plain: true
-        }
-      ],
-      tableProps,
-      tableBtn: [
-        this.$auth.hasPermi('base:energy-plc:update')
-          ? {
-              type: 'edit',
-              btnName: '编辑'
-            }
-          : undefined,
-        this.$auth.hasPermi('base:energy-plc:delete')
-          ? {
-              type: 'delete',
-              btnName: '删除'
-            }
-          : undefined
-      ].filter((v) => v),
-      tableH: this.tableHeight(260),
-      collectionList: [
-        {value: 0,label: '否'},
-        {value: 1,label: '是'}
-      ],
-      // 总条数
-      total: 0,
-      // 班次基础信息列表
-      list: [],
-      // 弹出层标题
-      addOrEditTitle: "",
-      // 是否显示弹出层
-      centervisible: false,
-      // 查询参数
-      queryParams: {
-        pageNo: 1,
-        pageSize: 20,
-        name: null
-      }
-    };
-  },
-  created() {
-    window.addEventListener('resize', () => {
-      this.tableH = this.tableHeight(260)
-    })
-    this.getList();
-  },
-  methods: {
-    buttonClick(val) {
-      switch (val.btnName) {
-        case 'search':
-          this.queryParams.pageNo = 1;
-          this.queryParams.name = val.name
-          this.getList()
-          break
-        default:
-          this.addOrEditTitle = '新增'
-          this.centervisible = true
-          this.$nextTick(() => {
-            this.$refs.energyPlc.init()
-          })
-      }
-    },
-    /** 查询列表 */
-    getList() {
-      getEnergyPlcPage(this.queryParams).then(response => {
-        let arr = response.data.list || [];
-        arr&&arr.map(item => {
-          this.collectionList.map(i => {
-            if (item.collection === i.value) {
-              item.collection = i.label
-            }
-          })
-        })
-        this.list = arr
-        this.total = response.data.total;
-      });
-    },
-    handleClick(val) {
-      switch (val.type) {
-        case 'edit':
-          this.addOrEditTitle = '编辑'
-          this.$nextTick(() => {
-            this.$refs.energyPlc.init(val.data.id)
-          })
-          this.centervisible = true
-          break
-        default:
-        this.handleDelete(val.data)
-      }
-    },
-    handleCancel() {
-      this.$refs.energyPlc.formClear()
-      this.centervisible = false
-      this.addOrEditTitle = ''
-    },
-    handleConfirm() {
-      this.$refs.energyPlc.submitForm()
-    },
-    successSubmit() {
-      this.handleCancel()
-      this.getList()
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      this.$modal.confirm('是否确认删除关联表名为"' + row.name + '"的数据项?').then(function() {
-          return deleteEnergyPlc(row.id);
-        }).then(() => {
-          this.queryParams.pageNo = 1;
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-        }).catch(() => {});
-    }
-  }
+	name: 'EnergyPlc',
+	components: { EnergyPlcAdd },
+	mixins: [tableHeightMixin],
+	data() {
+		return {
+			formConfig: [
+				{
+					type: 'input',
+					label: '标识名',
+					placeholder: '标识名',
+					param: 'name',
+				},
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+					type: this.$auth.hasPermi('base:energy-plc:create') ? 'button' : '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true,
+				},
+			],
+			tableProps,
+			tableBtn: [
+				this.$auth.hasPermi('base:energy-plc:update')
+					? {
+							type: 'edit',
+							btnName: '编辑',
+					  }
+					: undefined,
+				this.$auth.hasPermi('base:energy-plc:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
+			collectionList: [
+				{ value: 0, label: '否' },
+				{ value: 1, label: '是' },
+			],
+			// 总条数
+			total: 0,
+			// 班次基础信息列表
+			list: [],
+			// 弹出层标题
+			addOrEditTitle: '',
+			// 是否显示弹出层
+			centervisible: false,
+			// 查询参数
+			queryParams: {
+				pageNo: 1,
+				pageSize: 20,
+				name: null,
+			},
+		};
+	},
+	created() {
+		this.getList();
+	},
+	methods: {
+		buttonClick(val) {
+			switch (val.btnName) {
+				case 'search':
+					this.queryParams.pageNo = 1;
+					this.queryParams.name = val.name;
+					this.getList();
+					break;
+				default:
+					this.addOrEditTitle = '新增';
+					this.centervisible = true;
+					this.$nextTick(() => {
+						this.$refs.energyPlc.init();
+					});
+			}
+		},
+		/** 查询列表 */
+		getList() {
+			getEnergyPlcPage(this.queryParams).then((response) => {
+				let arr = response.data.list || [];
+				arr &&
+					arr.map((item) => {
+						this.collectionList.map((i) => {
+							if (item.collection === i.value) {
+								item.collection = i.label;
+							}
+						});
+					});
+				this.list = arr;
+				this.total = response.data.total;
+			});
+		},
+		handleClick(val) {
+			switch (val.type) {
+				case 'edit':
+					this.addOrEditTitle = '编辑';
+					this.$nextTick(() => {
+						this.$refs.energyPlc.init(val.data.id);
+					});
+					this.centervisible = true;
+					break;
+				default:
+					this.handleDelete(val.data);
+			}
+		},
+		handleCancel() {
+			this.$refs.energyPlc.formClear();
+			this.centervisible = false;
+			this.addOrEditTitle = '';
+		},
+		handleConfirm() {
+			this.$refs.energyPlc.submitForm();
+		},
+		successSubmit() {
+			this.handleCancel();
+			this.getList();
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			this.$modal
+				.delConfirm(row.name)
+				.then(function () {
+					return deleteEnergyPlc(row.id);
+				})
+				.then(() => {
+					this.queryParams.pageNo = 1;
+					this.getList();
+					this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+	},
 };
 </script>
diff --git a/src/views/quality/currentData/dialogForm.vue b/src/views/quality/currentData copy/dialogForm.vue
similarity index 100%
rename from src/views/quality/currentData/dialogForm.vue
rename to src/views/quality/currentData copy/dialogForm.vue
diff --git a/src/views/quality/currentData copy/index.vue b/src/views/quality/currentData copy/index.vue
new file mode 100644
index 00000000..830cbac0
--- /dev/null
+++ b/src/views/quality/currentData copy/index.vue	
@@ -0,0 +1,649 @@
+<template>
+	<div class="app-container">
+		<!-- 搜索工作栏 -->
+		<!-- 列表 -->
+		<el-row>
+			<el-col class="custom-tabs">
+				<el-tabs
+					v-model="activeName"
+					:stretch="true"
+					@tab-click="handleTabClick">
+					<el-tab-pane :label="'\u2002表格数据\u2002'" name="table">
+						<!-- 列表 -->
+						<div class="blue-title">
+							产品名：{{ productDetail.name }} 产品规格：{{
+								productDetail.specifications
+							}}
+						</div>
+						<base-table
+							class="base-table__margin"
+							:table-props="productProps"
+							:page="1"
+							:limit="10"
+							:table-data="list"></base-table>
+						<div v-for="(item, index) in downProps" :key="index">
+							<div class="blue-title">
+								工单名称:{{ list[index].workOrderName }}
+							</div>
+							<base-table
+								class="base-table__margin"
+								:table-props="item"
+								:page="1"
+								:limit="10"
+								:table-data="downList[index]"></base-table>
+						</div>
+					</el-tab-pane>
+					<el-tab-pane
+						:label="'\u3000图形数据\u3000'"
+						name="chart"
+						style="overflow: inherit">
+						<SearchBar
+							:formConfigs="searchBarFormConfig"
+							ref="search-bar"
+							@headBtnClick="handleSearchBarBtnClick" />
+						<div id="main" style="height: 500px; width: 1000px"></div>
+					</el-tab-pane>
+				</el-tabs>
+			</el-col>
+		</el-row>
+		<!-- 分页组件 -->
+		<!-- <pagination
+			v-show="total > 0"
+			:total="total"
+			:page.sync="queryParams.pageNo"
+			:limit.sync="queryParams.pageSize"
+			@pagination="getList" /> -->
+
+		<!-- 对话框(添加 / 修改) -->
+		<!-- <base-dialog
+			:dialogTitle="title"
+			:dialogVisible="open"
+			width="50%"
+			@close="cancel"
+			@cancel="cancel"
+			@confirm="submitForm">
+			<DialogForm v-if="open" ref="form" v-model="form" />
+		</base-dialog> -->
+	</div>
+</template>
+
+<script>
+import {
+	getInspectionData,
+	getProductList,
+	getWorkOrderList,
+} from '@/api/monitoring/statisticalData';
+// import Editor from '@/components/Editor';
+import moment from 'moment';
+// import DialogForm from './dialogForm.vue';
+import * as echarts from 'echarts';
+// import basicPageMixin from '@/mixins/lb/basicPageMixin';
+export default {
+	name: 'statisticalData',
+	// components: {
+	// 	DialogForm,
+	// },
+	// mixins: [basicPageMixin],
+	data() {
+		return {
+			list: [],
+			dynamicProps: [],
+			downProps: [],
+			downList: [],
+			productDetail: {
+				name: null,
+				specifications: null,
+			},
+			activeName: 'table',
+			searchBarFormConfig: [
+				{
+					type: 'label',
+					label: '当前检测数据柱状图',
+					// placeholder: '请选择工单号',
+					// param: 'workOrderId',
+					// selectOptions: [],
+				},
+				// {
+				// 	type: 'select',
+				// 	label: '产品',
+				//   placeholder: '请选择产品',
+				//   param: 'productionId',
+				// 	selectOptions: [],
+				// },
+				// {
+				// 	type: 'input',
+				// 	label: '检测内容',
+				// 	placeholder: '请输入检测内容',
+				// 	param: 'inspectionDetContent',
+				// },
+				// {
+				// 	type: 'datePicker',
+				// 	label: '时间段',
+				// 	dateType: 'daterange', // datetimerange
+				// 	// format: 'yyyy-MM-dd HH:mm:ss',
+				// 	format: 'yyyy-MM-dd',
+				//   valueFormat: 'timestamp',
+				// 	rangeSeparator: '-',
+				// 	startPlaceholder: '开始日期',
+				// 	endPlaceholder: '结束日期',
+				// 	defaultTime: ['00:00:00', '23:59:59'],
+				// 	param: 'checkTime',
+				// 	// width: 350,
+				// },
+				// {
+				// 	type: 'button',
+				// 	btnName: '查询',
+				// 	name: 'search',
+				// 	color: 'primary',
+				// },
+				// {
+				// 	type: 'separate',
+				// },
+				// // {
+				// // 	type: this.$auth.hasPermi(
+				// // 		'base:quality-inspection-record:create'
+				// // 	)
+				// // 		? 'button'
+				// // 		: '',
+				// // 	btnName: '新增',
+				// // 	name: 'add',
+				// // 	plain: true,
+				// // 	color: 'success',
+				// // },
+			],
+			// tableBtn: [
+			// 	this.$auth.hasPermi('base:quality-inspection-record:update')
+			// 		? {
+			// 				type: 'edit',
+			// 				btnName: '修改',
+			// 		  }
+			// 		: undefined,
+			//   this.$auth.hasPermi('base:quality-inspection-record:delete')
+			// 		? {
+			// 				type: 'delete',
+			// 				btnName: '删除',
+			// 		  }
+			// 		: undefined,
+			// ].filter((v) => v),
+			// tableProps: [
+			// 	{
+			// 		prop: 'createTime',
+			// 		label: '添加时间',
+			// 		fixed: true,
+			// 		width: 180,
+			// 		filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
+			// 	},
+			// 	{
+			// 		// width: 128,
+			// 		prop: 'inspectionDetContent',
+			// 		label: '检测内容',
+			// 	},
+			// 	{
+			// 		// width: 128,
+			// 		prop: 'lineName',
+			// 		label: '产线',
+			// 	},
+			// 	{
+			// 		// width: 128,
+			// 		prop: 'checkPerson',
+			// 		label: '检测人员',
+			// 	},
+			// 	{
+			// 		// width: 160,
+			// 		prop: 'checkTime',
+			// 		label: '检测时间',
+			// 		filter: (val) =>
+			// 			val != null ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '-',
+			// 	},
+			// 	{
+			// 		width: 90,
+			// 		prop: 'source',
+			// 		label: '来源',
+			// 		filter: (val) => ['未知', '手动', '自动'][val],
+			// 	},
+			// ],
+			// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
+
+			// searchBarKeys: ['inspectionDetContent', 'checkTime', 'productionLineId'],
+			// form: {
+			// 	id: undefined,
+			// 	inspectionDetId: undefined,
+			// 	inspectionDetContent: undefined,
+			// 	productionLineId: undefined,
+			// 	sectionId: undefined,
+			// 	checkPerson: undefined,
+			// 	checkTime: undefined,
+			// 	source: undefined,
+			// 	explainText: undefined,
+			// 	remark: undefined,
+			// },
+			// 查询参数
+			queryParams: {
+				workOrderId: undefined,
+				productId: undefined,
+				startTime: undefined,
+				endTime: undefined,
+				// productionLineId: null,
+			},
+		};
+	},
+	created() {
+		// this.getProductLineList();
+	},
+	computed: {
+		productProps() {
+			return [
+				{
+					// width: 160,
+					prop: 'workOrderName',
+					label: '工单名称',
+				},
+				...this.dynamicProps,
+				{
+					// width: 128,
+					prop: 'sumInput',
+					label: '上片总数',
+				},
+				{
+					// width: 128,
+					prop: 'sumOutput',
+					label: '下片总数',
+					// subcomponent: {
+					// 	name: 'TextOnly',
+					// 	props: {
+					// 		injectData: {
+					// 			type: Object,
+					// 			default: () => ({}),
+					// 		},
+					// 	},
+					// 	data() {
+					// 		return {
+					// 			text: '比例',
+					// 		};
+					// 	},
+					// 	methods: {
+					// 		handleEmit(payload) {
+					// 			console.log('handleEmit', payload);
+					// 		},
+					// 	},
+					// 	render(h) {
+					// 		return h('el-button', { props: { type: 'text' } }, this.text);
+					// 	},
+					// },
+				},
+			];
+		},
+	},
+	mounted() {
+		if (this.$route.params.startTime && this.$route.params.endTime) {
+			this.searchBarFormConfig[0].defaultSelect = [
+				this.$route.params.startTime,
+				this.$route.params.endTime,
+			];
+			this.queryParams.param = {};
+			this.$set(
+				this.queryParams.param,
+				'startTime',
+				this.$route.params.startTime
+			);
+			this.$set(this.queryParams.param, 'endTime', this.$route.params.endTime);
+		} else {
+			this.searchBarFormConfig[0].defaultSelect = [];
+		}
+		this.getList();
+	},
+	methods: {
+		handleTabClick() {
+			if (this.activeName === 'chart') {
+				var chartDom = document.getElementById('main');
+				var myChart = echarts.init(chartDom);
+				var option;
+				let arrXAxis = [];
+				this.list.forEach((ele) => {
+					arrXAxis.push(ele.workOrderName);
+				});
+				this.downList.forEach((ele) => {
+					ele.forEach((item) => {
+						if (ele.length !== 0 && item.productionline) {
+							arrXAxis.push('产线' + item.productionline);
+						}
+					});
+				});
+				let arrYAxis = [];
+				this.list.forEach((ele) => {
+					// console.log(ele);
+					arrYAxis.push(ele.sumInput);
+				});
+				this.downList.forEach((ele) => {
+					ele.forEach((item) => {
+						console.log(item);
+						// if (ele.length !== 0 && item.productionline) {
+						arrYAxis.push(item.sumInput);
+						// }
+					});
+				});
+				// console.log(arrXAxis);
+				option = {
+					xAxis: {
+						type: 'category',
+						data: arrXAxis,
+					},
+					yAxis: {
+						type: 'value',
+					},
+					series: [
+						{
+							data: arrYAxis,
+							type: 'bar',
+							showBackground: true,
+							barWidth: '20',
+							label: {
+								show: true,
+								position: 'top',
+							},
+							backgroundStyle: {
+								color: 'rgba(180, 180, 180, 0.2)',
+							},
+						},
+					],
+				};
+
+				option && myChart.setOption(option);
+			}
+		},
+		/** 获取搜索栏的产线列表 */
+		// async getDict() {
+		//   const res = await getProductList()
+		//   const result = await getWorkOrderList()
+		//   console.log(res);
+		//   this.searchBarFormConfig[1].selectOptions = res.data.map((item) => {
+		//     return {
+		//       name: item.name,
+		//       id:item.id
+		//     }
+		//   })
+		//   this.searchBarFormConfig[0].selectOptions = result.data.map((item) => {
+		//     return {
+		//       name: item.name,
+		//       id: item.id
+		//     }
+		//   })
+		// },
+		// getProductLineList() {
+		// 	this.$axios('/base/production-line/listAll').then((response) => {
+		// 		this.searchBarFormConfig[0].selectOptions = response.data.map(
+		// 			(item) => {
+		// 				return {
+		// 					name: item.name,
+		// 					id: item.id,
+		// 				};
+		// 			}
+		// 		);
+		// 	});
+		// },
+		getList() {
+			this.getDataList();
+			// this.getDict()
+		},
+		/** 查询列表 */
+		async getDataList() {
+			this.loading = true;
+			// 执行查询
+			this.downProps = [];
+			const res = await getInspectionData(this.queryParams);
+			console.log(res);
+			this.productDetail.name = res.data[0].productName;
+			this.productDetail.specifications = res.data[0].specifications;
+			// this.productName = res.data[0].productName
+			this.dynamicProps = this.filterNameData(res.data[0].upPart.nameData);
+			console.log(this.dynamicProps);
+			this.list = this.filterData(res.data[0].upPart.data);
+			console.log(this.list);
+			res.data[0].downPart.forEach((ele) => {
+				// console.log(ele.data);
+				let arr = this.downFilterNameData(ele.nameData);
+				if (arr.length !== 0) {
+					let propArr = [
+						{
+							// width: 160,
+							prop: 'inspectionContent',
+							label: '检测内容',
+						},
+						...arr,
+						{
+							// width: 128,
+							prop: 'sumInput',
+							label: '原片总数',
+						},
+						{
+							// width: 128,
+							prop: 'sumScrap',
+							label: '未通过检测总数',
+						},
+						{
+							// width: 128,
+							prop: 'scrapRatio',
+							label: '报废比例',
+						},
+					];
+					this.downProps.push(propArr);
+				}
+				// this.downProps = []
+			});
+			res.data[0].downPart.forEach((ele) => {
+				// console.log(ele.data);
+				let arr = this.downFilterData(ele.data);
+				if (arr.length !== 0) {
+					this.downList.push(arr);
+				}
+				// this.downProps = []
+			});
+
+			// console.log(this.downList);
+		},
+		downFilterNameData(nameData) {
+			const ndSet = new Set();
+			nameData.forEach((nd) => {
+				ndSet.add(nd.name);
+			});
+			return Array.from(ndSet.values())
+				.sort()
+				.map((name) => ({
+					prop: name,
+					label: name,
+				}));
+			// })
+		},
+		downFilterData(data) {
+			return data.map((item) => {
+				const { data: innerData } = item;
+				const keyValuePairs = {};
+				innerData.map((d) => {
+					keyValuePairs[d.dynamicName] = d.dynamicValue;
+				});
+				return {
+					inspectionContent: item.inspectionContent,
+					...keyValuePairs,
+					sumInput: item.sumInput,
+					scrapRatio: item.scrapRatio,
+					sumScrap: item.sumScrap,
+				};
+			});
+		},
+		filterNameData(nameData) {
+			// console.log(upData);
+			// upData.forEach((ele) => {
+			const ndSet = new Set();
+
+			nameData.forEach((nd) => {
+				ndSet.add(nd.name);
+			});
+			return Array.from(ndSet.values())
+				.sort()
+				.map((name) => ({
+					prop: name,
+					label: name,
+				}));
+			// })
+		},
+		filterData(data) {
+			return data.map((item) => {
+				const { data: innerData } = item;
+				const keyValuePairs = {};
+				innerData.map((d) => {
+					keyValuePairs[d.dynamicName] = d.dynamicValue;
+				});
+				return {
+					inspectionContent: item.inspectionContent,
+					workOrderName: item.workOrderName,
+					...keyValuePairs,
+					sumInput: item.sumInput,
+					sumOutput: item.sumOutput,
+				};
+			});
+		},
+		/** 取消按钮 */
+		handleSearchBarBtnClick(val) {
+			if (val.btnName === 'search') {
+				this.queryParams.workOrderId = val.workOrderId
+					? val.workOrderId
+					: undefined;
+				this.queryParams.productId = val.productId ? val.productId : undefined;
+				this.queryParams.startTime = val.checkTime
+					? val.checkTime[0]
+					: undefined;
+				this.queryParams.endTime = val.checkTime ? val.checkTime[1] : undefined;
+
+				this.getList();
+			}
+			console.log(val);
+		},
+		/** 搜索按钮操作 */
+		// handleQuery() {
+		// 	this.queryParams.pageNo = 1;
+		// 	this.getList();
+		// },
+		// /** 重置按钮操作 */
+		// resetQuery() {
+		// 	this.resetForm('queryForm');
+		// 	this.handleQuery();
+		// },
+		// /** 新增按钮操作 */
+		// handleAdd() {
+		// 	this.reset();
+		// 	this.open = true;
+		// 	this.title = '添加质量检查信息记录表';
+		// },
+		// /** 修改按钮操作 */
+		// handleUpdate(row) {
+		// 	this.reset();
+		// 	const id = row.id;
+		// 	getQualityInspectionRecord(id).then((response) => {
+		// 		/** 因为后端返回的时间是时间戳格式，需转换 */
+		// 		const info = {}
+		// 		Object.keys(this.form).forEach(key => {
+		// 			info[key] = response.data[key]
+		// 		});
+		// 		this.form = info;
+		// 		this.open = true;
+		// 		this.title = '修改质量检查信息记录表';
+		// 	});
+		// },
+		// /** 提交按钮 */
+		// submitForm() {
+		// 	this.$refs['form'].validate((valid) => {
+		// 		if (!valid) {
+		// 			return;
+		// 		}
+		// 		// 修改的提交
+		// 		if (this.form.id != null) {
+		// 			updateQualityInspectionRecord(this.form).then((response) => {
+		// 				this.$modal.msgSuccess('修改成功');
+		// 				this.open = false;
+		// 				this.getList();
+		// 			});
+		// 			return;
+		// 		}
+		// 		// 添加的提交
+		// 		createQualityInspectionRecord(this.form).then((response) => {
+		// 			this.$modal.msgSuccess('新增成功');
+		// 			this.open = false;
+		// 			this.getList();
+		// 		});
+		// 	});
+		// },
+		// /** 删除按钮操作 */
+		// handleDelete(row) {
+		// 	const id = row.id;
+		// 	this.$modal
+		// 		.confirm('是否确认删除"' + row.inspectionDetContent + '"?')
+		// 		.then(function () {
+		// 			return deleteQualityInspectionRecord(id);
+		// 		})
+		// 		.then(() => {
+		// 			this.getList();
+		// 			this.$modal.msgSuccess('删除成功');
+		// 		})
+		// 		.catch(() => {});
+		// },
+		// /** 导出按钮操作 */
+		// handleExport() {
+		// 	// 处理查询参数
+		// 	let params = { ...this.queryParams };
+		// 	params.pageNo = undefined;
+		// 	params.pageSize = undefined;
+		// 	this.$modal
+		// 		.confirm('是否确认导出所有质量检查信息记录表数据项?')
+		// 		.then(() => {
+		// 			this.exportLoading = true;
+		// 			return exportQualityInspectionRecordExcel(params);
+		// 		})
+		// 		.then((response) => {
+		// 			this.$download.excel(response, '质量检查信息记录表.xls');
+		// 			this.exportLoading = false;
+		// 		})
+		// 		.catch(() => {});
+		// },
+	},
+};
+</script>
+<style scoped lang="scss">
+:deep(.custom-tabs) {
+	.el-tabs__header {
+		margin-bottom: 8px;
+		display: inline-block;
+		transform: translateY(-12px);
+	}
+
+	.el-tabs__content {
+		overflow: visible;
+	}
+
+	.el-tabs__item {
+		padding-left: 0 !important;
+		padding-right: 0 !important;
+		line-height: 36px !important;
+		height: 36px;
+	}
+}
+.blue-title {
+	position: relative;
+	padding: 4px 0;
+	padding-left: 12px;
+	font-size: 14px;
+	color: #606266;
+	font-weight: 700;
+	margin-bottom: 12px;
+
+	&::before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 6px;
+		height: 16px;
+		width: 4px;
+		border-radius: 1px;
+		background: #0b58ff;
+	}
+}
+</style>
diff --git a/src/views/quality/currentData/baseChart.vue b/src/views/quality/currentData/baseChart.vue
new file mode 100644
index 00000000..328b785f
--- /dev/null
+++ b/src/views/quality/currentData/baseChart.vue
@@ -0,0 +1,125 @@
+<template>
+	<div id="currentDataChart" style="width: 100%; height: 300px"></div>
+</template>
+<script>
+import * as echarts from 'echarts';
+import resize from '@/utils/chartMixins/resize';
+export default {
+	name: 'BaseChart',
+	mixins: [resize],
+	data() {
+		return {
+			chartDom: '',
+			chart: '',
+		};
+	},
+	// props: {
+	// 	chartData: {
+	// 		type: Array,
+	// 		required: true,
+	// 		default: () => {
+	// 			return [];
+	// 		},
+	// 	},
+	// },
+	// watch: {
+	// 	chartData: function () {
+	// 		this.getChart();
+	// 	},
+	// },
+	mounted() {
+		window.addEventListener('resize', () => {
+			this.getChart();
+		});
+	},
+	methods: {
+		getChart() {
+			if (
+				this.chart !== null &&
+				this.chart !== '' &&
+				this.chart !== undefined
+			) {
+				this.chart.dispose(); // 页面多次刷新会出现警告，Dom已经初始化了一个实例，这是销毁实例
+			}
+			this.chartDom = document.getElementById('currentDataChart');
+			this.chart = echarts.init(this.chartDom);
+			// if (this.chartData.length === 0) {
+			// 	return false;
+			// }
+			var option = {
+				color: [
+					'#288AFF',
+					'#73DE93',
+					'#FFCE6A',
+					'#63BDFF',
+					'#7164FF',
+					'#FF6860',
+					'#FF9747',
+					'#B0EB42',
+					'#D680FF',
+					'#0043D2',
+				],
+				// legend: {
+				// 	data: keys,
+				// 	right: '1%',
+				// },
+				tooltip: {
+					trigger: 'axis',
+				},
+				grid: {
+					left: '1%',
+					right: '1%',
+					bottom: '3%',
+					containLabel: true,
+				},
+				xAxis: {
+					type: 'category',
+					data: ['1', '2', '3', '4', '5'],
+				},
+				yAxis: {
+					type: 'value',
+				},
+				series: [
+					{
+						data: [50, 30, 40, 50, 60],
+						type: 'bar',
+						stack: 'a',
+						barWidth: 20,
+						name: '产线1',
+					},
+					{
+						data: [30, 50, 44, 52, 39],
+						type: 'bar',
+						stack: 'a',
+						barWidth: 20,
+						name: '产线2',
+					},
+					{
+						data: [53, 33, 43, 53, 63],
+						type: 'bar',
+						stack: 'a',
+						barWidth: 20,
+						name: '产线3',
+					},
+					{
+						data: [35, 39, 44, 65, 45],
+						type: 'bar',
+						stack: 'a',
+						barWidth: 20,
+						name: '产线4',
+					},
+					{
+						data: [50, 30, 40, 50, 60],
+						type: 'bar',
+						stack: 'a',
+						barWidth: 20,
+						name: '产线5',
+					},
+				],
+			};
+
+			option && this.chart.setOption(option);
+		},
+	},
+};
+</script>
diff --git a/src/views/quality/currentData/currentTest.vue b/src/views/quality/currentData/currentTest.vue
new file mode 100644
index 00000000..23007f00
--- /dev/null
+++ b/src/views/quality/currentData/currentTest.vue
@@ -0,0 +1,167 @@
+<template>
+	<div>
+		<base-table
+			:table-props="tableProps"
+			:page="1"
+			:limit="1000"
+			:table-data="list" />
+		<div class="orderBox">
+			<div class="title">
+				<span>工单：工单1</span>
+				<span>产品名称：名称1</span>
+				<span>规格：规格1</span>
+			</div>
+			<div class="custom-tabs">
+				<el-tabs v-model="activeName" :stretch="true">
+					<el-tab-pane :label="'\u2002表格\u2002'" name="table">
+						<!-- 列表 -->
+						<base-table
+							:table-props="tableProps2"
+							:page="1"
+							:limit="1000"
+							:table-data="list2" />
+					</el-tab-pane>
+					<el-tab-pane
+						:label="'\u3000图表\u3000'"
+						name="chart"
+						style="overflow: inherit">
+						<baseChart />
+					</el-tab-pane>
+				</el-tabs>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+import BaseChart from './baseChart.vue';
+export default {
+	name: 'CurrentTest',
+	components: { BaseChart },
+	data() {
+		return {
+			activeName: 'table',
+			tableProps: [
+				{
+					prop: 'workOrderName',
+					label: '工单名称',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'prodName',
+					label: '产品名称',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'line1',
+					label: '产线1',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'line2',
+					label: '产线2',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'line3',
+					label: '产线3',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'total',
+					label: '上片总数',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'total2',
+					label: '下片总数',
+					showOverflowtooltip: true,
+				},
+			],
+			list: [
+				{ workOrderName: '工单1' },
+				{ workOrderName: '工单2' },
+				{ workOrderName: '工单3' },
+				{ workOrderName: '工单4' },
+				{ workOrderName: '工单5' },
+				{ workOrderName: '工单6' },
+			],
+			tableProps2: [
+				{
+					prop: 'workOrderName',
+					label: '检测内容',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'prodName',
+					label: '原片总数',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'line1',
+					label: '产线1',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'line2',
+					label: '产线2',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'line3',
+					label: '产线3',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'total',
+					label: '未通过检测总数',
+					showOverflowtooltip: true,
+				},
+				{
+					prop: 'total2',
+					label: '报废比例',
+					showOverflowtooltip: true,
+				},
+			],
+			list2: [
+				{ workOrderName: '工单1' },
+				{ workOrderName: '工单2' },
+				{ workOrderName: '工单3' },
+				{ workOrderName: '工单4' },
+				{ workOrderName: '工单5' },
+				{ workOrderName: '工单6' },
+			],
+		};
+	},
+};
+</script>
+<style scoped lang="scss">
+.orderBox {
+	padding-top: 16px;
+}
+.title {
+	span {
+		display: inline-block;
+		width: 300px;
+		font-size: 14px;
+		padding-bottom: 10px;
+	}
+}
+:deep(.custom-tabs) {
+	.el-tabs__header {
+		margin-bottom: 8px;
+		display: inline-block;
+		transform: translateY(-12px);
+	}
+
+	.el-tabs__content {
+		overflow: visible;
+	}
+
+	.el-tabs__item {
+		padding-left: 0 !important;
+		padding-right: 0 !important;
+		line-height: 36px !important;
+		height: 36px;
+	}
+}
+</style>
diff --git a/src/views/quality/currentData/hourData.vue b/src/views/quality/currentData/hourData.vue
new file mode 100644
index 00000000..9ace0c8b
--- /dev/null
+++ b/src/views/quality/currentData/hourData.vue
@@ -0,0 +1,179 @@
+<template>
+	<base-table
+		:table-props="tableProps"
+		:table-data="list"
+		:max-height="tableH" />
+</template>
+<script>
+import tableHeightMixin from '@/mixins/tableHeightMixin';
+export default {
+	name: 'HourData',
+	mixins: [tableHeightMixin],
+	data() {
+		return {
+			heightNum: 200,
+			tableProps: [
+				{
+					prop: 'name',
+					lable: '检测内容',
+				},
+				{
+					label: '2024-01-01 01:00:00',
+					children: [
+						{
+							prop: 'line1-1',
+							label: '产线1',
+						},
+						{
+							prop: 'line1-2',
+							label: '产线2',
+						},
+						{
+							prop: 'line1-3',
+							label: '产线3',
+						},
+						{
+							prop: 'line1-4',
+							label: '产线4',
+						},
+					],
+				},
+				{
+					label: '2024-01-01 02:00:00',
+					children: [
+						{
+							prop: 'line2-1',
+							label: '产线1',
+						},
+						{
+							prop: 'line2-2',
+							label: '产线2',
+						},
+						{
+							prop: 'line2-3',
+							label: '产线3',
+						},
+						{
+							prop: 'line2-4',
+							label: '产线4',
+						},
+					],
+				},
+				{
+					label: '2024-01-01 03:00:00',
+					children: [
+						{
+							prop: 'line3-1',
+							label: '产线1',
+						},
+						{
+							prop: 'line3-2',
+							label: '产线2',
+						},
+						{
+							prop: 'line3-3',
+							label: '产线3',
+						},
+						{
+							prop: 'line3-4',
+							label: '产线4',
+						},
+					],
+				},
+			],
+			list: [
+				{
+					name: '磨边缺陷数',
+					'line1-1': 1,
+					'line1-2': 2,
+					'line1-3': 3,
+					'line1-4': 4,
+					'line2-1': 5,
+					'line2-2': 6,
+					'line2-3': 7,
+					'line2-4': 8,
+					'line3-1': 9,
+					'line3-2': 10,
+					'line3-3': 11,
+					'line3-4': 12,
+				},
+				{
+					name: '磨边缺陷数',
+					'line1-1': 1,
+					'line1-2': 2,
+					'line1-3': 3,
+					'line1-4': 4,
+					'line2-1': 5,
+					'line2-2': 6,
+					'line2-3': 7,
+					'line2-4': 8,
+					'line3-1': 9,
+					'line3-2': 10,
+					'line3-3': 11,
+					'line3-4': 12,
+				},
+				{
+					name: '磨边缺陷数',
+					'line1-1': 1,
+					'line1-2': 2,
+					'line1-3': 3,
+					'line1-4': 4,
+					'line2-1': 5,
+					'line2-2': 6,
+					'line2-3': 7,
+					'line2-4': 8,
+					'line3-1': 9,
+					'line3-2': 10,
+					'line3-3': 11,
+					'line3-4': 12,
+				},
+				{
+					name: '磨边缺陷数',
+					'line1-1': 1,
+					'line1-2': 2,
+					'line1-3': 3,
+					'line1-4': 4,
+					'line2-1': 5,
+					'line2-2': 6,
+					'line2-3': 7,
+					'line2-4': 8,
+					'line3-1': 9,
+					'line3-2': 10,
+					'line3-3': 11,
+					'line3-4': 12,
+				},
+				{
+					name: '磨边缺陷数',
+					'line1-1': 1,
+					'line1-2': 2,
+					'line1-3': 3,
+					'line1-4': 4,
+					'line2-1': 5,
+					'line2-2': 6,
+					'line2-3': 7,
+					'line2-4': 8,
+					'line3-1': 9,
+					'line3-2': 10,
+					'line3-3': 11,
+					'line3-4': 12,
+				},
+				{
+					name: '磨边缺陷数',
+					'line1-1': 1,
+					'line1-2': 2,
+					'line1-3': 3,
+					'line1-4': 4,
+					'line2-1': 5,
+					'line2-2': 6,
+					'line2-3': 7,
+					'line2-4': 8,
+					'line3-1': 9,
+					'line3-2': 10,
+					'line3-3': 11,
+					'line3-4': 12,
+				},
+			],
+		};
+	},
+};
+</script>
diff --git a/src/views/quality/currentData/index.vue b/src/views/quality/currentData/index.vue
index 0125ab85..c461d5df 100644
--- a/src/views/quality/currentData/index.vue
+++ b/src/views/quality/currentData/index.vue
@@ -1,622 +1,88 @@
 <template>
-  <div class="app-container">
-    <!-- 搜索工作栏 -->
-    <!-- 列表 -->
-    <el-row>
-      <el-col class="custom-tabs">
-        <el-tabs v-model="activeName" :stretch="true" @tab-click="handleTabClick">
-          <el-tab-pane :label="'\u2002表格数据\u2002'" name="table">
-            <!-- 列表 -->
-            <div class="blue-title">产品名：{{ productDetail.name }} 产品规格：{{ productDetail.specifications }}</div>
-            <base-table class="base-table__margin" :table-props="productProps" :page="1" :limit="10" :table-data="list">
-            </base-table>
-            <div v-for="(item,index) in downProps" :key="index">
-              <div class="blue-title">工单名称:{{ list[index].workOrderName }}</div>
-              <base-table class="base-table__margin" :table-props="item" :page="1" :limit="10"
-                :table-data="downList[index]">
-              </base-table>
-            </div>
-          </el-tab-pane>
-          <el-tab-pane :label="'\u3000图形数据\u3000'" name="chart" style="overflow: inherit">
-            <SearchBar :formConfigs="searchBarFormConfig" ref="search-bar" @headBtnClick="handleSearchBarBtnClick" />
-            <div id="main" style="height: 500px;width: 1000px;"></div>
-          </el-tab-pane>
-        </el-tabs>
-      </el-col>
-    </el-row>
-    <!-- 分页组件 -->
-    <!-- <pagination
-			v-show="total > 0"
-			:total="total"
-			:page.sync="queryParams.pageNo"
-			:limit.sync="queryParams.pageSize"
-			@pagination="getList" /> -->
-
-    <!-- 对话框(添加 / 修改) -->
-    <!-- <base-dialog
-			:dialogTitle="title"
-			:dialogVisible="open"
-			width="50%"
-			@close="cancel"
-			@cancel="cancel"
-			@confirm="submitForm">
-			<DialogForm v-if="open" ref="form" v-model="form" />
-		</base-dialog> -->
-  </div>
+	<div class="currentDataContainer">
+		<div class="topBox">
+			<el-menu
+				:default-active="activeName"
+				mode="horizontal"
+				@select="handleSelect">
+				<el-menu-item index="currentTest">当前检测数据</el-menu-item>
+				<el-menu-item index="24hour">24小时检测数据</el-menu-item>
+			</el-menu>
+		</div>
+		<div class="bottomBox">
+			<!-- 当前检测数据 -->
+			<div v-if="activeName === 'currentTest'">
+				<CurrentTest />
+			</div>
+			<!-- 24小时检测数据 -->
+			<div v-if="activeName === '24hour'">
+				<HourData />
+			</div>
+		</div>
+	</div>
 </template>
-
 <script>
-import {
-  getInspectionData,
-  getProductList,
-  getWorkOrderList
-} from '@/api/monitoring/statisticalData';
-// import Editor from '@/components/Editor';
-import moment from 'moment';
-// import DialogForm from './dialogForm.vue';
-import * as echarts from 'echarts';
-// import basicPageMixin from '@/mixins/lb/basicPageMixin';
+import CurrentTest from './currentTest.vue';
+import HourData from './hourData.vue';
 export default {
-  name: 'statisticalData',
-	// components: {
-	// 	DialogForm,
-	// },
-	// mixins: [basicPageMixin],
+	name: 'currentData',
 	data() {
-    return {
-      list: [],
-      dynamicProps: [],
-      downProps: [],
-      downList: [],
-      productDetail: {
-        name: null,
-        specifications:null,
-      },
-      activeName: 'table',
-      searchBarFormConfig: [
-        {
-          type: 'label',
-          label: '当前检测数据柱状图',
-          // placeholder: '请选择工单号',
-          // param: 'workOrderId',
-          // selectOptions: [],
-        },
-				// {
-				// 	type: 'select',
-				// 	label: '产品',
-        //   placeholder: '请选择产品',
-        //   param: 'productionId',
-				// 	selectOptions: [],
-				// },
-				// {
-				// 	type: 'input',
-				// 	label: '检测内容',
-				// 	placeholder: '请输入检测内容',
-				// 	param: 'inspectionDetContent',
-				// },
-				// {
-				// 	type: 'datePicker',
-				// 	label: '时间段',
-				// 	dateType: 'daterange', // datetimerange
-				// 	// format: 'yyyy-MM-dd HH:mm:ss',
-				// 	format: 'yyyy-MM-dd',
-        //   valueFormat: 'timestamp',
-				// 	rangeSeparator: '-',
-				// 	startPlaceholder: '开始日期',
-				// 	endPlaceholder: '结束日期',
-				// 	defaultTime: ['00:00:00', '23:59:59'],
-				// 	param: 'checkTime',
-				// 	// width: 350,
-				// },
-				// {
-				// 	type: 'button',
-				// 	btnName: '查询',
-				// 	name: 'search',
-				// 	color: 'primary',
-				// },
-				// {
-				// 	type: 'separate',
-				// },
-				// // {
-				// // 	type: this.$auth.hasPermi(
-				// // 		'base:quality-inspection-record:create'
-				// // 	)
-				// // 		? 'button'
-				// // 		: '',
-				// // 	btnName: '新增',
-				// // 	name: 'add',
-				// // 	plain: true,
-				// // 	color: 'success',
-				// // },
-			],
-			// tableBtn: [
-			// 	this.$auth.hasPermi('base:quality-inspection-record:update')
-			// 		? {
-			// 				type: 'edit',
-			// 				btnName: '修改',
-			// 		  }
-			// 		: undefined,
-      //   this.$auth.hasPermi('base:quality-inspection-record:delete')
-			// 		? {
-			// 				type: 'delete',
-			// 				btnName: '删除',
-			// 		  }
-			// 		: undefined,
-			// ].filter((v) => v),
-			// tableProps: [
-			// 	{
-			// 		prop: 'createTime',
-			// 		label: '添加时间',
-			// 		fixed: true,
-			// 		width: 180,
-			// 		filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
-			// 	},
-			// 	{
-			// 		// width: 128,
-			// 		prop: 'inspectionDetContent',
-			// 		label: '检测内容',
-			// 	},
-			// 	{
-			// 		// width: 128,
-			// 		prop: 'lineName',
-			// 		label: '产线',
-			// 	},
-			// 	{
-			// 		// width: 128,
-			// 		prop: 'checkPerson',
-			// 		label: '检测人员',
-			// 	},
-			// 	{
-			// 		// width: 160,
-			// 		prop: 'checkTime',
-			// 		label: '检测时间',
-			// 		filter: (val) =>
-			// 			val != null ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '-',
-			// 	},
-			// 	{
-			// 		width: 90,
-			// 		prop: 'source',
-			// 		label: '来源',
-			// 		filter: (val) => ['未知', '手动', '自动'][val],
-			// 	},
-			// ],
-      // 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
-
-			// searchBarKeys: ['inspectionDetContent', 'checkTime', 'productionLineId'],
-			// form: {
-			// 	id: undefined,
-			// 	inspectionDetId: undefined,
-			// 	inspectionDetContent: undefined,
-			// 	productionLineId: undefined,
-			// 	sectionId: undefined,
-			// 	checkPerson: undefined,
-			// 	checkTime: undefined,
-			// 	source: undefined,
-			// 	explainText: undefined,
-			// 	remark: undefined,
-			// },
-			// 查询参数
-			queryParams: {
-        workOrderId: undefined,
-        productId: undefined,
-        startTime: undefined,
-        endTime: undefined,
-				// productionLineId: null,
-			},
+		return {
+			activeName: 'currentTest',
 		};
-  },
-	created() {
-		// this.getProductLineList();
-  },
-  computed: {
-    productProps() {
-      return [
-        {
-          // width: 160,
-          prop: 'workOrderName',
-          label: '工单名称',
-        },
-        ...this.dynamicProps,
-        {
-          // width: 128,
-          prop: 'sumInput',
-          label: '上片总数',
-        },
-        {
-          // width: 128,
-          prop: 'sumOutput',
-          label: '下片总数',
-          // subcomponent: {
-          // 	name: 'TextOnly',
-          // 	props: {
-          // 		injectData: {
-          // 			type: Object,
-          // 			default: () => ({}),
-          // 		},
-          // 	},
-          // 	data() {
-          // 		return {
-          // 			text: '比例',
-          // 		};
-          // 	},
-          // 	methods: {
-          // 		handleEmit(payload) {
-          // 			console.log('handleEmit', payload);
-          // 		},
-          // 	},
-          // 	render(h) {
-          // 		return h('el-button', { props: { type: 'text' } }, this.text);
-          // 	},
-          // },
-        },
-      ];
-    },
-  },
-  mounted() {
-    if (this.$route.params.startTime && this.$route.params.endTime) {
-      this.searchBarFormConfig[0].defaultSelect = [
-        this.$route.params.startTime,
-        this.$route.params.endTime,
-      ];
-      this.queryParams.param = {};
-      this.$set(
-        this.queryParams.param,
-        'startTime',
-        this.$route.params.startTime
-      );
-      this.$set(this.queryParams.param, 'endTime', this.$route.params.endTime);
-    } else {
-      this.searchBarFormConfig[0].defaultSelect = [];
-    }
-    this.getList()
-  },
-  methods: {
-    handleTabClick() {
-      if (this.activeName === 'chart') {
-        var chartDom = document.getElementById('main');
-        var myChart = echarts.init(chartDom);
-        var option;
-        let arrXAxis = []
-        this.list.forEach((ele) => {
-          arrXAxis.push(ele.workOrderName)
-        })
-        this.downList.forEach((ele) => {
-          ele.forEach((item) => {
-            if (ele.length !==0 && item.productionline) {
-              arrXAxis.push('产线' + item.productionline)
-
-            }
-          })
-        })
-        let arrYAxis = []
-        this.list.forEach((ele) => {
-          // console.log(ele);
-          arrYAxis.push(ele.sumInput)
-        })
-        this.downList.forEach((ele) => {
-          ele.forEach((item) => {
-            console.log(item);
-            // if (ele.length !== 0 && item.productionline) {
-            arrYAxis.push(item.sumInput)
-            // }
-          })
-        })
-        // console.log(arrXAxis);
-        option = {
-          xAxis: {
-            type: 'category',
-            data: arrXAxis
-          },
-          yAxis: {
-            type: 'value'
-          },
-          series: [
-            {
-              data: arrYAxis,
-              type: 'bar',
-              showBackground: true,
-              barWidth: '20',
-              label: {
-                show: true,
-                position: 'top'
-              },
-              backgroundStyle: {
-                color: 'rgba(180, 180, 180, 0.2)'
-              }
-            }
-          ]
-        };
-
-        option && myChart.setOption(option);
-      }
-    },
-    /** 获取搜索栏的产线列表 */
-    // async getDict() {
-    //   const res = await getProductList()
-    //   const result = await getWorkOrderList()
-    //   console.log(res);
-    //   this.searchBarFormConfig[1].selectOptions = res.data.map((item) => {
-    //     return {
-    //       name: item.name,
-    //       id:item.id
-    //     }
-    //   })
-    //   this.searchBarFormConfig[0].selectOptions = result.data.map((item) => {
-    //     return {
-    //       name: item.name,
-    //       id: item.id
-    //     }
-    //   })
-    // },
-		// getProductLineList() {
-		// 	this.$axios('/base/production-line/listAll').then((response) => {
-		// 		this.searchBarFormConfig[0].selectOptions = response.data.map(
-		// 			(item) => {
-		// 				return {
-		// 					name: item.name,
-		// 					id: item.id,
-		// 				};
-		// 			}
-		// 		);
-		// 	});
-    // },
-    getList() {
-      this.getDataList()
-      // this.getDict()
-    },
-		/** 查询列表 */
-		async getDataList() {
-			this.loading = true;
-      // 执行查询
-      this.downProps= []
-      const res = await getInspectionData(this.queryParams)
-      console.log(res);
-      this.productDetail.name = res.data[0].productName
-      this.productDetail.specifications = res.data[0].specifications
-      // this.productName = res.data[0].productName
-      this.dynamicProps = this.filterNameData(res.data[0].upPart.nameData)
-      console.log(this.dynamicProps)
-      this.list = this.filterData(res.data[0].upPart.data)
-      console.log(this.list)
-      res.data[0].downPart.forEach((ele) => {
-        // console.log(ele.data);
-        let arr = this.downFilterNameData(ele.nameData)
-        if (arr.length !== 0) {
-          let propArr = [{
-            // width: 160,
-            prop: 'inspectionContent',
-            label: '检测内容',
-          },
-          ...arr,
-          {
-            // width: 128,
-            prop: 'sumInput',
-            label: '原片总数',
-            },
-            {
-              // width: 128,
-              prop: 'sumScrap',
-              label: '未通过检测总数',
-            },
-          {
-            // width: 128,
-            prop: 'scrapRatio',
-            label: '报废比例',
-          }]
-          this.downProps.push(propArr)
-        }
-        // this.downProps = []
-      })
-      res.data[0].downPart.forEach((ele) => {
-        // console.log(ele.data);
-        let arr =this.downFilterData(ele.data)
-        if (arr.length !== 0) {
-          this.downList.push(arr)
-        }
-        // this.downProps = []
-      })
-
-      // console.log(this.downList);
-    },
-    downFilterNameData(nameData) {
-      const ndSet = new Set();
-      nameData.forEach((nd) => {
-        ndSet.add(nd.name);
-      });
-      return Array.from(ndSet.values())
-        .sort()
-        .map((name) => ({
-          prop: name,
-          label: name,
-        }));
-      // })
-    },
-    downFilterData(data) {
-      return data.map((item) => {
-        const { data: innerData } = item;
-        const keyValuePairs = {};
-        innerData.map((d) => {
-          keyValuePairs[d.dynamicName] = d.dynamicValue;
-        });
-        return {
-          inspectionContent: item.inspectionContent,
-          ...keyValuePairs,
-          sumInput: item.sumInput,
-          scrapRatio: item.scrapRatio,
-          sumScrap: item.sumScrap
-        };
-      });
-    },
-    filterNameData(nameData) {
-      // console.log(upData);
-      // upData.forEach((ele) => {
-      const ndSet = new Set();
-
-      nameData.forEach((nd) => {
-          ndSet.add(nd.name);
-      });
-        return Array.from(ndSet.values())
-          .sort()
-          .map((name) => ({
-            prop: name,
-            label: name,
-          }));
-      // })
-    },
-    filterData(data) {
-      return data.map((item) => {
-        const { data: innerData } = item;
-        const keyValuePairs = {};
-        innerData.map((d) => {
-          keyValuePairs[d.dynamicName] = d.dynamicValue;
-        });
-        return {
-          inspectionContent: item.inspectionContent,
-          workOrderName: item.workOrderName,
-          ...keyValuePairs,
-          sumInput: item.sumInput,
-          sumOutput: item.sumOutput,
-        };
-      });
-    },
-		/** 取消按钮 */
-    handleSearchBarBtnClick(val) {
-      if (val.btnName === 'search') {
-        this.queryParams.workOrderId = val.workOrderId ? val.workOrderId : undefined
-        this.queryParams.productId = val.productId ? val.productId : undefined
-        this.queryParams.startTime = val.checkTime ? val.checkTime[0] : undefined
-        this.queryParams.endTime = val.checkTime ? val.checkTime[1] : undefined
-
-        this.getList()
-      }
-     console.log(val);
-    }
-		/** 搜索按钮操作 */
-		// handleQuery() {
-		// 	this.queryParams.pageNo = 1;
-		// 	this.getList();
-		// },
-		// /** 重置按钮操作 */
-		// resetQuery() {
-		// 	this.resetForm('queryForm');
-		// 	this.handleQuery();
-		// },
-		// /** 新增按钮操作 */
-		// handleAdd() {
-		// 	this.reset();
-		// 	this.open = true;
-		// 	this.title = '添加质量检查信息记录表';
-		// },
-		// /** 修改按钮操作 */
-		// handleUpdate(row) {
-		// 	this.reset();
-		// 	const id = row.id;
-		// 	getQualityInspectionRecord(id).then((response) => {
-		// 		/** 因为后端返回的时间是时间戳格式，需转换 */
-		// 		const info = {}
-		// 		Object.keys(this.form).forEach(key => {
-		// 			info[key] = response.data[key]
-		// 		});
-		// 		this.form = info;
-		// 		this.open = true;
-		// 		this.title = '修改质量检查信息记录表';
-		// 	});
-		// },
-		// /** 提交按钮 */
-		// submitForm() {
-		// 	this.$refs['form'].validate((valid) => {
-		// 		if (!valid) {
-		// 			return;
-		// 		}
-		// 		// 修改的提交
-		// 		if (this.form.id != null) {
-		// 			updateQualityInspectionRecord(this.form).then((response) => {
-		// 				this.$modal.msgSuccess('修改成功');
-		// 				this.open = false;
-		// 				this.getList();
-		// 			});
-		// 			return;
-		// 		}
-		// 		// 添加的提交
-		// 		createQualityInspectionRecord(this.form).then((response) => {
-		// 			this.$modal.msgSuccess('新增成功');
-		// 			this.open = false;
-		// 			this.getList();
-		// 		});
-		// 	});
-		// },
-		// /** 删除按钮操作 */
-		// handleDelete(row) {
-		// 	const id = row.id;
-		// 	this.$modal
-		// 		.confirm('是否确认删除"' + row.inspectionDetContent + '"?')
-		// 		.then(function () {
-		// 			return deleteQualityInspectionRecord(id);
-		// 		})
-		// 		.then(() => {
-		// 			this.getList();
-		// 			this.$modal.msgSuccess('删除成功');
-		// 		})
-		// 		.catch(() => {});
-		// },
-		// /** 导出按钮操作 */
-		// handleExport() {
-		// 	// 处理查询参数
-		// 	let params = { ...this.queryParams };
-		// 	params.pageNo = undefined;
-		// 	params.pageSize = undefined;
-		// 	this.$modal
-		// 		.confirm('是否确认导出所有质量检查信息记录表数据项?')
-		// 		.then(() => {
-		// 			this.exportLoading = true;
-		// 			return exportQualityInspectionRecordExcel(params);
-		// 		})
-		// 		.then((response) => {
-		// 			this.$download.excel(response, '质量检查信息记录表.xls');
-		// 			this.exportLoading = false;
-		// 		})
-		// 		.catch(() => {});
-		// },
+	},
+	components: {
+		CurrentTest,
+		HourData,
+	},
+	methods: {
+		handleSelect(name) {
+			this.activeName = name;
+		},
 	},
 };
 </script>
 <style scoped lang="scss">
-:deep(.custom-tabs) {
-  .el-tabs__header {
-    margin-bottom: 8px;
-    display: inline-block;
-    transform: translateY(-12px);
-  }
-
-  .el-tabs__content {
-    overflow: visible;
-  }
-
-  .el-tabs__item {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-    line-height: 36px !important;
-    height: 36px;
-  }
-}
-.blue-title {
-  position: relative;
-  padding: 4px 0;
-  padding-left: 12px;
-  font-size: 14px;
-  color: #606266;
-  font-weight: 700;
-  margin-bottom: 12px;
-
-  &::before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 6px;
-    height: 16px;
-    width: 4px;
-    border-radius: 1px;
-    background: #0b58ff;
-  }
+.currentDataContainer {
+	width: 100%;
+	min-height: calc(100vh - 120px - 8px);
+	background: rgba(242, 244, 249, 1);
+	.topBox {
+		.el-menu {
+			background-color: #f2f4f9;
+			margin-bottom: 8px;
+		}
+		.el-menu.el-menu--horizontal {
+			border-bottom: none;
+			width: 100%;
+			.el-menu-item {
+				height: 48px;
+				line-height: 48px;
+				width: calc((100% / 2) - 4px);
+				border-radius: 8px;
+				background-color: #fff;
+				font-size: 16px;
+				font-weight: 500;
+				color: rgba(22, 22, 22, 0.65);
+				text-align: center;
+			}
+			:first-child {
+				margin-right: 8px;
+			}
+			.el-menu-item.is-active {
+				border-width: 4px;
+				color: #161616;
+			}
+		}
+		.el-tabs__active-bar {
+			display: none;
+		}
+	}
+	.bottomBox {
+		min-height: calc(100vh - 184px);
+		background: #fff;
+		padding: 16px;
+		border-radius: 8px;
+	}
 }
 </style>
diff --git a/src/views/quality/monitoring/deviceParameters/index.vue b/src/views/quality/monitoring/deviceParameters/index.vue
index e728b035..70ad1556 100644
--- a/src/views/quality/monitoring/deviceParameters/index.vue
+++ b/src/views/quality/monitoring/deviceParameters/index.vue
@@ -231,7 +231,7 @@ export default {
 			searchBarFormConfig: [
 				{
 					type: 'select',
-					label: '工单',
+					label: '工单名称',
 					selectOptions: [],
 					labelField: 'name',
 					valueField: 'id',
diff --git a/src/views/quality/monitoring/equipmentTraceability/index.vue b/src/views/quality/monitoring/equipmentTraceability/index.vue
index e8239a95..834b5865 100644
--- a/src/views/quality/monitoring/equipmentTraceability/index.vue
+++ b/src/views/quality/monitoring/equipmentTraceability/index.vue
@@ -202,6 +202,7 @@ export default {
 					selectOptions: [],
 					filterable: true,
 					clearable: false,
+					defaultSelect: '',
 				},
 				{
 					// parent: 'dateFilterType',
@@ -246,7 +247,6 @@ export default {
 	},
 	created() {
 		this.getWorkOrder();
-		this.getList();
 	},
 	methods: {
 		/** 准备工厂数据 */
@@ -262,7 +262,16 @@ export default {
 						id: item.id,
 					};
 				});
+				this.searchBarFormConfig[0].defaultSelect =
+					this.searchBarFormConfig[0].selectOptions[0].id;
+				this.queryParams.workOrderId =
+					this.searchBarFormConfig[0].selectOptions[0].id;
+			} else {
+				this.searchBarFormConfig[0].selectOptions = [];
+				this.searchBarFormConfig[0].defaultSelect = '';
+				this.queryParams.workOrderId = '';
 			}
+			this.getList();
 		},
 		/** 查询列表 */
 		async getList() {
@@ -284,14 +293,11 @@ export default {
 			});
 		},
 		handleSearchBarBtnClick({ btnName, ...payload }) {
-			console.log(btnName);
-			console.log(payload);
+			this.queryParams.workOrderId = payload.workOrderId || null;
+			this.queryParams.recordTime = payload.recordTime || undefined;
 			if (btnName == 'search') {
-				this.queryParams.workOrderId = payload.workOrderId || null;
-				this.queryParams.recordTime = payload.recordTime || undefined;
 				this.getList();
 			} else {
-				// this.queryParams.recordTime = null;
 				this.exportExcel();
 				console.log('导出');
 			}
diff --git a/src/views/quality/monitoring/materielDateFrom/index.vue b/src/views/quality/monitoring/materielDateFrom/index.vue
index 67f301cb..80a3b8ba 100644
--- a/src/views/quality/monitoring/materielDateFrom/index.vue
+++ b/src/views/quality/monitoring/materielDateFrom/index.vue
@@ -111,9 +111,10 @@ export default {
 					type: 'select',
 					label: '工单名称',
 					selectOptions: [],
-					labelField: 'name',
-					valueField: 'id',
 					param: 'workOrderId',
+					defaultSelect: '',
+					filterable: true,
+					clearable: false,
 				},
 				{
 					type: 'datePicker',
@@ -153,7 +154,6 @@ export default {
 		// AddOrUpdate,
 	},
 	created() {
-		this.getList();
 		this.getDict();
 	},
 	methods: {
@@ -172,6 +172,11 @@ export default {
 					};
 				});
 				console.log(this.formConfig[0].selectOptions);
+				this.formConfig[0].defaultSelect =
+					this.formConfig[0].selectOptions[0].id || '';
+				this.listQuery.workOrderId =
+					this.formConfig[0].selectOptions[0].id || '';
+				this.getList();
 			});
 		},
 		handleExport() {
diff --git a/src/views/quality/monitoring/rawMaterialTraceability/index.vue b/src/views/quality/monitoring/rawMaterialTraceability/index.vue
index 97a71840..d9980604 100644
--- a/src/views/quality/monitoring/rawMaterialTraceability/index.vue
+++ b/src/views/quality/monitoring/rawMaterialTraceability/index.vue
@@ -115,7 +115,6 @@ export default {
 		};
 	},
 	created() {
-		this.getList();
 		this.getDict();
 	},
 	methods: {
@@ -135,7 +134,9 @@ export default {
 				});
 				this.formConfig[0].defaultSelect =
 					this.formConfig[0].selectOptions[0].id || '';
-				console.log(this.formConfig[0].selectOptions);
+				this.listQuery.workOrderId =
+					this.formConfig[0].selectOptions[0].id || '';
+				this.getList();
 			});
 		},
 		buttonClick(val) {

From d44c366a19eb62e0e5a879de5a0e6106b2b6f745 Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Fri, 26 Jul 2024 14:40:53 +0800
Subject: [PATCH 10/10] =?UTF-8?q?=E8=B4=A8=E9=87=8F=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/monitoring/statisticalData.js         |   8 +
 .../quality/currentData copy/dialogForm.vue   | 270 --------
 src/views/quality/currentData copy/index.vue  | 649 ------------------
 src/views/quality/currentData/baseChart.vue   | 135 ++--
 src/views/quality/currentData/currentTest.vue | 265 ++++---
 src/views/quality/currentData/hourData.vue    | 229 ++----
 .../quality/qualityInspectionRecord/index.vue |   2 +-
 src/views/quality/qualityScrapLog/index.vue   |   2 +-
 8 files changed, 312 insertions(+), 1248 deletions(-)
 delete mode 100644 src/views/quality/currentData copy/dialogForm.vue
 delete mode 100644 src/views/quality/currentData copy/index.vue

diff --git a/src/api/monitoring/statisticalData.js b/src/api/monitoring/statisticalData.js
index 2d0f19be..d0170bd1 100644
--- a/src/api/monitoring/statisticalData.js
+++ b/src/api/monitoring/statisticalData.js
@@ -38,3 +38,11 @@ export function getInspectionData(query) {
     params: query,
   })
 }
+
+export function getRecordInOneDay(query) {
+  return request({
+    url: '/analysis/record-in-one-day/get',
+    method: 'get',
+    params: query,
+  })
+}
diff --git a/src/views/quality/currentData copy/dialogForm.vue b/src/views/quality/currentData copy/dialogForm.vue
deleted file mode 100644
index be2f7c74..00000000
--- a/src/views/quality/currentData copy/dialogForm.vue	
+++ /dev/null
@@ -1,270 +0,0 @@
-<!--
-    filename: dialogForm.vue
-    author: liubin
-    date: 2023-09-11 15:55:13
-    description: DialogForm for qualityInspectionRecord only
--->
-
-<template>
-	<el-form
-		ref="form"
-		:model="innerDataForm"
-		label-width="100px"
-		v-loading="formLoading">
-		<el-row :gutter="20">
-			<el-col :span="12">
-				<el-form-item
-					label="检测内容"
-					prop="inspectionDetId"
-					:rules="[{ required: true, message: '检测内容不能为空', trigger: 'blur' }]">
-					<el-select
-						v-model="innerDataForm.inspectionDetId"
-						placeholder="请选择检测内容"
-						filterable
-						clearable
-						@change="handleInspectionDetChange">
-						<el-option
-							v-for="opt in inspectionDetList"
-							:key="opt.value"
-							:label="opt.label"
-							:value="opt.value" />
-					</el-select>
-				</el-form-item>
-			</el-col>
-
-			<el-col :span="12">
-				<el-form-item
-					label="来源"
-					prop="source"
-					:rules="[{ required: true, message: '来源不能为空', trigger: 'blur' }]">
-					<el-select
-						v-model="innerDataForm.source"
-						placeholder="请选择来源"
-						filterable
-						clearable
-						@change="$emit('update', innerDataForm)">
-						<el-option
-							v-for="opt in [
-								{ label: '手动', value: 1 },
-								{ label: '自动', value: 2 },
-							]"
-							:key="opt.value"
-							:label="opt.label"
-							:value="opt.value" />
-					</el-select>
-				</el-form-item>
-			</el-col>
-		</el-row>
-		<el-row :gutter="20">
-			<el-col :span="12">
-				<el-form-item
-					label="产线"
-					prop="productionLineId"
-					:rules="[{ required: true, message: '产线不能为空', trigger: 'blur' }]">
-					<el-select
-						v-model="innerDataForm.productionLineId"
-						placeholder="请选择产线"
-						filterable
-						clearable
-						@change="handleProductlineChange">
-						<el-option
-							v-for="opt in productionLineList"
-							:key="opt.value"
-							:label="opt.label"
-							:value="opt.value" />
-					</el-select>
-				</el-form-item>
-			</el-col>
-			<el-col :span="12">
-				<el-form-item
-					label="工段"
-					prop="sectionId"
-					:rules="[{ required: true, message: '工段不能为空', trigger: 'blur' }]">
-					<el-select
-						v-model="innerDataForm.sectionId"
-						placeholder="请选择工段"
-						clearable
-						filterable
-						@change="$emit('update', innerDataForm)">
-						<el-option
-							v-for="opt in sectionList"
-							:key="opt.value"
-							:label="opt.label"
-							:value="opt.value" />
-					</el-select>
-				</el-form-item>
-			</el-col>
-		</el-row>
-		<el-row :gutter="20">
-			<el-col :span="12">
-				<el-form-item label="检测人员" prop="checkPerson">
-					<el-input
-						v-model="innerDataForm.checkPerson"
-						clearable
-						@change="$emit('update', innerDataForm)"
-						placeholder="请输入检测人员" />
-				</el-form-item>
-			</el-col>
-
-			<el-col :span="12">
-				<el-form-item
-					label="检测时间"
-					prop="checkTime"
-					:rules="[{ required: true, message: '检测时间不能为空', trigger: 'blur' }]">
-					<el-date-picker
-						v-model="innerDataForm.checkTime"
-						type="datetime"
-						placeholder="请选择检测时间"
-						value-format="timestamp"
-						@change="$emit('update', innerDataForm)"></el-date-picker>
-				</el-form-item>
-			</el-col>
-		</el-row>
-
-		<el-row :gutter="20">
-			<el-col>
-				<el-form-item label="描述" prop="explainText">
-					<el-input
-						v-model="innerDataForm.explainText"
-						placeholder="请输入描述信息"
-						@change="$emit('update', innerDataForm)"
-						type="textarea"></el-input>
-				</el-form-item>
-			</el-col>
-			<el-col>
-				<el-form-item label="备注" prop="remark">
-					<el-input
-						v-model="innerDataForm.remark"
-						@change="$emit('update', innerDataForm)"
-						placeholder="请输入备注"></el-input>
-				</el-form-item>
-			</el-col>
-		</el-row>
-	</el-form>
-</template>
-
-<script>
-export default {
-	name: 'DialogForm',
-	model: {
-		prop: 'dataForm',
-		event: 'update',
-	},
-	emits: ['update'],
-	components: {},
-	props: {
-		dataForm: {
-			type: Object,
-			default: () => ({}),
-		},
-	},
-	data() {
-		return {
-			formLoading: true,
-			inspectionDetList: [],
-			productionLineList: [],
-			sectionList: [],
-			innerDataForm: {},
-			cacheInspectionDetList: null,
-		};
-	},
-	mounted() {
-		Promise.all([this.getProductLineList(), this.getInspectionDetList()]).then(
-			() => {
-				this.formLoading = false;
-			}
-		);
-	},
-	watch: {
-		// 'innerDataForm.productionLineId': {
-		// 	handler: async function (plId) {
-		// 		if (plId) await this.getWorksectionList(plId);
-		// 	},
-		// 	immediate: true,
-		// },
-		dataForm: {
-			handler: function (dataForm) {
-				this.innerDataForm = Object.assign({}, dataForm);
-
-				if (dataForm.productionLineId)
-					this.getWorksectionList(dataForm.productionLineId);
-			},
-			immediate: true,
-		},
-	},
-	methods: {
-		/** 模拟透传 ref  */
-		validate(cb) {
-			return this.$refs.form.validate(cb);
-		},
-		resetFields(args) {
-			return this.$refs.form.resetFields(args);
-		},
-
-		handleInspectionDetChange(value) {
-			const { id, content } = this.cacheInspectionDetList.find(
-				(item) => item.id == value
-			);
-			this.innerDataForm.inspectionDetId = id;
-			this.innerDataForm.inspectionDetContent = content;
-			this.$emit('update', this.innerDataForm);
-		},
-
-		async handleProductlineChange(id) {
-			// await this.getWorksectionList(id);
-			this.innerDataForm.sectionId = null;
-			this.$emit('update', this.innerDataForm);
-		},
-
-		// getCode
-		async getCode(url) {
-			const response = await this.$axios(url);
-			return response.data;
-		},
-
-		// 获取产线列表
-		async getProductLineList() {
-      const response = await this.$axios('/base/core-production-line/listAll');
-			this.productionLineList = response.data.map((item) => ({
-				label: item.name,
-				value: item.id,
-			}));
-		},
-
-		// 获取检测内容列表
-		async getInspectionDetList() {
-			const response = await this.$axios(
-				'/base/quality-inspection-det/listAll'
-			);
-			this.cacheInspectionDetList = response.data;
-			this.inspectionDetList = response.data.map((item) => ({
-				label: item.content,
-				value: item.id,
-			}));
-		},
-
-		// 获取工段列表
-		async getWorksectionList(plId) {
-			const response = await this.$axios(
-				'/base/workshop-section/listByParentId',
-				{
-					params: {
-						id: plId,
-					},
-				}
-			);
-			this.sectionList = response.data.map((item) => ({
-				label: item.name,
-				value: item.id,
-			}));
-		},
-	},
-};
-</script>
-
-<style scoped lang="scss">
-.el-date-editor,
-.el-select {
-	width: 100%;
-}
-</style>
diff --git a/src/views/quality/currentData copy/index.vue b/src/views/quality/currentData copy/index.vue
deleted file mode 100644
index 830cbac0..00000000
--- a/src/views/quality/currentData copy/index.vue	
+++ /dev/null
@@ -1,649 +0,0 @@
-<template>
-	<div class="app-container">
-		<!-- 搜索工作栏 -->
-		<!-- 列表 -->
-		<el-row>
-			<el-col class="custom-tabs">
-				<el-tabs
-					v-model="activeName"
-					:stretch="true"
-					@tab-click="handleTabClick">
-					<el-tab-pane :label="'\u2002表格数据\u2002'" name="table">
-						<!-- 列表 -->
-						<div class="blue-title">
-							产品名：{{ productDetail.name }} 产品规格：{{
-								productDetail.specifications
-							}}
-						</div>
-						<base-table
-							class="base-table__margin"
-							:table-props="productProps"
-							:page="1"
-							:limit="10"
-							:table-data="list"></base-table>
-						<div v-for="(item, index) in downProps" :key="index">
-							<div class="blue-title">
-								工单名称:{{ list[index].workOrderName }}
-							</div>
-							<base-table
-								class="base-table__margin"
-								:table-props="item"
-								:page="1"
-								:limit="10"
-								:table-data="downList[index]"></base-table>
-						</div>
-					</el-tab-pane>
-					<el-tab-pane
-						:label="'\u3000图形数据\u3000'"
-						name="chart"
-						style="overflow: inherit">
-						<SearchBar
-							:formConfigs="searchBarFormConfig"
-							ref="search-bar"
-							@headBtnClick="handleSearchBarBtnClick" />
-						<div id="main" style="height: 500px; width: 1000px"></div>
-					</el-tab-pane>
-				</el-tabs>
-			</el-col>
-		</el-row>
-		<!-- 分页组件 -->
-		<!-- <pagination
-			v-show="total > 0"
-			:total="total"
-			:page.sync="queryParams.pageNo"
-			:limit.sync="queryParams.pageSize"
-			@pagination="getList" /> -->
-
-		<!-- 对话框(添加 / 修改) -->
-		<!-- <base-dialog
-			:dialogTitle="title"
-			:dialogVisible="open"
-			width="50%"
-			@close="cancel"
-			@cancel="cancel"
-			@confirm="submitForm">
-			<DialogForm v-if="open" ref="form" v-model="form" />
-		</base-dialog> -->
-	</div>
-</template>
-
-<script>
-import {
-	getInspectionData,
-	getProductList,
-	getWorkOrderList,
-} from '@/api/monitoring/statisticalData';
-// import Editor from '@/components/Editor';
-import moment from 'moment';
-// import DialogForm from './dialogForm.vue';
-import * as echarts from 'echarts';
-// import basicPageMixin from '@/mixins/lb/basicPageMixin';
-export default {
-	name: 'statisticalData',
-	// components: {
-	// 	DialogForm,
-	// },
-	// mixins: [basicPageMixin],
-	data() {
-		return {
-			list: [],
-			dynamicProps: [],
-			downProps: [],
-			downList: [],
-			productDetail: {
-				name: null,
-				specifications: null,
-			},
-			activeName: 'table',
-			searchBarFormConfig: [
-				{
-					type: 'label',
-					label: '当前检测数据柱状图',
-					// placeholder: '请选择工单号',
-					// param: 'workOrderId',
-					// selectOptions: [],
-				},
-				// {
-				// 	type: 'select',
-				// 	label: '产品',
-				//   placeholder: '请选择产品',
-				//   param: 'productionId',
-				// 	selectOptions: [],
-				// },
-				// {
-				// 	type: 'input',
-				// 	label: '检测内容',
-				// 	placeholder: '请输入检测内容',
-				// 	param: 'inspectionDetContent',
-				// },
-				// {
-				// 	type: 'datePicker',
-				// 	label: '时间段',
-				// 	dateType: 'daterange', // datetimerange
-				// 	// format: 'yyyy-MM-dd HH:mm:ss',
-				// 	format: 'yyyy-MM-dd',
-				//   valueFormat: 'timestamp',
-				// 	rangeSeparator: '-',
-				// 	startPlaceholder: '开始日期',
-				// 	endPlaceholder: '结束日期',
-				// 	defaultTime: ['00:00:00', '23:59:59'],
-				// 	param: 'checkTime',
-				// 	// width: 350,
-				// },
-				// {
-				// 	type: 'button',
-				// 	btnName: '查询',
-				// 	name: 'search',
-				// 	color: 'primary',
-				// },
-				// {
-				// 	type: 'separate',
-				// },
-				// // {
-				// // 	type: this.$auth.hasPermi(
-				// // 		'base:quality-inspection-record:create'
-				// // 	)
-				// // 		? 'button'
-				// // 		: '',
-				// // 	btnName: '新增',
-				// // 	name: 'add',
-				// // 	plain: true,
-				// // 	color: 'success',
-				// // },
-			],
-			// tableBtn: [
-			// 	this.$auth.hasPermi('base:quality-inspection-record:update')
-			// 		? {
-			// 				type: 'edit',
-			// 				btnName: '修改',
-			// 		  }
-			// 		: undefined,
-			//   this.$auth.hasPermi('base:quality-inspection-record:delete')
-			// 		? {
-			// 				type: 'delete',
-			// 				btnName: '删除',
-			// 		  }
-			// 		: undefined,
-			// ].filter((v) => v),
-			// tableProps: [
-			// 	{
-			// 		prop: 'createTime',
-			// 		label: '添加时间',
-			// 		fixed: true,
-			// 		width: 180,
-			// 		filter: (val) => moment(val).format('yyyy-MM-DD HH:mm:ss'),
-			// 	},
-			// 	{
-			// 		// width: 128,
-			// 		prop: 'inspectionDetContent',
-			// 		label: '检测内容',
-			// 	},
-			// 	{
-			// 		// width: 128,
-			// 		prop: 'lineName',
-			// 		label: '产线',
-			// 	},
-			// 	{
-			// 		// width: 128,
-			// 		prop: 'checkPerson',
-			// 		label: '检测人员',
-			// 	},
-			// 	{
-			// 		// width: 160,
-			// 		prop: 'checkTime',
-			// 		label: '检测时间',
-			// 		filter: (val) =>
-			// 			val != null ? moment(val).format('yyyy-MM-DD HH:mm:ss') : '-',
-			// 	},
-			// 	{
-			// 		width: 90,
-			// 		prop: 'source',
-			// 		label: '来源',
-			// 		filter: (val) => ['未知', '手动', '自动'][val],
-			// 	},
-			// ],
-			// 搜索框需要的 keys, 与上面 queryParams 的除 pageNo, pageSize 之外的 key 一一对应
-
-			// searchBarKeys: ['inspectionDetContent', 'checkTime', 'productionLineId'],
-			// form: {
-			// 	id: undefined,
-			// 	inspectionDetId: undefined,
-			// 	inspectionDetContent: undefined,
-			// 	productionLineId: undefined,
-			// 	sectionId: undefined,
-			// 	checkPerson: undefined,
-			// 	checkTime: undefined,
-			// 	source: undefined,
-			// 	explainText: undefined,
-			// 	remark: undefined,
-			// },
-			// 查询参数
-			queryParams: {
-				workOrderId: undefined,
-				productId: undefined,
-				startTime: undefined,
-				endTime: undefined,
-				// productionLineId: null,
-			},
-		};
-	},
-	created() {
-		// this.getProductLineList();
-	},
-	computed: {
-		productProps() {
-			return [
-				{
-					// width: 160,
-					prop: 'workOrderName',
-					label: '工单名称',
-				},
-				...this.dynamicProps,
-				{
-					// width: 128,
-					prop: 'sumInput',
-					label: '上片总数',
-				},
-				{
-					// width: 128,
-					prop: 'sumOutput',
-					label: '下片总数',
-					// subcomponent: {
-					// 	name: 'TextOnly',
-					// 	props: {
-					// 		injectData: {
-					// 			type: Object,
-					// 			default: () => ({}),
-					// 		},
-					// 	},
-					// 	data() {
-					// 		return {
-					// 			text: '比例',
-					// 		};
-					// 	},
-					// 	methods: {
-					// 		handleEmit(payload) {
-					// 			console.log('handleEmit', payload);
-					// 		},
-					// 	},
-					// 	render(h) {
-					// 		return h('el-button', { props: { type: 'text' } }, this.text);
-					// 	},
-					// },
-				},
-			];
-		},
-	},
-	mounted() {
-		if (this.$route.params.startTime && this.$route.params.endTime) {
-			this.searchBarFormConfig[0].defaultSelect = [
-				this.$route.params.startTime,
-				this.$route.params.endTime,
-			];
-			this.queryParams.param = {};
-			this.$set(
-				this.queryParams.param,
-				'startTime',
-				this.$route.params.startTime
-			);
-			this.$set(this.queryParams.param, 'endTime', this.$route.params.endTime);
-		} else {
-			this.searchBarFormConfig[0].defaultSelect = [];
-		}
-		this.getList();
-	},
-	methods: {
-		handleTabClick() {
-			if (this.activeName === 'chart') {
-				var chartDom = document.getElementById('main');
-				var myChart = echarts.init(chartDom);
-				var option;
-				let arrXAxis = [];
-				this.list.forEach((ele) => {
-					arrXAxis.push(ele.workOrderName);
-				});
-				this.downList.forEach((ele) => {
-					ele.forEach((item) => {
-						if (ele.length !== 0 && item.productionline) {
-							arrXAxis.push('产线' + item.productionline);
-						}
-					});
-				});
-				let arrYAxis = [];
-				this.list.forEach((ele) => {
-					// console.log(ele);
-					arrYAxis.push(ele.sumInput);
-				});
-				this.downList.forEach((ele) => {
-					ele.forEach((item) => {
-						console.log(item);
-						// if (ele.length !== 0 && item.productionline) {
-						arrYAxis.push(item.sumInput);
-						// }
-					});
-				});
-				// console.log(arrXAxis);
-				option = {
-					xAxis: {
-						type: 'category',
-						data: arrXAxis,
-					},
-					yAxis: {
-						type: 'value',
-					},
-					series: [
-						{
-							data: arrYAxis,
-							type: 'bar',
-							showBackground: true,
-							barWidth: '20',
-							label: {
-								show: true,
-								position: 'top',
-							},
-							backgroundStyle: {
-								color: 'rgba(180, 180, 180, 0.2)',
-							},
-						},
-					],
-				};
-
-				option && myChart.setOption(option);
-			}
-		},
-		/** 获取搜索栏的产线列表 */
-		// async getDict() {
-		//   const res = await getProductList()
-		//   const result = await getWorkOrderList()
-		//   console.log(res);
-		//   this.searchBarFormConfig[1].selectOptions = res.data.map((item) => {
-		//     return {
-		//       name: item.name,
-		//       id:item.id
-		//     }
-		//   })
-		//   this.searchBarFormConfig[0].selectOptions = result.data.map((item) => {
-		//     return {
-		//       name: item.name,
-		//       id: item.id
-		//     }
-		//   })
-		// },
-		// getProductLineList() {
-		// 	this.$axios('/base/production-line/listAll').then((response) => {
-		// 		this.searchBarFormConfig[0].selectOptions = response.data.map(
-		// 			(item) => {
-		// 				return {
-		// 					name: item.name,
-		// 					id: item.id,
-		// 				};
-		// 			}
-		// 		);
-		// 	});
-		// },
-		getList() {
-			this.getDataList();
-			// this.getDict()
-		},
-		/** 查询列表 */
-		async getDataList() {
-			this.loading = true;
-			// 执行查询
-			this.downProps = [];
-			const res = await getInspectionData(this.queryParams);
-			console.log(res);
-			this.productDetail.name = res.data[0].productName;
-			this.productDetail.specifications = res.data[0].specifications;
-			// this.productName = res.data[0].productName
-			this.dynamicProps = this.filterNameData(res.data[0].upPart.nameData);
-			console.log(this.dynamicProps);
-			this.list = this.filterData(res.data[0].upPart.data);
-			console.log(this.list);
-			res.data[0].downPart.forEach((ele) => {
-				// console.log(ele.data);
-				let arr = this.downFilterNameData(ele.nameData);
-				if (arr.length !== 0) {
-					let propArr = [
-						{
-							// width: 160,
-							prop: 'inspectionContent',
-							label: '检测内容',
-						},
-						...arr,
-						{
-							// width: 128,
-							prop: 'sumInput',
-							label: '原片总数',
-						},
-						{
-							// width: 128,
-							prop: 'sumScrap',
-							label: '未通过检测总数',
-						},
-						{
-							// width: 128,
-							prop: 'scrapRatio',
-							label: '报废比例',
-						},
-					];
-					this.downProps.push(propArr);
-				}
-				// this.downProps = []
-			});
-			res.data[0].downPart.forEach((ele) => {
-				// console.log(ele.data);
-				let arr = this.downFilterData(ele.data);
-				if (arr.length !== 0) {
-					this.downList.push(arr);
-				}
-				// this.downProps = []
-			});
-
-			// console.log(this.downList);
-		},
-		downFilterNameData(nameData) {
-			const ndSet = new Set();
-			nameData.forEach((nd) => {
-				ndSet.add(nd.name);
-			});
-			return Array.from(ndSet.values())
-				.sort()
-				.map((name) => ({
-					prop: name,
-					label: name,
-				}));
-			// })
-		},
-		downFilterData(data) {
-			return data.map((item) => {
-				const { data: innerData } = item;
-				const keyValuePairs = {};
-				innerData.map((d) => {
-					keyValuePairs[d.dynamicName] = d.dynamicValue;
-				});
-				return {
-					inspectionContent: item.inspectionContent,
-					...keyValuePairs,
-					sumInput: item.sumInput,
-					scrapRatio: item.scrapRatio,
-					sumScrap: item.sumScrap,
-				};
-			});
-		},
-		filterNameData(nameData) {
-			// console.log(upData);
-			// upData.forEach((ele) => {
-			const ndSet = new Set();
-
-			nameData.forEach((nd) => {
-				ndSet.add(nd.name);
-			});
-			return Array.from(ndSet.values())
-				.sort()
-				.map((name) => ({
-					prop: name,
-					label: name,
-				}));
-			// })
-		},
-		filterData(data) {
-			return data.map((item) => {
-				const { data: innerData } = item;
-				const keyValuePairs = {};
-				innerData.map((d) => {
-					keyValuePairs[d.dynamicName] = d.dynamicValue;
-				});
-				return {
-					inspectionContent: item.inspectionContent,
-					workOrderName: item.workOrderName,
-					...keyValuePairs,
-					sumInput: item.sumInput,
-					sumOutput: item.sumOutput,
-				};
-			});
-		},
-		/** 取消按钮 */
-		handleSearchBarBtnClick(val) {
-			if (val.btnName === 'search') {
-				this.queryParams.workOrderId = val.workOrderId
-					? val.workOrderId
-					: undefined;
-				this.queryParams.productId = val.productId ? val.productId : undefined;
-				this.queryParams.startTime = val.checkTime
-					? val.checkTime[0]
-					: undefined;
-				this.queryParams.endTime = val.checkTime ? val.checkTime[1] : undefined;
-
-				this.getList();
-			}
-			console.log(val);
-		},
-		/** 搜索按钮操作 */
-		// handleQuery() {
-		// 	this.queryParams.pageNo = 1;
-		// 	this.getList();
-		// },
-		// /** 重置按钮操作 */
-		// resetQuery() {
-		// 	this.resetForm('queryForm');
-		// 	this.handleQuery();
-		// },
-		// /** 新增按钮操作 */
-		// handleAdd() {
-		// 	this.reset();
-		// 	this.open = true;
-		// 	this.title = '添加质量检查信息记录表';
-		// },
-		// /** 修改按钮操作 */
-		// handleUpdate(row) {
-		// 	this.reset();
-		// 	const id = row.id;
-		// 	getQualityInspectionRecord(id).then((response) => {
-		// 		/** 因为后端返回的时间是时间戳格式，需转换 */
-		// 		const info = {}
-		// 		Object.keys(this.form).forEach(key => {
-		// 			info[key] = response.data[key]
-		// 		});
-		// 		this.form = info;
-		// 		this.open = true;
-		// 		this.title = '修改质量检查信息记录表';
-		// 	});
-		// },
-		// /** 提交按钮 */
-		// submitForm() {
-		// 	this.$refs['form'].validate((valid) => {
-		// 		if (!valid) {
-		// 			return;
-		// 		}
-		// 		// 修改的提交
-		// 		if (this.form.id != null) {
-		// 			updateQualityInspectionRecord(this.form).then((response) => {
-		// 				this.$modal.msgSuccess('修改成功');
-		// 				this.open = false;
-		// 				this.getList();
-		// 			});
-		// 			return;
-		// 		}
-		// 		// 添加的提交
-		// 		createQualityInspectionRecord(this.form).then((response) => {
-		// 			this.$modal.msgSuccess('新增成功');
-		// 			this.open = false;
-		// 			this.getList();
-		// 		});
-		// 	});
-		// },
-		// /** 删除按钮操作 */
-		// handleDelete(row) {
-		// 	const id = row.id;
-		// 	this.$modal
-		// 		.confirm('是否确认删除"' + row.inspectionDetContent + '"?')
-		// 		.then(function () {
-		// 			return deleteQualityInspectionRecord(id);
-		// 		})
-		// 		.then(() => {
-		// 			this.getList();
-		// 			this.$modal.msgSuccess('删除成功');
-		// 		})
-		// 		.catch(() => {});
-		// },
-		// /** 导出按钮操作 */
-		// handleExport() {
-		// 	// 处理查询参数
-		// 	let params = { ...this.queryParams };
-		// 	params.pageNo = undefined;
-		// 	params.pageSize = undefined;
-		// 	this.$modal
-		// 		.confirm('是否确认导出所有质量检查信息记录表数据项?')
-		// 		.then(() => {
-		// 			this.exportLoading = true;
-		// 			return exportQualityInspectionRecordExcel(params);
-		// 		})
-		// 		.then((response) => {
-		// 			this.$download.excel(response, '质量检查信息记录表.xls');
-		// 			this.exportLoading = false;
-		// 		})
-		// 		.catch(() => {});
-		// },
-	},
-};
-</script>
-<style scoped lang="scss">
-:deep(.custom-tabs) {
-	.el-tabs__header {
-		margin-bottom: 8px;
-		display: inline-block;
-		transform: translateY(-12px);
-	}
-
-	.el-tabs__content {
-		overflow: visible;
-	}
-
-	.el-tabs__item {
-		padding-left: 0 !important;
-		padding-right: 0 !important;
-		line-height: 36px !important;
-		height: 36px;
-	}
-}
-.blue-title {
-	position: relative;
-	padding: 4px 0;
-	padding-left: 12px;
-	font-size: 14px;
-	color: #606266;
-	font-weight: 700;
-	margin-bottom: 12px;
-
-	&::before {
-		content: '';
-		position: absolute;
-		left: 0;
-		top: 6px;
-		height: 16px;
-		width: 4px;
-		border-radius: 1px;
-		background: #0b58ff;
-	}
-}
-</style>
diff --git a/src/views/quality/currentData/baseChart.vue b/src/views/quality/currentData/baseChart.vue
index 328b785f..477f8383 100644
--- a/src/views/quality/currentData/baseChart.vue
+++ b/src/views/quality/currentData/baseChart.vue
@@ -1,5 +1,7 @@
 <template>
-	<div id="currentDataChart" style="width: 100%; height: 300px"></div>
+	<div
+		:id="'currentDataChart' + chartN"
+		style="width: 100%; height: 300px"></div>
 </template>
 <script>
 import * as echarts from 'echarts';
@@ -13,24 +15,36 @@ export default {
 			chart: '',
 		};
 	},
-	// props: {
-	// 	chartData: {
-	// 		type: Array,
-	// 		required: true,
-	// 		default: () => {
-	// 			return [];
-	// 		},
-	// 	},
-	// },
-	// watch: {
-	// 	chartData: function () {
-	// 		this.getChart();
-	// 	},
-	// },
-	mounted() {
-		window.addEventListener('resize', () => {
+	props: {
+		chartData: {
+			type: Array,
+			required: true,
+			default: () => {
+				return [];
+			},
+		},
+		lineName: {
+			type: Array,
+			required: true,
+			default: () => {
+				return [];
+			},
+		},
+		chartN: {
+			type: Number,
+			required: true,
+			default: () => {
+				return 0;
+			},
+		},
+	},
+	watch: {
+		chartData: function () {
 			this.getChart();
-		});
+		},
+	},
+	mounted() {
+		this.getChart();
 	},
 	methods: {
 		getChart() {
@@ -41,11 +55,32 @@ export default {
 			) {
 				this.chart.dispose(); // 页面多次刷新会出现警告，Dom已经初始化了一个实例，这是销毁实例
 			}
-			this.chartDom = document.getElementById('currentDataChart');
+			this.chartDom = document.getElementById('currentDataChart' + this.chartN);
 			this.chart = echarts.init(this.chartDom);
-			// if (this.chartData.length === 0) {
-			// 	return false;
-			// }
+			if (this.chartData.length === 0) {
+				return false;
+			}
+			console.log('chartData:', this.chartData);
+			console.log('lineName:', this.lineName);
+			let xData = this.chartData.map((item) => {
+				return item.inspectionContent;
+			});
+			console.log('xData:', xData);
+			let series = [];
+			this.lineName.map((item) => {
+				let obj = {
+					data: [],
+					type: 'bar',
+					stack: 'a',
+					barWidth: 20,
+					name: item.prop,
+				};
+				this.chartData.forEach((ele) => {
+					obj.data.push(ele[item.prop]);
+				});
+				series.push(obj);
+			});
+			console.log('series:', series);
 			var option = {
 				color: [
 					'#288AFF',
@@ -59,63 +94,31 @@ export default {
 					'#D680FF',
 					'#0043D2',
 				],
-				// legend: {
-				// 	data: keys,
-				// 	right: '1%',
-				// },
+				legend: {
+					itemWidth: 10,
+					itemHeight: 10,
+					textStyle: {
+						color: '#8c8c8c',
+					},
+					right: 0,
+				},
 				tooltip: {
 					trigger: 'axis',
 				},
 				grid: {
-					left: '1%',
-					right: '1%',
+					left: 20,
+					right: 0,
 					bottom: '3%',
 					containLabel: true,
 				},
 				xAxis: {
 					type: 'category',
-					data: ['1', '2', '3', '4', '5'],
+					data: xData,
 				},
 				yAxis: {
 					type: 'value',
 				},
-				series: [
-					{
-						data: [50, 30, 40, 50, 60],
-						type: 'bar',
-						stack: 'a',
-						barWidth: 20,
-						name: '产线1',
-					},
-					{
-						data: [30, 50, 44, 52, 39],
-						type: 'bar',
-						stack: 'a',
-						barWidth: 20,
-						name: '产线2',
-					},
-					{
-						data: [53, 33, 43, 53, 63],
-						type: 'bar',
-						stack: 'a',
-						barWidth: 20,
-						name: '产线3',
-					},
-					{
-						data: [35, 39, 44, 65, 45],
-						type: 'bar',
-						stack: 'a',
-						barWidth: 20,
-						name: '产线4',
-					},
-					{
-						data: [50, 30, 40, 50, 60],
-						type: 'bar',
-						stack: 'a',
-						barWidth: 20,
-						name: '产线5',
-					},
-				],
+				series: series,
 			};
 
 			option && this.chart.setOption(option);
diff --git a/src/views/quality/currentData/currentTest.vue b/src/views/quality/currentData/currentTest.vue
index 23007f00..f00ada1b 100644
--- a/src/views/quality/currentData/currentTest.vue
+++ b/src/views/quality/currentData/currentTest.vue
@@ -5,133 +5,182 @@
 			:page="1"
 			:limit="1000"
 			:table-data="list" />
-		<div class="orderBox">
+		<div class="orderBox" v-for="(item, index) in downList" :key="index">
 			<div class="title">
-				<span>工单：工单1</span>
-				<span>产品名称：名称1</span>
-				<span>规格：规格1</span>
+				<span>工单：{{ item.workOrderName }}</span>
+				<span>产品名称：{{ item.productionName }}</span>
+				<span>规格：{{ item.productionSize }}</span>
 			</div>
 			<div class="custom-tabs">
-				<el-tabs v-model="activeName" :stretch="true">
-					<el-tab-pane :label="'\u2002表格\u2002'" name="table">
-						<!-- 列表 -->
-						<base-table
-							:table-props="tableProps2"
-							:page="1"
-							:limit="1000"
-							:table-data="list2" />
-					</el-tab-pane>
+				<el-tabs v-model="item.activeName" :stretch="true">
+					<el-tab-pane :label="'\u2002表格\u2002'" name="table"></el-tab-pane>
 					<el-tab-pane
 						:label="'\u3000图表\u3000'"
 						name="chart"
-						style="overflow: inherit">
-						<baseChart />
-					</el-tab-pane>
+						style="overflow: inherit"></el-tab-pane>
 				</el-tabs>
+				<!-- 列表 -->
+				<base-table
+					v-if="item.activeName === 'table'"
+					:table-props="item.tableProps"
+					:page="1"
+					:limit="1000"
+					:table-data="item.list"
+					:height="300" />
+				<baseChart
+					v-else
+					:chartN="index"
+					:chartData="item.list"
+					:lineName="item.downProps" />
 			</div>
 		</div>
 	</div>
 </template>
 <script>
 import BaseChart from './baseChart.vue';
+import { getInspectionData } from '@/api/monitoring/statisticalData';
 export default {
 	name: 'CurrentTest',
 	components: { BaseChart },
-	data() {
-		return {
-			activeName: 'table',
-			tableProps: [
+	computed: {
+		tableProps() {
+			return [
 				{
 					prop: 'workOrderName',
 					label: '工单名称',
 					showOverflowtooltip: true,
 				},
+				...this.dynamicProps,
 				{
-					prop: 'prodName',
-					label: '产品名称',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'line1',
-					label: '产线1',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'line2',
-					label: '产线2',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'line3',
-					label: '产线3',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'total',
+					prop: 'sumInput',
 					label: '上片总数',
-					showOverflowtooltip: true,
 				},
 				{
-					prop: 'total2',
+					prop: 'sumOutput',
 					label: '下片总数',
-					showOverflowtooltip: true,
 				},
-			],
-			list: [
-				{ workOrderName: '工单1' },
-				{ workOrderName: '工单2' },
-				{ workOrderName: '工单3' },
-				{ workOrderName: '工单4' },
-				{ workOrderName: '工单5' },
-				{ workOrderName: '工单6' },
-			],
-			tableProps2: [
-				{
-					prop: 'workOrderName',
-					label: '检测内容',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'prodName',
-					label: '原片总数',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'line1',
-					label: '产线1',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'line2',
-					label: '产线2',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'line3',
-					label: '产线3',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'total',
-					label: '未通过检测总数',
-					showOverflowtooltip: true,
-				},
-				{
-					prop: 'total2',
-					label: '报废比例',
-					showOverflowtooltip: true,
-				},
-			],
-			list2: [
-				{ workOrderName: '工单1' },
-				{ workOrderName: '工单2' },
-				{ workOrderName: '工单3' },
-				{ workOrderName: '工单4' },
-				{ workOrderName: '工单5' },
-				{ workOrderName: '工单6' },
-			],
+			];
+		},
+	},
+	data() {
+		return {
+			dynamicProps: [],
+			list: [],
+			downList: [],
 		};
 	},
+	mounted() {
+		this.getList();
+	},
+	methods: {
+		/** 查询列表 */
+		async getList() {
+			const res = await getInspectionData();
+			// const res = {
+			// 	data: [],
+			// };
+			if (res.data && res.data.length > 0) {
+				this.dynamicProps = this.filterNameData(res.data[0].upPart.nameData);
+				this.list = this.filterData(res.data[0].upPart.data);
+				// 工单明细
+				res.data.forEach((item) => {
+					let downProps = this.filterNameData(item.downPart[0].nameData);
+					console.log('downProps:', downProps);
+					let obj = this.downPartData(item.downPart[0].data, downProps);
+					obj.tableProps = [
+						{
+							prop: 'inspectionContent',
+							label: '检测内容',
+							showOverflowtooltip: true,
+						},
+						{
+							prop: 'sumInput',
+							label: '原片总数',
+							showOverflowtooltip: true,
+						},
+						...downProps,
+						{
+							prop: 'sumScrap',
+							label: '未通过检测总数',
+						},
+						{
+							prop: 'scrapRatio',
+							label: '报废比例',
+						},
+					];
+					this.downList.push(obj);
+				});
+				console.log(this.downList);
+			} else {
+				this.list = [];
+				this.dynamicProps = [];
+			}
+		},
+		filterNameData(nameData) {
+			const ndSet = new Set();
+			nameData.forEach((nd) => {
+				ndSet.add(nd.name);
+			});
+			return Array.from(ndSet.values())
+				.sort()
+				.map((name) => ({
+					prop: name,
+					label: name,
+				}));
+		},
+		filterData(data) {
+			return data.map((item) => {
+				const { data: innerData } = item;
+				const keyValuePairs = {};
+				console.log('innerData:', innerData);
+				this.dynamicProps.map((item) => {
+					keyValuePairs[item.prop] = '-';
+				});
+				innerData.forEach((d) => {
+					keyValuePairs[d.dynamicName] = d.dynamicValue;
+				});
+				return {
+					inspectionContent: item.inspectionContent,
+					workOrderName: item.workOrderName,
+					...keyValuePairs,
+					sumInput: item.sumInput,
+					sumOutput: item.sumOutput,
+				};
+			});
+		},
+		downPartData(data, downProps) {
+			let obj = {
+				workOrderName: '',
+				productionName: '',
+				productionSize: '',
+				activeName: 'table',
+				tableProps: [],
+				downProps: downProps,
+				list: [],
+			};
+			obj.workOrderName = data[0].workOrderName;
+			obj.productionName = data[0].productionName;
+			obj.productionSize = data[0].productionSize;
+			obj.list = data.map((item) => {
+				const { data: innerData } = item;
+				const keyValuePairs = {};
+				downProps.map((item) => {
+					keyValuePairs[item.prop] = '-';
+				});
+				innerData.map((d) => {
+					keyValuePairs[d.dynamicName] = d.dynamicValue;
+				});
+				return {
+					inspectionContent: item.inspectionContent,
+					sumInput: item.sumInput,
+					...keyValuePairs,
+					sumScrap: item.sumScrap,
+					scrapRatio: item.scrapRatio,
+				};
+			});
+			return obj;
+		},
+	},
 };
 </script>
 <style scoped lang="scss">
@@ -139,11 +188,27 @@ export default {
 	padding-top: 16px;
 }
 .title {
+	position: relative;
+	padding: 4px 0;
+	padding-left: 12px;
+	font-size: 14px;
+	color: #606266;
+	font-weight: 700;
+	margin-bottom: 12px;
+
+	&::before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 6px;
+		height: 16px;
+		width: 4px;
+		border-radius: 1px;
+		background: #0b58ff;
+	}
 	span {
 		display: inline-block;
 		width: 300px;
-		font-size: 14px;
-		padding-bottom: 10px;
 	}
 }
 :deep(.custom-tabs) {
diff --git a/src/views/quality/currentData/hourData.vue b/src/views/quality/currentData/hourData.vue
index 9ace0c8b..5199b1e6 100644
--- a/src/views/quality/currentData/hourData.vue
+++ b/src/views/quality/currentData/hourData.vue
@@ -6,174 +6,81 @@
 </template>
 <script>
 import tableHeightMixin from '@/mixins/tableHeightMixin';
+import { getRecordInOneDay } from '@/api/monitoring/statisticalData';
+import moment from 'moment';
 export default {
 	name: 'HourData',
 	mixins: [tableHeightMixin],
+	computed: {
+		tableProps() {
+			return [
+				{
+					prop: 'inspectionDetContent',
+					label: '检测内容',
+				},
+				...this.nameData,
+			];
+		},
+	},
 	data() {
 		return {
 			heightNum: 200,
-			tableProps: [
-				{
-					prop: 'name',
-					lable: '检测内容',
-				},
-				{
-					label: '2024-01-01 01:00:00',
-					children: [
-						{
-							prop: 'line1-1',
-							label: '产线1',
-						},
-						{
-							prop: 'line1-2',
-							label: '产线2',
-						},
-						{
-							prop: 'line1-3',
-							label: '产线3',
-						},
-						{
-							prop: 'line1-4',
-							label: '产线4',
-						},
-					],
-				},
-				{
-					label: '2024-01-01 02:00:00',
-					children: [
-						{
-							prop: 'line2-1',
-							label: '产线1',
-						},
-						{
-							prop: 'line2-2',
-							label: '产线2',
-						},
-						{
-							prop: 'line2-3',
-							label: '产线3',
-						},
-						{
-							prop: 'line2-4',
-							label: '产线4',
-						},
-					],
-				},
-				{
-					label: '2024-01-01 03:00:00',
-					children: [
-						{
-							prop: 'line3-1',
-							label: '产线1',
-						},
-						{
-							prop: 'line3-2',
-							label: '产线2',
-						},
-						{
-							prop: 'line3-3',
-							label: '产线3',
-						},
-						{
-							prop: 'line3-4',
-							label: '产线4',
-						},
-					],
-				},
-			],
-			list: [
-				{
-					name: '磨边缺陷数',
-					'line1-1': 1,
-					'line1-2': 2,
-					'line1-3': 3,
-					'line1-4': 4,
-					'line2-1': 5,
-					'line2-2': 6,
-					'line2-3': 7,
-					'line2-4': 8,
-					'line3-1': 9,
-					'line3-2': 10,
-					'line3-3': 11,
-					'line3-4': 12,
-				},
-				{
-					name: '磨边缺陷数',
-					'line1-1': 1,
-					'line1-2': 2,
-					'line1-3': 3,
-					'line1-4': 4,
-					'line2-1': 5,
-					'line2-2': 6,
-					'line2-3': 7,
-					'line2-4': 8,
-					'line3-1': 9,
-					'line3-2': 10,
-					'line3-3': 11,
-					'line3-4': 12,
-				},
-				{
-					name: '磨边缺陷数',
-					'line1-1': 1,
-					'line1-2': 2,
-					'line1-3': 3,
-					'line1-4': 4,
-					'line2-1': 5,
-					'line2-2': 6,
-					'line2-3': 7,
-					'line2-4': 8,
-					'line3-1': 9,
-					'line3-2': 10,
-					'line3-3': 11,
-					'line3-4': 12,
-				},
-				{
-					name: '磨边缺陷数',
-					'line1-1': 1,
-					'line1-2': 2,
-					'line1-3': 3,
-					'line1-4': 4,
-					'line2-1': 5,
-					'line2-2': 6,
-					'line2-3': 7,
-					'line2-4': 8,
-					'line3-1': 9,
-					'line3-2': 10,
-					'line3-3': 11,
-					'line3-4': 12,
-				},
-				{
-					name: '磨边缺陷数',
-					'line1-1': 1,
-					'line1-2': 2,
-					'line1-3': 3,
-					'line1-4': 4,
-					'line2-1': 5,
-					'line2-2': 6,
-					'line2-3': 7,
-					'line2-4': 8,
-					'line3-1': 9,
-					'line3-2': 10,
-					'line3-3': 11,
-					'line3-4': 12,
-				},
-				{
-					name: '磨边缺陷数',
-					'line1-1': 1,
-					'line1-2': 2,
-					'line1-3': 3,
-					'line1-4': 4,
-					'line2-1': 5,
-					'line2-2': 6,
-					'line2-3': 7,
-					'line2-4': 8,
-					'line3-1': 9,
-					'line3-2': 10,
-					'line3-3': 11,
-					'line3-4': 12,
-				},
-			],
+			nameData: [],
+			list: [],
 		};
 	},
+	mounted() {
+		this.getList();
+	},
+	methods: {
+		async getList() {
+			const res = await getRecordInOneDay();
+			if (res.data) {
+				this.nameData = this.filterNameData(res.data.nameData);
+				this.list = this.filterData(res.data.data);
+			} else {
+				this.nameData = [];
+				this.list = [];
+			}
+		},
+		filterNameData(nameData) {
+			let arr = [];
+			nameData.forEach((ele) => {
+				if (ele.tree === 1) {
+					arr.push({
+						prop: ele.id,
+						label: moment(ele.name).format('yyyy-MM-DD HH:mm:ss'),
+					});
+				}
+			});
+			nameData.forEach((ele) => {
+				arr.forEach((inner) => {
+					if (ele.parentId === inner.prop) {
+						inner.children = [
+							{
+								prop: ele.parentId + ele.name,
+								label: ele.name,
+							},
+						];
+					}
+				});
+			});
+			return arr;
+		},
+		filterData(data) {
+			let list = [];
+			data.forEach((ele) => {
+				let obj = {};
+				obj.inspectionDetContent = ele.inspectionDetContent;
+				ele.data.forEach((inner) => {
+					inner.children.forEach((item) => {
+						obj[item.parentId + item.dynamicName] = item.dynamicValue;
+					});
+				});
+				list.push(obj);
+			});
+			return list;
+		},
+	},
 };
 </script>
diff --git a/src/views/quality/qualityInspectionRecord/index.vue b/src/views/quality/qualityInspectionRecord/index.vue
index 7ec1cd41..604a80de 100644
--- a/src/views/quality/qualityInspectionRecord/index.vue
+++ b/src/views/quality/qualityInspectionRecord/index.vue
@@ -120,7 +120,7 @@ export default {
 				this.$auth.hasPermi('base:quality-inspection-record:update')
 					? {
 							type: 'edit',
-							btnName: '修改',
+							btnName: '编辑',
 					  }
 					: undefined,
 				this.$auth.hasPermi('base:quality-inspection-record:delete')
diff --git a/src/views/quality/qualityScrapLog/index.vue b/src/views/quality/qualityScrapLog/index.vue
index ee0e3df2..c5a98e65 100644
--- a/src/views/quality/qualityScrapLog/index.vue
+++ b/src/views/quality/qualityScrapLog/index.vue
@@ -157,7 +157,7 @@ export default {
 					type: 'separate',
 				},
 				{
-					type: this.$auth.hasPermi('base:quality-scrap-det:create')
+					type: this.$auth.hasPermi('base:quality-scrap-log:create')
 						? 'button'
 						: '',
 					btnName: '新增',