diff --git a/src/api/qualityManagement/BackEnd/qcBackEndBaseDefect.js b/src/api/qualityManagement/BackEnd/qcBackEndBaseDefect.js
new file mode 100644
index 0000000..e7dfc4a
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndBaseDefect.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd基础缺陷项分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndBaseDefect(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseDefect/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd基础缺陷项
+ * @param data
+ */
+export function addQcBackEndBaseDefect(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseDefect',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd基础缺陷项
+ * @param data
+ */
+export function updateQcBackEndBaseDefect(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseDefect',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd基础缺陷项详情
+ * @param {Id}
+ */
+export function getQcBackEndBaseDefect(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseDefect/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd基础缺陷项
+ * @param {主键} pid
+ */
+export function delQcBackEndBaseDefect(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseDefect/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndBaseGroup.js b/src/api/qualityManagement/BackEnd/qcBackEndBaseGroup.js
new file mode 100644
index 0000000..f951c99
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndBaseGroup.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd班组分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndBaseGroup(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseGroup/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd班组
+ * @param data
+ */
+export function addQcBackEndBaseGroup(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseGroup',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd班组
+ * @param data
+ */
+export function updateQcBackEndBaseGroup(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseGroup',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd班组详情
+ * @param {Id}
+ */
+export function getQcBackEndBaseGroup(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseGroup/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd班组
+ * @param {主键} pid
+ */
+export function delQcBackEndBaseGroup(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseGroup/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndBaseLabelAnalysis.js b/src/api/qualityManagement/BackEnd/qcBackEndBaseLabelAnalysis.js
new file mode 100644
index 0000000..9cb5e9a
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndBaseLabelAnalysis.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd基础标签解析分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndBaseLabelAnalysis(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseLabelAnalysis/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd基础标签解析
+ * @param data
+ */
+export function addQcBackEndBaseLabelAnalysis(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseLabelAnalysis',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd基础标签解析
+ * @param data
+ */
+export function updateQcBackEndBaseLabelAnalysis(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseLabelAnalysis',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd基础标签解析详情
+ * @param {Id}
+ */
+export function getQcBackEndBaseLabelAnalysis(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseLabelAnalysis/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd基础标签解析
+ * @param {主键} pid
+ */
+export function delQcBackEndBaseLabelAnalysis(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseLabelAnalysis/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndBaseSite.js b/src/api/qualityManagement/BackEnd/qcBackEndBaseSite.js
new file mode 100644
index 0000000..a1bac1a
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndBaseSite.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd基础站点分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndBaseSite(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseSite/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd基础站点
+ * @param data
+ */
+export function addQcBackEndBaseSite(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseSite',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd基础站点
+ * @param data
+ */
+export function updateQcBackEndBaseSite(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseSite',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd基础站点详情
+ * @param {Id}
+ */
+export function getQcBackEndBaseSite(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseSite/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd基础站点
+ * @param {主键} pid
+ */
+export function delQcBackEndBaseSite(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndBaseSite/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndLogWorkorder.js b/src/api/qualityManagement/BackEnd/qcBackEndLogWorkorder.js
new file mode 100644
index 0000000..8187fc2
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndLogWorkorder.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd工单操作日志分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndLogWorkorder(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndLogWorkorder/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd工单操作日志
+ * @param data
+ */
+export function addQcBackEndLogWorkorder(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndLogWorkorder',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd工单操作日志
+ * @param data
+ */
+export function updateQcBackEndLogWorkorder(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndLogWorkorder',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd工单操作日志详情
+ * @param {Id}
+ */
+export function getQcBackEndLogWorkorder(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndLogWorkorder/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd工单操作日志
+ * @param {主键} pid
+ */
+export function delQcBackEndLogWorkorder(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndLogWorkorder/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndRecordLabelScan.js b/src/api/qualityManagement/BackEnd/qcBackEndRecordLabelScan.js
new file mode 100644
index 0000000..d8dc5e9
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndRecordLabelScan.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd扫码标签记录分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndRecordLabelScan(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordLabelScan/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd扫码标签记录
+ * @param data
+ */
+export function addQcBackEndRecordLabelScan(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordLabelScan',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd扫码标签记录
+ * @param data
+ */
+export function updateQcBackEndRecordLabelScan(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordLabelScan',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd扫码标签记录详情
+ * @param {Id}
+ */
+export function getQcBackEndRecordLabelScan(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordLabelScan/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd扫码标签记录
+ * @param {主键} pid
+ */
+export function delQcBackEndRecordLabelScan(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordLabelScan/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndRecordWorkorderDefect.js b/src/api/qualityManagement/BackEnd/qcBackEndRecordWorkorderDefect.js
new file mode 100644
index 0000000..5f19c52
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndRecordWorkorderDefect.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd工单缺陷项记录分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndRecordWorkorderDefect(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordWorkorderDefect/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd工单缺陷项记录
+ * @param data
+ */
+export function addQcBackEndRecordWorkorderDefect(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordWorkorderDefect',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd工单缺陷项记录
+ * @param data
+ */
+export function updateQcBackEndRecordWorkorderDefect(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordWorkorderDefect',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd工单缺陷项记录详情
+ * @param {Id}
+ */
+export function getQcBackEndRecordWorkorderDefect(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordWorkorderDefect/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd工单缺陷项记录
+ * @param {主键} pid
+ */
+export function delQcBackEndRecordWorkorderDefect(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndRecordWorkorderDefect/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndService.js b/src/api/qualityManagement/BackEnd/qcBackEndService.js
new file mode 100644
index 0000000..07a19d8
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndService.js
@@ -0,0 +1,142 @@
+import request from '@/utils/request'
+
+/**
+ * 获取班组下拉
+ * @param {查询条件} data
+ */
+export function GetGroupOptions(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/GetGroupOptions',
+    method: 'get',
+    params: query,
+  })
+}
+/**
+ * 获取站点下拉
+ * @param {查询条件} data
+ */
+export function GetStieOptions(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/GetStieOptions',
+    method: 'get',
+    params: query,
+  })
+}
+/**
+ * 获取触摸屏缺陷项初始化数据
+ * @param {查询条件} data
+ */
+export function GetDefectInitOptions(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/GetDefectInitOptions',
+    method: 'get',
+    params: query,
+  })
+}
+/**
+ * 获取触摸屏缺陷项初始化数据
+ * @param {查询条件} data
+ */
+export function GetDefectTableOptions(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/GetDefectTableOptions',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 解析标签
+ * @param {查询条件} data
+ */
+export function AnalyzeLabel(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/AnalyzeLabel',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * BackEnd质量开始工单
+ * @param {查询条件} data
+ */
+export function StartBackEndWorkOrder(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/StartBackEndWorkOrder',
+    method: 'post',
+    data: query,
+  })
+}
+
+/**
+ * BackEnd质量缺陷项修改
+ * @param {查询条件} data
+ */
+export function ChangeWorkOrderDefect(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/ChangeWorkOrderDefect',
+    method: 'post',
+    data: query,
+  })
+}
+
+/**
+ * BackEnd工单的质量缺陷项信息获取
+ * @param {查询条件} data
+ */
+export function GetWorkOrderDefectList(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/GetWorkOrderDefectList',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 标签工单内扫描
+ * @param {查询条件} data
+ */
+export function ScanInnerLabel(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/ScanInnerLabel',
+    method: 'post',
+    data: query,
+  })
+}
+
+/**
+ * 结束工单，并生成质量报表
+ * @param {查询条件} data
+ */
+export function EndBackEndWorkOrderAndCreateStatistics(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/EndBackEndWorkOrderAndCreateStatistics',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 更新工单数据
+ * @param {查询条件} data
+ */
+export function UpdateWorkOrderDetail(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/UpdateWorkOrderDetail',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 生成虚拟标签
+ * @param {查询条件} data
+ */
+export function GenerateVirtualLabel(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndController/GenerateVirtualLabel',
+    method: 'post',
+    data: query,
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndServiceStatistics.js b/src/api/qualityManagement/BackEnd/qcBackEndServiceStatistics.js
new file mode 100644
index 0000000..93e2d76
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndServiceStatistics.js
@@ -0,0 +1,69 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd统计报表业务模块分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndServiceStatistics(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceStatistics/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 质量BackEnd统计报表业务模块改造查询
+ * @param {查询条件} data
+ */
+export function GetReviseList(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceStatistics/GetReviseList',
+    method: 'post',
+    data: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd统计报表业务模块
+ * @param data
+ */
+export function addQcBackEndServiceStatistics(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceStatistics',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd统计报表业务模块
+ * @param data
+ */
+export function updateQcBackEndServiceStatistics(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceStatistics',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd统计报表业务模块详情
+ * @param {Id}
+ */
+export function getQcBackEndServiceStatistics(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceStatistics/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd统计报表业务模块
+ * @param {主键} pid
+ */
+export function delQcBackEndServiceStatistics(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceStatistics/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackEndServiceWorkorder.js b/src/api/qualityManagement/BackEnd/qcBackEndServiceWorkorder.js
new file mode 100644
index 0000000..ec2fdd8
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackEndServiceWorkorder.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+/**
+ * 质量BackEnd工单业务模块分页查询
+ * @param {查询条件} data
+ */
+export function listQcBackEndServiceWorkorder(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceWorkorder/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+ * 新增质量BackEnd工单业务模块
+ * @param data
+ */
+export function addQcBackEndServiceWorkorder(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceWorkorder',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+ * 修改质量BackEnd工单业务模块
+ * @param data
+ */
+export function updateQcBackEndServiceWorkorder(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceWorkorder',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+ * 获取质量BackEnd工单业务模块详情
+ * @param {Id}
+ */
+export function getQcBackEndServiceWorkorder(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceWorkorder/' + id,
+    method: 'get',
+  })
+}
+
+/**
+ * 删除质量BackEnd工单业务模块
+ * @param {主键} pid
+ */
+export function delQcBackEndServiceWorkorder(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackEndServiceWorkorder/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/api/qualityManagement/BackEnd/qcBackendBaseOutpackage.js b/src/api/qualityManagement/BackEnd/qcBackendBaseOutpackage.js
new file mode 100644
index 0000000..f177e25
--- /dev/null
+++ b/src/api/qualityManagement/BackEnd/qcBackendBaseOutpackage.js
@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+/**
+* 质量后道外箱标签打印配置
+分页查询
+* @param {查询条件} data
+*/
+export function listQcBackendBaseOutpackage(query) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackendBaseOutpackage/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+* 新增质量后道外箱标签打印配置
+
+* @param data
+*/
+export function addQcBackendBaseOutpackage(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackendBaseOutpackage',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+* 修改质量后道外箱标签打印配置
+
+* @param data
+*/
+export function updateQcBackendBaseOutpackage(data) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackendBaseOutpackage',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+* 获取质量后道外箱标签打印配置
+详情
+* @param {Id}
+*/
+export function getQcBackendBaseOutpackage(id) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackendBaseOutpackage/' + id,
+    method: 'get',
+  })
+}
+
+/**
+* 删除质量后道外箱标签打印配置
+
+* @param {主键} pid
+*/
+export function delQcBackendBaseOutpackage(pid) {
+  return request({
+    url: '/mes/qc/BackEnd/QcBackendBaseOutpackage/' + pid,
+    method: 'delete',
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 1710f89..1f4a1c1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -135,6 +135,11 @@ export const constantRoutes = [
     component: (resolve) => require(['@/views/qualityManagement/gp12/touchScreen/main/index.vue'], resolve),
     hidden: true,
   },
+  {
+    path: '/BackEndManagement/BackendTouchScreen',
+    component: (resolve) => require(['@/views/qualityManagement/backend/touchScreen/main/index.vue'], resolve),
+    hidden: true,
+  },
   // {
   // 	path: '/qualityManagement/FQC/qualityStatistics',
   // 	component: (resolve) => require(['@/views/qualityManagement/FQC/qualityStatistics.vue'], resolve),
diff --git a/src/views/qualityManagement/backend/config/QcBackEndBaseDefect.vue b/src/views/qualityManagement/backend/config/QcBackEndBaseDefect.vue
new file mode 100644
index 0000000..ce9d8b3
--- /dev/null
+++ b/src/views/qualityManagement/backend/config/QcBackEndBaseDefect.vue
@@ -0,0 +1,359 @@
+<!--
+ * @Descripttion: (质量BackEnd基础缺陷项/qc_BackEnd_base_defect)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndbasedefect:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndbasedefect:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate">修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndbasedefect:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="序号" align="center" />
+      <el-table-column prop="name" label="名称" align="center" />
+      <el-table-column prop="code" label="编号" align="center" />
+      <el-table-column prop="group" label="组" align="center" />
+      <el-table-column prop="type" label="系统类别" align="center" />
+      <el-table-column prop="status" label="系统状态" align="center" />
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button size="mini" v-hasPermi="['business:qcBackEndbasedefect:edit']" type="success" icon="el-icon-edit" title="编辑" @click="handleUpdate(scope.row)"></el-button>
+          <el-button size="mini" v-hasPermi="['business:qcBackEndbasedefect:delete']" type="danger" icon="el-icon-delete" title="删除" @click="handleDelete(scope.row)"></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd基础缺陷项对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12" v-if="opertype == 2">
+            <el-form-item label="序号">{{ form.id }}</el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入名称" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="编号" prop="code">
+              <el-input v-model="form.code" placeholder="请输入编号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="组" prop="group">
+              <el-input v-model="form.group" placeholder="请输入组" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndBaseDefect,
+  addQcBackEndBaseDefect,
+  delQcBackEndBaseDefect,
+  updateQcBackEndBaseDefect,
+  getQcBackEndBaseDefect,
+} from '@/api/qualityManagement/BackEnd/qcBackEndBaseDefect.js'
+
+export default {
+  name: 'qcBackEndbasedefect',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `序号`, checked: true },
+        { index: 1, key: 'name', label: `名称`, checked: true },
+        { index: 2, key: 'code', label: `编号`, checked: true },
+        { index: 3, key: 'group', label: `组`, checked: true },
+        { index: 4, key: 'type', label: `系统类别`, checked: true },
+        { index: 5, key: 'status', label: `系统状态`, checked: true },
+        { index: 6, key: 'remark', label: `系统备注`, checked: true },
+        { index: 7, key: 'createdBy', label: `创建人`, checked: true },
+        { index: 8, key: 'createdTime', label: `创建时间`, checked: true },
+        { index: 9, key: 'updatedBy', label: `更新人`, checked: false },
+        { index: 10, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [
+        { dictLabel: '抛光', dictValue: '抛光' },
+        { dictLabel: '打磨', dictValue: '打磨' },
+        { dictLabel: '报废', dictValue: '报废' },
+      ],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [
+        { dictLabel: '停用', dictValue: '0' },
+        { dictLabel: '启用', dictValue: '1' },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {},
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackEndBaseDefect(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        name: undefined,
+        code: undefined,
+        group: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndBaseDefect(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackEndBaseDefect(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndBaseDefect(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackEndBaseDefect(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/config/QcBackEndBaseGroup.vue b/src/views/qualityManagement/backend/config/QcBackEndBaseGroup.vue
new file mode 100644
index 0000000..dc7903d
--- /dev/null
+++ b/src/views/qualityManagement/backend/config/QcBackEndBaseGroup.vue
@@ -0,0 +1,349 @@
+<!--
+ * @Descripttion: (质量BackEnd班组/qc_BackEnd_base_group)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndbasegroup:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndbasegroup:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate">修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndbasegroup:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="主键" align="center" />
+      <el-table-column prop="name" label="名称" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="code" label="编号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="type" label="系统类别" align="center" />
+      <el-table-column prop="status" label="系统状态" align="center" />
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button size="mini" v-hasPermi="['business:qcBackEndbasegroup:edit']" type="success" icon="el-icon-edit" title="编辑" @click="handleUpdate(scope.row)"></el-button>
+          <el-button size="mini" v-hasPermi="['business:qcBackEndbasegroup:delete']" type="danger" icon="el-icon-delete" title="删除" @click="handleDelete(scope.row)"></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd班组对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12" v-if="opertype == 2">
+            <el-form-item label="主键">{{ form.id }}</el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入名称" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="编号" prop="code">
+              <el-input v-model="form.code" placeholder="请输入编号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndBaseGroup,
+  addQcBackEndBaseGroup,
+  delQcBackEndBaseGroup,
+  updateQcBackEndBaseGroup,
+  getQcBackEndBaseGroup,
+} from '@/api/qualityManagement/BackEnd/qcBackEndBaseGroup.js'
+
+export default {
+  name: 'qcBackEndbasegroup',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `主键`, checked: true },
+        { index: 1, key: 'name', label: `名称`, checked: true },
+        { index: 2, key: 'code', label: `编号`, checked: true },
+        { index: 3, key: 'type', label: `系统类别`, checked: true },
+        { index: 4, key: 'status', label: `系统状态`, checked: true },
+        { index: 5, key: 'remark', label: `系统备注`, checked: true },
+        { index: 6, key: 'createdBy', label: `创建人`, checked: true },
+        { index: 7, key: 'createdTime', label: `创建时间`, checked: true },
+        { index: 8, key: 'updatedBy', label: `更新人`, checked: true },
+        { index: 9, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {},
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackEndBaseGroup(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        name: undefined,
+        code: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndBaseGroup(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackEndBaseGroup(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndBaseGroup(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackEndBaseGroup(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/config/QcBackEndBaseLabelAnalysis.vue b/src/views/qualityManagement/backend/config/QcBackEndBaseLabelAnalysis.vue
new file mode 100644
index 0000000..8ef4ff4
--- /dev/null
+++ b/src/views/qualityManagement/backend/config/QcBackEndBaseLabelAnalysis.vue
@@ -0,0 +1,383 @@
+<!--
+ * @Descripttion: (质量BackEnd基础标签解析/qc_BackEnd_base_label_analysis)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndbaselabelanalysis:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndbaselabelanalysis:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndbaselabelanalysis:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="序号" align="center" />
+      <el-table-column prop="name" label="名称" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="code" label="编号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="expression" label="表达式" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="sort" label="优先级" align="center" />
+      <el-table-column prop="type" label="系统类别" align="center" />
+      <el-table-column prop="status" label="系统状态" align="center" />
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndbaselabelanalysis:edit']"
+            type="success"
+            icon="el-icon-edit"
+            title="编辑"
+            @click="handleUpdate(scope.row)"
+          ></el-button>
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndbaselabelanalysis:delete']"
+            type="danger"
+            icon="el-icon-delete"
+            title="删除"
+            @click="handleDelete(scope.row)"
+          ></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd基础标签解析对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12" v-if="opertype == 2">
+            <el-form-item label="序号">{{ form.id }}</el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入名称" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="编号" prop="code">
+              <el-input v-model="form.code" placeholder="请输入编号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="表达式" prop="expression">
+              <el-input v-model="form.expression" placeholder="请输入表达式" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="优先级" prop="sort">
+              <el-input v-model="form.sort" placeholder="请输入优先级" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndBaseLabelAnalysis,
+  addQcBackEndBaseLabelAnalysis,
+  delQcBackEndBaseLabelAnalysis,
+  updateQcBackEndBaseLabelAnalysis,
+  getQcBackEndBaseLabelAnalysis,
+} from '@/api/qualityManagement/BackEnd/qcBackEndBaseLabelAnalysis.js'
+
+export default {
+  name: 'qcBackEndbaselabelanalysis',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `序号`, checked: true },
+        { index: 1, key: 'name', label: `名称`, checked: true },
+        { index: 2, key: 'code', label: `编号`, checked: true },
+        { index: 3, key: 'expression', label: `表达式`, checked: true },
+        { index: 4, key: 'sort', label: `优先级`, checked: true },
+        { index: 5, key: 'type', label: `系统类别`, checked: true },
+        { index: 6, key: 'status', label: `系统状态`, checked: true },
+        { index: 7, key: 'remark', label: `系统备注`, checked: true },
+        { index: 8, key: 'createdBy', label: `创建人`, checked: true },
+        { index: 9, key: 'createdTime', label: `创建时间`, checked: false },
+        { index: 10, key: 'updatedBy', label: `更新人`, checked: false },
+        { index: 11, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {},
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackEndBaseLabelAnalysis(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        name: undefined,
+        code: undefined,
+        expression: undefined,
+        sort: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndBaseLabelAnalysis(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackEndBaseLabelAnalysis(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndBaseLabelAnalysis(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackEndBaseLabelAnalysis(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/config/QcBackEndBaseSite.vue b/src/views/qualityManagement/backend/config/QcBackEndBaseSite.vue
new file mode 100644
index 0000000..d6f4fc6
--- /dev/null
+++ b/src/views/qualityManagement/backend/config/QcBackEndBaseSite.vue
@@ -0,0 +1,349 @@
+<!--
+ * @Descripttion: (质量BackEnd基础站点/qc_BackEnd_base_site)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndbasesite:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndbasesite:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate">修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndbasesite:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="序号" align="center" />
+      <el-table-column prop="name" label="名称" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="code" label="编号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="type" label="系统类别" align="center" />
+      <el-table-column prop="status" label="系统状态" align="center" />
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button size="mini" v-hasPermi="['business:qcBackEndbasesite:edit']" type="success" icon="el-icon-edit" title="编辑" @click="handleUpdate(scope.row)"></el-button>
+          <el-button size="mini" v-hasPermi="['business:qcBackEndbasesite:delete']" type="danger" icon="el-icon-delete" title="删除" @click="handleDelete(scope.row)"></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd基础站点对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12" v-if="opertype == 2">
+            <el-form-item label="序号">{{ form.id }}</el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入名称" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="编号" prop="code">
+              <el-input v-model="form.code" placeholder="请输入编号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndBaseSite,
+  addQcBackEndBaseSite,
+  delQcBackEndBaseSite,
+  updateQcBackEndBaseSite,
+  getQcBackEndBaseSite,
+} from '@/api/qualityManagement/BackEnd/qcBackEndBaseSite.js'
+
+export default {
+  name: 'qcBackEndbasesite',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `序号`, checked: true },
+        { index: 1, key: 'name', label: `名称`, checked: true },
+        { index: 2, key: 'code', label: `编号`, checked: true },
+        { index: 3, key: 'type', label: `系统类别`, checked: true },
+        { index: 4, key: 'status', label: `系统状态`, checked: true },
+        { index: 5, key: 'remark', label: `系统备注`, checked: true },
+        { index: 6, key: 'createdBy', label: `创建人`, checked: true },
+        { index: 7, key: 'createdTime', label: `创建时间`, checked: true },
+        { index: 8, key: 'updatedBy', label: `更新人`, checked: true },
+        { index: 9, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {},
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackEndBaseSite(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        name: undefined,
+        code: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndBaseSite(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackEndBaseSite(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndBaseSite(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackEndBaseSite(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/config/QcBackendBaseOutpackage.vue b/src/views/qualityManagement/backend/config/QcBackendBaseOutpackage.vue
new file mode 100644
index 0000000..c8dfc80
--- /dev/null
+++ b/src/views/qualityManagement/backend/config/QcBackendBaseOutpackage.vue
@@ -0,0 +1,310 @@
+<!--
+ * @Descripttion: (质量后道外箱标签打印配置
+/qc_backend_base_outpackage)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-05-06)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-05-06)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcbackendbaseoutpackage:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcbackendbaseoutpackage:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcbackendbaseoutpackage:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="主键" align="center" />
+      <el-table-column prop="name" label="对应箱标签名称" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="fileUrl" label="Bartender打印文件对应地址" align="center">
+        <template slot-scope="scope">
+          <el-image class="table-td-thumb" fit="contain" :src="scope.row.fileUrl" :preview-src-list="[scope.row.fileUrl]">
+            <div slot="error"><i class="el-icon-document" /></div>
+          </el-image>
+        </template>
+      </el-table-column>
+      <el-table-column prop="packageNum" label="满箱容量" align="center" />
+      <el-table-column prop="checkStr" label="对应匹配零件描述的校验字段" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcbackendbaseoutpackage:edit']"
+            type="success"
+            icon="el-icon-edit"
+            title="编辑"
+            @click="handleUpdate(scope.row)"
+          ></el-button>
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcbackendbaseoutpackage:delete']"
+            type="danger"
+            icon="el-icon-delete"
+            title="删除"
+            @click="handleDelete(scope.row)"
+          ></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量后道外箱标签打印配置
+对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12" v-if="opertype == 2">
+            <el-form-item label="主键">{{ form.id }}</el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="对应箱标签名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入对应箱标签名称" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="24">
+            <el-form-item label="Bartender打印文件对应地址" prop="fileUrl">
+              <UploadImage v-model="form.fileUrl" column="fileUrl" @input="handleUploadSuccess" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="满箱容量" prop="packageNum">
+              <el-input v-model="form.packageNum" placeholder="请输入满箱容量" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="对应匹配零件描述的校验字段" prop="checkStr">
+              <el-input v-model="form.checkStr" placeholder="请输入对应匹配零件描述的校验字段" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackendBaseOutpackage,
+  addQcBackendBaseOutpackage,
+  delQcBackendBaseOutpackage,
+  updateQcBackendBaseOutpackage,
+  getQcBackendBaseOutpackage,
+} from '@/api/qualityManagement/BackEnd/qcBackendBaseOutpackage.js'
+
+export default {
+  name: 'qcbackendbaseoutpackage',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `主键`, checked: true },
+        { index: 1, key: 'name', label: `对应箱标签名称`, checked: true },
+        { index: 2, key: 'fileUrl', label: `Bartender打印文件对应地址`, checked: true },
+        { index: 3, key: 'packageNum', label: `满箱容量`, checked: true },
+        { index: 4, key: 'checkStr', label: `对应匹配零件描述的校验字段`, checked: true },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {},
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackendBaseOutpackage(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        name: undefined,
+        fileUrl: undefined,
+        packageNum: undefined,
+        checkStr: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackendBaseOutpackage(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackendBaseOutpackage(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    //图片上传成功方法
+    handleUploadSuccess(column, filelist) {
+      this.form[column] = filelist
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackendBaseOutpackage(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackendBaseOutpackage(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/log/QcBackEndLogWorkorder.vue b/src/views/qualityManagement/backend/log/QcBackEndLogWorkorder.vue
new file mode 100644
index 0000000..ffe2f36
--- /dev/null
+++ b/src/views/qualityManagement/backend/log/QcBackEndLogWorkorder.vue
@@ -0,0 +1,362 @@
+<!--
+ * @Descripttion: (质量BackEnd工单操作日志/qc_BackEnd_log_workorder)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndlogworkorder:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndlogworkorder:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndlogworkorder:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="序号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="name" label="日志名称" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="content" label="日志内容" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="type" label="系统类别" align="center" />
+      <el-table-column prop="status" label="系统状态" align="center" />
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button size="mini" v-hasPermi="['business:qcBackEndlogworkorder:edit']" type="success" icon="el-icon-edit" title="编辑" @click="handleUpdate(scope.row)"></el-button>
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndlogworkorder:delete']"
+            type="danger"
+            icon="el-icon-delete"
+            title="删除"
+            @click="handleDelete(scope.row)"
+          ></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd工单操作日志对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12">
+            <el-form-item label="序号" prop="id">
+              <el-input-number v-model.number="form.id" controls-position="right" placeholder="请输入序号" :disabled="title == '修改数据'" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="日志名称" prop="name">
+              <el-input v-model="form.name" placeholder="请输入日志名称" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="日志内容" prop="content">
+              <el-input v-model="form.content" placeholder="请输入日志内容" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndLogWorkorder,
+  addQcBackEndLogWorkorder,
+  delQcBackEndLogWorkorder,
+  updateQcBackEndLogWorkorder,
+  getQcBackEndLogWorkorder,
+} from '@/api/qualityManagement/BackEnd/qcBackEndLogWorkorder.js'
+
+export default {
+  name: 'qcBackEndlogworkorder',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `序号`, checked: true },
+        { index: 1, key: 'name', label: `日志名称`, checked: true },
+        { index: 2, key: 'content', label: `日志内容`, checked: true },
+        { index: 3, key: 'type', label: `系统类别`, checked: true },
+        { index: 4, key: 'status', label: `系统状态`, checked: true },
+        { index: 5, key: 'remark', label: `系统备注`, checked: true },
+        { index: 6, key: 'createdBy', label: `创建人`, checked: true },
+        { index: 7, key: 'createdTime', label: `创建时间`, checked: true },
+        { index: 8, key: 'updatedBy', label: `更新人`, checked: true },
+        { index: 9, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {
+        id: [{ required: true, message: '序号不能为空', trigger: 'blur' }],
+      },
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackEndLogWorkorder(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        name: undefined,
+        content: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndLogWorkorder(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackEndLogWorkorder(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndLogWorkorder(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackEndLogWorkorder(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/record/QcBackEndRecordLabelScan.vue b/src/views/qualityManagement/backend/record/QcBackEndRecordLabelScan.vue
new file mode 100644
index 0000000..711cf5d
--- /dev/null
+++ b/src/views/qualityManagement/backend/record/QcBackEndRecordLabelScan.vue
@@ -0,0 +1,449 @@
+<!--
+ * @Descripttion: (质量BackEnd扫码标签记录/qc_BackEnd_record_label_scan)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndrecordlabelscan:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndrecordlabelscan:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndrecordlabelscan:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="序号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="workOrder" label="工单号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="partNumber" label="零件号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="team" label="班组" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="siteNo" label="站点号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="comNo" label="串口号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="label" label="标签内容" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="labelType" label="标签类别(1-外箱标签 2-内标签)" align="center">
+        <template slot-scope="scope">
+          <el-tag type="primary" v-if="scope.row.labelType === 1">外箱标签</el-tag>
+          <el-tag type="success" v-if="scope.row.labelType === 2">内标签</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column prop="labelSort" label="标签流水号" align="center" />
+      <el-table-column prop="scanTime" label="扫码时间" align="center" />
+      <el-table-column prop="type" label="系统类别" align="center" />
+      <el-table-column prop="status" label="系统状态" align="center" />
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndrecordlabelscan:edit']"
+            type="success"
+            icon="el-icon-edit"
+            title="编辑"
+            @click="handleUpdate(scope.row)"
+          ></el-button>
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndrecordlabelscan:delete']"
+            type="danger"
+            icon="el-icon-delete"
+            title="删除"
+            @click="handleDelete(scope.row)"
+          ></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd扫码标签记录对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12">
+            <el-form-item label="序号" prop="id">
+              <el-input-number v-model.number="form.id" controls-position="right" placeholder="请输入序号" :disabled="title == '修改数据'" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="工单号" prop="workOrder">
+              <el-input v-model="form.workOrder" placeholder="请输入工单号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="零件号" prop="partNumber">
+              <el-input v-model="form.partNumber" placeholder="请输入零件号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="班组" prop="team">
+              <el-input v-model="form.team" placeholder="请输入班组" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="站点号" prop="siteNo">
+              <el-input v-model="form.siteNo" placeholder="请输入站点号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="串口号" prop="comNo">
+              <el-input v-model="form.comNo" placeholder="请输入串口号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="标签内容" prop="label">
+              <el-input v-model="form.label" placeholder="请输入标签内容" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="标签类别(1-外箱标签 2-内标签)" prop="labelType">
+              <el-select v-model="form.labelType" placeholder="请选择标签类别(1-外箱标签 2-内标签)">
+                <el-option v-for="item in labelTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="parseInt(item.dictValue)"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="标签流水号" prop="labelSort">
+              <el-input v-model="form.labelSort" placeholder="请输入标签流水号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="扫码时间" prop="scanTime">
+              <el-input v-model="form.scanTime" placeholder="请输入扫码时间" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndRecordLabelScan,
+  addQcBackEndRecordLabelScan,
+  delQcBackEndRecordLabelScan,
+  updateQcBackEndRecordLabelScan,
+  getQcBackEndRecordLabelScan,
+} from '@/api/qualityManagement/BackEnd/qcBackEndRecordLabelScan.js'
+
+export default {
+  name: 'qcBackEndrecordlabelscan',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `序号`, checked: true },
+        { index: 1, key: 'workOrder', label: `工单号`, checked: true },
+        { index: 2, key: 'partNumber', label: `零件号`, checked: true },
+        { index: 3, key: 'team', label: `班组`, checked: true },
+        { index: 4, key: 'siteNo', label: `站点号`, checked: true },
+        { index: 5, key: 'comNo', label: `串口号`, checked: true },
+        { index: 6, key: 'label', label: `标签内容`, checked: true },
+        { index: 7, key: 'labelType', label: `标签类别(1-外箱标签 2-内标签)`, checked: true },
+        { index: 8, key: 'labelSort', label: `标签流水号`, checked: true },
+        { index: 9, key: 'scanTime', label: `扫码时间`, checked: false },
+        { index: 10, key: 'type', label: `系统类别`, checked: false },
+        { index: 11, key: 'status', label: `系统状态`, checked: false },
+        { index: 12, key: 'remark', label: `系统备注`, checked: false },
+        { index: 13, key: 'createdBy', label: `创建人`, checked: false },
+        { index: 14, key: 'createdTime', label: `创建时间`, checked: false },
+        { index: 15, key: 'updatedBy', label: `更新人`, checked: false },
+        { index: 16, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 标签类别(1-外箱标签 2-内标签)选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      labelTypeOptions: [
+        { dictLabel: '外箱标签', dictValue: 1 },
+        { dictLabel: '内标签', dictValue: 2 },
+      ],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {
+        id: [{ required: true, message: '序号不能为空', trigger: 'blur' }],
+        label: [{ required: true, message: '标签内容不能为空', trigger: 'blur' }],
+      },
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackEndRecordLabelScan(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        workOrder: undefined,
+        partNumber: undefined,
+        team: undefined,
+        siteNo: undefined,
+        comNo: undefined,
+        label: undefined,
+        labelType: undefined,
+        labelSort: undefined,
+        scanTime: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndRecordLabelScan(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackEndRecordLabelScan(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 标签类别(1-外箱标签 2-内标签)字典翻译
+    labelTypeFormat(row, column) {
+      return this.selectDictLabel(this.labelTypeOptions, row.labelType)
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndRecordLabelScan(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackEndRecordLabelScan(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/record/QcBackEndRecordWorkorderDefect.vue b/src/views/qualityManagement/backend/record/QcBackEndRecordWorkorderDefect.vue
new file mode 100644
index 0000000..52e3437
--- /dev/null
+++ b/src/views/qualityManagement/backend/record/QcBackEndRecordWorkorderDefect.vue
@@ -0,0 +1,449 @@
+<!--
+ * @Descripttion: (质量BackEnd工单缺陷项记录/qc_BackEnd_record_workorder_defect)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndrecordworkorderdefect:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndrecordworkorderdefect:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndrecordworkorderdefect:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="序号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="workOrder" label="工单号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="partNumber" label="零件号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="team" label="班组" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="siteNo" label="站点号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="comNo" label="串口号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="defectCode" label="缺陷编号" align="center" />
+      <el-table-column prop="defectName" label="缺陷名称" align="center" />
+      <el-table-column prop="defectType" label="缺陷类别" align="center" />
+      <el-table-column prop="defectNum" label="缺陷数量" align="center" />
+      <el-table-column prop="clickTime" label="最后点击时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="type" label="系统类别" align="center" />
+      <el-table-column prop="status" label="系统状态" align="center" />
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndrecordworkorderdefect:edit']"
+            type="success"
+            icon="el-icon-edit"
+            title="编辑"
+            @click="handleUpdate(scope.row)"
+          ></el-button>
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndrecordworkorderdefect:delete']"
+            type="danger"
+            icon="el-icon-delete"
+            title="删除"
+            @click="handleDelete(scope.row)"
+          ></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd工单缺陷项记录对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12">
+            <el-form-item label="序号" prop="id">
+              <el-input-number v-model.number="form.id" controls-position="right" placeholder="请输入序号" :disabled="title == '修改数据'" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="工单号" prop="workOrder">
+              <el-input v-model="form.workOrder" placeholder="请输入工单号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="零件号" prop="partNumber">
+              <el-input v-model="form.partNumber" placeholder="请输入零件号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="班组" prop="team">
+              <el-input v-model="form.team" placeholder="请输入班组" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="站点号" prop="siteNo">
+              <el-input v-model="form.siteNo" placeholder="请输入站点号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="串口号" prop="comNo">
+              <el-input v-model="form.comNo" placeholder="请输入串口号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="缺陷编号" prop="defectCode">
+              <el-input v-model="form.defectCode" placeholder="请输入缺陷编号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="缺陷名称" prop="defectName">
+              <el-input v-model="form.defectName" placeholder="请输入缺陷名称" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="缺陷类别" prop="defectType">
+              <el-select v-model="form.defectType" placeholder="请选择缺陷类别">
+                <el-option v-for="item in defectTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="缺陷数量" prop="defectNum">
+              <el-input v-model="form.defectNum" placeholder="请输入缺陷数量" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="最后点击时间" prop="clickTime">
+              <el-input v-model="form.clickTime" placeholder="请输入最后点击时间" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndRecordWorkorderDefect,
+  addQcBackEndRecordWorkorderDefect,
+  delQcBackEndRecordWorkorderDefect,
+  updateQcBackEndRecordWorkorderDefect,
+  getQcBackEndRecordWorkorderDefect,
+} from '@/api/qualityManagement/BackEnd/qcBackEndRecordWorkorderDefect.js'
+
+export default {
+  name: 'qcBackEndrecordworkorderdefect',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `序号`, checked: true },
+        { index: 1, key: 'workOrder', label: `工单号`, checked: true },
+        { index: 2, key: 'partNumber', label: `零件号`, checked: true },
+        { index: 3, key: 'team', label: `班组`, checked: true },
+        { index: 4, key: 'siteNo', label: `站点号`, checked: true },
+        { index: 5, key: 'comNo', label: `串口号`, checked: true },
+        { index: 6, key: 'defectCode', label: `缺陷编号`, checked: true },
+        { index: 7, key: 'defectName', label: `缺陷名称`, checked: true },
+        { index: 8, key: 'defectType', label: `缺陷类别`, checked: true },
+        { index: 9, key: 'defectNum', label: `缺陷数量`, checked: false },
+        { index: 10, key: 'clickTime', label: `最后点击时间`, checked: false },
+        { index: 11, key: 'type', label: `系统类别`, checked: false },
+        { index: 12, key: 'status', label: `系统状态`, checked: false },
+        { index: 13, key: 'remark', label: `系统备注`, checked: false },
+        { index: 14, key: 'createdBy', label: `创建人`, checked: false },
+        { index: 15, key: 'createdTime', label: `创建时间`, checked: false },
+        { index: 16, key: 'updatedBy', label: `更新人`, checked: false },
+        { index: 17, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 缺陷类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      defectTypeOptions: [],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {
+        id: [{ required: true, message: '序号不能为空', trigger: 'blur' }],
+      },
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackEndRecordWorkorderDefect(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        workOrder: undefined,
+        partNumber: undefined,
+        team: undefined,
+        siteNo: undefined,
+        comNo: undefined,
+        defectCode: undefined,
+        defectName: undefined,
+        defectType: undefined,
+        defectNum: undefined,
+        clickTime: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndRecordWorkorderDefect(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackEndRecordWorkorderDefect(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 缺陷类别字典翻译
+    defectTypeFormat(row, column) {
+      return this.selectDictLabel(this.defectTypeOptions, row.defectType)
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndRecordWorkorderDefect(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackEndRecordWorkorderDefect(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/record/QcBackEndServiceStatistics.vue b/src/views/qualityManagement/backend/record/QcBackEndServiceStatistics.vue
new file mode 100644
index 0000000..7fd1a1c
--- /dev/null
+++ b/src/views/qualityManagement/backend/record/QcBackEndServiceStatistics.vue
@@ -0,0 +1,596 @@
+<!--
+ * @Descripttion: (质量BackEnd统计报表业务模块/qc_BackEnd_service_statistics)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth"
+      v-show="showSearch" @submit.native.prevent>
+
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndservicestatistics:add']" plain icon="el-icon-plus"
+          size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndservicestatistics:edit']" plain
+          icon="el-icon-edit" size="mini" @click="handleUpdate">修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndservicestatistics:delete']" plain
+          icon="el-icon-delete" size="mini" @click="handleDelete">删除</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange"
+      @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="序号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="workOrder" label="工单号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="partNumber" label="零件号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="description" label="零件描述" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="specification" label="规格" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="color" label="颜色" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="team" label="班组" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="siteNo" label="站点号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="comNo" label="串口号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="isOnetime" label="是否一次合格" align="center" />
+      <el-table-column prop="isBack" label="是否返工件" align="center" />
+      <el-table-column prop="isPolish" label="是否抛光件" align="center" />
+      <el-table-column prop="isOut" label="是否外部件" align="center" />
+      <el-table-column prop="startTime" label="开始时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="endTime" label="结束时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="label" label="箱标签记录" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="requireNumber" label="投入数" align="center" />
+      <el-table-column prop="qualifiedNumber" label="合格数" align="center" />
+      <el-table-column prop="qualifiedRate" label="合格率" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="damoNumber" label="打磨数" align="center" />
+      <el-table-column prop="baofeiNumber" label="报废数" align="center" />
+      <el-table-column prop="groupCode" label="同组标识" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="groupSort" label="同组顺序" align="center" />
+      <el-table-column prop="groupDefectJson" label="同组缺陷记录" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="type" label="系统类别" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="typeOptions" :value="scope.row.type" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="系统状态" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="statusOptions" :value="scope.row.status" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button size="mini" v-hasPermi="['business:qcBackEndservicestatistics:edit']" type="success"
+            icon="el-icon-edit" title="编辑" @click="handleUpdate(scope.row)"></el-button>
+          <el-button size="mini" v-hasPermi="['business:qcBackEndservicestatistics:delete']" type="danger"
+            icon="el-icon-delete" title="删除" @click="handleDelete(scope.row)"></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd统计报表业务模块对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+
+          <el-col :lg="12">
+            <el-form-item label="序号" prop="id">
+              <el-input-number v-model.number="form.id" controls-position="right" placeholder="请输入序号"
+                :disabled="title == '修改数据'" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="工单号" prop="workOrder">
+              <el-input v-model="form.workOrder" placeholder="请输入工单号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="零件号" prop="partNumber">
+              <el-input v-model="form.partNumber" placeholder="请输入零件号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="零件描述" prop="description">
+              <el-input v-model="form.description" placeholder="请输入零件描述" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="规格" prop="specification">
+              <el-input v-model="form.specification" placeholder="请输入规格" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="颜色" prop="color">
+              <el-input v-model="form.color" placeholder="请输入颜色" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="班组" prop="team">
+              <el-input v-model="form.team" placeholder="请输入班组" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="站点号" prop="siteNo">
+              <el-input v-model="form.siteNo" placeholder="请输入站点号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="串口号" prop="comNo">
+              <el-input v-model="form.comNo" placeholder="请输入串口号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="是否一次合格" prop="isOnetime">
+              <el-radio-group v-model="form.isOnetime">
+                <el-radio v-for="item in isOnetimeOptions" :key="item.dictValue" :label="parseInt(item.dictValue)">{{
+                  item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="是否返工件" prop="isBack">
+              <el-radio-group v-model="form.isBack">
+                <el-radio v-for="item in isBackOptions" :key="item.dictValue" :label="parseInt(item.dictValue)">{{
+                  item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="是否抛光件" prop="isPolish">
+              <el-radio-group v-model="form.isPolish">
+                <el-radio v-for="item in isPolishOptions" :key="item.dictValue" :label="parseInt(item.dictValue)">{{
+                  item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="是否外部件" prop="isOut">
+              <el-radio-group v-model="form.isOut">
+                <el-radio v-for="item in isOutOptions" :key="item.dictValue" :label="parseInt(item.dictValue)">{{
+                  item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="开始时间" prop="startTime">
+              <el-date-picker v-model="form.startTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="结束时间" prop="endTime">
+              <el-date-picker v-model="form.endTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="箱标签记录" prop="label">
+              <el-input v-model="form.label" placeholder="请输入箱标签记录" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="投入数" prop="requireNumber">
+              <el-input v-model="form.requireNumber" placeholder="请输入投入数" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="合格数" prop="qualifiedNumber">
+              <el-input v-model="form.qualifiedNumber" placeholder="请输入合格数" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="合格率" prop="qualifiedRate">
+              <el-input v-model="form.qualifiedRate" placeholder="请输入合格率" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="打磨数" prop="damoNumber">
+              <el-input v-model="form.damoNumber" placeholder="请输入打磨数" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="报废数" prop="baofeiNumber">
+              <el-input v-model="form.baofeiNumber" placeholder="请输入报废数" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="同组标识" prop="groupCode">
+              <el-input v-model="form.groupCode" placeholder="请输入同组标识" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="同组顺序" prop="groupSort">
+              <el-input v-model="form.groupSort" placeholder="请输入同组顺序" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="同组缺陷记录" prop="groupDefectJson">
+              <el-input v-model="form.groupDefectJson" placeholder="请输入同组缺陷记录" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel"
+                  :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel
+                  }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndServiceStatistics,
+  addQcBackEndServiceStatistics,
+  delQcBackEndServiceStatistics,
+  updateQcBackEndServiceStatistics,
+  getQcBackEndServiceStatistics,
+} from '@/api/qualityManagement/BackEnd/qcBackEndServiceStatistics.js';
+
+export default {
+  name: "qcBackEndservicestatistics",
+  data() {
+    return {
+      labelWidth: "100px",
+      formLabelWidth: "100px",
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: "",
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `序号`, checked: true },
+        { index: 1, key: 'workOrder', label: `工单号`, checked: true },
+        { index: 2, key: 'partNumber', label: `零件号`, checked: true },
+        { index: 3, key: 'description', label: `零件描述`, checked: true },
+        { index: 4, key: 'specification', label: `规格`, checked: true },
+        { index: 5, key: 'color', label: `颜色`, checked: true },
+        { index: 6, key: 'team', label: `班组`, checked: true },
+        { index: 7, key: 'siteNo', label: `站点号`, checked: true },
+        { index: 8, key: 'comNo', label: `串口号`, checked: true },
+        { index: 9, key: 'isOnetime', label: `是否一次合格`, checked: false },
+        { index: 10, key: 'isBack', label: `是否返工件`, checked: false },
+        { index: 11, key: 'isPolish', label: `是否抛光件`, checked: false },
+        { index: 12, key: 'isOut', label: `是否外部件`, checked: false },
+        { index: 13, key: 'startTime', label: `开始时间`, checked: false },
+        { index: 14, key: 'endTime', label: `结束时间`, checked: false },
+        { index: 15, key: 'label', label: `箱标签记录`, checked: false },
+        { index: 16, key: 'requireNumber', label: `投入数`, checked: false },
+        { index: 17, key: 'qualifiedNumber', label: `合格数`, checked: false },
+        { index: 18, key: 'qualifiedRate', label: `合格率`, checked: false },
+        { index: 19, key: 'damoNumber', label: `打磨数`, checked: false },
+        { index: 20, key: 'baofeiNumber', label: `报废数`, checked: false },
+        { index: 21, key: 'groupCode', label: `同组标识`, checked: false },
+        { index: 22, key: 'groupSort', label: `同组顺序`, checked: false },
+        { index: 23, key: 'groupDefectJson', label: `同组缺陷记录`, checked: false },
+        { index: 24, key: 'type', label: `系统类别`, checked: false },
+        { index: 25, key: 'status', label: `系统状态`, checked: false },
+        { index: 26, key: 'remark', label: `系统备注`, checked: false },
+        { index: 27, key: 'createdBy', label: `创建人`, checked: false },
+        { index: 28, key: 'createdTime', label: `创建时间`, checked: false },
+        { index: 29, key: 'updatedBy', label: `更新人`, checked: false },
+        { index: 30, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 是否一次合格选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isOnetimeOptions: [],
+      // 是否返工件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isBackOptions: [],
+      // 是否抛光件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isPolishOptions: [],
+      // 是否外部件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isOutOptions: [],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {
+        id: [
+          { required: true, message: "序号不能为空", trigger: "blur" }
+        ],
+      },
+    };
+  },
+  created() {
+    // 列表数据查询
+    this.getList();
+
+    var dictParams = [
+    ];
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true;
+      listQcBackEndServiceStatistics(this.queryParams).then(res => {
+        if (res.code == 200) {
+          this.dataList = res.data.result;
+          this.total = res.data.totalNum;
+          this.loading = false;
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        workOrder: undefined,
+        partNumber: undefined,
+        description: undefined,
+        specification: undefined,
+        color: undefined,
+        team: undefined,
+        siteNo: undefined,
+        comNo: undefined,
+        isOnetime: undefined,
+        isBack: undefined,
+        isPolish: undefined,
+        isOut: undefined,
+        startTime: undefined,
+        endTime: undefined,
+        label: undefined,
+        requireNumber: undefined,
+        qualifiedNumber: undefined,
+        qualifiedRate: undefined,
+        damoNumber: undefined,
+        baofeiNumber: undefined,
+        groupCode: undefined,
+        groupSort: undefined,
+        groupDefectJson: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      };
+      this.resetForm("form");
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length != 1
+      this.multiple = !selection.length;
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined;
+        this.queryParams.sortType = undefined;
+      } else {
+        this.queryParams.sort = column.prop;
+        this.queryParams.sortType = column.order;
+      }
+
+      this.handleQuery();
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加";
+      this.opertype = 1;
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids;
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndServiceStatistics(Ids);
+        })
+        .then(() => {
+          this.handleQuery();
+          this.msgSuccess("删除成功");
+        })
+        .catch(() => { });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getQcBackEndServiceStatistics(id).then((res) => {
+        const { code, data } = res;
+        if (code == 200) {
+          this.open = true;
+          this.title = "修改数据";
+          this.opertype = 2;
+
+          this.form = {
+            ...data,
+          };
+        }
+      });
+    },
+    // 是否一次合格字典翻译
+    isOnetimeFormat(row, column) {
+      return this.selectDictLabel(this.isOnetimeOptions, row.isOnetime);
+    },
+    // 是否返工件字典翻译
+    isBackFormat(row, column) {
+      return this.selectDictLabel(this.isBackOptions, row.isBack);
+    },
+    // 是否抛光件字典翻译
+    isPolishFormat(row, column) {
+      return this.selectDictLabel(this.isPolishOptions, row.isPolish);
+    },
+    // 是否外部件字典翻译
+    isOutFormat(row, column) {
+      return this.selectDictLabel(this.isOutOptions, row.isOut);
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type);
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status);
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form));
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndServiceStatistics(this.form)
+              .then((res) => {
+                this.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              });
+          } else {
+            addQcBackEndServiceStatistics(this.form)
+              .then((res) => {
+                this.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              });
+          }
+        }
+      });
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/qualityManagement/backend/record/QcBackEndServiceWorkorder.vue b/src/views/qualityManagement/backend/record/QcBackEndServiceWorkorder.vue
new file mode 100644
index 0000000..741471f
--- /dev/null
+++ b/src/views/qualityManagement/backend/record/QcBackEndServiceWorkorder.vue
@@ -0,0 +1,578 @@
+<!--
+ * @Descripttion: (质量BackEnd工单业务模块/qc_BackEnd_service_workorder)
+ * @version: (1.0)
+ * @Author: (admin)
+ * @Date: (2025-01-02)
+ * @LastEditors: (admin)
+ * @LastEditTime: (2025-01-02)
+-->
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" v-show="showSearch" @submit.native.prevent>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 工具区域 -->
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" v-hasPermi="['business:qcBackEndserviceworkorder:add']" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" :disabled="single" v-hasPermi="['business:qcBackEndserviceworkorder:edit']" plain icon="el-icon-edit" size="mini" @click="handleUpdate"
+          >修改</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" :disabled="multiple" v-hasPermi="['business:qcBackEndserviceworkorder:delete']" plain icon="el-icon-delete" size="mini" @click="handleDelete"
+          >删除</el-button
+        >
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <!-- 数据区域 -->
+    <el-table :data="dataList" v-loading="loading" ref="table" border highlight-current-row @sort-change="sortChange" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="50" align="center" />
+      <el-table-column prop="id" label="序号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="workOrder" label="工单号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="partNumber" label="零件号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="description" label="零件描述" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="specification" label="规格" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="color" label="颜色" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="team" label="班组" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="siteNo" label="站点号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="comNo" label="串口号" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="isOnetime" label="是否一次合格" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="isOnetimeOptions" :value="scope.row.isOnetime" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="isBack" label="是否返工件" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="isBackOptions" :value="scope.row.isBack" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="isPolish" label="是否抛光件" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="isPolishOptions" :value="scope.row.isPolish" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="isOut" label="是否外部件" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="isOutOptions" :value="scope.row.isOut" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="startTime" label="开始时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="endTime" label="结束时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="label" label="箱标签记录" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="requireNumber" label="投入数" align="center" />
+      <el-table-column prop="qualifiedNumber" label="合格数" align="center" />
+      <el-table-column prop="damoNumber" label="打磨数" align="center" />
+      <el-table-column prop="baofeiNumber" label="报废数" align="center" />
+      <el-table-column prop="type" label="系统类别" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="typeOptions" :value="scope.row.type" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="status" label="系统状态" align="center">
+        <template slot-scope="scope">
+          <dict-tag :options="statusOptions" :value="scope.row.status" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="remark" label="系统备注" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" />
+      <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndserviceworkorder:edit']"
+            type="success"
+            icon="el-icon-edit"
+            title="编辑"
+            @click="handleUpdate(scope.row)"
+          ></el-button>
+          <el-button
+            size="mini"
+            v-hasPermi="['business:qcBackEndserviceworkorder:delete']"
+            type="danger"
+            icon="el-icon-delete"
+            title="删除"
+            @click="handleDelete(scope.row)"
+          ></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 添加或修改质量BackEnd工单业务模块对话框 -->
+    <el-dialog :title="title" :lock-scroll="false" :visible.sync="open">
+      <el-form ref="form" :model="form" :rules="rules" :label-width="formLabelWidth">
+        <el-row :gutter="20">
+          <el-col :lg="12">
+            <el-form-item label="序号" prop="id">
+              <el-input-number v-model.number="form.id" controls-position="right" placeholder="请输入序号" :disabled="title == '修改数据'" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="工单号" prop="workOrder">
+              <el-input v-model="form.workOrder" placeholder="请输入工单号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="零件号" prop="partNumber">
+              <el-input v-model="form.partNumber" placeholder="请输入零件号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="零件描述" prop="description">
+              <el-input v-model="form.description" placeholder="请输入零件描述" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="规格" prop="specification">
+              <el-input v-model="form.specification" placeholder="请输入规格" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="颜色" prop="color">
+              <el-input v-model="form.color" placeholder="请输入颜色" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="班组" prop="team">
+              <el-input v-model="form.team" placeholder="请输入班组" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="站点号" prop="siteNo">
+              <el-input v-model="form.siteNo" placeholder="请输入站点号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="串口号" prop="comNo">
+              <el-input v-model="form.comNo" placeholder="请输入串口号" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="是否一次合格" prop="isOnetime">
+              <el-radio-group v-model="form.isOnetime">
+                <el-radio v-for="item in isOnetimeOptions" :key="item.dictValue" :label="parseInt(item.dictValue)">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="是否返工件" prop="isBack">
+              <el-radio-group v-model="form.isBack">
+                <el-radio v-for="item in isBackOptions" :key="item.dictValue" :label="parseInt(item.dictValue)">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="是否抛光件" prop="isPolish">
+              <el-radio-group v-model="form.isPolish">
+                <el-radio v-for="item in isPolishOptions" :key="item.dictValue" :label="parseInt(item.dictValue)">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="是否外部件" prop="isOut">
+              <el-radio-group v-model="form.isOut">
+                <el-radio v-for="item in isOutOptions" :key="item.dictValue" :label="parseInt(item.dictValue)">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="开始时间" prop="startTime">
+              <el-date-picker v-model="form.startTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="结束时间" prop="endTime">
+              <el-date-picker v-model="form.endTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="箱标签记录" prop="label">
+              <el-input v-model="form.label" placeholder="请输入箱标签记录" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="投入数" prop="requireNumber">
+              <el-input v-model="form.requireNumber" placeholder="请输入投入数" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="合格数" prop="qualifiedNumber">
+              <el-input v-model="form.qualifiedNumber" placeholder="请输入合格数" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="打磨数" prop="damoNumber">
+              <el-input v-model="form.damoNumber" placeholder="请输入打磨数" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="报废数" prop="baofeiNumber">
+              <el-input v-model="form.baofeiNumber" placeholder="请输入报废数" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统类别" prop="type">
+              <el-select v-model="form.type" placeholder="请选择系统类别">
+                <el-option v-for="item in typeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统状态" prop="status">
+              <el-radio-group v-model="form.status">
+                <el-radio v-for="item in statusOptions" :key="item.dictValue" :label="item.dictValue">{{ item.dictLabel }}</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="系统备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入系统备注" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建人" prop="createdBy">
+              <el-input v-model="form.createdBy" placeholder="请输入创建人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="创建时间" prop="createdTime">
+              <el-date-picker v-model="form.createdTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新人" prop="updatedBy">
+              <el-input v-model="form.updatedBy" placeholder="请输入更新人" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :lg="12">
+            <el-form-item label="更新时间" prop="updatedTime">
+              <el-date-picker v-model="form.updatedTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="text" @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndServiceWorkorder,
+  addQcBackEndServiceWorkorder,
+  delQcBackEndServiceWorkorder,
+  updateQcBackEndServiceWorkorder,
+  getQcBackEndServiceWorkorder,
+} from '@/api/qualityManagement/BackEnd/qcBackEndServiceWorkorder.js'
+
+export default {
+  name: 'qcBackEndserviceworkorder',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `序号`, checked: true },
+        { index: 1, key: 'workOrder', label: `工单号`, checked: true },
+        { index: 2, key: 'partNumber', label: `零件号`, checked: true },
+        { index: 3, key: 'description', label: `零件描述`, checked: true },
+        { index: 4, key: 'specification', label: `规格`, checked: true },
+        { index: 5, key: 'color', label: `颜色`, checked: true },
+        { index: 6, key: 'team', label: `班组`, checked: true },
+        { index: 7, key: 'siteNo', label: `站点号`, checked: true },
+        { index: 8, key: 'comNo', label: `串口号`, checked: true },
+        { index: 9, key: 'isOnetime', label: `是否一次合格`, checked: false },
+        { index: 10, key: 'isBack', label: `是否返工件`, checked: false },
+        { index: 11, key: 'isPolish', label: `是否抛光件`, checked: false },
+        { index: 12, key: 'isOut', label: `是否外部件`, checked: false },
+        { index: 13, key: 'startTime', label: `开始时间`, checked: false },
+        { index: 14, key: 'endTime', label: `结束时间`, checked: false },
+        { index: 15, key: 'label', label: `箱标签记录`, checked: false },
+        { index: 16, key: 'requireNumber', label: `投入数`, checked: false },
+        { index: 17, key: 'qualifiedNumber', label: `合格数`, checked: false },
+        { index: 18, key: 'damoNumber', label: `打磨数`, checked: false },
+        { index: 19, key: 'baofeiNumber', label: `报废数`, checked: false },
+        { index: 20, key: 'type', label: `系统类别`, checked: false },
+        { index: 21, key: 'status', label: `系统状态`, checked: false },
+        { index: 22, key: 'remark', label: `系统备注`, checked: false },
+        { index: 23, key: 'createdBy', label: `创建人`, checked: false },
+        { index: 24, key: 'createdTime', label: `创建时间`, checked: false },
+        { index: 25, key: 'updatedBy', label: `更新人`, checked: false },
+        { index: 26, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 是否一次合格选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isOnetimeOptions: [],
+      // 是否返工件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isBackOptions: [],
+      // 是否抛光件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isPolishOptions: [],
+      // 是否外部件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isOutOptions: [],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [
+        { dictLabel: '停用', dictValue: 0 },
+        { dictLabel: '启用', dictValue: 1 },
+      ],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {
+        id: [{ required: true, message: '序号不能为空', trigger: 'blur' }],
+      },
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  methods: {
+    // 查询数据
+    getList() {
+      this.loading = true
+      listQcBackEndServiceWorkorder(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        workOrder: undefined,
+        partNumber: undefined,
+        description: undefined,
+        specification: undefined,
+        color: undefined,
+        team: undefined,
+        siteNo: undefined,
+        comNo: undefined,
+        isOnetime: undefined,
+        isBack: undefined,
+        isPolish: undefined,
+        isOut: undefined,
+        startTime: undefined,
+        endTime: undefined,
+        label: undefined,
+        requireNumber: undefined,
+        qualifiedNumber: undefined,
+        damoNumber: undefined,
+        baofeiNumber: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delQcBackEndServiceWorkorder(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getQcBackEndServiceWorkorder(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 是否一次合格字典翻译
+    isOnetimeFormat(row, column) {
+      return this.selectDictLabel(this.isOnetimeOptions, row.isOnetime)
+    },
+    // 是否返工件字典翻译
+    isBackFormat(row, column) {
+      return this.selectDictLabel(this.isBackOptions, row.isBack)
+    },
+    // 是否抛光件字典翻译
+    isPolishFormat(row, column) {
+      return this.selectDictLabel(this.isPolishOptions, row.isPolish)
+    },
+    // 是否外部件字典翻译
+    isOutFormat(row, column) {
+      return this.selectDictLabel(this.isOutOptions, row.isOut)
+    },
+    // 系统类别字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 系统状态字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateQcBackEndServiceWorkorder(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addQcBackEndServiceWorkorder(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+  },
+}
+</script>
diff --git a/src/views/qualityManagement/backend/report/QualityReport.vue b/src/views/qualityManagement/backend/report/QualityReport.vue
new file mode 100644
index 0000000..c2884da
--- /dev/null
+++ b/src/views/qualityManagement/backend/report/QualityReport.vue
@@ -0,0 +1,479 @@
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" @submit.native.prevent>
+      <el-form-item label="开始日期" prop="startTime">
+        <el-date-picker v-model="queryParams.startTime" @change="selectChange" :clearable="false" type="datetime" placeholder="选择日期时间"></el-date-picker>
+      </el-form-item>
+      <el-form-item label="结束日期" prop="endTime">
+        <el-date-picker v-model="queryParams.endTime" @change="selectChange" :clearable="false" type="datetime" placeholder="选择日期时间"></el-date-picker>
+      </el-form-item>
+      <el-form-item label="工单号" prop="workOrder">
+        <el-input v-model="queryParams.workOrder" placeholder="请输入工单号" />
+      </el-form-item>
+      <el-form-item label="零件号" prop="partNumber">
+        <el-input v-model="queryParams.partNumber" placeholder="请输入零件号" />
+      </el-form-item>
+      <el-form-item label="物料描述" prop="description">
+        <el-input v-model="queryParams.description" placeholder="请输入物料描述" />
+      </el-form-item>
+      <el-form-item label="站点" prop="siteNo">
+        <el-select v-model="queryParams.siteNo" placeholder="请选择站点" @change="selectChange">
+          <el-option label="全部" value=""></el-option>
+          <el-option v-for="item in siteOptions" :key="item.code" :label="item.name" :value="item.code"> </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="班组" prop="team">
+        <el-select v-model="queryParams.team" placeholder="请选择班组" @change="selectChange">
+          <el-option label="全部" value=""></el-option>
+          <el-option v-for="item in teamOptions" :key="item.code" :label="item.name" :value="item.code"> </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="排序类别" prop="statisticsOrderType">
+        <el-select v-model="queryParams.statisticsOrderType">
+          <el-option label="工单号" :value="1" />
+          <el-option label="零件号" :value="2" />
+          <el-option label="合格率" :value="3" />
+          <el-option label="开始时间" :value="4" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出当前页</el-button>
+      </el-form-item>
+    </el-form>
+    <div style="width: 100%; display: flex; justify-content: flex-end">
+      <pagination class="mt10" background :pageSizes="[12, 30, 60, 300]" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+    </div>
+    <!-- 统计数据区域 -->
+    <div v-if="statistics" class="statistics-box">
+      <div>总工单: {{ statistics.totalListCount }}</div>
+      <div>总投入: {{ statistics.totalRequireNumber }}</div>
+      <div>总合格: {{ statistics.totalQualifiedNumber }}</div>
+      <div>合格率: {{ statistics.qualifiedRate }}</div>
+      <div>抛光数: {{ statistics.totalPolishNumber }}</div>
+      <div>打磨数: {{ statistics.totalDamoNumber }}</div>
+      <div>报废数: {{ statistics.totalBaofeiNumber }}</div>
+    </div>
+    <!-- 数据区域 -->
+    <vxe-table
+      size="mini"
+      ref="xTable"
+      border
+      height="860px"
+      :data="dataList"
+      :loading="loading"
+      :column-config="{ resizable: true }"
+      :header-cell-style="headerCellStyle"
+      :export-config="exportConfig"
+      :merge-cells="mergeCells"
+      :cell-style="cellStyle"
+      @menu-click="contextMenuClickEvent"
+      :show-overflow="false"
+      :menu-config="tableMenu"
+    >
+      <vxe-colgroup title="工单信息" align="center" fixed="left">
+        <vxe-column field="workOrder" title="工单号" align="center" width="100px" />
+        <vxe-column field="partNumber" title="零件号" align="center" width="100px" />
+        <vxe-column field="description" title="零件描述" align="center" width="100px" />
+        <vxe-column field="specification" title="规格" align="center" />
+        <vxe-column field="color" title="颜色" align="center" />
+        <vxe-column field="siteNo" title="站点" align="center" />
+        <vxe-column field="team" title="班组" align="center" />
+        <vxe-column field="requireNumber" title="投入数" align="center" />
+        <vxe-column field="qualifiedNumber" title="合格数" align="center" />
+        <vxe-column field="qualifiedRate" title="合格率" align="center" width="70px" />
+        <vxe-column field="polishNumber" title="抛光数" align="center" />
+        <vxe-column field="damoNumber" title="打磨数" align="center" />
+        <vxe-column field="baofeiNumber" title="报废数" align="center" />
+        <vxe-column field="isOnetime" title="是否一次合格" align="center">
+          <template #default="{ row }">
+            {{ row.isOnetime == 1 ? '是' : '否' }}
+          </template>
+        </vxe-column>
+        <vxe-column field="isBack" title="是否返工件" align="center">
+          <template #default="{ row }">
+            {{ row.isBack == 1 ? '是' : '否' }}
+          </template>
+        </vxe-column>
+        <vxe-column field="isPolish" title="是否抛光件" align="center">
+          <template #default="{ row }">
+            {{ row.isPolish == 1 ? '是' : '否' }}
+          </template>
+        </vxe-column>
+        <vxe-column field="isOut" title="是否其他" align="center">
+          <template #default="{ row }">
+            {{ row.isOut == 1 ? '是' : '否' }}
+          </template>
+        </vxe-column>
+        <vxe-column field="startTime" title="开始时间" align="center" width="100px" />
+        <vxe-column field="endTime" title="结束时间" align="center" width="100px" />
+        <vxe-column field="groupSort" title="类别" align="center" width="60px">
+          <template #default="{ row }">
+            <span v-if="row.groupSort == 1">抛光</span>
+            <span v-if="row.groupSort == 2">打磨</span>
+            <span v-if="row.groupSort == 3">报废</span>
+          </template>
+        </vxe-column>
+      </vxe-colgroup>
+      <!-- 展示缺陷记录 -->
+      <vxe-colgroup v-for="(group, index) in groupTable" :key="index" :title="group.groupName" align="center">
+        <vxe-column v-for="(defect, index) in group.children" :key="index" :field="defect.code" :title="defect.name" align="center" width="40px"> </vxe-column>
+      </vxe-colgroup>
+    </vxe-table>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndServiceStatistics,
+  addQcBackEndServiceStatistics,
+  delQcBackEndServiceStatistics,
+  updateQcBackEndServiceStatistics,
+  getQcBackEndServiceStatistics,
+  GetReviseList,
+} from '@/api/qualityManagement/BackEnd/qcBackEndServiceStatistics.js'
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService.js'
+export default {
+  name: 'qcBackEndservicestatistics',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 60,
+        statisticsOrderType: 1,
+        team: '',
+        siteNo: '',
+        startTime: '',
+        endTime: '',
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      // 是否一次合格选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isOnetimeOptions: [{ dictLabel: '是', dictValue: 1 }],
+      // 是否返工件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isBackOptions: [{ dictLabel: '是', dictValue: 1 }],
+      // 是否抛光件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isPolishOptions: [{ dictLabel: '是', dictValue: 1 }],
+      // 是否外部件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isOutOptions: [{ dictLabel: '是', dictValue: 1 }],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [],
+      sessionKey: '_MES_QualityReport_KEY',
+      mergeColunmNumber: 19,
+      teamOptions: [],
+      siteOptions: [],
+      // 缺陷项列表渲染
+      groupTable: [],
+      // 数据列表
+      statistics: null,
+      dataList: [],
+      allDataList: [],
+      mergeCells: [],
+      hiddenCells: [],
+      total: 0,
+      // 右键菜单
+      tableMenu: {
+        header: {
+          options: [
+            [
+              { code: 'hideColumn', name: '隐藏列', disabled: false },
+              { code: 'showAllColumn', name: '取消所有隐藏列', disabled: false },
+            ],
+          ],
+        },
+        visibleMethod: this.visibleMethod,
+      },
+      // 总记录数
+      total: 0,
+      exportConfig: {
+        types: ['xlsx'],
+        remote: false,
+        original: false,
+        isPrint: false,
+        mode: 'current',
+        message: true,
+        sheetMethod({ options, worksheet }) {
+          if (options.mergeCells && options.mergeCells.length) {
+            options.mergeCells.forEach((merge) => {
+              worksheet.mergeCells(
+                merge.row + 1, // 起始行（从1开始）
+                merge.col + 1, // 起始列（从1开始）
+                merge.row + merge.rowspan, // 结束行
+                merge.col + merge.colspan, // 结束列
+              )
+            })
+          }
+        },
+      },
+    }
+  },
+  created() {
+    this.init()
+  },
+  computed: {},
+  methods: {
+    async init() {
+      const [teams, sites, groups] = await Promise.all([QcBackEndApi.GetGroupOptions(), QcBackEndApi.GetStieOptions(), QcBackEndApi.GetDefectTableOptions()])
+      this.teamOptions = teams.data
+      this.siteOptions = sites.data
+      this.groupTable = groups.data
+      this.getLocalStorage()
+      this.getList()
+    },
+    //todo  设置表合并行
+    mergeTable(num) {
+      // 待合并数量
+      this.mergeCells = []
+      for (let i = 0; i < this.dataList.length; i = i + num) {
+        let count = this.mergeColunmNumber - this.hiddenCells.length
+        for (let j = 0; j < count; j++) {
+          this.mergeCells.push({ row: i, col: j, rowspan: num, colspan: 0 })
+        }
+      }
+    },
+    selectChange() {
+      this.setLocalStorage()
+    },
+    setLocalStorage() {
+      const data = {
+        team: this.queryParams.team,
+        site: this.queryParams.siteNo,
+        startTime: this.queryParams.startTime,
+        endTime: this.queryParams.endTime,
+      }
+      localStorage.setItem(this.sessionKey, JSON.stringify(data))
+    },
+    getLocalStorage() {
+      const data = JSON.parse(localStorage.getItem(this.sessionKey))
+      if (data) {
+        this.queryParams.team = data.team
+        this.queryParams.siteNo = data.site
+        this.queryParams.startTime = data.startTime
+        this.queryParams.endTime = data.endTime
+      } else {
+        this.queryParams.startTime = this.$dayjs().startOf('day')
+        this.queryParams.endTime = this.$dayjs().endOf('day')
+      }
+    },
+    // 查询数据
+    getList() {
+      this.loading = true
+      const params = { ...this.queryParams }
+      params.startTime = this.$dayjs(this.queryParams.startTime).format()
+      params.endTime = this.$dayjs(this.queryParams.endTime).format()
+      console.log(params)
+
+      GetReviseList(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          //this.allDataList = res.data.list;
+          this.dataList = res.data.pageList
+          this.total = res.data.total
+          this.statistics = res.data.statistics
+          this.mergeTable(3)
+          this.loading = false
+        }
+      })
+    },
+    // 右键菜单
+    contextMenuClickEvent({ menu, row, column }) {
+      const $table = this.$refs.xTable
+      switch (menu.code) {
+        case 'hideColumn':
+          this.hideColumn(column)
+          break
+        case 'showAllColumn':
+          this.resetColumn()
+          break
+      }
+    },
+    // 隐藏列
+    hideColumn(column) {
+      const $table = this.$refs.xTable
+      $table.hideColumn(column)
+      this.hiddenCells.push(column.title)
+      this.resetMergeTable()
+    },
+    // 取消所有隐藏列
+    resetColumn() {
+      const $table = this.$refs.xTable
+      this.hiddenCells = []
+      $table.resetColumn()
+      this.resetMergeTable()
+    },
+    resetMergeTable() {
+      this.mergeTable(3)
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        workOrder: undefined,
+        partNumber: undefined,
+        description: undefined,
+        specification: undefined,
+        color: undefined,
+        team: undefined,
+        siteNo: undefined,
+        comNo: undefined,
+        isOnetime: undefined,
+        isBack: undefined,
+        isPolish: undefined,
+        isOut: undefined,
+        startTime: undefined,
+        endTime: undefined,
+        label: undefined,
+        requireNumber: undefined,
+        qualifiedNumber: undefined,
+        qualifiedRate: undefined,
+        damoNumber: undefined,
+        baofeiNumber: undefined,
+        groupCode: undefined,
+        groupSort: undefined,
+        groupDefectJson: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.queryParams.startTime = this.$dayjs().startOf('day')
+      this.queryParams.endTime = this.$dayjs().endOf('day')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    //todo 设置表头颜色
+    headerCellStyle() {
+      return {
+        backgroundColor: '#2D3D51',
+        color: '#ffffff',
+        border: '1px solid #161823',
+        fontSize: '16px',
+      }
+    },
+    cellStyle() {
+      return {
+        border: '1px solid #161823',
+        padding: '0',
+        fontSize: '14px',
+        fontWeight: '600',
+      }
+    },
+    handleExport() {
+      //TODO 导出存在异常，需要修复，现在导出数据都是一个数据
+      const $table = this.$refs.xTable
+      if ($table) {
+        $table.openExport({
+          type: 'xlsx',
+          isMerge: true,
+          isColgroup: true,
+          useStyle: true,
+        })
+        // $table.exportData()
+        // 设置导出类型为 xlsx
+
+        // $table.exportData({
+        //     type: 'xlsx',
+        // }).then(() => {
+        //     console.log('导出成功');
+        // }).catch(error => {
+        //     console.error('导出失败:', error);
+        // });
+      }
+    },
+  },
+}
+</script>
+
+<style scoped>
+/* 添加一些样式以提高可读性 */
+:root {
+  --table-header-bg: #2d3d51;
+  --table-header-color: #ffffff;
+  --table-border-color: #161823;
+  --table-font-size: 14px;
+  --table-font-weight: 600;
+  --statistics-font-size: 20px;
+}
+
+.vxe-table--header-wrapper th {
+  background-color: var(--table-header-bg);
+  color: var(--table-header-color);
+  border: 1px solid var(--table-border-color);
+  font-size: 16px;
+}
+
+.vxe-table--body-wrapper td {
+  padding: 6px 0;
+  border: 1px solid var(--table-border-color);
+  font-size: var(--table-font-size);
+  font-weight: var(--table-font-weight);
+}
+
+.statistics-box {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-around;
+  font-size: var(--statistics-font-size);
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/components/scanInput.vue b/src/views/qualityManagement/backend/touchScreen/components/scanInput.vue
new file mode 100644
index 0000000..cdb5af5
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/components/scanInput.vue
@@ -0,0 +1,96 @@
+<template>
+    <div class="scanInput">
+        <input ref="inputRef" :type="passwordShow ? 'text' : 'password'" autofocus placeholder="请扫码" v-model="input"
+            @keydown="handleKeyPress" />
+        <!-- <button @click="togglePasswordVisibility">
+            <span>{{ passwordIcon }}</span>
+        </button> -->
+        <button class="bg-blue-darken-1 ml-2" size="x-large" @click="doInputChange(input)">
+            扫码
+        </button>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            input: '',
+            passwordShow: false,
+            timer: null
+        };
+    },
+    computed: {
+        passwordIcon() {
+            return this.passwordShow ? '👁️‍🗨️' : '🔑';
+        }
+    },
+    mounted() {
+        this.autoInputFocus();
+        this.timer = setInterval(() => {
+            // datetime.value = this.dayjs().format('YYYY-MM-DD HH:mm:ss')
+        }, 1000);
+    },
+    beforeDestroy() {
+        clearInterval(this.timer);
+    },
+    methods: {
+        autoInputFocus() {
+            if (this.$refs.inputRef) {
+                this.$nextTick(() => {
+                    this.$refs.inputRef.focus();
+                });
+            }
+        },
+        handleKeyPress(event) {
+            if (event.key === 'Enter') {
+                this.doInputChange(this.input);
+            }
+        },
+        togglePasswordVisibility() {
+            this.passwordShow = !this.passwordShow;
+        },
+        doInputChange(value) {
+            const _value = value.trim();
+            if (_value === '') {
+                this.autoInputFocus();
+                return;
+            }
+            this.input = '';
+            this.$emit('scanInput', _value);
+        }
+    }
+};
+</script>
+
+<style scoped>
+.scanInput {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+
+input {
+    width: 100%;
+    padding: 10px;
+    margin-right: 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+button {
+    width: 60px;
+    padding: 10px 10px;
+    border: none;
+    border-radius: 4px;
+    color: white;
+    background-color: #1e88e5;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: #1976d2;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/qualityManagement/backend/touchScreen/main/components/header.vue b/src/views/qualityManagement/backend/touchScreen/main/components/header.vue
new file mode 100644
index 0000000..7178475
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/main/components/header.vue
@@ -0,0 +1,104 @@
+<template>
+    <div class="header">
+        <div class="title">{{ title }}</div>
+        <div class="menu-time-container">
+            <div class="menu">
+                <button v-for="(item, index) in btnItems" :key="index" @click="handleMenuClick(item)"
+                    class="icon-button">
+                    <span :class="['mdi', item.icon]"></span>
+                </button>
+            </div>
+            <div class="time">{{ currentTime }}</div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'TouchScreenHeader',
+    props: {
+        title: {
+            type: String,
+            required: true
+        },
+        btnItems: {
+            type: Array,
+            required: true
+        }
+    },
+    data() {
+        return {
+            currentTime: ''
+        };
+    },
+    created() {
+        this.updateTime();
+        this.timer = setInterval(this.updateTime, 1000);
+    },
+    beforeDestroy() {
+        clearInterval(this.timer);
+    },
+    methods: {
+        handleMenuClick(item) {
+            this.$emit('menu-click', item);
+        },
+        updateTime() {
+            this.currentTime = new Date().toLocaleTimeString();
+        }
+    }
+}
+</script>
+
+<style scoped>
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #2980b9;
+    /* 明亮的蓝色 */
+    color: #ecf0f1;
+    /* 浅灰色文字颜色 */
+    padding: 5px;
+    /* 增加标题高度 */
+}
+
+.title {
+    font-size: 32px;
+    /* 增大文字大小 */
+    font-weight: bold;
+}
+
+.menu-time-container {
+    display: flex;
+    align-items: center;
+}
+
+.menu {
+    display: flex;
+    align-items: center;
+    margin-right: 20px;
+    /* 图标按钮靠近时间左边 */
+}
+
+.menu .icon-button {
+    background-color: transparent;
+    border: none;
+    color: #ecf0f1;
+    /* 浅灰色文字颜色 */
+    font-size: 24px;
+    /* 增大图标大小 */
+    cursor: pointer;
+    margin-left: 15px;
+    padding: 0;
+}
+
+.menu .icon-button:hover {
+    text-decoration: underline;
+}
+
+.time {
+    font-size: 24px;
+    /* 增大文字大小 */
+    font-weight: normal;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/main/components/time.vue b/src/views/qualityManagement/backend/touchScreen/main/components/time.vue
new file mode 100644
index 0000000..c4ad705
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/main/components/time.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="current-time">
+        {{ formattedTime }}
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            now: new Date(), // 初始化当前时间为当前时间
+            timer: null      // 用于存储计时器的引用
+        }
+    },
+    computed: {
+        formattedTime() {
+            // 返回格式化后的时间字符串
+            return this.now.toLocaleTimeString();
+        }
+    },
+    created() {
+        // 初始更新时间
+        this.updateTime();
+        // 设置每秒更新一次时间的计时器
+        this.timer = setInterval(this.updateTime, 1000);
+    },
+    beforeDestroy() {
+        // 在组件销毁前清除计时器，避免内存泄漏
+        clearInterval(this.timer);
+    },
+    methods: {
+        updateTime() {
+            // 更新当前时间为最新的时间
+            this.now = new Date();
+        }
+    }
+}
+</script>
+
+<style scoped>
+.current-time {
+    font-size: 20px;
+    /* 设置字体大小 */
+    font-weight: bold;
+    /* 设置字体加粗 */
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/main/index.css b/src/views/qualityManagement/backend/touchScreen/main/index.css
new file mode 100644
index 0000000..3b9a62f
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/main/index.css
@@ -0,0 +1,23 @@
+.container {
+    margin: 0;
+    padding: 2px;
+    width: 100%;
+    height: 100%;
+    background-color: #000d2c;
+    display: flex;
+    flex-direction: column;
+}
+
+.nav-right {
+    display: flex;
+    flex-direction: row;
+    width: 300px;
+}
+
+.text-green {
+    color: #67C23A;
+}
+
+.text-red {
+    color: red;
+}
\ No newline at end of file
diff --git a/src/views/qualityManagement/backend/touchScreen/main/index.vue b/src/views/qualityManagement/backend/touchScreen/main/index.vue
new file mode 100644
index 0000000..3fe8593
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/main/index.vue
@@ -0,0 +1,273 @@
+<template>
+  <div id="app">
+    <!-- 顶部标题与功能菜单栏 -->
+    <TouchScreenHeader :title="title" :btnItems="btnItems" @menu-click="clickTopMenu"> </TouchScreenHeader>
+    <!-- 主内容区域 -->
+    <div class="main-content">
+      <!-- 左侧主页面 -->
+      <div class="main-page">
+        <!-- 主页面内容 -->
+        <keep-alive>
+          <component :is="currentComponent" v-if="currentMenu !== -1"></component>
+        </keep-alive>
+      </div>
+      <!-- 右侧目录菜单 -->
+      <div class="menu">
+        <ul>
+          <li v-for="(item, index) in menuList" :key="index" @click="changeMenu(index)" :class="{ active: currentMenu === index }">
+            <div :class="`mdi mdi-${item.icon}`"></div>
+            <div>{{ item.name }}</div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import TouchScreenHeader from './components/header.vue'
+
+import comText from '../tool/comText.vue'
+import WorkOrder from '../workorder/index.vue'
+import WorkOrderRecord from '../record/index.vue'
+export default {
+  name: 'App',
+  components: {
+    TouchScreenHeader,
+    WorkOrder,
+    WorkOrderRecord,
+    comText,
+  },
+  data() {
+    return {
+      loading: false,
+      title: '上海干巷车镜后道缺陷采集系统',
+      btnItems: [
+        { label: 'Home', icon: 'mdi-home' },
+        { label: 'FullScreen', icon: 'mdi-fullscreen' },
+        { label: 'COM', icon: 'mdi-usb-port' },
+        // { label: 'Settings', icon: 'mdi-cog' },
+        // { label: 'Profile', icon: 'mdi-account' }
+      ],
+      currentMenu: 0,
+      menuList: [
+        {
+          name: '质量',
+          icon: 'clipboard-list',
+        },
+        {
+          name: '记录',
+          icon: 'file-document',
+        },
+        // {
+        //     name: '工具',
+        //     icon: 'toolbox'
+        // },
+        // {
+        //     name: '调试',
+        //     icon: 'usb-port'
+        // }
+      ],
+    }
+  },
+  computed: {
+    currentComponent() {
+      // 菜单
+      switch (this.currentMenu) {
+        case 0:
+          return 'WorkOrder'
+        case 1:
+          return 'WorkOrderRecord' // 假设记录面内容对应 comText 组件
+        case 2:
+          return 'comText' // 假设工具面内容也对应 comText 组件
+        case 3:
+          return 'comText' // 假设串口调试内容也对应 comText 组件
+        default:
+          return null
+      }
+    },
+  },
+  methods: {
+    clickTopMenu(item) {
+      // 返回主页
+      if (item.label === 'Home') {
+        this.$router.push('/')
+      }
+      // 全屏
+      if (item.label === 'FullScreen') {
+        this.toggleFullScreen()
+      }
+      // 串口通讯
+      if (item.label === 'COM') {
+        this.connectSerialPort()
+      }
+    },
+    // 方法定义
+    changeMenu(index = -1) {
+      this.currentMenu = index
+    },
+    toggleFullScreen() {
+      const element = document.documentElement
+      if (!document.fullscreenElement) {
+        element.requestFullscreen().catch((err) => {
+          console.error(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`)
+        })
+      } else {
+        document.exitFullscreen().catch((err) => {
+          console.error(`Error attempting to exit full-screen mode: ${err.message} (${err.name})`)
+        })
+      }
+    },
+    async connectSerialPort() {
+      try {
+        // 请求用户选择串口
+        this.serialPort = await navigator.serial.requestPort()
+
+        // 打开串口
+        await this.serialPort.open({ baudRate: 9600 })
+
+        // 创建读取器
+        const decoder = new TextDecoderStream()
+        this.reader = this.serialPort.readable.pipeThrough(decoder).getReader()
+        // 读取数据
+        while (true) {
+          const { value, done } = await this.reader.read()
+          if (done) {
+            break
+          }
+          console.log(value)
+        }
+      } catch (error) {
+        console.error('无法连接到串口:', error)
+      }
+    },
+  },
+}
+</script>
+
+<style scoped>
+@import './index.css';
+
+.border {
+  border: 1px solid red;
+}
+
+#app {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: #2c3e50;
+  /* 设置背景颜色 */
+  color: #ecf0f1;
+  /* 设置主要文字颜色 */
+}
+
+.main-content {
+  display: flex;
+  flex: 1;
+}
+
+.main-page {
+  flex: 1;
+  background-color: #2c3e50;
+  min-height: 93vh;
+  /* 移除内边距并保持一致背景色 */
+}
+
+.menu {
+  width: 80px;
+  padding: 5px;
+  background-color: #34495e;
+  /* 更柔和的颜色 */
+  border-left: 1px solid #2980b9;
+  /* 添加左边框以区分 */
+}
+
+.menu ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.menu li {
+  display: flex;
+  align-items: center;
+  padding: 5px;
+  border-bottom: 1px solid #2980b9;
+  /* 设置底部边框颜色 */
+  cursor: pointer;
+  transition: background-color 0.3s ease, box-shadow 0.3s ease;
+  color: #bdc3c7;
+  /* 设置次要文字颜色 */
+}
+
+.menu li:last-child {
+  border-bottom: none;
+}
+
+.menu li:hover {
+  background-color: #3498db;
+  /* 蓝色鼠标悬停背景色 */
+  color: #ecf0f1;
+  /* 浅灰色文字颜色 */
+}
+
+.menu li.active {
+  background-color: #2ecc71;
+  /* 绿色激活状态背景色 */
+  color: #ecf0f1;
+  /* 浅灰色文字颜色 */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  /* 设置选中状态下的阴影 */
+}
+
+.menu li .mdi {
+  font-size: 24px;
+  margin-right: 15px;
+}
+
+.menu li div {
+  font-size: 16px;
+}
+
+/* 顶部标题与功能菜单栏样式 */
+.top-header {
+  background-color: #2980b9;
+  /* 明亮的蓝色 */
+  color: #ecf0f1;
+  /* 浅灰色文字颜色 */
+  padding: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #2980b9;
+  /* 添加底部边框 */
+}
+
+.top-header h1 {
+  margin: 0;
+  font-size: 1.5em;
+}
+
+.top-header nav ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+.top-header nav ul li {
+  margin-left: 1rem;
+}
+
+.top-header nav ul li a {
+  color: #ecf0f1;
+  /* 浅灰色文字颜色 */
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.top-header nav ul li a:hover {
+  text-decoration: underline;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/record/index.vue b/src/views/qualityManagement/backend/touchScreen/record/index.vue
new file mode 100644
index 0000000..a7a8b96
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/record/index.vue
@@ -0,0 +1,484 @@
+<template>
+  <div class="container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form :model="queryParams" size="small" label-position="right" inline ref="queryForm" :label-width="labelWidth" @submit.native.prevent>
+      <el-form-item label="开始日期" prop="startTime">
+        <el-date-picker v-model="queryParams.startTime" @change="selectChange" :clearable="false" type="datetime" placeholder="选择日期时间"></el-date-picker>
+      </el-form-item>
+      <el-form-item label="结束日期" prop="endTime">
+        <el-date-picker v-model="queryParams.endTime" @change="selectChange" :clearable="false" type="datetime" placeholder="选择日期时间"></el-date-picker>
+      </el-form-item>
+      <el-form-item label="工单号" prop="workOrder">
+        <el-input v-model="queryParams.workOrder" placeholder="请输入工单号" />
+      </el-form-item>
+      <el-form-item label="零件号" prop="partNumber">
+        <el-input v-model="queryParams.partNumber" placeholder="请输入零件号" />
+      </el-form-item>
+      <el-form-item label="物料描述" prop="description">
+        <el-input v-model="queryParams.description" placeholder="请输入物料描述" />
+      </el-form-item>
+      <el-form-item label="站点" prop="siteNo">
+        <el-select v-model="queryParams.siteNo" placeholder="请选择站点" @change="selectChange">
+          <el-option label="全部" value=""></el-option>
+          <el-option v-for="item in siteOptions" :key="item.code" :label="item.name" :value="item.code"> </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="班组" prop="team">
+        <el-select v-model="queryParams.team" placeholder="请选择班组" @change="selectChange">
+          <el-option label="全部" value=""></el-option>
+          <el-option v-for="item in teamOptions" :key="item.code" :label="item.name" :value="item.code"> </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="排序类别" prop="statisticsOrderType">
+        <el-select v-model="queryParams.statisticsOrderType">
+          <el-option label="工单号" :value="1" />
+          <el-option label="零件号" :value="2" />
+          <el-option label="合格率" :value="3" />
+          <el-option label="开始时间" :value="4" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出当前页</el-button>
+      </el-form-item>
+    </el-form>
+    <div style="width: 100%; display: flex; justify-content: flex-end">
+      <pagination class="mt10" background :pageSizes="[12, 30, 60, 300]" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+    </div>
+    <!-- 统计数据区域 -->
+    <div v-if="statistics" class="statistics-box">
+      <div>总工单: {{ statistics.totalListCount }}</div>
+      <div>总投入: {{ statistics.totalRequireNumber }}</div>
+      <div>总合格: {{ statistics.totalQualifiedNumber }}</div>
+      <div>合格率: {{ statistics.qualifiedRate }}</div>
+      <div>抛光数: {{ statistics.totalPolishNumber }}</div>
+      <div>打磨数: {{ statistics.totalDamoNumber }}</div>
+      <div>报废数: {{ statistics.totalBaofeiNumber }}</div>
+    </div>
+    <!-- 数据区域 -->
+    <vxe-table
+      size="mini"
+      ref="xTable"
+      border
+      height="860px"
+      :data="dataList"
+      :loading="loading"
+      :column-config="{ resizable: true }"
+      :header-cell-style="headerCellStyle"
+      :export-config="exportConfig"
+      :merge-cells="mergeCells"
+      :cell-style="cellStyle"
+      @menu-click="contextMenuClickEvent"
+      :show-overflow="false"
+      :menu-config="tableMenu"
+    >
+      <vxe-colgroup title="工单信息" align="center" fixed="left">
+        <vxe-column field="workOrder" title="工单号" align="center" width="100px" />
+        <vxe-column field="partNumber" title="零件号" align="center" width="100px" />
+        <vxe-column field="description" title="零件描述" align="center" width="100px" />
+        <vxe-column field="specification" title="规格" align="center" />
+        <vxe-column field="color" title="颜色" align="center" />
+        <vxe-column field="siteNo" title="站点" align="center" />
+        <vxe-column field="team" title="班组" align="center" />
+        <vxe-column field="requireNumber" title="投入数" align="center" />
+        <vxe-column field="qualifiedNumber" title="合格数" align="center" />
+        <vxe-column field="qualifiedRate" title="合格率" align="center" width="70px" />
+        <vxe-column field="polishNumber" title="抛光数" align="center" />
+        <vxe-column field="damoNumber" title="打磨数" align="center" />
+        <vxe-column field="baofeiNumber" title="报废数" align="center" />
+        <vxe-column field="isOnetime" title="是否一次合格" align="center">
+          <template #default="{ row }">
+            {{ row.isOnetime == 1 ? '是' : '否' }}
+          </template>
+        </vxe-column>
+        <vxe-column field="isBack" title="是否返工件" align="center">
+          <template #default="{ row }">
+            {{ row.isBack == 1 ? '是' : '否' }}
+          </template>
+        </vxe-column>
+        <vxe-column field="isPolish" title="是否抛光件" align="center">
+          <template #default="{ row }">
+            {{ row.isPolish == 1 ? '是' : '否' }}
+          </template>
+        </vxe-column>
+        <vxe-column field="isOut" title="是否其他" align="center">
+          <template #default="{ row }">
+            {{ row.isOut == 1 ? '是' : '否' }}
+          </template>
+        </vxe-column>
+        <vxe-column field="startTime" title="开始时间" align="center" width="100px" />
+        <vxe-column field="endTime" title="结束时间" align="center" width="100px" />
+        <vxe-column field="groupSort" title="类别" align="center" width="60px">
+          <template #default="{ row }">
+            <span v-if="row.groupSort == 1">抛光</span>
+            <span v-if="row.groupSort == 2">打磨</span>
+            <span v-if="row.groupSort == 3">报废</span>
+          </template>
+        </vxe-column>
+      </vxe-colgroup>
+      <!-- 展示缺陷记录 -->
+      <vxe-colgroup v-for="(group, index) in groupTable" :key="index" :title="group.groupName" align="center">
+        <vxe-column v-for="(defect, index) in group.children" :key="index" :field="defect.code" :title="defect.name" align="center" width="40px"> </vxe-column>
+      </vxe-colgroup>
+    </vxe-table>
+  </div>
+</template>
+<script>
+import {
+  listQcBackEndServiceStatistics,
+  addQcBackEndServiceStatistics,
+  delQcBackEndServiceStatistics,
+  updateQcBackEndServiceStatistics,
+  getQcBackEndServiceStatistics,
+  GetReviseList,
+} from '@/api/qualityManagement/BackEnd/qcBackEndServiceStatistics.js'
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService.js'
+export default {
+  name: 'qcBackEndservicestatistics',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 60,
+        statisticsOrderType: 1,
+        team: '',
+        siteNo: '',
+        startTime: '',
+        endTime: '',
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      // 是否一次合格选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isOnetimeOptions: [{ dictLabel: '是', dictValue: 1 }],
+      // 是否返工件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isBackOptions: [{ dictLabel: '是', dictValue: 1 }],
+      // 是否抛光件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isPolishOptions: [{ dictLabel: '是', dictValue: 1 }],
+      // 是否外部件选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      isOutOptions: [{ dictLabel: '是', dictValue: 1 }],
+      // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [],
+      // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [],
+      sessionKey: '_MES_QualityReport_KEY',
+      mergeColunmNumber: 19,
+      teamOptions: [],
+      siteOptions: [],
+      // 缺陷项列表渲染
+      groupTable: [],
+      // 数据列表
+      statistics: null,
+      dataList: [],
+      allDataList: [],
+      mergeCells: [],
+      hiddenCells: [],
+      total: 0,
+      // 右键菜单
+      tableMenu: {
+        header: {
+          options: [
+            [
+              { code: 'hideColumn', name: '隐藏列', disabled: false },
+              { code: 'showAllColumn', name: '取消所有隐藏列', disabled: false },
+            ],
+          ],
+        },
+        visibleMethod: this.visibleMethod,
+      },
+      // 总记录数
+      total: 0,
+      exportConfig: {
+        types: ['xlsx'],
+        remote: false,
+        original: false,
+        isPrint: false,
+        mode: 'current',
+        message: true,
+        sheetMethod({ options, worksheet }) {
+          if (options.mergeCells && options.mergeCells.length) {
+            options.mergeCells.forEach((merge) => {
+              worksheet.mergeCells(
+                merge.row + 1, // 起始行（从1开始）
+                merge.col + 1, // 起始列（从1开始）
+                merge.row + merge.rowspan, // 结束行
+                merge.col + merge.colspan, // 结束列
+              )
+            })
+          }
+        },
+      },
+    }
+  },
+  created() {
+    this.init()
+  },
+  computed: {},
+  methods: {
+    async init() {
+      const [teams, sites, groups] = await Promise.all([QcBackEndApi.GetGroupOptions(), QcBackEndApi.GetStieOptions(), QcBackEndApi.GetDefectTableOptions()])
+      this.teamOptions = teams.data
+      this.siteOptions = sites.data
+      this.groupTable = groups.data
+      this.getLocalStorage()
+      this.getList()
+    },
+    //todo  设置表合并行
+    mergeTable(num) {
+      // 待合并数量
+      this.mergeCells = []
+      for (let i = 0; i < this.dataList.length; i = i + num) {
+        let count = this.mergeColunmNumber - this.hiddenCells.length
+        for (let j = 0; j < count; j++) {
+          this.mergeCells.push({ row: i, col: j, rowspan: num, colspan: 0 })
+        }
+      }
+    },
+    selectChange() {
+      this.setLocalStorage()
+    },
+    setLocalStorage() {
+      const data = {
+        team: this.queryParams.team,
+        site: this.queryParams.siteNo,
+        startTime: this.queryParams.startTime,
+        endTime: this.queryParams.endTime,
+      }
+      localStorage.setItem(this.sessionKey, JSON.stringify(data))
+    },
+    getLocalStorage() {
+      const data = JSON.parse(localStorage.getItem(this.sessionKey))
+      if (data) {
+        this.queryParams.team = data.team
+        this.queryParams.siteNo = data.site
+        this.queryParams.startTime = data.startTime
+        this.queryParams.endTime = data.endTime
+      } else {
+        this.queryParams.startTime = this.$dayjs().startOf('day')
+        this.queryParams.endTime = this.$dayjs().endOf('day')
+      }
+    },
+    // 查询数据
+    getList() {
+      this.loading = true
+      const params = { ...this.queryParams }
+      params.startTime = this.$dayjs(this.queryParams.startTime).format()
+      params.endTime = this.$dayjs(this.queryParams.endTime).format()
+      console.log(params)
+
+      GetReviseList(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          //this.allDataList = res.data.list;
+          this.dataList = res.data.pageList
+          this.total = res.data.total
+          this.statistics = res.data.statistics
+          this.mergeTable(3)
+          this.loading = false
+        }
+      })
+    },
+    // 右键菜单
+    contextMenuClickEvent({ menu, row, column }) {
+      const $table = this.$refs.xTable
+      switch (menu.code) {
+        case 'hideColumn':
+          this.hideColumn(column)
+          break
+        case 'showAllColumn':
+          this.resetColumn()
+          break
+      }
+    },
+    // 隐藏列
+    hideColumn(column) {
+      const $table = this.$refs.xTable
+      $table.hideColumn(column)
+      this.hiddenCells.push(column.title)
+      this.resetMergeTable()
+    },
+    // 取消所有隐藏列
+    resetColumn() {
+      const $table = this.$refs.xTable
+      this.hiddenCells = []
+      $table.resetColumn()
+      this.resetMergeTable()
+    },
+    resetMergeTable() {
+      this.mergeTable(3)
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        workOrder: undefined,
+        partNumber: undefined,
+        description: undefined,
+        specification: undefined,
+        color: undefined,
+        team: undefined,
+        siteNo: undefined,
+        comNo: undefined,
+        isOnetime: undefined,
+        isBack: undefined,
+        isPolish: undefined,
+        isOut: undefined,
+        startTime: undefined,
+        endTime: undefined,
+        label: undefined,
+        requireNumber: undefined,
+        qualifiedNumber: undefined,
+        qualifiedRate: undefined,
+        damoNumber: undefined,
+        baofeiNumber: undefined,
+        groupCode: undefined,
+        groupSort: undefined,
+        groupDefectJson: undefined,
+        type: undefined,
+        status: undefined,
+        remark: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.queryParams.startTime = this.$dayjs().startOf('day')
+      this.queryParams.endTime = this.$dayjs().endOf('day')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    //todo 设置表头颜色
+    headerCellStyle() {
+      return {
+        backgroundColor: '#2D3D51',
+        color: '#ffffff',
+        border: '1px solid #161823',
+        fontSize: '16px',
+      }
+    },
+    cellStyle() {
+      return {
+        border: '1px solid #161823',
+        padding: '0',
+        fontSize: '14px',
+        fontWeight: '600',
+      }
+    },
+    handleExport() {
+      //TODO 导出存在异常，需要修复，现在导出数据都是一个数据
+      const $table = this.$refs.xTable
+      if ($table) {
+        $table.openExport({
+          type: 'xlsx',
+          isMerge: true,
+          isColgroup: true,
+          useStyle: true,
+        })
+        // $table.exportData()
+        // 设置导出类型为 xlsx
+
+        // $table.exportData({
+        //     type: 'xlsx',
+        // }).then(() => {
+        //     console.log('导出成功');
+        // }).catch(error => {
+        //     console.error('导出失败:', error);
+        // });
+      }
+    },
+  },
+}
+</script>
+
+<style scoped>
+/* 添加一些样式以提高可读性 */
+:root {
+  --table-header-bg: #2d3d51;
+  --table-header-color: #ffffff;
+  --table-border-color: #161823;
+  --table-font-size: 14px;
+  --table-font-weight: 600;
+  --statistics-font-size: 20px;
+}
+
+.container {
+  width: 95vw;
+  background-color: white;
+}
+
+.vxe-table--header-wrapper th {
+  background-color: var(--table-header-bg);
+  color: var(--table-header-color);
+  border: 1px solid var(--table-border-color);
+  font-size: 16px;
+}
+
+.vxe-table--body-wrapper td {
+  padding: 6px 0;
+  border: 1px solid var(--table-border-color);
+  font-size: var(--table-font-size);
+  font-weight: var(--table-font-weight);
+}
+
+.statistics-box {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-around;
+  font-size: var(--statistics-font-size);
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/tool/comText.vue b/src/views/qualityManagement/backend/touchScreen/tool/comText.vue
new file mode 100644
index 0000000..230ce49
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/tool/comText.vue
@@ -0,0 +1,128 @@
+<template>
+    <div>
+        <button @click="connectSerial" :disabled="serialPort !== null">
+            连接串口
+        </button>
+        <button @click="disconnectSerial" :disabled="serialPort === null">
+            断开串口
+        </button>
+        <p v-if="serialPort !== null">已连接到: {{ serialPort.getInfo().usbVendorId }}:{{ serialPort.getInfo().usbProductId
+            }}</p>
+        <p v-else>未连接</p>
+        <p v-if="errorMessage">{{ errorMessage }}</p>
+        <pre>{{ receivedData }}</pre>
+        <pre>{{ code }}</pre>
+    </div>
+</template>
+
+<script>
+import SCAN from "./scanCode"		// from后面为创建的SCAN类文件地址
+
+export default {
+    data() {
+        return {
+            serialPort: null,
+            reader: null,
+            writer: null,
+            errorMessage: '',
+            receivedData: '',
+            code: ''
+        };
+    },
+    async created() {
+        this.scan = new SCAN(this, 200)
+        // 重新注册scanCode事件，
+        // this.$bus.$on('scanCode', this.handleCode)
+        this.scan.start() //开启监听
+    },
+    beforeDestroy() {
+        // this.$bus.$off('scanCode')
+        this.scan.stop()
+    },
+    activated() {
+        // 注销scanCode事件 
+        // this.$bus.$off('scanCode')	
+        // this.$bus.$on('scanCode', this.handleCode)	
+        this.scan.start()
+    },
+    methods: {
+        async connectSerial() {
+            try {
+                this.serialPort = await navigator.serial.requestPort();
+                console.log('选择了串口:', this.serialPort);
+
+                // 检查浏览器是否支持所需的波特率
+                const options = { baudRate: 9600 };
+                await this.serialPort.open(options);
+                console.log('串口已打开');
+
+                // 设置读取器
+                this.reader = this.serialPort.readable.getReader();
+                this.readLoop();
+
+            } catch (error) {
+                console.error('无法打开串口:', error);
+                this.errorMessage = `无法打开串口: ${error.message}`;
+                this.serialPort = null
+            }
+        },
+        async readLoop() {
+            while (true) {
+                try {
+                    const { value, done } = await this.reader.read();
+                    if (done) {
+                        console.log('读取完成');
+                        break;
+                    }
+                    // 将接收到的字节数组转换为字符串
+                    const decoder = new TextDecoder();
+                    const decodedValue = decoder.decode(value, { stream: true });
+                    this.receivedData += decodedValue;
+                } catch (error) {
+                    console.error('读取数据时出错:', error);
+                    break;
+                }
+            }
+            // 关闭读取器
+            this.reader.releaseLock();
+            this.reader = null;
+        },
+        disconnectSerial() {
+            if (this.reader) {
+                this.reader.cancel();
+                this.reader.releaseLock();
+                this.reader = null;
+            }
+            if (this.writer) {
+                this.writer.close();
+                this.writer = null;
+            }
+            if (this.serialPort) {
+                this.serialPort.close();
+                this.serialPort = null;
+                console.log('串口已关闭');
+            }
+        },
+        handleCode(code) {
+            code = code.trim()
+            if (!code) return
+            this.code = code
+            this.handleSearchCode()
+        },
+    },
+};
+</script>
+
+<style scoped>
+button {
+    margin: 5px;
+}
+
+pre {
+    background-color: #f4f4f4;
+    padding: 10px;
+    border-radius: 5px;
+    overflow-y: auto;
+    max-height: 200px;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/tool/scanCode.js b/src/views/qualityManagement/backend/touchScreen/tool/scanCode.js
new file mode 100644
index 0000000..4ae4103
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/tool/scanCode.js
@@ -0,0 +1,78 @@
+class SCAN {
+  constructor(vm, timeout = 100) {
+    this.barCode = ''
+    this.vm = vm
+    this.lastTime = 0
+    this.timeout = timeout
+    this.timer = null
+    this.event = this.eventListenerScanCode.bind(this)
+  }
+
+  //监听扫码枪
+  eventListenerScanCode(e) {
+    e = e || window.event
+    let currCode = e.keyCode || e.which || e.charCode
+
+    let currTime = new Date().getTime()
+    if (this.lastTime > 0) {
+      if (currTime - this.lastTime <= this.timeout) {
+        // 扫码枪有效输入间隔毫秒
+        this.barCode += String.fromCharCode(currCode)
+      } else if (currTime - this.lastTime > this.timeout) {
+        // 超过间隔时间，认为不是扫码枪输入内容，清空
+        this.ClearBarCode()
+      }
+    } else {
+      // 第一次按键
+      this.barCode = String.fromCharCode(currCode)
+    }
+    console.log(currTime, '监听扫监听到的值：', this.barCode)
+    this.lastTime = currTime
+
+    if (currCode == 13) {
+      if (this.barCode) {
+        console.log('扫码结果：' + this.barCode)
+
+        let code = this.barCode.substring(0, this.barCode.length - 1)
+        if (!code) return
+
+        this.vm && this.vm.$bus.$emit('scanCode', code)
+      }
+      this.ClearBarCode()
+    }
+
+    // 在没有按enter的情况下，定时清空
+    if (this.timer) {
+      clearTimeout(this.timer)
+      this.timer = null
+    }
+
+    this.timer = setTimeout(() => {
+      if (this.lastTime) {
+        this.ClearBarCode()
+        console.log('执行清空')
+      }
+      clearTimeout(this.timer)
+      this.timer = null
+    }, this.timeout)
+  }
+
+  ClearBarCode() {
+    this.barCode = ''
+    this.lastTime = 0
+    if (this.timer) {
+      clearTimeout(this.timer)
+      this.timer = null
+    }
+  }
+
+  start() {
+    window.addEventListener('keypress', this.event)
+  }
+
+  stop() {
+    window.removeEventListener('keypress', this.event)
+    this.ClearBarCode()
+  }
+}
+export default SCAN
diff --git a/src/views/qualityManagement/backend/touchScreen/workorder/components/DefectCard.vue b/src/views/qualityManagement/backend/touchScreen/workorder/components/DefectCard.vue
new file mode 100644
index 0000000..7fae862
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/workorder/components/DefectCard.vue
@@ -0,0 +1,276 @@
+<template>
+  <el-row :gutter="10">
+    <el-col :span="8" v-for="(group, index) in groups" :key="index">
+      <el-card shadow="hover" class="box-card">
+        <div class="card-header">{{ group.groupName }}</div>
+        <div>
+          <el-row :gutter="5" v-for="(row, rowIndex) in rowList" :key="rowIndex">
+            <el-col :span="2">
+              <div class="defect-item-left">{{ row }}</div>
+            </el-col>
+            <el-col v-if="item.type === row" :span="3" v-for="(item, index) in group.children" :key="index">
+              <div
+                class="defect-item-box"
+                @mousedown="handleStart($event, item)"
+                @mouseup="handleEnd($event, item)"
+                @touchstart="handleStart($event, item)"
+                @touchend="handleEnd($event, item)"
+              >
+                <div class="defect-item-name">{{ item.name }}</div>
+                <div class="defect-item-number">{{ getClickItemNum(item) }}</div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </el-card>
+    </el-col>
+    <el-col :span="8">
+      <slot name="workorder"></slot>
+    </el-col>
+    <DefectUpdateDialog ref="DefectUpdateDialogRef" @updateDefectNum="updateDefectNum" />
+  </el-row>
+</template>
+
+<script>
+import DefectUpdateDialog from './DefectUpdateDialog.vue'
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService'
+export default {
+  name: 'DefectCard',
+  components: { DefectUpdateDialog },
+  props: {
+    // 工单信息
+    formData: Object,
+  },
+  data() {
+    return {
+      groups: [
+        { groupName: '油漆', children: [] },
+        { groupName: '设备', children: [] },
+        { groupName: '毛坯', children: [] },
+        { groupName: '程序', children: [] },
+        { groupName: '班组操作', children: [] },
+      ],
+      rowList: ['抛光', '打磨', '报废'],
+      pressTimer: null,
+      isLongPress: false,
+      dialogData: {
+        title: '',
+        update: {
+          show: false,
+          updateName: '',
+          updateCode: '',
+          updateNum: 0,
+        },
+      },
+    }
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    async init() {
+      try {
+        let groups = await QcBackEndApi.GetDefectInitOptions()
+        this.groups = groups.data
+      } catch (e) {}
+    },
+    validateWorkOrder() {
+      if (!this.formData.workOrder) {
+        this.showErrorMessage(1, '未生成有效工单!请扫描箱标签')
+        return false
+      }
+      return true
+    },
+    showErrorMessage(code, message) {
+      this.$emit('showWarningMessage', code, message)
+    },
+    getClickItemNum(item) {
+      return item.num || 0
+    },
+    handleStart(event, item) {
+      if (event.type.startsWith('touch')) event.preventDefault()
+      if (this.pressTimer) clearTimeout(this.pressTimer)
+      this.pressTimer = setTimeout(() => {
+        this.isLongPress = true
+        this.showUpdateDialog(item)
+      }, 500)
+    },
+    handleEnd(event, item = null) {
+      if (!item) return
+      if (this.pressTimer) clearTimeout(this.pressTimer)
+      this.handleShortClick(item)
+      this.isLongPress = false
+    },
+    // 提取短按处理逻辑
+    handleShortClick(item) {
+      if (this.isLongPress) return
+      if (!this.validateWorkOrder()) return
+      const params = {
+        workOrder: this.formData.workOrder,
+        defectCode: item.code,
+        defectNum: item.num || 0,
+        type: '1',
+      }
+      this.updateDefectItem(params)
+    },
+    updateDefectItem(params) {
+      QcBackEndApi.ChangeWorkOrderDefect(params).then((res) => {
+        if (res.code === 200) {
+          this.emitDefectChange()
+        } else {
+          this.$message.error('缺陷项修改异常')
+        }
+      })
+    },
+    // 长按
+    showUpdateDialog(item) {
+      if (!this.validateWorkOrder()) return
+      const data = {
+        updateName: `${item.type}-${item.name}`,
+        updateCode: item.code,
+        updateNum: this.getClickItemNum(item),
+        workOrder: this.formData.workOrder,
+        description: this.formData.description,
+      }
+      this.$refs.DefectUpdateDialogRef.open(data)
+    },
+    updateDefectNum(params) {
+      if (!this.validateWorkOrder()) return
+      this.updateDefectItem(params)
+      this.$refs.DefectUpdateDialogRef.close()
+      this.isLongPress = false
+    },
+    setDefectNum(defectCode, num) {
+      // 更新缺陷数量的方法
+      for (let group of this.groups) {
+        for (let child of group.children) {
+          if (child.code === defectCode) {
+            child.num = num
+            break
+          }
+        }
+      }
+    },
+    emitDefectChange() {
+      this.$emit('defectChange')
+    },
+    refresh() {
+      this.$emit('refresh')
+    },
+    // 重新获取工单缺陷项(刷新)
+    getDefectListByWorkOrder(formData = null) {
+      let _workOrder = null
+      if (formData != null) {
+        _workOrder = formData.workOrder
+      } else if (this.formData != null) {
+        _workOrder = this.formData.workOrder
+      }
+      if (_workOrder === null) {
+        return
+      }
+      const params = {
+        workOrder: _workOrder,
+      }
+      QcBackEndApi.GetWorkOrderDefectList(params).then((res) => {
+        if (res.code === 200 && res.data.length > 0) {
+          let _list = res.data
+          for (let item of _list) {
+            this.setDefectNum(item.defectCode, item.defectNum)
+          }
+        }
+      })
+    },
+  },
+}
+</script>
+
+<style scoped>
+.box-card {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  background-color: #032169;
+  /* 深墨绿色背景 */
+  color: #ecf0f1;
+  /* 浅灰色文字颜色 */
+  border-radius: 10px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  /* 设置阴影 */
+  margin-top: 2px;
+  margin-bottom: 2px;
+  /* 增加卡片底部间距 */
+}
+
+.card-header {
+  margin: 0;
+  padding: 0;
+  color: #ecf0f1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.defect-item-left {
+  height: 100px;
+  font-size: 16px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  writing-mode: vertical-lr;
+}
+
+.defect-item-box {
+  min-width: 100%;
+  border-radius: 5%;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  background-color: #11a983;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.3s ease, transform 0.3s ease;
+  /* 添加过渡效果 */
+}
+
+.defect-item-box:hover {
+  background-color: #008c62;
+  /* 悬停时的背景颜色 */
+  transform: scale(1.05);
+  /* 悬停时稍微放大 */
+  cursor: pointer;
+  /* 改变鼠标指针形状 */
+}
+
+.defect-item-name {
+  width: 100%;
+  height: 60px;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  writing-mode: vertical-lr;
+  letter-spacing: 5px;
+}
+
+.defect-item-number {
+  color: red;
+  width: 100%;
+  height: 40px;
+  font-size: 20px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.number-text {
+  font-size: 20px;
+  font-weight: 600;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/workorder/components/DefectUpdateDialog.vue b/src/views/qualityManagement/backend/touchScreen/workorder/components/DefectUpdateDialog.vue
new file mode 100644
index 0000000..07aa6cc
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/workorder/components/DefectUpdateDialog.vue
@@ -0,0 +1,72 @@
+<template>
+  <el-dialog class="dialogBox" :visible.sync="show" title="缺陷项修改" width="400px" append-to-body :close-on-click-modal="false">
+    <el-form label-width="auto">
+      <el-form-item label="工单号">
+        <div class="number-text">{{ workOrder }}</div>
+      </el-form-item>
+      <el-form-item label="缺陷项">
+        <div class="number-text">{{ updateName }}</div>
+      </el-form-item>
+      <el-form-item label="缺陷数">
+        <el-input-number :min="0" class="number-text" v-model="updateNum"></el-input-number>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button :disabled="loading" type="primary" @click="updateDefectNum">确认修改</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService'
+export default {
+  name: 'DefectUpdateDialog',
+  data() {
+    return {
+      loading: false,
+      show: false,
+      updateName: '',
+      updateCode: '',
+      updateNum: 0,
+      workOrder: '',
+      description: '',
+    }
+  },
+  methods: {
+    updateDefectNum() {
+      this.loading = true
+      const params = {
+        workOrder: this.workOrder,
+        defectCode: this.updateCode,
+        defectNum: this.updateNum || 0,
+        type: '2',
+      }
+      this.$emit('updateDefectNum', params)
+      this.loading = false
+    },
+    open(data) {
+      this.show = true
+      this.loading = false
+      this.updateName = data.updateName
+      this.updateCode = data.updateCode
+      this.updateNum = data.updateNum
+      this.workOrder = data.workOrder
+      this.description = data.description
+    },
+    close() {
+      this.show = false
+      this.updateName = ''
+      this.updateCode = ''
+      this.updateNum = 0
+      this.workOrder = ''
+    },
+  },
+}
+</script>
+
+<style scoped>
+/* 样式 */
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/workorder/components/EndWorkOrderDialog.vue b/src/views/qualityManagement/backend/touchScreen/workorder/components/EndWorkOrderDialog.vue
new file mode 100644
index 0000000..3ea4386
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/workorder/components/EndWorkOrderDialog.vue
@@ -0,0 +1,195 @@
+<template>
+  <el-dialog v-loading="loading" :visible.sync="show" title="结束工单" width="90%" append-to-body :close-on-click-modal="false">
+    <el-form label-width="auto">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="工单号">
+            <div class="number-text">{{ formData.workOrder }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="零件号">
+            <div class="number-text">{{ formData.partNumber }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="规格">
+            <div class="number-text">{{ formData.specification }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="颜色">
+            <div class="number-text">{{ formData.color }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="描述">
+            <div class="number-text">{{ formData.description }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-form-item label="站点">
+            <div class="number-text">{{ siteNo }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="3">
+          <el-form-item label="班组">
+            <div class="number-text">{{ team }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="来源">
+            <div class="number-text">{{ formData.isOnetime === 1 ? '一次合格' : '抛光件' }}</div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="类别">
+            <div class="number-text">{{ formData.isBack === 1 ? '返工件' : '正常件' }}</div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <table class="workorder-card-table">
+        <tr>
+          <td>投入数</td>
+          <td>{{ formData.requireNumber }}</td>
+          <td>合格数</td>
+          <td>{{ formData.qualifiedNumber }}</td>
+          <td>合格率</td>
+          <td>{{ qualifiedRate }}</td>
+        </tr>
+        <tr>
+          <td>抛光数</td>
+          <td>{{ formData.polishNumber }}</td>
+          <td>打磨数</td>
+          <td>{{ formData.damoNumber }}</td>
+          <td>报废数</td>
+          <td>{{ formData.baofeiNumber }}</td>
+        </tr>
+        <tr>
+          <td>开始时间</td>
+          <td>{{ formData.startTime }}</td>
+          <td>结束时间</td>
+          <td>{{ formData.endTime }}</td>
+          <td>工单状态</td>
+          <td>{{ formData.endTime ? '已结束' : '未结束' }}</td>
+        </tr>
+      </table>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button :disabled="loading" type="primary" @click="endWorkOrder">确认结束工单并生成报表</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService'
+export default {
+  name: 'EndWorkOrderDialog',
+  data() {
+    return {
+      loading: false,
+      show: false,
+      formData: {
+        workOrder: '',
+        partnumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        number: '',
+        labelCode: '',
+        siteNo: '',
+        comNo: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+      },
+      // 需要传入
+      team: '',
+      siteNo: '',
+    }
+  },
+  computed: {
+    qualifiedRate() {
+      if (this.formData.requireNumber > 0) {
+        const rate = Math.floor((this.formData.qualifiedNumber / this.formData.requireNumber) * 100)
+        return `${rate}%`
+      } else {
+        return '0%'
+      }
+    },
+  },
+  methods: {
+    endWorkOrder() {
+      this.$confirm('是否确认完成工单并生成报表!', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'info',
+        center: true,
+      })
+        .then(() => {
+          QcBackEndApi.EndBackEndWorkOrderAndCreateStatistics(this.formData).then((res) => {
+            if (res.code === 200 && res.data === 'ok') {
+              this.$message.success('结束工单并生成报表成功！')
+              this.emitEndWorkOrder()
+              this.close()
+            } else {
+              this.$message.error('结束工单异常！' + res.msg)
+            }
+          })
+        })
+        .catch(() => {})
+    },
+    changeFormStatus(type) {
+      // type = 1 进入外标签扫码模式
+      this.$emit('changeFormStatus', type)
+    },
+    doClearFormData() {
+      this.$emit('clearFormData')
+    },
+    emitEndWorkOrder() {
+      this.changeFormStatus(1)
+      this.$emit('endWorkOrder')
+    },
+    open(data) {
+      this.show = true
+      this.loading = false
+      this.formData = data.formData
+      this.team = data.team
+      this.siteNo = data.siteNo
+    },
+    close() {
+      this.show = false
+      this.loading = false
+      this.formData = {}
+      this.team = ''
+      this.siteNo = ''
+    },
+  },
+}
+</script>
+
+<style scoped>
+.number-text {
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.workorder-card-table {
+  width: 100%;
+  font-size: 16px;
+  font-weight: 500;
+  border: 2px solid #000;
+  border-collapse: collapse;
+}
+
+.workorder-card-table td {
+  border: 2px solid #000;
+  padding: 5px;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/workorder/components/GenerateLabelDialog.vue b/src/views/qualityManagement/backend/touchScreen/workorder/components/GenerateLabelDialog.vue
new file mode 100644
index 0000000..6418a5c
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/workorder/components/GenerateLabelDialog.vue
@@ -0,0 +1,201 @@
+<template>
+  <div>
+    <el-dialog class="dialogBox" :visible.sync="show" title="缺陷项修改" width="400px" append-to-body :close-on-click-modal="false">
+      <el-form label-width="auto">
+        <el-form-item label="工单号">
+          <div class="number-text">{{ formData.workOrder }}</div>
+        </el-form-item>
+        <el-form-item label="零件号">
+          <div class="number-text">{{ formData.partNumber }}</div>
+        </el-form-item>
+        <el-form-item label="描述">
+          <div class="number-text">{{ formData.description }}</div>
+        </el-form-item>
+        <el-form-item label="投入数">
+          <div class="number-text">{{ requireNumber }}</div>
+        </el-form-item>
+        <el-form-item label="抛光数">
+          <div class="number-text">{{ formData.polishNumber }}</div>
+        </el-form-item>
+        <el-form-item label="打磨数">
+          <div class="number-text">{{ formData.damoNumber }}</div>
+        </el-form-item>
+        <el-form-item label="报废数">
+          <div class="number-text">{{ formData.baofeiNumber }}</div>
+        </el-form-item>
+        <el-form-item label="合格数">
+          <el-input-number :min="0" class="number-text" v-model="formData.qualifiedNumber"></el-input-number>
+        </el-form-item>
+        <el-form-item label="快速操作">
+          <el-button type="primary" icon="el-icon-minus" @click="openReduceDialog">减少合格数</el-button>
+          <el-button type="primary" icon="el-icon-plus" @click="openAddDialog">增加合格数</el-button>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="close">取消</el-button>
+          <el-button :disabled="loading" type="primary" @click="updateQualifiedNumber">确认修改</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 减少合格数对话框 -->
+    <el-dialog :visible.sync="reduceDialogVisible" title="减少合格数" width="300px" append-to-body>
+      <el-form label-width="auto">
+        <el-form-item label="减少数量">
+          <el-input-number :min="1" :max="formData.qualifiedNumber" v-model="changeAmount" controls-position="right"></el-input-number>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="reduceDialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="confirmReduce">确定</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 增加合格数对话框 -->
+    <el-dialog :visible.sync="addDialogVisible" title="增加合格数" width="300px" append-to-body>
+      <el-form label-width="auto">
+        <el-form-item label="增加数量">
+          <el-input-number :min="1" v-model="changeAmount" controls-position="right"></el-input-number>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="addDialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="confirmAdd">确定</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService'
+
+export default {
+  name: 'GenerateLabelDialog',
+  data() {
+    return {
+      loading: false,
+      show: false,
+      reduceDialogVisible: false,
+      addDialogVisible: false,
+      changeAmount: 1,
+      formData: {
+        workOrder: '',
+        partNumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        number: '',
+        labelCode: '',
+        siteNo: '',
+        comNo: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+        polishNumber: 0,
+        damoNumber: 0,
+        baofeiNumber: 0,
+        qualifiedNumber: 0,
+      },
+      team: '',
+      siteNo: '',
+    }
+  },
+  computed: {
+    requireNumber() {
+      return this.formData.polishNumber + this.formData.damoNumber + this.formData.baofeiNumber + this.formData.qualifiedNumber
+    },
+  },
+  methods: {
+    openReduceDialog() {
+      this.reduceDialogVisible = true
+      this.changeAmount = 1
+    },
+    openAddDialog() {
+      this.addDialogVisible = true
+      this.changeAmount = 1
+    },
+    confirmReduce() {
+      if (this.changeAmount > 0 && this.changeAmount <= this.formData.qualifiedNumber) {
+        this.formData.qualifiedNumber -= this.changeAmount
+        this.reduceDialogVisible = false
+      } else {
+        this.$message.error('请输入有效的减少数量')
+      }
+    },
+    confirmAdd() {
+      if (this.changeAmount > 0) {
+        this.formData.qualifiedNumber += this.changeAmount
+        this.addDialogVisible = false
+      } else {
+        this.$message.error('请输入有效的增加数量')
+      }
+    },
+    async updateQualifiedNumber() {
+      try {
+        this.loading = true
+        await QcBackEndApi.GenerateVirtualLabel(this.formData)
+        this.$message.success('修改成功')
+        this.emitGenerateSuccess()
+        this.close()
+      } catch (error) {
+        this.$message.error('修改失败，请重试' + error)
+      } finally {
+        this.loading = false
+      }
+    },
+    emitGenerateSuccess() {
+      this.$emit('generateLabelSuccess')
+    },
+    open(data) {
+      this.show = true
+      this.loading = false
+      this.formData = { ...data.formData }
+      this.team = data.team
+      this.siteNo = data.siteNo
+    },
+    close() {
+      this.show = false
+      this.resetFormData()
+    },
+    resetFormData() {
+      this.formData = {
+        workOrder: '',
+        partNumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        number: '',
+        labelCode: '',
+        siteNo: '',
+        comNo: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+        polishNumber: 0,
+        damoNumber: 0,
+        baofeiNumber: 0,
+        qualifiedNumber: 0,
+      }
+      this.team = ''
+      this.siteNo = ''
+    },
+  },
+}
+</script>
+
+<style scoped>
+.number-text {
+  font-weight: bold;
+}
+
+.dialog-footer button {
+  margin-left: 10px;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/workorder/components/StartWorkOrderDialog.vue b/src/views/qualityManagement/backend/touchScreen/workorder/components/StartWorkOrderDialog.vue
new file mode 100644
index 0000000..f4d07c2
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/workorder/components/StartWorkOrderDialog.vue
@@ -0,0 +1,179 @@
+<template>
+  <el-dialog v-loading="loading" :visible.sync="show" title="开始或继续工单" width="600px" append-to-body :close-on-click-modal="false">
+    <el-form label-width="auto">
+      <el-form-item label="零件号">
+        <div class="number-text">{{ partnumber }}</div>
+      </el-form-item>
+      <el-form-item label="规格">
+        <div class="number-text">{{ specification }}</div>
+      </el-form-item>
+      <el-form-item label="颜色">
+        <div class="number-text">{{ color }}</div>
+      </el-form-item>
+      <el-form-item label="描述">
+        <div class="number-text">{{ description }}</div>
+      </el-form-item>
+      <el-form-item label="零件数">
+        <div class="number-text">{{ number }}</div>
+      </el-form-item>
+      <el-form-item label="标签内容">
+        <div class="number-text">{{ labelCode }}</div>
+      </el-form-item>
+      <div v-if="partnumber">
+        <el-row>
+          <!-- <el-col :span="8">
+            <el-form-item label="是否抛光件">
+              <el-switch v-model="isPolish" :active-value="1" :inactive-value="0"> </el-switch>
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="8">
+            <el-form-item label="是否返工件">
+              <el-switch v-model="isBack" :active-value="1" :inactive-value="0"> </el-switch>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="是否直接出库">
+              <el-switch v-model="isOut" :active-value="1" :inactive-value="0"> </el-switch>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </div>
+    </el-form>
+    <scanInput @scanInput="handleScanBoxOutLabel"></scanInput>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="close">取消</el-button>
+        <el-button :disabled="loading" type="primary" @click="startWorkOrder">确认开始工单</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script>
+import scanInput from '../../components/scanInput.vue'
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService'
+export default {
+  name: 'StartWorkOrderDialog',
+  components: { scanInput },
+  data() {
+    return {
+      loading: false,
+      show: false,
+      partnumber: '',
+      specification: '',
+      color: '',
+      description: '',
+      number: '',
+      labelCode: '',
+      isOnetime: 0,
+      isBack: 0,
+      isPolish: 0,
+      isOut: 0,
+      // 需要传入
+      team: '',
+      siteNo: '',
+      comNo: '未知串口',
+    }
+  },
+  methods: {
+    // 扫外箱标签的情况
+    handleScanBoxOutLabel(label = '', comNo = '未知串口') {
+      const params = {
+        label,
+        // type === 1 获取详细物料信息 2只判断零件号是否正确
+        type: 1,
+      }
+      QcBackEndApi.AnalyzeLabel(params).then((res) => {
+        if (res.code === 200 && res.data.isOk) {
+          this.partnumber = res.data.partnumber
+          this.specification = res.data.specification
+          this.color = res.data.color
+          this.number = res.data.number
+          this.description = res.data.description
+          this.labelCode = res.data.labelCode
+          this.comNo = comNo
+        } else {
+          this.showErrorMessage(3, '标签存在异常！' + res.data.msg)
+        }
+      })
+    },
+    showErrorMessage(code, message) {
+      this.$emit('showWarningMessage', code, message)
+    },
+    // 确认开始工单
+    startWorkOrder() {
+      const params = {
+        partNumber: this.partnumber,
+        description: this.description,
+        specification: this.specification,
+        color: this.color,
+        team: this.team,
+        siteNo: this.siteNo,
+        comNo: this.comNo,
+        isOnetime: this.isPolish === 0 ? 1 : 0,
+        isBack: this.isBack,
+        isPolish: this.isPolish,
+        isOut: this.isOut,
+        label: this.labelCode,
+      }
+      if (params.partNumber === '' || params.label === '') {
+        this.showErrorMessage(3, '标签信息为空！请检查标签！')
+        return
+      }
+      this.loading = true
+      // 开始工单
+      QcBackEndApi.StartBackEndWorkOrder(params)
+        .then((res) => {
+          if (res.code == 200) {
+            this.$message.success('开始工单成功！')
+            this.emitStartWorkOrder(res.data)
+            this.close()
+            this.loading = false
+          } else {
+            this.$message.error('开始工单异常！请检查')
+            this.loading = false
+          }
+        })
+        .catch((err) => {
+          this.$message.error('开始工单异常！请检查')
+          this.loading = false
+        })
+    },
+    changeFormStatus(type) {
+      // type = 2 进入内标签扫码模式
+      this.$emit('changeFormStatus', type)
+    },
+    // 发送工单开始信号
+    emitStartWorkOrder(formData) {
+      this.changeFormStatus(2)
+      this.$emit('startWorkOrder', formData)
+    },
+    open(data) {
+      this.show = true
+      this.loading = false
+      this.team = data.team
+      this.siteNo = data.siteNo
+      this.partnumber = ''
+      this.specification = ''
+      this.color = ''
+      this.description = ''
+      this.number = ''
+      this.labelCode = ''
+      this.isOnetime = 0
+      this.isBack = 0
+      this.isPolish = 0
+      this.isOut = 0
+    },
+    close() {
+      this.show = false
+    },
+  },
+}
+</script>
+
+<style scoped>
+.number-text {
+  font-size: 20px;
+  font-weight: 600;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/workorder/components/WorkOrderCard.vue b/src/views/qualityManagement/backend/touchScreen/workorder/components/WorkOrderCard.vue
new file mode 100644
index 0000000..dd9ca4b
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/workorder/components/WorkOrderCard.vue
@@ -0,0 +1,384 @@
+<template>
+  <div>
+    <el-card class="workorder-card">
+      <div class="workorder-card-header">
+        <div>
+          <span>工单编号:</span>
+          <span>{{ formData.workOrder }}</span>
+        </div>
+        <div>
+          <span :class="messageClass">{{ message }}</span>
+        </div>
+      </div>
+      <div class="workorder-card-button-box">
+        <div>
+          <el-button type="primary" @click="doRefresh">刷新</el-button>
+        </div>
+        <div>
+          <el-button v-if="formStatus === 1" type="success" @click="doBtnStartWorkOrder">开启工单</el-button>
+          <el-button v-if="formStatus === 2" type="info" @click="doBtnGenerateLabel">修改合格数</el-button>
+          <el-button v-if="formStatus === 2" type="warning" @click="doBtnEndWorkOrder">结束工单</el-button>
+        </div>
+      </div>
+      <div class="workorder-card-action-box">
+        <div>
+          <span>站点: </span>
+          <el-select :disabled="formStatus === 2" style="width: 140px" v-model="site" placeholder="请选择站点" @change="selectChange">
+            <el-option v-for="item in siteOptions" :key="item.code" :label="item.name" :value="item.code"></el-option>
+          </el-select>
+        </div>
+        <div>
+          <span>班组: </span>
+          <el-select :disabled="formStatus === 2" style="width: 140px" v-model="team" placeholder="请选择班组" @change="selectChange">
+            <el-option v-for="item in teamOptions" :key="item.code" :label="item.name" :value="item.code"></el-option>
+          </el-select>
+        </div>
+      </div>
+      <table v-if="formData.workOrder" class="workorder-card-table">
+        <tr>
+          <td>零件号</td>
+          <td>{{ formData.partNumber }}</td>
+          <td>描述</td>
+          <td>{{ formData.description }}</td>
+        </tr>
+        <tr>
+          <td>批次号</td>
+          <td :colspan="3">{{ getLabelPatchCode(formData.label) }}</td>
+        </tr>
+        <tr>
+          <td>规格</td>
+          <td>{{ formData.specification }}</td>
+          <td>颜色</td>
+          <td>{{ formData.color }}</td>
+        </tr>
+        <tr>
+          <td>类别</td>
+          <td>{{ formData.isBack === 1 ? '返工件' : '正常件' }}</td>
+          <td>去向</td>
+          <td>{{ formData.isOut === 1 ? '直接出库' : '待定' }}</td>
+        </tr>
+        <tr>
+          <td>投入数</td>
+          <td>{{ formData.requireNumber }}</td>
+          <td>合格数</td>
+          <td>
+            {{ formData.qualifiedNumber }}
+          </td>
+        </tr>
+        <tr>
+          <td>合格率</td>
+          <td>{{ qualifiedRate }}</td>
+          <td>抛光数</td>
+          <td>{{ formData.polishNumber }}</td>
+        </tr>
+        <tr>
+          <td>打磨数</td>
+          <td>{{ formData.damoNumber }}</td>
+          <td>报废数</td>
+          <td>{{ formData.baofeiNumber }}</td>
+        </tr>
+        <tr>
+          <td>开始时间</td>
+          <td>{{ formData.startTime }}</td>
+          <td>结束时间</td>
+          <td>{{ formData.endTime }}</td>
+        </tr>
+      </table>
+    </el-card>
+    <StartWorkOrderDialog
+      ref="StartWorkOrderDialogRef"
+      @showWarningMessage="showErrorMessage"
+      @changeFormStatus="changeFormStatus"
+      @startWorkOrder="handleStartWorkOrder"
+      @refresh="doRefresh"
+    />
+    <EndWorkOrderDialog ref="EndWorkOrderDialogRef" @changeFormStatus="changeFormStatus" @endWorkOrder="handleEndWorkOrder" />
+    <GenerateLabelDialog ref="GenerateLabelDialogRef" @generateLabelSuccess="handleGenerateLabelSuccess"></GenerateLabelDialog>
+  </div>
+</template>
+
+<script>
+import StartWorkOrderDialog from './StartWorkOrderDialog.vue'
+import EndWorkOrderDialog from './EndWorkOrderDialog.vue'
+import GenerateLabelDialog from './GenerateLabelDialog.vue'
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService'
+export default {
+  name: 'WorkOrderCard',
+  components: { StartWorkOrderDialog, EndWorkOrderDialog, GenerateLabelDialog },
+  props: {
+    message: String,
+    messageClass: String,
+  },
+  data() {
+    return {
+      StartWorkOrderDialogRef: null,
+      EndWorkOrderDialogRef: null,
+      sessionKey: '_touchScreenB02',
+
+      teamOptions: [],
+      siteOptions: [],
+      // 站点工单执行状态 1-初始状态（扫外箱标签） 2-工单执行中（扫内标签）
+      formStatus: 1,
+      team: '',
+      site: '',
+      formData: {
+        workOrder: '',
+        partnumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+      },
+    }
+  },
+  created() {
+    this.init()
+  },
+  computed: {
+    qualifiedRate() {
+      if (this.formData.requireNumber > 0) {
+        const rate = Math.floor((this.formData.qualifiedNumber / this.formData.requireNumber) * 100)
+        return `${rate}%`
+      } else {
+        return '0%'
+      }
+    },
+  },
+  methods: {
+    validateWorkOrder() {
+      if (!this.formData.workOrder) {
+        this.showErrorMessage(1, '未生成有效工单,请扫描箱标签')
+        return false
+      }
+      return true
+    },
+    getLabelPatchCode(label) {
+      try {
+        const parts = label.split('^')
+        let codeValue = ''
+
+        for (let i = 0; i < parts.length; i++) {
+          const subParts = parts[i].split('=')
+          if (subParts[0] === 'Code') {
+            codeValue = subParts[1]
+            break
+          }
+        }
+        return codeValue
+      } catch (e) {
+        return ''
+      }
+    },
+    showErrorMessage(code, message) {
+      this.$emit('showWarningMessage', code, message)
+    },
+    async init() {
+      try {
+        // 初始化数据
+        let teams = await QcBackEndApi.GetGroupOptions()
+        let sites = await QcBackEndApi.GetStieOptions()
+        let groups = await QcBackEndApi.GetDefectInitOptions()
+        this.teamOptions = teams.data
+        this.siteOptions = sites.data
+        this.groups = groups.data
+        // 缓存数据读取
+        this.getLocalStorage()
+      } catch (error) {
+        console.error(error)
+      }
+    },
+    selectChange() {
+      this.setLocalStorage()
+    },
+    setLocalStorage() {
+      const data = {
+        team: this.team,
+        site: this.site,
+      }
+      localStorage.setItem(this.sessionKey, JSON.stringify(data))
+    },
+    getLocalStorage() {
+      const data = JSON.parse(localStorage.getItem(this.sessionKey))
+      if (data) {
+        this.team = data.team
+        this.site = data.site
+      }
+    },
+    // 更新工单数据
+    updateFormData() {
+      const params = {
+        workOrder: this.formData.workOrder,
+      }
+      if (params.workOrder === '' || params.workOrder === null) {
+        return
+      }
+      QcBackEndApi.UpdateWorkOrderDetail(params).then((res) => {
+        if (res.code === 200) {
+          this.formData = res.data
+          this.formDataChange(res.data)
+        }
+      })
+    },
+    changeFormStatus(type) {
+      this.formStatus = type
+    },
+    setMqttMessage(LabelCode, ComNo, SiteNo) {
+      if (SiteNo !== this.site) {
+        return
+      }
+      // 解析结果
+      if (this.formStatus === 1) {
+        // 扫外箱标签模式
+        this.$refs.StartWorkOrderDialogRef.handleScanBoxOutLabel(LabelCode, ComNo)
+        return
+      }
+      // 扫内标签模式
+      if (this.formStatus === 2) {
+        // 扫内标签模式
+        this.handleScanInnerLabel(LabelCode, ComNo)
+        return
+      }
+    },
+    // 扫内标签的情况
+    handleScanInnerLabel(label = '', comNo = '未知串口') {
+      const params = {
+        workOrder: this.formData.workOrder,
+        partNumber: this.formData.partNumber,
+        team: this.team,
+        siteNo: this.site,
+        comNo: comNo,
+        labelType: 2,
+        label,
+      }
+      QcBackEndApi.ScanInnerLabel(params).then((res) => {
+        if (res.code === 200 && res.data === 'ok') {
+          this.showErrorMessage(0)
+          this.updateFormData()
+        } else {
+          this.showErrorMessage(3, res.data)
+        }
+      })
+    },
+    // 工单数据变更
+    formDataChange(data = null) {
+      if (data) {
+        this.formData = data
+      }
+      this.$emit('formDataChange', this.formData)
+    },
+    doRefresh() {
+      this.$emit('refresh', this.formData)
+      this.showErrorMessage(0)
+    },
+    clearFormData() {
+      this.formData = {
+        workOrder: '',
+        partnumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+      }
+    },
+    doBtnStartWorkOrder() {
+      const data = {
+        team: this.team,
+        siteNo: this.site,
+      }
+      this.$refs.StartWorkOrderDialogRef.open(data)
+    },
+    doBtnEndWorkOrder() {
+      const data = {
+        formData: this.formData,
+        team: this.team,
+        siteNo: this.site,
+      }
+      this.$refs.EndWorkOrderDialogRef.open(data)
+    },
+    doBtnGenerateLabel() {
+      const data = {
+        formData: this.formData,
+        team: this.team,
+        siteNo: this.site,
+      }
+      this.$refs.GenerateLabelDialogRef.open(data)
+    },
+    // 开始工单完成反馈
+    handleStartWorkOrder(formData) {
+      if (formData) {
+        this.formData = formData
+      }
+      // 发送全局工单开始信号
+      this.$emit('startWorkOrder', formData)
+    },
+    // 结束工单完成反馈
+    handleEndWorkOrder() {
+      this.clearFormData()
+      this.$emit('endWorkOrder')
+    },
+    // 生成工单信息反馈
+    handleGenerateLabelSuccess() {
+      this.$emit('generateLabelSuccess')
+    },
+  },
+}
+</script>
+
+<style scoped>
+.workorder-card {
+  min-height: 400px;
+}
+
+.workorder-card-header {
+  width: 100%;
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.workorder-card-table {
+  width: 100%;
+  font-size: 16px;
+  font-weight: 500;
+  border: 2px solid #000;
+  border-collapse: collapse;
+}
+
+.workorder-card-table td {
+  border: 2px solid #000;
+  padding: 5px;
+}
+
+.workorder-card-button-box {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+}
+
+.workorder-card-action-box {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+  font-size: 16px;
+  font-weight: 600;
+}
+.workorder-label {
+  font-size: 12px;
+  word-wrap: break-word; /* 允许长单词或 URL 地址换行到下一行 */
+  word-break: break-all; /* 允许在单词内换行 */
+  padding: 0;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/workorder/index-backup.vue b/src/views/qualityManagement/backend/touchScreen/workorder/index-backup.vue
new file mode 100644
index 0000000..35a7ae6
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/workorder/index-backup.vue
@@ -0,0 +1,1000 @@
+<template>
+    <div ref="container" class="container">
+        <el-row :gutter="10">
+            <el-col :span="8" v-for="(group, index) in groups" :key="index">
+                <el-card shadow="hover" class="box-card">
+                    <div class="card-header">
+                        {{ group.groupName }}
+                    </div>
+                    <div>
+                        <el-row :gutter="5" v-for="row, rowIndex in rowList" :key="rowIndex">
+                            <el-col :span="2">
+                                <div class="defect-item-left">{{ row }}</div>
+                            </el-col>
+                            <el-col v-if="item.type === row" :span="3" v-for="(item, index) in group.children"
+                                :key="index">
+                                <div class="defect-item-box" @mousedown="handleStart($event, item)"
+                                    @mouseup="handleEnd($event, item)" @touchstart="handleStart($event, item)"
+                                    @touchend="handleEnd($event, item)">
+                                    <div class="defect-item-name">{{ item.name }}</div>
+                                    <div class="defect-item-number">{{ getClickItemNum(item) }}</div>
+                                </div>
+                            </el-col>
+                        </el-row>
+                    </div>
+                </el-card>
+            </el-col>
+            <el-col :span="8">
+                <el-card class="workorder-card">
+                    <div class="workorder-card-header">
+                        <div>
+                            <span>工单编号:</span>
+                            <span>{{ formData.workOrder }}</span>
+                        </div>
+                        <div>
+                            <span :class="messageClass">{{ message }}</span>
+                        </div>
+                    </div>
+                    <div class="workorder-card-button-box">
+                        <div>
+                            <el-button type="primary" @click="doRefresh">刷新</el-button>
+                        </div>
+                        <div>
+                            <el-button v-if="formStatus === 1" type="success"
+                                @click="doBtnStartWorkOrder">开始工单</el-button>
+                            <el-button v-if="formStatus === 2" type="warning"
+                                @click="doBtnEndWorkOrder">结束工单</el-button>
+                        </div>
+                    </div>
+                    <div class="workorder-card-action-box">
+                        <div>
+                            <span>站点: </span>
+                            <el-select style="width: 140px;" v-model="site" placeholder="请选择站点" @change="selectChange">
+                                <el-option v-for="item in siteOptions" :key="item.code" :label="item.name"
+                                    :value="item.code">
+                                </el-option>
+                            </el-select>
+                        </div>
+
+                        <div>
+                            <span>班组: </span>
+                            <el-select style="width: 140px;" v-model="team" placeholder="请选择班组" @change="selectChange">
+                                <el-option v-for="item in teamOptions" :key="item.code" :label="item.name"
+                                    :value="item.code">
+                                </el-option>
+                            </el-select>
+                        </div>
+                    </div>
+                    <table v-if="formData.workOrder" class="workorder-card-table">
+                        <tr>
+                            <td>零件号</td>
+                            <td>{{ formData.partNumber }}</td>
+                            <td>描述</td>
+                            <td>{{ formData.description }}</td>
+                            <!-- <td :colspan="3">GEN12鲨鱼鳍</td> -->
+                        </tr>
+                        <tr>
+                            <td>规格</td>
+                            <td>{{ formData.specification }}</td>
+                            <td>颜色</td>
+                            <td>{{ formData.color }}</td>
+                        </tr>
+                        <tr>
+                            <td>来源</td>
+                            <td>{{ formData.isOnetime === 1 ? "一次合格" : "抛光件" }}</td>
+                            <td>类别</td>
+                            <td>{{ formData.isBack === 1 ? "返工件" : "正常件" }}</td>
+                        </tr>
+                        <tr>
+                            <td>投入数</td>
+                            <td>{{ formData.requireNumber }}</td>
+                            <td>合格数</td>
+                            <td>{{ formData.qualifiedNumber }}</td>
+                        </tr>
+                        <tr>
+                            <td>合格率</td>
+                            <td>{{ qualifiedRate }}</td>
+                            <td>抛光数</td>
+                            <td>{{ formData.polishNumber }}</td>
+                        </tr>
+                        <tr>
+                            <td>打磨数</td>
+                            <td>{{ formData.damoNumber }}</td>
+                            <td>报废数</td>
+                            <td>{{ formData.baofeiNumber }}</td>
+                        </tr>
+                        <tr>
+                            <td>开始时间</td>
+                            <td>{{ formData.startTime }}</td>
+                            <td>结束时间</td>
+                            <td>{{ formData.endTime }}</td>
+                        </tr>
+                    </table>
+                </el-card>
+            </el-col>
+        </el-row>
+        <!-- 修改缺陷项 -->
+        <el-dialog class="dialogBox" :visible="updateDialogShow" title="缺陷项修改" width="400px" append-to-body
+            :close-on-click-modal="false">
+            <el-form label-width="auto">
+                <el-form-item label="工单号">
+                    <div class="number-text">{{ formData.workOrder }}</div>
+                </el-form-item>
+                <el-form-item label="缺陷项">
+                    <div class="number-text">{{ updateName }}</div>
+                </el-form-item>
+                <el-form-item label="缺陷数">
+                    <el-input-number :min="0" class="number-text" v-model="updateNum"></el-input-number>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="updateDialogShow = false">取消</el-button>
+                    <el-button type="primary" @click="updateDefectNum"> 确认修改 </el-button>
+                </div>
+            </template>
+        </el-dialog>
+        <!-- 开始工单 -->
+        <el-dialog v-loading="startWorkOrderDialog.loading" :visible.sync="startWorkOrderDialog.show"
+            :title="startWorkOrderDialog.title" width="600px" append-to-body :close-on-click-modal="false">
+            <el-form label-width="auto">
+                <el-form-item label="零件号">
+                    <div class="number-text">{{ startWorkOrderDialog.partnumber }}</div>
+                </el-form-item>
+                <el-form-item label="规格">
+                    <div class="number-text">{{ startWorkOrderDialog.specification }}</div>
+                </el-form-item>
+                <el-form-item label="颜色">
+                    <div class="number-text">{{ startWorkOrderDialog.color }}</div>
+                </el-form-item>
+                <el-form-item label="描述">
+                    <div class="number-text">{{ startWorkOrderDialog.description }}</div>
+                </el-form-item>
+                <el-form-item label="零件数">
+                    <div class="number-text">{{ startWorkOrderDialog.number }}</div>
+                </el-form-item>
+                <el-form-item label="标签内容">
+                    <div class="number-text">{{ startWorkOrderDialog.labelCode }}</div>
+                </el-form-item>
+                <div v-if="startWorkOrderDialog.partnumber">
+                    <el-row>
+                        <el-col :span="8">
+                            <el-form-item label="是否抛光件">
+                                <el-switch v-model="startWorkOrderDialog.isPolish" :active-value="1"
+                                    :inactive-value="0">
+                                </el-switch>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="是否返工件">
+                                <el-switch v-model="startWorkOrderDialog.isBack" :active-value="1" :inactive-value="0">
+                                </el-switch>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="标记">
+                                <el-switch v-model="startWorkOrderDialog.isOut" :active-value="1" :inactive-value="0">
+                                </el-switch>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </div>
+            </el-form>
+            <scanInput @scanInput="handleScanBoxOutLabel"></scanInput>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="closeStartWorkOrderDialog">取消</el-button>
+                    <el-button :disabled="startWorkOrderDialog.loading" type="primary" @click="startWorkOrder"> 确认开始工单
+                    </el-button>
+                </div>
+            </template>
+        </el-dialog>
+        <!-- 结束工单 -->
+        <el-dialog v-loading="endWorkOrderDialog.loading" :visible.sync="endWorkOrderDialog.show"
+            :title="endWorkOrderDialog.title" width="90%" append-to-body :close-on-click-modal="false">
+            <el-form label-width="auto">
+                <el-row :gutter="20">
+                    <el-col :span="6">
+                        <el-form-item label="工单号">
+                            <div class="number-text">{{ formData.workOrder }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="零件号">
+                            <div class="number-text">{{ formData.partNumber }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="规格">
+                            <div class="number-text">{{ formData.specification }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="颜色">
+                            <div class="number-text">{{ formData.color }}</div>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                    <el-col :span="6">
+                        <el-form-item label="描述">
+                            <div class="number-text">{{ formData.description }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="3">
+                        <el-form-item label="站点">
+                            <div class="number-text">{{ site }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="3">
+                        <el-form-item label="班组">
+                            <div class="number-text">{{ team }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="来源">
+                            <div class="number-text">{{ formData.isOnetime === 1 ? "一次合格" : "抛光件" }}</div>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                        <el-form-item label="类别">
+                            <div class="number-text">{{ formData.isBack === 1 ? "返工件" : "正常件" }}</div>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+                <table class="workorder-card-table">
+                    <tr>
+                        <td>投入数</td>
+                        <td>{{ formData.requireNumber }}</td>
+                        <td>合格数</td>
+                        <td>{{ formData.qualifiedNumber }}</td>
+                        <td>合格率</td>
+                        <td>{{ qualifiedRate }}</td>
+                    </tr>
+                    <tr>
+                        <td>抛光数</td>
+                        <td>{{ formData.polishNumber }}</td>
+                        <td>打磨数</td>
+                        <td>{{ formData.damoNumber }}</td>
+                        <td>报废数</td>
+                        <td>{{ formData.baofeiNumber }}</td>
+                    </tr>
+                    <tr>
+                        <td>开始时间</td>
+                        <td>{{ formData.startTime }}</td>
+                        <td>结束时间</td>
+                        <td>{{ formData.endTime }}</td>
+                        <td>工单状态</td>
+                        <td>{{ formData.endTime ? "已结束" : "未结束" }}</td>
+                    </tr>
+                </table>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="closeEndWorkOrderDialog">取消</el-button>
+                    <el-button :disabled="endWorkOrderDialog.loading" type="primary" @click="endWorkOrder()">
+                        确认结束工单并生成报表
+                    </el-button>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import * as emqxUtil from '@/utils/mqtt/emqxUtil';
+import * as QcGp12Api from '@/api/qualityManagement/gp12/qcGp12Service';
+import scanInput from '../components/scanInput.vue';
+export default {
+    name: 'WorkOrder',
+    components: { scanInput },
+    data() {
+        return {
+            mqttClient: null,
+            mqttClientId: emqxUtil.title + 'GP12' + Math.random().toString(16).substring(1, 10),
+            sessionKey: '_touchScreenA01',
+            groups: [
+                { groupName: '油漆', children: [] },
+                { groupName: '设备', children: [] },
+                { groupName: '毛坯', children: [] },
+                { groupName: '程序', children: [] },
+                { groupName: '班组操作', children: [] }
+            ],
+            rowList: ['抛光', '打磨', '报废'],
+            // 缺陷数据
+            defectList: [],
+            teamOptions: [],
+            siteOptions: [],
+            // 站点工单执行状态 1-初始状态（扫外箱标签） 2-工单执行中（扫内标签）
+            formStatus: 1,
+            team: '',
+            site: '',
+            formData: {
+                workOrder: '',
+                partnumber: '',
+                specification: '',
+                color: '',
+                description: '',
+                isOnetime: 0,
+                isBack: 0,
+                isPolish: 0,
+                isOut: 0,
+            },
+            messageClass: 'text-green',
+            message: '正常',
+            // 按钮
+            isLongPress: false,
+            pressTimer: null,
+            updateDialogShow: false,
+            updateName: '',
+            updateCode: '',
+            updateNum: 0,
+            // 开始工单弹框
+            startWorkOrderDialog: {
+                show: false,
+                loading: false,
+                title: '开始工单',
+                partnumber: '',
+                specification: '',
+                color: '',
+                description: '',
+                number: '',
+                labelCode: '',
+                siteNo: '',
+                comNo: '',
+                isOnetime: 0,
+                isBack: 0,
+                isPolish: 0,
+                isOut: 0,
+            },
+            // 结束工单弹框
+            endWorkOrderDialog: {
+                show: false,
+                loading: false,
+                title: '结束工单',
+                partnumber: '',
+                specification: '',
+                color: '',
+                description: '',
+                number: '',
+                labelCode: '',
+                siteNo: '',
+                comNo: '',
+                isOnetime: 0,
+                isBack: 0,
+                isPolish: 0,
+                isOut: 0,
+            }
+        };
+    },
+    computed: {
+        // 20250103 TODO 投入数，合格数，合格率，抛光数，打磨数，报废数 计算
+        qualifiedRate() {
+            console.log('requireNumber:', this.formData.requireNumber);
+            console.log('qualifiedNumber:', this.formData.qualifiedNumber);
+
+            if (this.formData.requireNumber > 0) {
+                const rate = Math.floor((this.formData.qualifiedNumber / this.formData.requireNumber) * 100);
+                return `${rate}%`;
+            } else {
+                return "0%";
+            }
+        }
+    },
+    created() {
+        this.init();
+    },
+    mounted() {
+        this.doMounted();
+    },
+    beforeDestroy() {
+        this.dobeforeDestroy();
+    },
+    methods: {
+        async init() {
+            // 初始化数据
+            let teams = await QcGp12Api.GetGroupOptions()
+            let sites = await QcGp12Api.GetStieOptions()
+            let groups = await QcGp12Api.GetDefectInitOptions()
+            this.teamOptions = teams.data
+            this.siteOptions = sites.data
+            this.groups = groups.data
+            // 缓存数据读取
+            this.getLocalStorage()
+            this.initMqtt()
+        },
+        selectChange() {
+            this.setLocalStorage()
+        },
+        setLocalStorage() {
+            const data = {
+                team: this.team,
+                site: this.site
+            }
+            localStorage.setItem(this.sessionKey, JSON.stringify(data));
+        },
+        getLocalStorage() {
+            const data = JSON.parse(localStorage.getItem(this.sessionKey));
+            if (data) {
+                this.team = data.team
+                this.site = data.site
+            }
+        },
+        doMounted() {
+            const options = { passive: true };
+            this.$refs.container.addEventListener('touchmove', this.handleTouchMove, options);
+        },
+        dobeforeDestroy() {
+            this.$refs.container.removeEventListener('touchmove', this.handleTouchMove);
+            this.closeWriter();
+            this.closeReader();
+            if (this.serialPort && this.serialPort.readable) {
+                this.serialPort.close();
+            }
+            emqxUtil.endClient(this.mqttClient);
+        },
+        handleTouchMove(event) {
+            // 处理 touchmove 事件（如果需要）
+        },
+        async doRefresh() {
+            await this.init()
+            this.getDefectListByWorkOrder()
+        },
+        clearFormData() {
+            this.formData = {
+                workOrder: '',
+                partnumber: '',
+                specification: '',
+                color: '',
+                description: '',
+                isOnetime: 0,
+                isBack: 0,
+                isPolish: 0,
+                isOut: 0,
+            }
+        },
+        // 更新工单数据
+        updateFormData() {
+            const params = {
+                workOrder: this.formData.workOrder
+            }
+            if (params.workOrder === '' || params.workOrder === null) {
+                return;
+            }
+            QcGp12Api.UpdateWorkOrderDetail(params).then(res => {
+                if (res.code === 200) {
+                    this.formData = res.data
+                }
+            })
+        },
+        handlerScanInput(value) {
+            this.handleAnalyzeLabel(value)
+        },
+        // 工单开始按钮
+        doBtnStartWorkOrder() {
+            this.clearAddFormData()
+            this.startWorkOrderDialog.show = true
+        },
+        // 扫外箱标签的情况
+        handleScanBoxOutLabel(label = '', comNo = '未知串口') {
+            const params = {
+                label,
+                // type === 1 获取详细物料信息 2只判断零件号是否正确
+                type: 1
+            }
+            QcGp12Api.AnalyzeLabel(params).then(res => {
+                if (res.code === 200 && res.data.isOk) {
+                    this.message = '正常';
+                    this.messageClass = 'text-green';
+                    this.startWorkOrderDialog.partnumber = res.data.partnumber;
+                    this.startWorkOrderDialog.specification = res.data.specification;
+                    this.startWorkOrderDialog.color = res.data.color;
+                    this.startWorkOrderDialog.number = res.data.number;
+                    this.startWorkOrderDialog.description = res.data.description;
+                    this.startWorkOrderDialog.labelCode = res.data.labelCode;
+                    this.startWorkOrderDialog.comNo = comNo;
+                } else {
+                    this.$confirm('标签异常:' + res.data.msg, '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning',
+                        center: true
+                    }).then(() => {
+                    }).catch(() => {
+                    });
+                    this.message = '标签存在异常';
+                    this.messageClass = 'text-red';
+                }
+            })
+        },
+        // 确认开始工单
+        startWorkOrder() {
+            const params = {
+                partNumber: this.startWorkOrderDialog.partnumber,
+                description: this.startWorkOrderDialog.description,
+                specification: this.startWorkOrderDialog.specification,
+                color: this.startWorkOrderDialog.color,
+                team: this.team,
+                siteNo: this.site,
+                comNo: this.startWorkOrderDialog.comNo,
+                isOnetime: this.startWorkOrderDialog.isPolish === 0 ? 1 : 0,
+                isBack: this.startWorkOrderDialog.isBack,
+                isPolish: this.startWorkOrderDialog.isPolish,
+                isOut: this.startWorkOrderDialog.isOut,
+                label: this.startWorkOrderDialog.labelCode,
+            }
+            if (params.partNumber === '' || params.label === '') {
+                this.$confirm('未扫描正确箱标签', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning',
+                    center: true
+                }).then(() => {
+                }).catch(() => {
+                });
+                return;
+            }
+            this.startWorkOrderDialog.loading = true
+            // 开始工单
+            QcGp12Api.StartGP12WorkOrder(params).then(res => {
+                if (res.code == 200) {
+                    this.$message.success("开始工单成功！");
+                    this.formData = res.data
+                    // 进入内标签扫码模式
+                    this.formStatus = 2
+                    this.getDefectListByWorkOrder()
+                    this.closeStartWorkOrderDialog()
+                    this.startWorkOrderDialog.loading = false
+                } else {
+                    this.$message.error("开始工单异常！");
+                    this.closeStartWorkOrderDialog()
+                    this.startWorkOrderDialog.loading = false
+                }
+            });
+        },
+        clearAddFormData() {
+            this.startWorkOrderDialog.loading = false;
+            this.startWorkOrderDialog.partnumber = '';
+            this.startWorkOrderDialog.specification = '';
+            this.startWorkOrderDialog.color = '';
+            this.startWorkOrderDialog.number = '';
+            this.startWorkOrderDialog.description = '';
+            this.startWorkOrderDialog.labelCode = '';
+            this.startWorkOrderDialog.isOnetime = 0;
+            this.startWorkOrderDialog.isPolish = 0;
+            this.startWorkOrderDialog.isBack = 0;
+            this.startWorkOrderDialog.isOut = 0;
+        },
+        closeStartWorkOrderDialog() {
+            this.startWorkOrderDialog.show = false
+            this.clearAddFormData()
+        },
+        closeEndWorkOrderDialog() {
+            this.endWorkOrderDialog.show = false
+            this.endWorkOrderDialog.loading = false;
+        },
+        // 扫内标签的情况
+        handleScanInnerLabel(label = '', comNo = "未知串口") {
+            console.log(label, comNo);
+            const params = {
+                workOrder: this.formData.workOrder,
+                partNumber: this.formData.partNumber,
+                team: this.team,
+                siteNo: this.site,
+                comNo: comNo,
+                labelType: 2,
+                label,
+            }
+            QcGp12Api.ScanInnerLabel(params).then(res => {
+                if (res.code === 200 && res.data === "ok") {
+                    this.message = '正常';
+                    this.messageClass = 'text-green';
+                    this.updateFormData()
+                } else {
+                    this.$message.error("扫描内标签异常！" + res.data);
+                    this.message = res.data;
+                    this.messageClass = 'text-red';
+                }
+            });
+        },
+        // 工单结束按钮
+        doBtnEndWorkOrder() {
+            this.endWorkOrderDialog.show = true
+            // this.formStatus = 1
+        },
+        endWorkOrder() {
+            this.$confirm('是否确认完成工单并生成报表!', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'info',
+                center: true
+            }).then(() => {
+                QcGp12Api.EndGP12WorkOrderAndCreateStatistics(this.formData).then(res => {
+                    if (res.code === 200 && res.data === "ok") {
+                        this.$message.success("结束工单并生成报表成功！");
+                        this.clearFormData();
+                        this.init()
+                        this.formStatus = 1
+                        this.endWorkOrderDialog.show = false
+                    } else {
+                        this.$message.error("结束工单异常！" + res.msg);
+                    }
+                });
+            }).catch(() => {
+            });
+        },
+
+        handleAnalyzeLabel(label = '') {
+            const params = {
+                label,
+                // type === 1 获取详细物料信息 2只判断零件号是否正确
+                type: 1
+            }
+            QcGp12Api.AnalyzeLabel(params).then(res => {
+                if (res.code === 200 && res.data.isOk) {
+                    this.message = '正常';
+                    this.messageClass = 'text-green';
+                } else {
+                    this.$confirm('标签异常:' + res.data.msg, '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning',
+                        center: true
+                    }).then(() => {
+                    }).catch(() => {
+                    });
+                    this.message = '标签存在异常';
+                    this.messageClass = 'text-red';
+                }
+            })
+        },
+        handleStart(event, item) {
+            // 如果是触摸事件，阻止其默认行为（如滚动）
+            if (event.type.startsWith('touch')) event.preventDefault();
+            // 清除之前的定时器
+            if (this.pressTimer) clearTimeout(this.pressTimer);
+            // 设置新的定时器，用于判断长按
+            this.pressTimer = setTimeout(() => {
+                this.isLongPress = true;
+                //console.log('长按');
+                // 这里执行长按的逻辑
+                this.showUpdateDialog(item);
+            }, 500); // 长按的阈值设为500毫秒
+        },
+        handleEnd(event, item = null) {
+            if (!item) return;
+            // 清除定时器
+            if (this.pressTimer) clearTimeout(this.pressTimer);
+            // 这里执行短按或长按结束的逻辑
+            this.clickQualityIte(item);
+            this.isLongPress = false;
+        },
+        clickQualityIte(item) {
+            // 长按则跳过
+            if (this.isLongPress) {
+                return;
+            }
+            //console.log('短按');
+            const workOrder = this.formData.workOrder;
+            if (workOrder === null || workOrder === '') {
+                this.$confirm('未生成有效工单,请扫描箱标签', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning',
+                    center: true
+                }).then(() => {
+                }).catch(() => {
+                });
+                this.message = '未扫描箱标签';
+                this.messageClass = 'text-red';
+                return;
+            }
+            const params = {
+                workOrder: this.formData.workOrder,
+                defectCode: item.code,
+                defectNum: item.num || 0,
+                // 1-短按 2-长按
+                type: "1",
+            };
+
+            QcGp12Api.ChangeWorkOrderDefect(params).then(res => {
+                if (res.code === 200) {
+                    // const newNum = this.getClickItemNum(item) + 1;
+                    //this.$set(item, 'num', newNum);
+                    this.getDefectListByWorkOrder()
+                    this.updateFormData()
+                } else {
+                    this.$message.error('缺陷项点击异常');
+                }
+            })
+        },
+        showUpdateDialog(item) {
+            const workOrder = this.formData.workOrder;
+            if (workOrder === null || workOrder === '') {
+                this.$confirm('未生成有效工单,请扫描箱标签', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning',
+                    center: true
+                }).then(() => {
+                }).catch(() => {
+                });
+                this.message = '未扫描箱标签';
+                this.messageClass = 'text-red';
+                return;
+            }
+            this.updateName = item.type + '-' + item.name;
+            this.updateCode = item.code;
+            this.updateNum = this.getClickItemNum(item);
+            this.updateDialogShow = true;
+
+        },
+        updateDefectNum() {
+            const workOrder = this.formData.workOrder;
+            if (workOrder === null || workOrder === '') {
+                this.$confirm('未生成有效工单,请扫描箱标签', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning',
+                    center: true
+                }).then(() => {
+                }).catch(() => {
+                });
+                this.message = '未扫描箱标签';
+                this.messageClass = 'text-red';
+                return;
+            }
+            const params = {
+                workOrder: this.formData.workOrder,
+                defectCode: this.updateCode,
+                defectNum: this.updateNum || 0,
+                // 1-短按 2-长按
+                type: "2",
+            };
+            QcGp12Api.ChangeWorkOrderDefect(params).then(res => {
+                if (res.code === 200) {
+                    this.getDefectListByWorkOrder()
+                    this.updateFormData()
+                    this.updateDialogShow = false;
+                    this.isLongPress = false;
+                } else {
+                    this.$message.error('缺陷项点击异常');
+                }
+            })
+        },
+        getClickItemNum(item) {
+            if (!item.num) {
+                return 0;
+            }
+            return parseInt(item.num, 0);
+        },
+        setDefectNum(defectCode, num) {
+            // 更新缺陷数量的方法
+            for (let group of this.groups) {
+                for (let child of group.children) {
+                    if (child.code === defectCode) {
+                        child.num = num;
+                        break;
+                    }
+                }
+            }
+        },
+        // 获取工单缺陷项(刷新)
+        getDefectListByWorkOrder() {
+            const params = {
+                workOrder: this.formData.workOrder,
+            };
+            if (params.workOrder == null || params.workOrder == '') {
+                return;
+            }
+            QcGp12Api.GetWorkOrderDefectList(params).then(res => {
+                if (res.code === 200 && res.data.length > 0) {
+                    let _list = res.data;
+                    for (let item of _list) {
+                        this.setDefectNum(item.defectCode, item.defectNum);
+                    }
+                }
+            })
+        },
+        closeWriter() {
+            if (this.writer) {
+                try {
+                    this.writer.releaseLock();
+                    this.writer = null;
+                } catch (error) {
+                    console.error('Error releasing writer lock:', error);
+                }
+            }
+        },
+        closeReader() {
+            if (this.reader) {
+                try {
+                    this.reader.cancel();
+                    this.reader = null;
+                } catch (error) {
+                    console.error('Error canceling reader:', error);
+                }
+            }
+        },
+        // mqtt 操作
+        initMqtt() {
+            const that = this;
+            if (that.mqttClient !== null && that.mqttClient.connected) {
+                // 已建立连接
+                return;
+            }
+            // 需要传输或订阅的内容
+            const _topic = emqxUtil.GP12Topic;
+            that.mqttClient = emqxUtil.createClient(that.mqttClientId);
+            // 订阅所有值变动
+            that.mqttClient.subscribe(_topic.SiteComLabelCode + '/#');
+            that.mqttClient.on('message', function (topic, message) {
+                if (topic === _topic.SiteComLabelCode) {
+                    const objData = emqxUtil.parseJSON(message);
+                    if (objData && objData.SiteNo === that.site) {
+                        that.doMqttAction(objData)
+                    }
+                }
+            })
+        },
+        // 执行mqtt消息动作
+        doMqttAction(objData) {
+            const { SiteNo, ComNo, LabelCode, Time } = objData;
+            if (!LabelCode) {
+                this.$message.error("标签为空!");
+                return;
+            }
+            const params = {
+                label: LabelCode,
+                // 1 获取详细物料信息 2只判断零件号是否正确
+                type: 1
+            }
+            // 解析结果
+            if (this.formStatus === 1 && this.startWorkOrderDialog.show) {
+                // 扫外箱标签模式
+                this.handleScanBoxOutLabel(LabelCode, ComNo)
+                return;
+            }
+            // 扫内标签模式
+            if (this.formStatus === 2) {
+                // 扫内标签模式
+                this.handleScanInnerLabel(LabelCode, ComNo)
+                return;
+            }
+        },
+    }
+};
+</script>
+
+<style scoped>
+.box-card {
+    width: 100%;
+    background-color: #032169;
+    /* 深墨绿色背景 */
+    color: #ecf0f1;
+    /* 浅灰色文字颜色 */
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    /* 设置阴影 */
+    margin-top: 2px;
+    margin-bottom: 2px;
+    /* 增加卡片底部间距 */
+}
+
+.card-header {
+    color: #ecf0f1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+    font-weight: 600;
+}
+
+.workorder-card {
+    min-height: 400px;
+}
+
+
+.workorder-card-header {
+    width: 100%;
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.workorder-card-table {
+    width: 100%;
+    font-size: 16px;
+    font-weight: 500;
+    border: 2px solid #000;
+    border-collapse: collapse;
+}
+
+.workorder-card-table td {
+    border: 2px solid #000;
+    padding: 5px;
+}
+
+.workorder-card-button-box {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+}
+
+.workorder-card-action-box {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    font-size: 16px;
+    font-weight: 600;
+}
+
+.defect-item-left {
+    height: 100px;
+    font-size: 16px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    writing-mode: vertical-lr;
+}
+
+.defect-item-box {
+    min-width: 100%;
+    border-radius: 5%;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    background-color: #11a983;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 0.3s ease, transform 0.3s ease;
+    /* 添加过渡效果 */
+}
+
+.defect-item-box:hover {
+    background-color: #008c62;
+    /* 悬停时的背景颜色 */
+    transform: scale(1.05);
+    /* 悬停时稍微放大 */
+    cursor: pointer;
+    /* 改变鼠标指针形状 */
+}
+
+.defect-item-name {
+    width: 100%;
+    height: 60px;
+    font-size: 16px;
+    font-weight: 600;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    writing-mode: vertical-lr;
+    letter-spacing: 5px;
+}
+
+.defect-item-number {
+    color: red;
+    width: 100%;
+    height: 40px;
+    font-size: 20px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.number-text {
+    font-size: 20px;
+    font-weight: 600;
+}
+</style>
diff --git a/src/views/qualityManagement/backend/touchScreen/workorder/index.vue b/src/views/qualityManagement/backend/touchScreen/workorder/index.vue
new file mode 100644
index 0000000..2015863
--- /dev/null
+++ b/src/views/qualityManagement/backend/touchScreen/workorder/index.vue
@@ -0,0 +1,195 @@
+<template>
+  <div ref="container" class="container">
+    <DefectCard v-loading="loading" ref="DefectCardRef" :formData="formData" @defectChange="handleChangeDefectCard" @showWarningMessage="showWarningMessage">
+      <template v-slot:workorder>
+        <WorkOrderCard
+          ref="WorkOrderCardRef"
+          @startWorkOrder="handleStartWorkOrder"
+          @endWorkOrder="handleEndWorkOrder"
+          @generateLabelSuccess="handleGenerateLabelSuccess"
+          @formDataChange="formDataChange"
+          @refresh="doRefresh"
+          :message="message"
+          :messageClass="messageClass"
+          @showWarningMessage="showWarningMessage"
+        />
+      </template>
+    </DefectCard>
+  </div>
+</template>
+
+<script>
+import WorkOrderCard from './components/WorkOrderCard.vue'
+import DefectCard from './components/DefectCard.vue'
+import StartWorkOrderDialog from './components/StartWorkOrderDialog.vue'
+import EndWorkOrderDialog from './components/EndWorkOrderDialog.vue'
+import * as emqxUtil from '@/utils/mqtt/emqxUtil'
+import * as QcBackEndApi from '@/api/qualityManagement/BackEnd/qcBackEndService'
+export default {
+  name: 'WorkOrder',
+  components: { WorkOrderCard, DefectCard, StartWorkOrderDialog, EndWorkOrderDialog },
+  data() {
+    return {
+      loading: false,
+      mqttClient: null,
+      mqttClientId: emqxUtil.title + 'BackEnd' + Math.random().toString(16).substring(1, 10),
+      formData: {
+        workOrder: '',
+        partnumber: '',
+        specification: '',
+        color: '',
+        description: '',
+        isOnetime: 0,
+        isBack: 0,
+        isPolish: 0,
+        isOut: 0,
+      },
+      messageClass: 'text-green',
+      message: '正常',
+    }
+  },
+  created() {
+    this.init()
+  },
+  mounted() {},
+  beforeDestroy() {
+    this.doBeforeDestroy()
+  },
+  methods: {
+    /// 全局事件控制
+    // 公共验证工单号【方案】
+    validateWorkOrder() {
+      if (!this.formData.workOrder) {
+        this.showWarningMessage('未生成有效工单,请扫描箱标签')
+        return false
+      }
+      return true
+    },
+    // 提取显示警告信息的逻辑
+    showWarningMessage(code, message) {
+      if (code === 0) {
+        this.message = '正常'
+        this.messageClass = 'text-green'
+        return
+      }
+      this.$confirm(message, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        center: true,
+        closeOnClickModal: false,
+      }).catch((err) => {})
+      if (code === 1) {
+        this.message = '未扫描箱标签!'
+        this.messageClass = 'text-red'
+      }
+      if (code === 2) {
+        this.message = '标签为空!'
+        this.messageClass = 'text-red'
+      }
+      if (code === 3) {
+        this.message = '标签存在异常!'
+        this.messageClass = 'text-red'
+      } else {
+        this.message = '未定义错误!'
+        this.messageClass = 'text-red'
+      }
+    },
+    init() {
+      this.initMqtt()
+    },
+    clear() {
+      this.$refs.DefectCardRef.init()
+    },
+    doBeforeDestroy() {
+      emqxUtil.endClient(this.mqttClient)
+    },
+    // 开始工单完成反馈
+    handleStartWorkOrder(formData) {
+      this.formData = formData
+      this.$refs.DefectCardRef.init()
+      this.$refs.DefectCardRef.getDefectListByWorkOrder(formData)
+    },
+    // 结束工单完成反馈
+    handleEndWorkOrder() {
+      this.$refs.DefectCardRef.init()
+      this.formData = {}
+    },
+    // 修改缺陷项记录反馈
+    handleChangeDefectCard() {
+      this.$refs.WorkOrderCardRef.updateFormData()
+      this.$refs.DefectCardRef.getDefectListByWorkOrder(this.formData)
+    },
+    // 生成标签后反馈
+    handleGenerateLabelSuccess() {
+      this.$refs.WorkOrderCardRef.updateFormData()
+    },
+    formDataChange(formData) {
+      this.formData = formData
+      if (this.formData.workOrder !== formData.workOrder) {
+        this.clear()
+      }
+      this.$refs.DefectCardRef.getDefectListByWorkOrder(formData)
+    },
+    // 全局刷新
+    doRefresh(formData) {
+      this.$refs.WorkOrderCardRef.updateFormData()
+      this.$refs.DefectCardRef.init()
+      this.$refs.DefectCardRef.getDefectListByWorkOrder(formData)
+    },
+    handlerScanInput(value) {
+      this.handleAnalyzeLabel(value)
+    },
+    handleAnalyzeLabel(label = '') {
+      const params = {
+        label,
+        // type === 1 获取详细物料信息 2只判断零件号是否正确
+        type: 1,
+      }
+      QcBackEndApi.AnalyzeLabel(params).then((res) => {
+        if (res.code === 200 && res.data.isOk) {
+          this.message = '正常'
+          this.messageClass = 'text-green'
+        } else {
+          this.$confirm('标签异常:' + res.data.msg, '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+            center: true,
+          })
+            .then(() => {})
+            .catch(() => {})
+          this.message = '标签存在异常'
+          this.messageClass = 'text-red'
+        }
+      })
+    },
+    // mqtt 操作
+    initMqtt() {
+      const that = this
+      if (this.mqttClient?.connected) return
+      const _topic = emqxUtil.BackEndTopic
+      that.mqttClient = emqxUtil.createClient(that.mqttClientId)
+      that.mqttClient.subscribe(_topic.SiteComLabelCode + '/#')
+      that.mqttClient.on('message', function (topic, message) {
+        if (topic === _topic.SiteComLabelCode) {
+          const objData = emqxUtil.parseJSON(message)
+          that.doMqttAction(objData)
+        }
+      })
+    },
+    // 执行mqtt消息动作
+    doMqttAction(objData) {
+      const { SiteNo, ComNo, LabelCode, Time } = objData
+      if (!LabelCode) {
+        this.showWarningMessage(2, '扫描结果为空!')
+        return
+      }
+
+      this.$refs.WorkOrderCardRef.setMqttMessage(LabelCode, ComNo, SiteNo)
+    },
+  },
+}
+</script>
+
+<style scoped></style>
diff --git a/src/views/business/QcGp12BaseDefect.vue b/src/views/qualityManagement/gp12/config/QcGp12BaseDefect.vue
similarity index 97%
rename from src/views/business/QcGp12BaseDefect.vue
rename to src/views/qualityManagement/gp12/config/QcGp12BaseDefect.vue
index e493f59..73bef03 100644
--- a/src/views/business/QcGp12BaseDefect.vue
+++ b/src/views/qualityManagement/gp12/config/QcGp12BaseDefect.vue
@@ -184,13 +184,14 @@ export default {
       ],
       // 系统类别选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
       typeOptions: [
-        { dictLabel: '停用', dictValue: 0 },
-        { dictLabel: '启用', dictValue: 1 },
+        { dictLabel: '抛光', dictValue: '抛光' },
+        { dictLabel: '打磨', dictValue: '打磨' },
+        { dictLabel: '报废', dictValue: '报废' },
       ],
       // 系统状态选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
       statusOptions: [
-        { dictLabel: '停用', dictValue: 0 },
-        { dictLabel: '启用', dictValue: 1 },
+        { dictLabel: '停用', dictValue: '0' },
+        { dictLabel: '启用', dictValue: '1' },
       ],
       // 数据列表
       dataList: [],
diff --git a/src/views/business/QcGp12BaseGroup.vue b/src/views/qualityManagement/gp12/config/QcGp12BaseGroup.vue
similarity index 100%
rename from src/views/business/QcGp12BaseGroup.vue
rename to src/views/qualityManagement/gp12/config/QcGp12BaseGroup.vue
diff --git a/src/views/business/QcGp12BaseLabelAnalysis.vue b/src/views/qualityManagement/gp12/config/QcGp12BaseLabelAnalysis.vue
similarity index 100%
rename from src/views/business/QcGp12BaseLabelAnalysis.vue
rename to src/views/qualityManagement/gp12/config/QcGp12BaseLabelAnalysis.vue
diff --git a/src/views/business/QcGp12BaseSite.vue b/src/views/qualityManagement/gp12/config/QcGp12BaseSite.vue
similarity index 100%
rename from src/views/business/QcGp12BaseSite.vue
rename to src/views/qualityManagement/gp12/config/QcGp12BaseSite.vue
diff --git a/src/views/business/QcGp12LogWorkorder.vue b/src/views/qualityManagement/gp12/log/QcGp12LogWorkorder.vue
similarity index 100%
rename from src/views/business/QcGp12LogWorkorder.vue
rename to src/views/qualityManagement/gp12/log/QcGp12LogWorkorder.vue
diff --git a/src/views/business/QcGp12RecordLabelScan.vue b/src/views/qualityManagement/gp12/record/QcGp12RecordLabelScan.vue
similarity index 100%
rename from src/views/business/QcGp12RecordLabelScan.vue
rename to src/views/qualityManagement/gp12/record/QcGp12RecordLabelScan.vue
diff --git a/src/views/business/QcGp12RecordWorkorderDefect.vue b/src/views/qualityManagement/gp12/record/QcGp12RecordWorkorderDefect.vue
similarity index 100%
rename from src/views/business/QcGp12RecordWorkorderDefect.vue
rename to src/views/qualityManagement/gp12/record/QcGp12RecordWorkorderDefect.vue
diff --git a/src/views/business/QcGp12ServiceStatistics.vue b/src/views/qualityManagement/gp12/record/QcGp12ServiceStatistics.vue
similarity index 100%
rename from src/views/business/QcGp12ServiceStatistics.vue
rename to src/views/qualityManagement/gp12/record/QcGp12ServiceStatistics.vue
diff --git a/src/views/business/QcGp12ServiceWorkorder.vue b/src/views/qualityManagement/gp12/record/QcGp12ServiceWorkorder.vue
similarity index 100%
rename from src/views/business/QcGp12ServiceWorkorder.vue
rename to src/views/qualityManagement/gp12/record/QcGp12ServiceWorkorder.vue
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index f4a18c7..f4ba276 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -25,13 +25,18 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-if="refreshTable" v-loading="loading" :data="menuList" :default-expand-all="isExpandAll"
+    <el-table
+      v-if="refreshTable"
+      v-loading="loading"
+      :data="menuList"
+      :default-expand-all="isExpandAll"
       row-key="menuId"
       node-key="menuId"
       border
       lazy
       :load="loadMenu"
-      :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+    >
       <el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="160"></el-table-column>
       <el-table-column prop="icon" label="图标" align="center" width="80">
         <template slot-scope="scope">
@@ -48,9 +53,8 @@
       </el-table-column>
       <el-table-column prop="orderNum" label="排序" width="90" align="center">
         <template slot-scope="scope">
-          <span v-show="editIndex != scope.$index" @click="editCurrRow(scope.$index,'rowkeY')">{{scope.row.orderNum}}</span>
-          <el-input :id="scope.$index+'rowkeY'" size="mini" v-show="(editIndex == scope.$index)" v-model="scope.row.orderNum"
-            @blur="handleChangeSort(scope.row)"></el-input>
+          <span v-show="editIndex != scope.$index" @click="editCurrRow(scope.$index, 'rowkeY')">{{ scope.row.orderNum }}</span>
+          <el-input :id="scope.$index + 'rowkeY'" size="mini" v-show="editIndex == scope.$index" v-model="scope.row.orderNum" @blur="handleChangeSort(scope.row)"></el-input>
         </template>
       </el-table-column>
       <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true"></el-table-column>
@@ -76,13 +80,12 @@
     </el-table>
 
     <!-- 添加或修改菜单对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body :close-on-click-modal="false">
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-row>
           <el-col :lg="24">
             <el-form-item label="上级菜单">
-              <treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" :show-count="true" @select="handleTreeSelect"
-                placeholder="选择上级菜单" />
+              <treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" :show-count="true" @select="handleTreeSelect" placeholder="选择上级菜单" />
             </el-form-item>
           </el-col>
           <el-col :lg="24">
@@ -109,7 +112,7 @@
               <el-popover placement="bottom-start" width="460" trigger="click" @show="$refs['iconSelect'].reset()">
                 <IconSelect ref="iconSelect" @selected="selected" />
                 <el-input slot="reference" v-model="form.icon" placeholder="点击选择图标" clearable="" readonly>
-                  <svg-icon v-if="form.icon" slot="prefix" :icon-class="form.icon" class="el-input__icon" style="height: 32px;width: 16px;" />
+                  <svg-icon v-if="form.icon" slot="prefix" :icon-class="form.icon" class="el-input__icon" style="height: 32px; width: 16px" />
                   <i v-else slot="prefix" class="el-icon-search el-input__icon"></i>
                 </el-input>
               </el-popover>
@@ -159,7 +162,7 @@
                 显示状态
               </span>
               <el-radio-group v-model="form.visible">
-                <el-radio v-for="dict in visibleOptions" :key="dict.dictValue" :label="dict.dictValue">{{dict.dictLabel}}</el-radio>
+                <el-radio v-for="dict in visibleOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -186,7 +189,7 @@
                 菜单状态
               </span>
               <el-radio-group v-model="form.status">
-                <el-radio v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictValue">{{dict.dictLabel}}</el-radio>
+                <el-radio v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictValue">{{ dict.dictLabel }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -215,21 +218,13 @@
 </template>
 
 <script>
-import {
-  listMenu,
-  getMenu,
-  delMenu,
-  addMenu,
-  changeMenuSort,
-  updateMenu,
-  listMenuById
-} from "@/api/system/menu";
-import Treeselect from "@riophae/vue-treeselect";
-import "@riophae/vue-treeselect/dist/vue-treeselect.css";
-import IconSelect from "@/components/IconSelect";
+import { listMenu, getMenu, delMenu, addMenu, changeMenuSort, updateMenu, listMenuById } from '@/api/system/menu'
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import IconSelect from '@/components/IconSelect'
 
 export default {
-  name: "menu1",
+  name: 'menu1',
   components: { Treeselect, IconSelect },
   data() {
     return {
@@ -242,7 +237,7 @@ export default {
       // 菜单树选项
       menuOptions: [],
       // 弹出层标题
-      title: "",
+      title: '',
       // 是否显示弹出层
       open: false,
       // 是否展开，默认全部折叠
@@ -267,28 +262,22 @@ export default {
       form: {},
       // 表单校验
       rules: {
-        menuName: [
-          { required: true, message: "菜单名称不能为空", trigger: "blur" },
-        ],
-        orderNum: [
-          { required: true, message: "菜单顺序不能为空", trigger: "blur" },
-        ],
-        path: [
-          { required: true, message: "路由地址不能为空", trigger: "blur" },
-        ],
+        menuName: [{ required: true, message: '菜单名称不能为空', trigger: 'blur' }],
+        orderNum: [{ required: true, message: '菜单顺序不能为空', trigger: 'blur' }],
+        path: [{ required: true, message: '路由地址不能为空', trigger: 'blur' }],
       },
       // table树节点
       tableTreeNodeMap: new Map(),
-    };
+    }
   },
   created() {
     // this.getList();
-    this.getDicts("sys_show_hide").then((response) => {
-      this.visibleOptions = response.data;
-    });
-    this.getDicts("sys_normal_disable").then((response) => {
-      this.statusOptions = response.data;
-    });
+    this.getDicts('sys_show_hide').then((response) => {
+      this.visibleOptions = response.data
+    })
+    this.getDicts('sys_normal_disable').then((response) => {
+      this.statusOptions = response.data
+    })
     listMenuById(0).then((response) => {
       this.menuList = response.data
     })
@@ -296,201 +285,195 @@ export default {
   methods: {
     // 选择图标
     selected(name) {
-      this.form.icon = name;
+      this.form.icon = name
     },
     /** 查询菜单列表 */
     getList() {
-      this.loading = true;
+      this.loading = true
       listMenu(this.queryParams).then((response) => {
-        this.menuList = response.data;
+        this.menuList = response.data
         // this.menuList = this.handleTree(response.data, "menuId");
-        this.loading = false;
-      });
+        this.loading = false
+      })
     },
     /** 转换菜单数据结构 */
     normalizer(node) {
       if (node.children && !node.children.length) {
-        delete node.children;
+        delete node.children
       }
       return {
         id: node.menuId,
         label: node.menuName,
         children: node.children,
-      };
+      }
     },
     /** 查询菜单下拉树结构 */
     getTreeselect() {
       listMenu({ menuTypeIds: 'M,C,F' }).then((response) => {
-        this.menuOptions = [];
-        const menu = { menuId: 0, menuName: "根菜单", children: [] };
-				menu.children = response.data;
+        this.menuOptions = []
+        const menu = { menuId: 0, menuName: '根菜单', children: [] }
+        menu.children = response.data
         //menu.children = this.handleTree(response.data, "menuId");
-        this.menuOptions.push(menu);
-      });
+        this.menuOptions.push(menu)
+      })
     },
     // 显示状态字典翻译
     visibleFormat(row, column) {
-      if (row.menuType == "F") {
-        return "";
+      if (row.menuType == 'F') {
+        return ''
       }
-      return this.selectDictLabel(this.visibleOptions, row.visible);
+      return this.selectDictLabel(this.visibleOptions, row.visible)
     },
     // 菜单状态字典翻译
     statusFormat(row, column) {
-      if (row.menuType == "F") {
-        return "";
+      if (row.menuType == 'F') {
+        return ''
       }
-      return this.selectDictLabel(this.statusOptions, row.status);
+      return this.selectDictLabel(this.statusOptions, row.status)
     },
     // 取消按钮
     cancel() {
-      this.open = false;
-      this.reset();
+      this.open = false
+      this.reset()
     },
     // 表单重置
     reset() {
-      this.btnSubmitVisible = true;
+      this.btnSubmitVisible = true
       this.form = {
         menuId: undefined,
         parentId: 0,
         menuName: undefined,
         icon: undefined,
-        menuType: "M",
+        menuType: 'M',
         orderNum: 999,
-        isFrame: "0",
-        isCache: "0",
-        visible: "0",
-        status: "0",
-      };
-      this.resetForm("form");
+        isFrame: '0',
+        isCache: '0',
+        visible: '0',
+        status: '0',
+      }
+      this.resetForm('form')
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.getList();
+      this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
+      this.resetForm('queryForm')
+      this.handleQuery()
     },
     /** 新增按钮操作 */
     handleAdd(row) {
-      this.reset();
-      this.getTreeselect();
+      this.reset()
+      this.getTreeselect()
 
-      this.form.parentId = row != null && row.menuId ? row.menuId : 0;
-      this.open = true;
-      this.title = "添加菜单";
+      this.form.parentId = row != null && row.menuId ? row.menuId : 0
+      this.open = true
+      this.title = '添加菜单'
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-      this.reset();
-      this.getTreeselect();
+      this.reset()
+      this.getTreeselect()
       getMenu(row.menuId).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改菜单";
-      });
+        this.form = response.data
+        this.open = true
+        this.title = '修改菜单'
+      })
     },
     /** 提交按钮 */
     submitForm: function () {
-      this.$refs["form"].validate((valid) => {
+      this.$refs['form'].validate((valid) => {
         if (valid) {
           if (this.form.menuId != undefined) {
             updateMenu(this.form).then((response) => {
-              this.msgSuccess("修改成功");
-              this.open = false;
+              this.msgSuccess('修改成功')
+              this.open = false
               if (this.form.parentId === 0) {
-                this.getList();
+                this.getList()
               } else {
-                this.refreshTableTree(this.form.parentId);
+                this.refreshTableTree(this.form.parentId)
               }
-            });
+            })
           } else {
             addMenu(this.form).then((response) => {
-              this.msgSuccess("新增成功");
-              this.open = false;
+              this.msgSuccess('新增成功')
+              this.open = false
               if (this.form.parentId === 0) {
-                this.getList();
+                this.getList()
               } else {
-                this.refreshTableTree(this.form.parentId);
+                this.refreshTableTree(this.form.parentId)
               }
-            });
+            })
           }
         }
-      });
+      })
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      this.$confirm(
-        '是否确认删除名称为"' + row.menuName + '"的数据项?',
-        "警告",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
+      this.$confirm('是否确认删除名称为"' + row.menuName + '"的数据项?', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
         .then(function () {
-          return delMenu(row.menuId);
+          return delMenu(row.menuId)
         })
         .then(() => {
           if (row.parentId === 0) {
-            this.getList();
+            this.getList()
           } else {
-            this.refreshTableTree(row.parentId);
+            this.refreshTableTree(row.parentId)
           }
-          this.msgSuccess("删除成功");
-        });
+          this.msgSuccess('删除成功')
+        })
     },
     /**
      * 保存排序
      */
     handleChangeSort(item) {
-      this.editIndex = -1;
-      changeMenuSort({ value: item.orderNum, id: item.menuId }).then(
-        (response) => {
-          this.msgSuccess("修改成功");
-          this.getList();
-        }
-      );
+      this.editIndex = -1
+      changeMenuSort({ value: item.orderNum, id: item.menuId }).then((response) => {
+        this.msgSuccess('修改成功')
+        this.getList()
+      })
     },
     handleTreeSelect(node, instanceId) {
       //如果是链接隐藏提交按钮
-      this.btnSubmitVisible = node.menuType == "L" ? false : true;
+      this.btnSubmitVisible = node.menuType == 'L' ? false : true
     },
     // 显示编辑排序
     editCurrRow(rowId, str) {
-      this.editIndex = rowId;
-      let id = rowId + str;
+      this.editIndex = rowId
+      let id = rowId + str
 
       setTimeout(() => {
-        document.getElementById(id).focus();
-      }, 100);
+        document.getElementById(id).focus()
+      }, 100)
     },
     //展开/折叠操作
     toggleExpandAll() {
-      this.refreshTable = false;
-      this.isExpandAll = !this.isExpandAll;
+      this.refreshTable = false
+      this.isExpandAll = !this.isExpandAll
       this.$nextTick(() => {
-        this.refreshTable = true;
-      });
+        this.refreshTable = true
+      })
     },
-    loadMenu (row, treeNode, resolve) {
-      this.tableTreeNodeMap.set(row.menuId, { row, treeNode, resolve });
+    loadMenu(row, treeNode, resolve) {
+      this.tableTreeNodeMap.set(row.menuId, { row, treeNode, resolve })
       listMenuById(row.menuId).then((res) => {
         resolve(res.data)
       })
     },
     //新增/修改/删除子节点时刷新子节点
     refreshTableTree(key) {
-      const node = this.tableTreeNodeMap.get(key);
+      const node = this.tableTreeNodeMap.get(key)
       if (!node) {
-        return;
+        return
       }
-      const { row, treeNode, resolve } = node;
-      this.loadMenu(row, treeNode, resolve);
+      const { row, treeNode, resolve } = node
+      this.loadMenu(row, treeNode, resolve)
     },
   },
-};
+}
 </script>