diff --git a/package.json b/package.json
index 384604f..c821996 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "pinia-plugin-persistedstate": "^3.2.0",
     "qrcodejs2-fixes": "^0.0.2",
     "qs": "^6.11.0",
+    "serialport": "^13.0.0",
     "sortablejs": "^1.15.0",
     "v-code-diff": "^1.8.0",
     "vue": "^3.4.23",
diff --git a/src/views/SmartScreen/ReportScreen/index.vue b/src/views/SmartScreen/ReportScreen/index.vue
index ccbe37a..9fd31a1 100644
--- a/src/views/SmartScreen/ReportScreen/index.vue
+++ b/src/views/SmartScreen/ReportScreen/index.vue
@@ -16,16 +16,16 @@
         <div class="body">
             <div class="top" dv-bg>
                 <el-row :gutter="20">
-                    <el-col :span="4">
+                    <el-col :span="4" v-for="(value, key, index) in orderData" :key="index">
                         <div class="num-item">
-                            <div class="num-title">工单数</div>
-                            <div class="num-value">{{ orderData.workorderQuantity }} 个</div>
+                            <div class="num-title">{{ orderTitleList[index] }}</div>
+                            <div class="num-value">{{ value }}</div>
                         </div>
                     </el-col>
-                    <el-col :span="4">
+                    <!-- <el-col :span="4">
                         <div class="num-item">
-                            <div class="num-title">已完成工单数</div>
-                            <div class="num-value">{{ orderData.finishedWorkorderQuantity }} 个</div>
+                            <div class="num-title">今日物料领用</div>
+                            <div class="num-value">{{ orderData.materialRequisitionQuantity }} 个</div>
                         </div>
                     </el-col>
                     <el-col :span="4">
@@ -51,7 +51,7 @@
                             <div class="num-title">组数量</div>
                             <div class="num-value">{{ orderData.groupQuantity }} 组</div>
                         </div>
-                    </el-col>
+                    </el-col> -->
                 </el-row>
             </div>
             <el-row :gutter="5">
@@ -99,17 +99,22 @@ import { getCurrentInstance } from 'vue'
 const { proxy } = getCurrentInstance()
 /// =================== 获取工单数据 ======================
 import { getDigitalTurntable } from '@/api/smartScreen/ReportScreen/index.js'
+const orderTitleList = ref(['今日工单数', '今日物料领用', '今日生产计划总数', '今日出货数量', '今天动用组数'])
 const orderData = ref({
-    "workorderQuantity": 0, // 工单数量
-    "finishedWorkorderQuantity": 0, // 已完成工单数量
-    "unFinishedWorkorderQuantity": 0, // 未完成工单数量
-    "productionPlanQuantity": 0, // 生产计划数量
-    "productionFinishQuantity": 0, // 生产完成数量
-    "groupQuantity": 0 // 组数量
+    // 今日工单数
+    "workorderQuantity": 0,
+    // 今日物料领用
+    "materialRequisitionQuantity": 0,
+    // 今日生产计划总数
+    "productionPlanQuantity": 0,
+    // 今日出货数量
+    "shipmentQuantity": 0,
+    // 今天动用组数
+    "groupQuantity": 0
 })
 function getData() {
     getDigitalTurntable().then((res) => {
-        console.log(res);
+        // console.log(res);
         orderData.value = res.data
     })
 }
diff --git a/src/views/qualityManagement/Config/QcDefectConfig.vue b/src/views/qualityManagement/Config/QcDefectConfig.vue
new file mode 100644
index 0000000..7e5f4cf
--- /dev/null
+++ b/src/views/qualityManagement/Config/QcDefectConfig.vue
@@ -0,0 +1,297 @@
+<!--
+ * @Descripttion: (缺陷类别/qc_defect_config)
+ * @Author: (admin)
+ * @Date: (2024-10-10)
+-->
+<template>
+	<div>
+		<el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch" @submit.prevent>
+			<el-form-item label="名称" prop="name">
+				<el-input v-model="queryParams.name" placeholder="请输入名称" />
+			</el-form-item>
+			<el-form-item label="编号" prop="code">
+				<el-input v-model="queryParams.code" placeholder="请输入编号" />
+			</el-form-item>
+			<el-form-item label="组" prop="group">
+				<el-input v-model="queryParams.group" placeholder="请输入组" />
+			</el-form-item>
+			<el-form-item label="质检类别" prop="qcType">
+				<el-select v-model="queryParams.qcType" placeholder="请选择质检类别">
+					<el-option label="全部" value=""></el-option>
+					<el-option v-for="item in options.qcTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
+				</el-select>
+			</el-form-item>
+			<el-form-item>
+				<el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
+				<el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
+			</el-form-item>
+		</el-form>
+		<!-- 工具区域 -->
+		<el-row :gutter="15" class="mb10">
+			<el-col :span="1.5">
+				<el-button type="primary" v-hasPermi="['business:qcdefectconfig:add']" plain icon="plus" @click="handleAdd">
+					{{ $t('btn.add') }}
+				</el-button>
+			</el-col>
+			<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
+		</el-row>
+
+		<el-table :data="dataList" v-loading="loading" ref="table" border header-cell-class-name="el-table-header-cell" highlight-current-row @sort-change="sortChange">
+			<el-table-column prop="id" label="主键" align="center" v-if="columns.showColumn('id')" />
+			<el-table-column prop="code" label="编号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('code')" />
+			<el-table-column prop="name" label="名称" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('name')" />
+			<el-table-column prop="group" label="组" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('group')" />
+			<el-table-column prop="qcType" label="质检类别" align="center" v-if="columns.showColumn('qcType')">
+				<template #default="scope">
+					<dict-tag :options="options.qcTypeOptions" :value="scope.row.qcType" />
+				</template>
+			</el-table-column>
+			<el-table-column prop="status" label="是否生效" align="center" v-if="columns.showColumn('status')">
+				<template #default="scope">
+					<dict-tag :options="options.statusOptions" :value="scope.row.status + ''" />
+				</template>
+			</el-table-column>
+			<el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('createdBy')" />
+			<el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" />
+			<el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedBy')" />
+			<el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" />
+			<el-table-column label="操作" width="160">
+				<template #default="scope">
+					<el-button type="success" size="small" icon="edit" title="编辑" v-hasPermi="['business:qcdefectconfig:edit']" @click="handleUpdate(scope.row)"></el-button>
+					<el-button type="danger" size="small" icon="delete" title="删除" v-hasPermi="['business:qcdefectconfig:delete']" @click="handleDelete(scope.row)"></el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+		<!-- 添加或修改缺陷类别对话框 -->
+		<el-dialog :title="title" :lock-scroll="false" v-model="open">
+			<el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+				<el-row :gutter="20">
+
+					<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="qcType">
+							<el-select v-model="form.qcType" placeholder="请选择质检类别">
+								<el-option v-for="item in options.qcTypeOptions" :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 options.statusOptions" :key="item.dictValue" :value="item.dictValue">
+									{{ item.dictLabel }}
+								</el-radio>
+							</el-radio-group>
+						</el-form-item>
+					</el-col>
+				</el-row>
+			</el-form>
+			<template #footer v-if="opertype != 3">
+				<el-button text @click="cancel">{{ $t('btn.cancel') }}</el-button>
+				<el-button type="primary" @click="submitForm">{{ $t('btn.submit') }}</el-button>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script setup name="qcdefectconfig">
+import { listQcDefectConfig, addQcDefectConfig, delQcDefectConfig, updateQcDefectConfig, getQcDefectConfig } from '@/api/qualityManagement/FQC/qcdefectconfig.js'
+const { proxy } = getCurrentInstance()
+const ids = ref([])
+const loading = ref(false)
+const showSearch = ref(true)
+const queryParams = reactive({
+	pageNum: 1,
+	pageSize: 10,
+	sort: '',
+	sortType: 'asc'
+})
+const columns = ref([
+	{ visible: false, prop: 'id', label: '主键' },
+	{ visible: true, prop: 'name', label: '名称' },
+	{ visible: true, prop: 'code', label: '编号' },
+	{ visible: true, prop: 'group', label: '组' },
+	{ visible: true, prop: 'qcType', label: '质检类别' },
+	{ visible: true, prop: 'status', label: '是否生效' },
+	{ visible: false, prop: 'createdBy', label: '创建人' },
+	{ visible: false, prop: 'createdTime', label: '创建时间' },
+	{ visible: false, prop: 'updatedBy', label: '更新人' },
+	{ visible: false, prop: 'updatedTime', label: '更新时间' }
+])
+const total = ref(0)
+const dataList = ref([])
+const queryRef = ref()
+const defaultTime = ref([new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)])
+
+var dictParams = []
+
+function getList() {
+	loading.value = true
+	listQcDefectConfig(queryParams).then((res) => {
+		const { code, data } = res
+		if (code == 200) {
+			dataList.value = data.result
+			total.value = data.totalNum
+			loading.value = false
+		}
+	})
+}
+
+// 查询
+function handleQuery() {
+	queryParams.pageNum = 1
+	getList()
+}
+
+// 重置查询操作
+function resetQuery() {
+	proxy.resetForm('queryRef')
+	handleQuery()
+}
+// 自定义排序
+function sortChange(column) {
+	var sort = undefined
+	var sortType = undefined
+
+	if (column.prop != null && column.order != null) {
+		sort = column.prop
+		sortType = column.order
+	}
+	queryParams.sort = sort
+	queryParams.sortType = sortType
+	handleQuery()
+}
+
+/*************** form操作 ***************/
+const formRef = ref()
+const title = ref('')
+// 操作类型 1、add 2、edit 3、view
+const opertype = ref(0)
+const open = ref(false)
+const state = reactive({
+	single: true,
+	multiple: true,
+	form: {},
+	rules: {},
+	options: {
+		// 质检类别(FQC,IPQC,IQC) 选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+		qcTypeOptions: [
+			{ dictLabel: 'IQC', dictValue: 'IQC', listClass: 'warning' },
+			{ dictLabel: 'IPQC', dictValue: 'IPQC', listClass: 'danger' },
+			{ dictLabel: 'FQC', dictValue: 'FQC', listClass: 'primary' }
+		],
+		// 是否生效 选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+		statusOptions: [
+			{ dictLabel: '启用', dictValue: '1', listClass: 'success' },
+			{ dictLabel: '停用', dictValue: '0', listClass: 'info' }
+		]
+	}
+})
+
+const { form, rules, options, single, multiple } = toRefs(state)
+
+// 关闭dialog
+function cancel() {
+	open.value = false
+	reset()
+}
+
+// 重置表单
+function reset() {
+	form.value = {
+		id: null,
+		name: null,
+		code: null,
+		group: null,
+		qcType: 'FQC',
+		status: 1,
+		createdBy: null,
+		createdTime: null,
+		updatedBy: null,
+		updatedTime: null
+	}
+	proxy.resetForm('formRef')
+}
+// 添加按钮操作
+function handleAdd() {
+	reset()
+	open.value = true
+	title.value = '添加缺陷类别'
+	opertype.value = 1
+}
+// 修改按钮操作
+function handleUpdate(row) {
+	reset()
+	const id = row.id || ids.value
+	getQcDefectConfig(id).then((res) => {
+		const { code, data } = res
+		if (code == 200) {
+			open.value = true
+			title.value = '修改缺陷类别'
+			opertype.value = 2
+
+			form.value = {
+				...data
+			}
+		}
+	})
+}
+
+// 添加&修改 表单提交
+function submitForm() {
+	proxy.$refs['formRef'].validate((valid) => {
+		if (valid) {
+			if (form.value.id != undefined && opertype.value === 2) {
+				updateQcDefectConfig(form.value).then((res) => {
+					proxy.$modal.msgSuccess('修改成功')
+					open.value = false
+					getList()
+				})
+			} else {
+				addQcDefectConfig(form.value).then((res) => {
+					proxy.$modal.msgSuccess('新增成功')
+					open.value = false
+					getList()
+				})
+			}
+		}
+	})
+}
+
+// 删除按钮操作
+function handleDelete(row) {
+	const Ids = row.id || ids.value
+
+	proxy
+		.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+		.then(function () {
+			return delQcDefectConfig(Ids)
+		})
+		.then(() => {
+			getList()
+			proxy.$modal.msgSuccess('删除成功')
+		})
+}
+
+handleQuery()
+</script>
diff --git a/src/views/qualityManagement/FQC/defectCollection.vue b/src/views/qualityManagement/FQC/defectCollection.vue
new file mode 100644
index 0000000..e147ebe
--- /dev/null
+++ b/src/views/qualityManagement/FQC/defectCollection.vue
@@ -0,0 +1,434 @@
+<template>
+    <div>
+        <el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch" @submit.prevent>
+            <el-form-item label="工单号" prop="fkWorkorder">
+                <el-input v-model="queryParams.fkWorkorder" placeholder="请输入工单号" />
+            </el-form-item>
+
+            <el-form-item label="组别" prop="groupCode">
+                <el-input v-model="queryParams.groupCode" placeholder="请输入组别" />
+            </el-form-item>
+
+            <el-form-item label="线别" prop="lineCode">
+                <el-input v-model="queryParams.lineCode" placeholder="请输入线别" />
+            </el-form-item>
+
+            <el-form-item label="筛选日期" prop="timeRange">
+                <el-date-picker v-model="queryParams.timeRange" type="daterange" range-separator="到" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="请选择日期区间" />
+            </el-form-item>
+            <el-form-item>
+                <el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
+                <el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
+            </el-form-item>
+        </el-form>
+        <!-- 工具区域 -->
+        <el-row :gutter="15" class="mb10">
+            <!-- <el-col :span="1.5">
+				<el-button type="primary" v-hasPermi="['productManagement:proreportwork:add']" plain icon="plus" @click="handleAdd">
+					{{ $t('btn.add') }}
+				</el-button>
+			</el-col> -->
+            <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
+        </el-row>
+
+        <el-table :data="dataList" v-loading="loading" ref="table" border header-cell-class-name="el-table-header-cell" highlight-current-row @sort-change="sortChange">
+            <el-table-column type="index" width="50" align="center" />
+            <el-table-column prop="fkWorkorder" label="工单号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('fkWorkorder')" />
+            <el-table-column prop="lineCode" label="线别" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('lineCode')" />
+            <el-table-column prop="groupCode" label="组别" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('groupCode')" />
+            <el-table-column prop="dispatchNum" label="计划数量" align="center" v-if="columns.showColumn('dispatchNum')" />
+            <el-table-column prop="finishedNum" label="实际数量" align="center" v-if="columns.showColumn('finishedNum')" />
+            <el-table-column label="缺陷描述" width="100" align="center">
+                <template #default="scope">
+                    <el-button text bg type="success" size="small" @click="showDefectDialog(scope.row)">缺陷查看</el-button>
+                </template>
+            </el-table-column>
+            <el-table-column prop="qualifiedNumber" label="合格数" align="center" v-if="columns.showColumn('qualifiedNumber')" />
+            <el-table-column prop="unqualifiedNumber" label="不合格数" align="center" v-if="columns.showColumn('unqualifiedNumber')" />
+            <el-table-column prop="reworkNumber" label="返工数" align="center" v-if="columns.showColumn('reworkNumber')" />
+            <el-table-column prop="scrapNumber" label="报废数" align="center" v-if="columns.showColumn('scrapNumber')" />
+            <el-table-column prop="remark" label="备注" align="center" v-if="columns.showColumn('remark')" />
+            <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('createdBy')" />
+            <el-table-column prop="createdTime" label="创建时间" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" />
+            <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedBy')" />
+            <el-table-column prop="updatedTime" label="更新时间" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" />
+            <!-- <el-table-column label="操作" width="200" align="center">
+				<template #default="scope">
+					<el-button type="success" size="small" icon="edit" title="编辑" v-hasPermi="['productManagement:proreportwork:edit']" @click="handleUpdate(scope.row)"></el-button>
+					<el-button type="danger" size="small" icon="delete" title="删除" v-hasPermi="['productManagement:proreportwork:delete']" @click="handleDelete(scope.row)"></el-button>
+				</template>
+			</el-table-column> -->
+        </el-table>
+        <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+        <!-- 添加或修改报工表对话框 -->
+        <el-dialog :title="title" :lock-scroll="false" v-model="open">
+            <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+                <el-row :gutter="20">
+                    <el-col :lg="24">
+                        <el-form-item label="工单号" prop="fkWorkorder">
+                            <el-input disabled v-model="form.fkWorkorder" placeholder="请输入工单号" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="组别" prop="groupCode">
+                            <el-input disabled v-model="form.groupCode" placeholder="请输入组别" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="线别" prop="lineCode">
+                            <el-input disabled v-model="form.lineCode" placeholder="请输入线别" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="计划数量" prop="dispatchNum">
+                            <el-input disabled v-model.number="form.dispatchNum" placeholder="请输入计划数量" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="实际数量" prop="finishedNum">
+                            <el-input disabled v-model.number="form.finishedNum" placeholder="请输入实际数量" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="合格数" prop="qualifiedNumber">
+                            <el-input disabled v-model.number="form.qualifiedNumber" placeholder="请输入合格数" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="不合格数" prop="unqualifiedNumber">
+                            <el-input disabled v-model.number="form.unqualifiedNumber" placeholder="请输入不合格数" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="返工数" prop="reworkNumber">
+                            <el-input disabled v-model.number="form.reworkNumber" placeholder="请输入返工数" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="报废数" prop="scrapNumber">
+                            <el-input disabled v-model.number="form.scrapNumber" placeholder="请输入报废数" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="24">
+                        <el-form-item label="备注" prop="remark">
+                            <el-input disabled type="textarea" v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <template #footer v-if="opertype != 3">
+                <el-button text @click="cancel">{{ $t('btn.cancel') }}</el-button>
+                <el-button type="primary" @click="submitForm">{{ $t('btn.submit') }}</el-button>
+            </template>
+        </el-dialog>
+        <ZrDialog width="70%" v-model="handleDefectShow" title="缺陷项" :close-on-click-modal="false" append-to-body draggable>
+            <el-row :gutter="20">
+                <el-col :span="10">
+                    <div class="grid-content ep-bg-purple" />
+                    <el-table height="500px" v-loading="defectLoading" :data="defectList" border highlight-current-row>
+                        <el-table-column prop="name" label="缺陷项" align="center" :show-overflow-tooltip="true" />
+                        <el-table-column prop="number" label="缺陷数" align="center" :show-overflow-tooltip="true" />
+                    </el-table>
+                </el-col>
+                <el-col :span="14">
+                    <div id="pieChart" style="width: 100%; height: 500px" />
+                </el-col>
+            </el-row>
+        </ZrDialog>
+    </div>
+</template>
+
+<script setup name="proreportwork">
+import { listProReportwork, addProReportwork, delProReportwork, updateProReportwork, getProReportwork, GetPersonsList } from '@/api/productManagement/proreportwork.js'
+const { proxy } = getCurrentInstance()
+const ids = ref([])
+const loading = ref(false)
+const showSearch = ref(true)
+const queryParams = reactive({
+    timeRange: [proxy.dayjs(), proxy.dayjs()],
+    fkWorkorder: '',
+    groupCode: '',
+    lineCode: '',
+    pageNum: 1,
+    pageSize: 10,
+    sort: '',
+    sortType: 'asc'
+})
+const columns = ref([
+    { visible: false, prop: 'id', label: '雪花' },
+    { visible: true, prop: 'fkWorkorder', label: '工单号' },
+    { visible: true, prop: 'dispatchNum', label: '计划数量' },
+    { visible: true, prop: 'finishedNum', label: '实际数量' },
+    { visible: true, prop: 'groupCode', label: '组别' },
+    { visible: true, prop: 'lineCode', label: '线别' },
+    { visible: true, prop: 'qualifiedNumber', label: '合格数' },
+    { visible: true, prop: 'unqualifiedNumber', label: '不合格数' },
+    { visible: true, prop: 'reworkNumber', label: '返工数' },
+    { visible: true, prop: 'scrapNumber', label: '报废数' },
+    { visible: true, prop: 'remark', label: '备注' },
+    // { visible: false, prop: 'groupLeader', label: '班组长' },
+    { visible: false, prop: 'createdBy', label: '创建人' },
+    { visible: false, prop: 'createdTime', label: '创建时间' },
+    { visible: false, prop: 'updatedBy', label: '更新人' },
+    { visible: false, prop: 'updatedTime', label: '更新时间' }
+])
+const total = ref(0)
+const dataList = ref([])
+const queryRef = ref()
+const defaultTime = ref([new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)])
+
+var dictParams = []
+
+function getList() {
+    loading.value = true
+    listProReportwork(queryParams).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+            dataList.value = data.result
+            total.value = data.totalNum
+            loading.value = false
+        }
+    })
+}
+
+// 查询
+function handleQuery() {
+    queryParams.pageNum = 1
+    getList()
+}
+
+// 重置查询操作
+function resetQuery() {
+    proxy.resetForm('queryRef')
+    handleQuery()
+}
+// 自定义排序
+function sortChange(column) {
+    var sort = undefined
+    var sortType = undefined
+
+    if (column.prop != null && column.order != null) {
+        sort = column.prop
+        sortType = column.order
+    }
+    queryParams.sort = sort
+    queryParams.sortType = sortType
+    handleQuery()
+}
+
+/*************** form操作 ***************/
+const formRef = ref()
+const title = ref('')
+// 操作类型 1、add 2、edit 3、view
+const opertype = ref(0)
+const open = ref(false)
+const state = reactive({
+    single: true,
+    multiple: true,
+    form: {},
+    rules: {
+        id: [{ required: true, message: '雪花不能为空', trigger: 'blur' }]
+    },
+    options: {}
+})
+
+const { form, rules, options, single, multiple } = toRefs(state)
+
+// 关闭dialog
+function cancel() {
+    open.value = false
+    reset()
+}
+
+// 重置表单
+function reset() {
+    form.value = {
+        id: null,
+        fkWorkorder: null,
+        dispatchNum: null,
+        finishedNum: null,
+        groupCode: null,
+        lineCode: null,
+        createdBy: null,
+        createdTime: null,
+        updatedBy: null,
+        updatedTime: null
+    }
+    proxy.resetForm('formRef')
+}
+// 添加按钮操作
+function handleAdd() {
+    reset()
+    open.value = true
+    title.value = '添加报工表'
+    opertype.value = 1
+}
+// 修改按钮操作
+function handleUpdate(row) {
+    reset()
+    const id = row.id || ids.value
+    getProReportwork(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+            open.value = true
+            title.value = '修改报工表'
+            opertype.value = 2
+
+            form.value = {
+                ...data
+            }
+        }
+    })
+}
+
+// 添加&修改 表单提交
+function submitForm() {
+    proxy.$refs['formRef'].validate((valid) => {
+        if (valid) {
+            if (form.value.id != undefined && opertype.value === 2) {
+                updateProReportwork(form.value).then((res) => {
+                    proxy.$modal.msgSuccess('修改成功')
+                    open.value = false
+                    getList()
+                })
+            } else {
+                addProReportwork(form.value).then((res) => {
+                    proxy.$modal.msgSuccess('新增成功')
+                    open.value = false
+                    getList()
+                })
+            }
+        }
+    })
+}
+
+// 删除按钮操作
+function handleDelete(row) {
+    const Ids = row.id || ids.value
+
+    proxy
+        .$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+            return delProReportwork(Ids)
+        })
+        .then(() => {
+            getList()
+            proxy.$modal.msgSuccess('删除成功')
+        })
+}
+
+/// ========================== 查看缺陷项 ==========================
+import { SearchDefectList, UpdateDefectNum } from '@/api/qualityManagement/FQC/QcFinishedproductDefect'
+import { listQcDefectConfig } from '@/api/qualityManagement/FQC/qcdefectconfig'
+// 缺陷字典
+const qualityOptions = ref([])
+function getDefectDict() {
+    const params = {
+        pageNum: 1,
+        pageSize: 9999,
+        status: 1,
+        qcType: 'FQC'
+    }
+    listQcDefectConfig(params).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+            qualityOptions.value = data.result
+        }
+    })
+}
+getDefectDict()
+// 缺陷列表
+const handleDefectShow = ref(false)
+const defectLoading = ref(false)
+const defectList = ref([])
+
+function showDefectDialog(row) {
+    handleDefectShow.value = true
+    getDefectList(row)
+}
+function getDefectList(row) {
+    defectLoading.value = true
+    const params = {
+        WorkOrder: row.fkWorkorder
+    }
+    SearchDefectList(params).then((res) => {
+        if (res.code === 200) {
+            defectList.value = getDefectDictList(res.data)
+            defectLoading.value = false
+            initPieChart()
+        }
+    })
+}
+// 返回结果与缺陷字典匹配
+function getDefectDictList(defectList) {
+    const combined = defectList.map((defect) => {
+        // 缺陷字典内容
+        let match = qualityOptions.value.find((insp) => insp.code === defect.defectCode)
+        return {
+            ...defect,
+            name: match ? match.name : ''
+        }
+    })
+    return combined
+}
+
+// 缺陷项ecahrts数据生成
+import * as echarts from 'echarts'
+function initPieChart() {
+    const defectData = getDefectEchartsData(defectList.value)
+    const pieChart = echarts.init(document.getElementById('pieChart'))
+    const option = {
+        title: {
+            text: '缺陷项统计',
+            left: 'center'
+        },
+        tooltip: {
+            trigger: 'item'
+        },
+        legend: {
+            orient: 'vertical',
+            left: 'left'
+        },
+        series: [
+            {
+                name: '缺陷项',
+                type: 'pie',
+                radius: '50%',
+                data: defectData,
+                emphasis: {
+                    itemStyle: {
+                        shadowBlur: 10,
+                        shadowOffsetX: 0,
+                        shadowColor: 'rgba(0, 0, 0, 0.5)'
+                    }
+                }
+            }
+        ]
+    }
+    pieChart.setOption(option)
+}
+function getDefectEchartsData(defectList) {
+    const defectData = defectList.map((item) => {
+        return {
+            name: item.name,
+            value: item.number
+        }
+    })
+    return defectData
+}
+/// ===============================================================
+handleQuery()
+</script>
+<style scoped>
+.flex-1 {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+}
+</style>
diff --git a/src/views/qualityManagement/IPQC/QcDefectCollection.vue b/src/views/qualityManagement/IPQC/QcDefectCollection.vue
new file mode 100644
index 0000000..4a9f8e8
--- /dev/null
+++ b/src/views/qualityManagement/IPQC/QcDefectCollection.vue
@@ -0,0 +1,614 @@
+<!--
+ * @Descripttion: (缺陷收集（索赔单）/qc_defect_collection)
+ * @Author: (admin)
+ * @Date: (2024-09-30)
+-->
+<template>
+    <div>
+        <el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch" @submit.prevent>
+            <el-form-item label="日期" prop="dateTime">
+                <el-date-picker v-model.trim="queryParams.dateTime" type="date" :teleported="false" :clearable="false" placeholder="选择日期时间" @change="handleQuery"></el-date-picker>
+            </el-form-item>
+            <el-form-item label="线别" prop="lineCode">
+                <el-select v-model="queryParams.lineCode" placeholder="全部" @change="handleQuery">
+                    <el-option label="全部" value="" />
+                    <el-option v-for="(item, index) in allRouteOptions" :key="index" :label="item.label" :value="item.value" />
+                </el-select>
+            </el-form-item>
+            <el-form-item label="组别" prop="groupCode">
+                <el-input v-model.trim="queryParams.groupCode" clearable placeholder="请输入组别" />
+            </el-form-item>
+            <el-form-item label="总成" prop="productCode">
+                <el-input v-model="queryParams.productCode" placeholder="请输入总成编号或总成名称" />
+            </el-form-item>
+            <el-form-item>
+                <el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
+                <el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
+            </el-form-item>
+        </el-form>
+        <!-- 工具区域 -->
+        <el-row :gutter="15" class="mb10">
+            <el-col :span="1.5">
+                <el-button type="primary" v-hasPermi="['business:qcdefectcollection:add']" plain icon="plus" @click="handleAdd">
+                    {{ '索赔单' + $t('btn.add') }}
+                </el-button>
+            </el-col>
+            <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
+        </el-row>
+
+        <el-table :data="dataList" v-loading="loading" ref="table" border header-cell-class-name="el-table-header-cell" highlight-current-row @sort-change="sortChange">
+            <el-table-column prop="id" label="id" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('id')" />
+
+            <el-table-column prop="lineCode" label="线别" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('lineCode')" width="50" />
+            <el-table-column prop="dateTime" label="日期" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('dateTime')" width="100">
+                <template #default="scope">
+                    <span>{{ dayjs(scope.row.dateTime).format('YYYY-MM-DD') }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column prop="materialCode" label="物料编码" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('materialCode')" width="140" />
+            <el-table-column prop="materialName" label="物料名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('materialName')" width="140" />
+            <el-table-column prop="productCode" label="总成编号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('productCode')" width="100" />
+            <el-table-column prop="productName" label="总成名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('productName')" width="100" />
+            <el-table-column prop="unit" label="单位" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('unit')" width="50" />
+            <el-table-column prop="planNum" label="计划数量" align="center" v-if="columns.showColumn('planNum')" width="60" />
+            <el-table-column prop="actualNum" label="实际数量" align="center" v-if="columns.showColumn('actualNum')" width="60" />
+            <el-table-column prop="quantity" label="缺陷数量" align="center" v-if="columns.showColumn('quantity')" width="60" />
+            <el-table-column prop="tqm" label="5M1E" align="center" v-if="columns.showColumn('tqm')" width="60">
+                <template #default="scope">
+                    <dict-tag :options="options.tqmOptions" :value="scope.row.tqm" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="type" label="类型" align="center" width="60">
+                <template #default="scope">
+                    <el-tag v-if="scope.row.type === 2" type="primary">报损单</el-tag>
+                    <el-tag v-if="scope.row.type === 1" type="danger">索赔单</el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column prop="superintendent" label="负责人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('superintendent')" />
+            <el-table-column prop="defectDescription" label="缺陷描述" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('defectDescription')" />
+            <el-table-column prop="remark" label="备注" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('remark')" />
+            <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('createdBy')" />
+            <el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" />
+            <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedBy')" />
+            <el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" />
+            <el-table-column label="操作" width="160" fixed="right" align="center">
+                <template #default="scope">
+                    <el-button type="primary" size="small" icon="DocumentCopy" title="复制一行" v-hasPermi="['business:qcdefectcollection:edit']" @click="handleCopy(scope.row)"></el-button>
+                    <el-button type="success" size="small" icon="edit" title="编辑" v-hasPermi="['business:qcdefectcollection:edit']" @click="handleUpdate(scope.row)"></el-button>
+                    <el-button type="danger" size="small" icon="delete" title="删除" v-hasPermi="['business:qcdefectcollection:delete']" @click="handleDelete(scope.row)"></el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+        <!-- 添加或修改缺陷收集对话框 -->
+        <el-dialog :title="title" :lock-scroll="false" v-model="open">
+            <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+                <el-row :gutter="20">
+                    <el-col :lg="12">
+                        <el-form-item label="线别" prop="lineCode">
+                            <el-select v-model="form.lineCode" placeholder="请选择线别" class="select">
+                                <el-option v-for="(item, index) in allRouteOptions" :key="index" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="日期" prop="dateTime">
+                            <el-date-picker v-model="form.dateTime" type="date" :teleported="false" placeholder="选择日期时间"></el-date-picker>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="24">
+                        <el-form-item label="零件搜索" prop="search01">
+                            <el-select
+                                v-model="search01"
+                                filterable
+                                remote
+                                value-key="id"
+                                reserve-keyword
+                                placeholder="请输入零件名称或零件编号"
+                                :remote-method="querySearch01"
+                                @change="search01Change"
+                                :loading="search01Loading"
+                                class="select"
+                            >
+                                <el-option v-for="item in search01Options" :key="item.id" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="物料编码" prop="materialCode">
+                            <el-input v-model.trim="form.materialCode" placeholder="请输入物料编码" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="物料名称" prop="materialName">
+                            <el-input v-model.trim="form.materialName" placeholder="请输入物料名称" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="24">
+                        <el-form-item label="总成搜索" prop="search02">
+                            <el-select
+                                v-model="search02"
+                                filterable
+                                remote
+                                value-key="id"
+                                reserve-keyword
+                                placeholder="请输入总成名称或总成编号"
+                                :remote-method="querySearch02"
+                                @change="search02Change"
+                                :loading="search02Loading"
+                                class="select"
+                            >
+                                <el-option v-for="item in search02Options" :key="item.id" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="总成编号" prop="productCode">
+                            <el-input v-model="form.productCode" placeholder="请输入总成编号" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="总成名称" prop="productName">
+                            <el-input v-model="form.productName" placeholder="请输入总成名称" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="24" v-if="form.tqm === 3">
+                        <el-form-item label="供应商搜索" prop="search03">
+                            <el-select
+                                v-model="search03"
+                                filterable
+                                remote
+                                value-key="id"
+                                reserve-keyword
+                                placeholder="请输入供应商名称或编号"
+                                :remote-method="querySearch03"
+                                @change="search03Change"
+                                :loading="search03Loading"
+                                class="select"
+                            >
+                                <el-option v-for="item in search03Options" :key="item.id" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12" v-if="form.tqm === 3">
+                        <el-form-item label="供应商编码" prop="supplierCode">
+                            <el-input v-model="form.supplierCode" placeholder="请输入供应商编码" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12" v-if="form.tqm === 3">
+                        <el-form-item label="供应商名称" prop="supplierName">
+                            <el-input v-model="form.supplierName" placeholder="请输入供应商名称" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="单位" prop="unit">
+                            <el-input v-model="form.unit" placeholder="请输入单位" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="缺陷数量" prop="quantity">
+                            <el-input v-model.number="form.quantity" placeholder="请输入缺陷数量" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="负责人" prop="superintendent">
+                            <el-input v-model="form.superintendent" placeholder="请输入负责人" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="5M1E" prop="tqm">
+                            <el-radio-group v-model="form.tqm">
+                                <el-radio v-for="item in options.tqmOptions" :key="item.dictValue" :value="parseInt(item.dictValue)">
+                                    {{ item.dictLabel }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="表单类型" prop="type">
+                            <el-radio-group v-model="form.type">
+                                <el-radio :value="1"> 索赔单 </el-radio>
+                                <el-radio :value="2"> 报损单 </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="24">
+                        <el-form-item label="缺陷描述" prop="defectDescription">
+                            <el-input type="textarea" v-model="form.defectDescription" placeholder="请输入缺陷描述" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="24">
+                        <el-form-item label="备注" prop="remark">
+                            <el-input type="textarea" v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <template #footer v-if="opertype != 3">
+                <el-button text @click="cancel">{{ $t('btn.cancel') }}</el-button>
+                <el-button type="primary" @click="submitForm">{{ $t('btn.submit') }}</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup name="qcdefectcollection">
+import { listQcDefectCollection, addQcDefectCollection, delQcDefectCollection, updateQcDefectCollection, getQcDefectCollection } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+const { proxy } = getCurrentInstance()
+
+/// =========== 获取所有线别 ==========
+import { GetAllLines } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+const allRouteOptions = ref([])
+function getAllRouteOptions() {
+    GetAllLines().then((res) => {
+        if (res.code === 200) {
+            allRouteOptions.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.code}-${item.name}`,
+                    value: `${item.code}`
+                }
+            })
+        }
+    })
+}
+getAllRouteOptions()
+/// ==================================
+
+const ids = ref([])
+const loading = ref(false)
+const showSearch = ref(true)
+const queryParams = reactive({
+    pageNum: 1,
+    pageSize: 10,
+    dateTime: new Date(),
+    lineCode: '',
+    type: 1,
+    sort: '',
+    sortType: 'asc'
+})
+const columns = ref([
+    { visible: false, prop: 'id', label: 'id' },
+    { visible: true, prop: 'materialCode', label: '物料编码' },
+    { visible: true, prop: 'materialName', label: '物料名称' },
+    { visible: true, prop: 'productCode', label: '总成编号' },
+    { visible: true, prop: 'productName', label: '总成名称' },
+    { visible: true, prop: 'unit', label: '单位' },
+    { visible: true, prop: 'supplierCode', label: '供应商编号' },
+    { visible: true, prop: 'supplierName', label: '供应商名称' },
+    { visible: false, prop: 'planNum', label: '计划数量' },
+    { visible: false, prop: 'actualNum', label: '报工数量' },
+    { visible: true, prop: 'quantity', label: '缺陷数量' },
+    { visible: true, prop: 'dateTime', label: '日期' },
+    { visible: true, prop: 'lineCode', label: '线别' },
+    { visible: true, prop: 'superintendent', label: '负责人' },
+    { visible: true, prop: 'defectDescription', label: '缺陷描述' },
+    { visible: true, prop: 'tqm', label: '1-人 2-机 3-料 4-法 5-环 6-测' },
+    { visible: true, prop: 'remark', label: '备注' },
+    { visible: false, prop: 'createdBy', label: '创建人' },
+    { visible: false, prop: 'createdTime', label: '创建时间' },
+    { visible: false, prop: 'updatedBy', label: '更新人' },
+    { visible: false, prop: 'updatedTime', label: '更新时间' }
+])
+const total = ref(0)
+const dataList = ref([])
+const queryRef = ref()
+const defaultTime = ref([new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)])
+
+var dictParams = []
+
+async function getList() {
+    loading.value = true
+    const bol = await asynQcDefectData()
+    if (bol) {
+        listQcDefectCollection(queryParams).then((res) => {
+            const { code, data } = res
+            if (code == 200) {
+                dataList.value = data.result
+                total.value = data.totalNum
+                loading.value = false
+            }
+        })
+    }
+}
+
+/// ===============  同步产线工单缺陷项数据 ==================
+import { GenerateDefectConllectionPlan } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+async function asynQcDefectData() {
+    return true
+    try {
+        const lineCode = queryParams.lineCode
+        if (lineCode === '' || lineCode === null) {
+            proxy.$message.error('请选择一条线')
+            return
+        }
+        const params = {
+            line_code: queryParams.lineCode,
+            dateTime: queryParams.dateTime
+        }
+        const res = GenerateDefectConllectionPlan(params)
+        return true
+    } catch (e) {
+        proxy.$message.error('同步缺陷项异常' + e)
+        return false
+    }
+}
+/// =========================================================
+
+// 查询
+function handleQuery() {
+    queryParams.pageNum = 1
+    getList()
+}
+
+// 重置查询操作
+function resetQuery() {
+    proxy.resetForm('queryRef')
+    handleQuery()
+}
+// 自定义排序
+function sortChange(column) {
+    var sort = undefined
+    var sortType = undefined
+
+    if (column.prop != null && column.order != null) {
+        sort = column.prop
+        sortType = column.order
+    }
+    queryParams.sort = sort
+    queryParams.sortType = sortType
+    handleQuery()
+}
+
+/*************** form操作 ***************/
+const formRef = ref()
+const title = ref('')
+// 操作类型 1、add 2、edit 3、view
+const opertype = ref(0)
+const open = ref(false)
+const state = reactive({
+    single: true,
+    multiple: true,
+    form: {},
+    rules: {
+        materialCode: [{ required: true, message: '物料编号不能为空', trigger: 'blur' }],
+        materialName: [{ required: true, message: '物料名称不能为空', trigger: 'blur' }],
+        // batchNumber: [{ required: true, message: '批号不能为空', trigger: 'blur' }],
+        quantity: [{ required: true, message: '缺陷数量不能为空', trigger: 'blur' }],
+        dateTime: [{ required: true, message: '日期不能为空', trigger: 'blur' }],
+        lineCode: [{ required: true, message: '线别不能为空', trigger: 'blur' }]
+    },
+    options: {
+        tqmOptions: [
+            { dictLabel: '人', dictValue: 1, listClass: 'primary' },
+            { dictLabel: '机', dictValue: 2, listClass: 'warning' },
+            { dictLabel: '料', dictValue: 3, listClass: 'danger' },
+            { dictLabel: '法', dictValue: 4, listClass: 'info' },
+            { dictLabel: '环', dictValue: 5, listClass: 'info' },
+            { dictLabel: '测', dictValue: 6, listClass: 'info' }
+        ]
+    }
+})
+
+const { form, rules, options, single, multiple } = toRefs(state)
+
+// 关闭dialog
+function cancel() {
+    open.value = false
+    reset()
+}
+
+// 重置表单
+function reset() {
+    form.value = {
+        id: null,
+        // 零件
+        materialCode: null,
+        materialName: null,
+        // 总成
+        productCode: null,
+        productName: null,
+        // 供应商
+        supplierCode: '',
+        supplierName: '',
+
+        // 批次号
+        batchNumber: null,
+        // 单位
+        unit: null,
+        // 数量
+        quantity: null,
+        // 日期时间
+        dateTime: proxy.dayjs().format('YYYY-MM-DD'),
+        // 组号
+        groupCode: null,
+        // 线号
+        lineCode: null,
+        // 工序名称
+        processName: null,
+        // 负责人
+        superintendent: null,
+        // 缺陷描述
+        defectDescription: null,
+        // TQM
+        tqm: 3,
+        // 1-索赔单 2-报损单
+        type: 1,
+        // 备注
+        remark: null,
+        // 创建人
+        createdBy: null,
+        // 创建时间
+        createdTime: null,
+        // 更新人
+        updatedBy: null,
+        // 更新时间
+        updatedTime: null
+    }
+    search01.value = ''
+    search02.value = ''
+    search03.value = ''
+    proxy.resetForm('formRef')
+}
+// 添加按钮操作
+function handleAdd() {
+    reset()
+    open.value = true
+    title.value = '添加缺陷收集'
+    opertype.value = 1
+}
+// 修改按钮操作
+function handleUpdate(row) {
+    reset()
+    const id = row.id || ids.value
+    getQcDefectCollection(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+            open.value = true
+            title.value = '修改缺陷收集'
+            opertype.value = 2
+            form.value = {
+                ...data
+            }
+        }
+    })
+}
+
+// 添加&修改 表单提交
+function submitForm() {
+    proxy.$refs['formRef'].validate((valid) => {
+        if (valid) {
+            if (form.value.id != undefined && opertype.value === 2) {
+                updateQcDefectCollection(form.value).then((res) => {
+                    proxy.$modal.msgSuccess('修改成功')
+                    open.value = false
+                    getList()
+                })
+            } else {
+                addQcDefectCollection(form.value).then((res) => {
+                    proxy.$modal.msgSuccess('新增成功')
+                    open.value = false
+                    getList()
+                })
+            }
+        }
+    })
+}
+
+// 删除按钮操作
+function handleDelete(row) {
+    const Ids = row.id || ids.value
+
+    proxy
+        .$confirm('是否确认删除数据项？')
+        .then(function () {
+            return delQcDefectCollection(Ids)
+        })
+        .then(() => {
+            getList()
+            proxy.$modal.msgSuccess('删除成功')
+        })
+}
+
+// 复制一行
+import { CopySameMaterial } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+function handleCopy(row) {
+    CopySameMaterial({ id: row.id }).then((res) => {
+        proxy.$modal.msgSuccess('复制成功')
+        getList()
+    })
+}
+/// ============= 远程搜索 ==============
+import { GetMaterialInfo } from '@/api/productManagement/proworkorder.js'
+// 零件select远程搜索
+const search01 = ref('')
+const search01Loading = ref(false)
+const search01Options = ref([])
+function querySearch01(query) {
+    search01Loading.value = true
+    GetMaterialInfo({ Name_or_Code: query }).then((res) => {
+        if (res.code === 200) {
+            search01Options.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.code}-${item.name}`,
+                    value: { id: item.id, name: item.name, code: item.code },
+                    searchQuery: item.code
+                }
+            })
+            search01Loading.value = false
+        }
+    })
+}
+function search01Change(value) {
+    form.value.materialName = value.name
+    form.value.materialCode = value.code
+}
+// 总成select
+const search02 = ref('')
+const search02Loading = ref(false)
+const search02Options = ref([])
+function querySearch02(query) {
+    search02Loading.value = true
+    GetMaterialInfo({ Name_or_Code: query }).then((res) => {
+        if (res.code === 200) {
+            search02Options.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.code}-${item.name}`,
+                    value: { id: item.id, name: item.name, code: item.code },
+                    searchQuery: item.code
+                }
+            })
+            search02Loading.value = false
+        }
+    })
+}
+function search02Change(value) {
+    form.value.productName = value.name
+    form.value.productCode = value.code
+}
+// 供应商select
+import { GetAllSupplierOptions } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+const search03 = ref('')
+const search03Loading = ref(false)
+const search03Options = ref([])
+function querySearch03(query) {
+    search03Loading.value = true
+    GetAllSupplierOptions({ supplierCode: query }).then((res) => {
+        if (res.code === 200) {
+            search03Options.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.supplierNo}-${item.supplierName}`,
+                    value: { id: item.id, name: item.supplierName, code: item.supplierNo }
+                }
+            })
+            search03Loading.value = false
+        }
+    })
+}
+function search03Change(value) {
+    form.value.supplierName = value.name
+    form.value.supplierCode = value.code
+}
+/// ====================================
+
+handleQuery()
+</script>
+
+<style scoped>
+.select {
+    width: 100% !important;
+}
+</style>
diff --git a/src/views/qualityManagement/IPQC/QcDefectCollection2.vue b/src/views/qualityManagement/IPQC/QcDefectCollection2.vue
new file mode 100644
index 0000000..efc07b7
--- /dev/null
+++ b/src/views/qualityManagement/IPQC/QcDefectCollection2.vue
@@ -0,0 +1,612 @@
+<!--
+ * @Descripttion: (缺陷收集（报损单）/qc_defect_collection)
+ * @Author: (admin)
+ * @Date: (2024-09-30)
+-->
+<template>
+    <div>
+        <el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch" @submit.prevent>
+            <el-form-item label="日期" prop="dateTime">
+                <el-date-picker v-model.trim="queryParams.dateTime" type="date" :teleported="false" :clearable="false" placeholder="选择日期时间" @change="handleQuery"></el-date-picker>
+            </el-form-item>
+            <el-form-item label="线别" prop="lineCode">
+                <el-select v-model="queryParams.lineCode" placeholder="全部" @change="handleQuery">
+                    <el-option label="全部" value="" />
+                    <el-option v-for="(item, index) in allRouteOptions" :key="index" :label="item.label" :value="item.value" />
+                </el-select>
+            </el-form-item>
+            <el-form-item label="组别" prop="groupCode">
+                <el-input v-model.trim="queryParams.groupCode" clearable placeholder="请输入组别" />
+            </el-form-item>
+            <el-form-item label="总成" prop="productCode">
+                <el-input v-model="queryParams.productCode" placeholder="请输入总成编号或总成名称" />
+            </el-form-item>
+            <el-form-item>
+                <el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
+                <el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
+            </el-form-item>
+        </el-form>
+        <!-- 工具区域 -->
+        <el-row :gutter="15" class="mb10">
+            <el-col :span="1.5">
+                <el-button type="primary" v-hasPermi="['business:qcdefectcollection:add']" plain icon="plus" @click="handleAdd">
+                    {{ '报损单' + $t('btn.add') }}
+                </el-button>
+            </el-col>
+            <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
+        </el-row>
+
+        <el-table :data="dataList" v-loading="loading" ref="table" border header-cell-class-name="el-table-header-cell" highlight-current-row @sort-change="sortChange">
+            <el-table-column prop="id" label="id" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('id')" />
+
+            <el-table-column prop="lineCode" label="线别" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('lineCode')" width="50" />
+            <el-table-column prop="dateTime" label="日期" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('dateTime')" width="100">
+                <template #default="scope">
+                    <span>{{ dayjs(scope.row.dateTime).format('YYYY-MM-DD') }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column prop="materialCode" label="物料编码" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('materialCode')" width="140" />
+            <el-table-column prop="materialName" label="物料名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('materialName')" width="140" />
+            <el-table-column prop="productCode" label="总成编号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('productCode')" width="100" />
+            <el-table-column prop="productName" label="总成名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('productName')" width="100" />
+            <el-table-column prop="unit" label="单位" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('unit')" width="50" />
+            <el-table-column prop="planNum" label="计划数量" align="center" v-if="columns.showColumn('planNum')" width="60" />
+            <el-table-column prop="actualNum" label="实际数量" align="center" v-if="columns.showColumn('actualNum')" width="60" />
+            <el-table-column prop="quantity" label="缺陷数量" align="center" v-if="columns.showColumn('quantity')" width="60" />
+            <el-table-column prop="tqm" label="5M1E" align="center" v-if="columns.showColumn('tqm')" width="60">
+                <template #default="scope">
+                    <dict-tag :options="options.tqmOptions" :value="scope.row.tqm" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="tqm" label="类型" align="center" width="60">
+                <template #default="scope">
+                    <el-tag v-if="scope.row.type === 2" type="primary">报损单</el-tag>
+                    <el-tag v-if="scope.row.type === 1" type="danger">索赔单</el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column prop="superintendent" label="负责人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('superintendent')" />
+            <el-table-column prop="defectDescription" label="缺陷描述" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('defectDescription')" />
+            <el-table-column prop="remark" label="备注" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('remark')" />
+            <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('createdBy')" />
+            <el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" />
+            <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedBy')" />
+            <el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" />
+            <el-table-column label="操作" width="160" fixed="right" align="center">
+                <template #default="scope">
+                    <el-button type="primary" size="small" icon="DocumentCopy" title="复制一行" v-hasPermi="['business:qcdefectcollection:edit']" @click="handleCopy(scope.row)"></el-button>
+                    <el-button type="success" size="small" icon="edit" title="编辑" v-hasPermi="['business:qcdefectcollection:edit']" @click="handleUpdate(scope.row)"></el-button>
+                    <el-button type="danger" size="small" icon="delete" title="删除" v-hasPermi="['business:qcdefectcollection:delete']" @click="handleDelete(scope.row)"></el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+        <!-- 添加或修改缺陷收集对话框 -->
+        <el-dialog :title="title" :lock-scroll="false" v-model="open">
+            <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+                <el-row :gutter="20">
+                    <el-col :lg="12">
+                        <el-form-item label="线别" prop="lineCode">
+                            <el-select v-model="form.lineCode" placeholder="请选择线别" class="select">
+                                <el-option v-for="(item, index) in allRouteOptions" :key="index" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="日期" prop="dateTime">
+                            <el-date-picker v-model="form.dateTime" type="date" :teleported="false" placeholder="选择日期时间"></el-date-picker>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="24">
+                        <el-form-item label="物料搜索" prop="search01">
+                            <el-select
+                                v-model="search01"
+                                filterable
+                                remote
+                                value-key="id"
+                                reserve-keyword
+                                placeholder="请输入物料名称或物料编号"
+                                :remote-method="querySearch01"
+                                @change="search01Change"
+                                :loading="search01Loading"
+                                class="select"
+                            >
+                                <el-option v-for="item in search01Options" :key="item.id" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="物料编码" prop="materialCode">
+                            <el-input v-model.trim="form.materialCode" placeholder="请输入物料编码" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="物料名称" prop="materialName">
+                            <el-input v-model.trim="form.materialName" placeholder="请输入物料名称" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="24">
+                        <el-form-item label="总成搜索" prop="search02">
+                            <el-select
+                                v-model="search02"
+                                filterable
+                                remote
+                                value-key="id"
+                                reserve-keyword
+                                placeholder="请输入总成名称或总成编号"
+                                :remote-method="querySearch02"
+                                @change="search02Change"
+                                :loading="search02Loading"
+                                class="select"
+                            >
+                                <el-option v-for="item in search02Options" :key="item.id" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="总成编号" prop="productCode">
+                            <el-input v-model="form.productCode" placeholder="请输入总成编号" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="总成名称" prop="productName">
+                            <el-input v-model="form.productName" placeholder="请输入总成名称" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="24" v-if="form.tqm === 3">
+                        <el-form-item label="供应商搜索" prop="search03">
+                            <el-select
+                                v-model="search03"
+                                filterable
+                                remote
+                                value-key="id"
+                                reserve-keyword
+                                placeholder="请输入供应商名称或编号"
+                                :remote-method="querySearch03"
+                                @change="search03Change"
+                                :loading="search03Loading"
+                                class="select"
+                            >
+                                <el-option v-for="item in search03Options" :key="item.id" :label="item.label" :value="item.value" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12" v-if="form.tqm === 3">
+                        <el-form-item label="供应商编码" prop="supplierCode">
+                            <el-input v-model="form.supplierCode" placeholder="请输入供应商编码" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12" v-if="form.tqm === 3">
+                        <el-form-item label="供应商名称" prop="supplierName">
+                            <el-input v-model="form.supplierName" placeholder="请输入供应商名称" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="单位" prop="unit">
+                            <el-input v-model="form.unit" placeholder="请输入单位" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="缺陷数量" prop="quantity">
+                            <el-input v-model.number="form.quantity" placeholder="请输入缺陷数量" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="12">
+                        <el-form-item label="负责人" prop="superintendent">
+                            <el-input v-model="form.superintendent" placeholder="请输入负责人" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="5M1E" prop="tqm">
+                            <el-radio-group v-model="form.tqm">
+                                <el-radio v-for="item in options.tqmOptions" :key="item.dictValue" :value="parseInt(item.dictValue)">
+                                    {{ item.dictLabel }}
+                                </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="12">
+                        <el-form-item label="表单类型" prop="type">
+                            <el-radio-group v-model="form.type">
+                                <el-radio :value="1"> 索赔单 </el-radio>
+                                <el-radio :value="2"> 报损单 </el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :lg="24">
+                        <el-form-item label="缺陷描述" prop="defectDescription">
+                            <el-input type="textarea" v-model="form.defectDescription" placeholder="请输入缺陷描述" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :lg="24">
+                        <el-form-item label="备注" prop="remark">
+                            <el-input type="textarea" v-model="form.remark" placeholder="请输入备注" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <template #footer v-if="opertype != 3">
+                <el-button text @click="cancel">{{ $t('btn.cancel') }}</el-button>
+                <el-button type="primary" @click="submitForm">{{ $t('btn.submit') }}</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup name="qcdefectcollection">
+import { listQcDefectCollection, addQcDefectCollection, delQcDefectCollection, updateQcDefectCollection, getQcDefectCollection } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+const { proxy } = getCurrentInstance()
+
+/// =========== 获取所有线别 ==========
+import { GetAllLines } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+const allRouteOptions = ref([])
+function getAllRouteOptions() {
+    GetAllLines().then((res) => {
+        if (res.code === 200) {
+            allRouteOptions.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.code}-${item.name}`,
+                    value: `${item.code}`
+                }
+            })
+        }
+    })
+}
+getAllRouteOptions()
+/// ==================================
+
+const ids = ref([])
+const loading = ref(false)
+const showSearch = ref(true)
+const queryParams = reactive({
+    pageNum: 1,
+    pageSize: 10,
+    dateTime: new Date(),
+    lineCode: '',
+    type: 2,
+    sort: '',
+    sortType: 'asc'
+})
+const columns = ref([
+    { visible: false, prop: 'id', label: 'id' },
+    { visible: true, prop: 'materialCode', label: '物料编码' },
+    { visible: true, prop: 'materialName', label: '物料名称' },
+    { visible: true, prop: 'productCode', label: '总成编号' },
+    { visible: true, prop: 'productName', label: '总成名称' },
+    { visible: true, prop: 'unit', label: '单位' },
+    { visible: true, prop: 'supplierCode', label: '供应商编号' },
+    { visible: true, prop: 'supplierName', label: '供应商名称' },
+    { visible: false, prop: 'planNum', label: '计划数量' },
+    { visible: false, prop: 'actualNum', label: '报工数量' },
+    { visible: true, prop: 'quantity', label: '缺陷数量' },
+    { visible: true, prop: 'dateTime', label: '日期' },
+    { visible: true, prop: 'lineCode', label: '线别' },
+    { visible: true, prop: 'superintendent', label: '负责人' },
+    { visible: true, prop: 'defectDescription', label: '缺陷描述' },
+    { visible: true, prop: 'tqm', label: '1-人 2-机 3-料 4-法 5-环 6-测' },
+    { visible: true, prop: 'remark', label: '备注' },
+    { visible: false, prop: 'createdBy', label: '创建人' },
+    { visible: false, prop: 'createdTime', label: '创建时间' },
+    { visible: false, prop: 'updatedBy', label: '更新人' },
+    { visible: false, prop: 'updatedTime', label: '更新时间' }
+])
+const total = ref(0)
+const dataList = ref([])
+const queryRef = ref()
+const defaultTime = ref([new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)])
+
+var dictParams = []
+
+async function getList() {
+    loading.value = true
+    const bol = await asynQcDefectData()
+    if (bol) {
+        listQcDefectCollection(queryParams).then((res) => {
+            const { code, data } = res
+            if (code == 200) {
+                dataList.value = data.result
+                total.value = data.totalNum
+                loading.value = false
+            }
+        })
+    }
+}
+
+/// ===============  同步产线工单缺陷项数据 ==================
+import { GenerateDefectConllectionPlan } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+async function asynQcDefectData() {
+    return true
+    try {
+        const lineCode = queryParams.lineCode
+        if (lineCode === '' || lineCode === null) {
+            proxy.$message.error('请选择一条线')
+            return
+        }
+        const params = {
+            line_code: queryParams.lineCode,
+            dateTime: queryParams.dateTime
+        }
+        const res = GenerateDefectConllectionPlan(params)
+        return true
+    } catch (e) {
+        proxy.$message.error('同步缺陷项异常' + e)
+        return false
+    }
+}
+/// =========================================================
+
+// 查询
+function handleQuery() {
+    queryParams.pageNum = 1
+    getList()
+}
+
+// 重置查询操作
+function resetQuery() {
+    proxy.resetForm('queryRef')
+    handleQuery()
+}
+// 自定义排序
+function sortChange(column) {
+    var sort = undefined
+    var sortType = undefined
+
+    if (column.prop != null && column.order != null) {
+        sort = column.prop
+        sortType = column.order
+    }
+    queryParams.sort = sort
+    queryParams.sortType = sortType
+    handleQuery()
+}
+
+/*************** form操作 ***************/
+const formRef = ref()
+const title = ref('')
+// 操作类型 1、add 2、edit 3、view
+const opertype = ref(0)
+const open = ref(false)
+const state = reactive({
+    single: true,
+    multiple: true,
+    form: {},
+    rules: {
+        materialCode: [{ required: true, message: '物料编号不能为空', trigger: 'blur' }],
+        materialName: [{ required: true, message: '物料名称不能为空', trigger: 'blur' }],
+        // batchNumber: [{ required: true, message: '批号不能为空', trigger: 'blur' }],
+        quantity: [{ required: true, message: '缺陷数量不能为空', trigger: 'blur' }],
+        dateTime: [{ required: true, message: '日期不能为空', trigger: 'blur' }],
+        lineCode: [{ required: true, message: '线别不能为空', trigger: 'blur' }]
+    },
+    options: {
+        tqmOptions: [
+            { dictLabel: '人', dictValue: 1, listClass: 'primary' },
+            { dictLabel: '机', dictValue: 2, listClass: 'warning' },
+            { dictLabel: '料', dictValue: 3, listClass: 'danger' },
+            { dictLabel: '法', dictValue: 4, listClass: 'info' },
+            { dictLabel: '环', dictValue: 5, listClass: 'info' },
+            { dictLabel: '测', dictValue: 6, listClass: 'info' }
+        ]
+    }
+})
+
+const { form, rules, options, single, multiple } = toRefs(state)
+
+// 关闭dialog
+function cancel() {
+    open.value = false
+    reset()
+}
+
+// 重置表单
+function reset() {
+    form.value = {
+        id: null,
+        // 零件
+        materialCode: null,
+        materialName: null,
+        // 总成
+        productCode: null,
+        productName: null,
+        // 供应商
+        supplierCode: '',
+        supplierName: '',
+
+        // 批次号
+        batchNumber: null,
+        // 单位
+        unit: null,
+        // 数量
+        quantity: null,
+        // 日期时间
+        dateTime: proxy.dayjs().format('YYYY-MM-DD'),
+        // 组号
+        groupCode: null,
+        // 线号
+        lineCode: null,
+        // 工序名称
+        processName: null,
+        // 负责人
+        superintendent: null,
+        // 缺陷描述
+        defectDescription: null,
+        // TQM
+        tqm: 3,
+        // 1-索赔单 2-报损单
+        type: 2,
+        // 备注
+        remark: null,
+        // 创建人
+        createdBy: null,
+        // 创建时间
+        createdTime: null,
+        // 更新人
+        updatedBy: null,
+        // 更新时间
+        updatedTime: null
+    }
+    search01.value = ''
+    search02.value = ''
+    search03.value = ''
+    proxy.resetForm('formRef')
+}
+// 添加按钮操作
+function handleAdd() {
+    reset()
+    open.value = true
+    title.value = '添加缺陷收集'
+    opertype.value = 1
+}
+// 修改按钮操作
+function handleUpdate(row) {
+    reset()
+    const id = row.id || ids.value
+    getQcDefectCollection(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+            open.value = true
+            title.value = '修改缺陷收集'
+            opertype.value = 2
+            form.value = {
+                ...data
+            }
+        }
+    })
+}
+
+// 添加&修改 表单提交
+function submitForm() {
+    proxy.$refs['formRef'].validate((valid) => {
+        if (valid) {
+            if (form.value.id != undefined && opertype.value === 2) {
+                updateQcDefectCollection(form.value).then((res) => {
+                    proxy.$modal.msgSuccess('修改成功')
+                    open.value = false
+                    getList()
+                })
+            } else {
+                addQcDefectCollection(form.value).then((res) => {
+                    proxy.$modal.msgSuccess('新增成功')
+                    open.value = false
+                    getList()
+                })
+            }
+        }
+    })
+}
+
+// 删除按钮操作
+function handleDelete(row) {
+    const Ids = row.id || ids.value
+
+    proxy
+        .$confirm('是否确认删除数据项？')
+        .then(function () {
+            return delQcDefectCollection(Ids)
+        })
+        .then(() => {
+            getList()
+            proxy.$modal.msgSuccess('删除成功')
+        })
+}
+
+// 复制一行
+import { CopySameMaterial } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+function handleCopy(row) {
+    CopySameMaterial({ id: row.id }).then((res) => {
+        proxy.$modal.msgSuccess('复制成功')
+        getList()
+    })
+}
+/// ============= 远程搜索 ==============
+import { GetMaterialInfo } from '@/api/productManagement/proworkorder.js'
+// 零件select远程搜索
+const search01 = ref('')
+const search01Loading = ref(false)
+const search01Options = ref([])
+function querySearch01(query) {
+    search01Loading.value = true
+    GetMaterialInfo({ Name_or_Code: query }).then((res) => {
+        if (res.code === 200) {
+            search01Options.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.code}-${item.name}`,
+                    value: { id: item.id, name: item.name, code: item.code },
+                    searchQuery: item.code
+                }
+            })
+            search01Loading.value = false
+        }
+    })
+}
+function search01Change(value) {
+    form.value.materialName = value.name
+    form.value.materialCode = value.code
+}
+// 总成select
+const search02 = ref('')
+const search02Loading = ref(false)
+const search02Options = ref([])
+function querySearch02(query) {
+    search02Loading.value = true
+    GetMaterialInfo({ Name_or_Code: query }).then((res) => {
+        if (res.code === 200) {
+            search02Options.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.code}-${item.name}`,
+                    value: { id: item.id, name: item.name, code: item.code },
+                    searchQuery: item.code
+                }
+            })
+            search02Loading.value = false
+        }
+    })
+}
+function search02Change(value) {
+    form.value.productName = value.name
+    form.value.productCode = value.code
+}
+// 供应商select
+import { GetAllSupplierOptions } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+const search03 = ref('')
+const search03Loading = ref(false)
+const search03Options = ref([])
+function querySearch03(query) {
+    search03Loading.value = true
+    GetAllSupplierOptions({ supplierCode: query }).then((res) => {
+        if (res.code === 200) {
+            search03Options.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.supplierNo}-${item.supplierName}`,
+                    value: { id: item.id, name: item.supplierName, code: item.supplierNo }
+                }
+            })
+            search03Loading.value = false
+        }
+    })
+}
+function search03Change(value) {
+    form.value.supplierName = value.name
+    form.value.supplierCode = value.code
+}
+/// ====================================
+
+handleQuery()
+</script>
+
+<style scoped>
+.select {
+    width: 100% !important;
+}
+</style>
diff --git a/src/views/qualityManagement/IQC/claimant.vue b/src/views/qualityManagement/IQC/claimant.vue
new file mode 100644
index 0000000..e34236b
--- /dev/null
+++ b/src/views/qualityManagement/IQC/claimant.vue
@@ -0,0 +1,418 @@
+<!--
+ * @Descripttion: (索赔单)
+ * @Author: (admin)
+ * @Date: (2024-09-30)
+-->
+<template>
+    <div>
+        <el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch" @submit.prevent>
+            <el-form-item label="日期" prop="dateTime">
+                <el-date-picker v-model.trim="queryParams.dateTime" type="date" :teleported="false" :clearable="false" placeholder="选择日期时间" @change="handleQuery"></el-date-picker>
+            </el-form-item>
+            <el-form-item label="线别" prop="lineCode">
+                <el-select v-model="queryParams.lineCode" placeholder="全部" @change="handleQuery">
+                    <el-option label="全部" :value="''" />
+                    <el-option v-for="(item, index) in allRouteOptions" :key="index" :label="item.label" :value="item.value" />
+                </el-select>
+            </el-form-item>
+            <el-form-item label="零件号" prop="materialCode">
+                <el-input v-model.trim="queryParams.materialCode" clearable placeholder="请输入零件号" />
+            </el-form-item>
+            <el-form-item label="零件名称" prop="materialName">
+                <el-input v-model.trim="queryParams.materialName" clearable placeholder="请输入零件名称" />
+            </el-form-item>
+            <el-form-item label="总成号" prop="productCode">
+                <el-input v-model.trim="queryParams.productCode" clearable placeholder="请输入总成号" />
+            </el-form-item>
+            <el-form-item label="总成名称" prop="productName">
+                <el-input v-model.trim="queryParams.productName" clearable placeholder="请输入总成名称" />
+            </el-form-item>
+            <el-form-item label="供应商编号" prop="supplierCode">
+                <el-input v-model="queryParams.supplierCode" placeholder="请输入供应商编号" />
+            </el-form-item>
+            <el-form-item>
+                <el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
+                <el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
+            </el-form-item>
+        </el-form>
+        <!-- 工具区域 -->
+        <el-row :gutter="15" class="mb10">
+            <el-col :span="1.5">
+                <el-button class="tool-box" color="#55557f" icon="Printer" @click="handlePrint"> 索赔单打印 </el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button class="tool-box" color="#00aa00" icon="Printer" @click="handleExport"> 索赔单导出 </el-button>
+            </el-col>
+            <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
+        </el-row>
+
+        <el-table :data="dataList" v-loading="loading" ref="table" border header-cell-class-name="el-table-header-cell" highlight-current-row @sort-change="sortChange">
+            <el-table-column prop="id" label="id" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('id')" />
+            <el-table-column prop="lineCode" label="线别" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('lineCode')" width="50" />
+            <el-table-column prop="dateTime" label="日期" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('dateTime')" width="100">
+                <template #default="scope">
+                    <span>{{ dayjs(scope.row.dateTime).format('YYYY-MM-DD') }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column prop="materialCode" label="物料编码" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('materialCode')" width="140" />
+            <el-table-column prop="materialName" label="物料名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('materialName')" width="140" />
+            <el-table-column prop="productCode" label="总成编号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('productCode')" width="100" />
+            <el-table-column prop="productName" label="总成名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('productName')" width="100" />
+            <el-table-column prop="supplierCode" label="供应商编号" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('supplierCode')" width="100" />
+            <el-table-column prop="supplierName" label="供应商名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('supplierName')" width="100" />
+            <el-table-column prop="unit" label="单位" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('unit')" width="50" />
+
+            <el-table-column prop="specification" label="规格" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('specification')" width="100" />
+            <el-table-column prop="planNum" label="计划数量" align="center" v-if="columns.showColumn('planNum')" width="60" />
+            <el-table-column prop="actualNum" label="实际数量" align="center" v-if="columns.showColumn('actualNum')" width="60" />
+            <el-table-column prop="quantity" label="缺陷数量" align="center" v-if="columns.showColumn('quantity')" width="60" />
+            <el-table-column prop="batchNumber" label="批号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('batchNumber')" width="100" />
+            <el-table-column prop="tqm" label="5M1E" align="center" v-if="columns.showColumn('tqm')" width="60">
+                <template #default="scope">
+                    <dict-tag :options="options.tqmOptions" :value="scope.row.tqm" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="processName" label="工序名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('processName')" width="60" />
+            <el-table-column prop="superintendent" label="负责人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('superintendent')" />
+            <el-table-column prop="defectDescription" label="缺陷描述" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('defectDescription')" />
+            <el-table-column prop="remark" label="备注" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('remark')" />
+            <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('createdBy')" />
+            <el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" />
+            <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedBy')" />
+            <el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" />
+        </el-table>
+        <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+        <!-- 打印 -->
+        <ZrDialog v-model="PrintDialogShow" :fullScreen="true" append-to-body draggable :close-on-click-modal="false">
+            <div id="printView">
+                <div class="title1">上海干巷车镜实业有限公司</div>
+                <div class="title2">
+                    <span class="title-2-left"></span>
+                    <span class="title-2-middle">索&nbsp;&nbsp;&nbsp;&nbsp;赔&nbsp;&nbsp;&nbsp;&nbsp;单</span>
+                    <span class="title-2-right">{{ printData.number }}</span>
+                </div>
+                <div class="edit-row-1">
+                    <div>接收单位/部门:</div>
+                    <div>年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</div>
+                </div>
+                <table class="printTableClass" border="1">
+                    <thead>
+                        <tr>
+                            <th rowspan="2">序号</th>
+                            <th rowspan="2">物料编码</th>
+                            <th rowspan="2">物料名称</th>
+                            <th rowspan="2" style="min-width: 160px">缺陷描述</th>
+                            <th rowspan="2">批号</th>
+                            <th rowspan="2">单位</th>
+                            <th colspan="2">数量</th>
+                            <th rowspan="2">备注</th>
+                        </tr>
+                        <tr>
+                            <th>退回</th>
+                            <th>实收</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="(item, index) in printData.list" :key="index">
+                            <td>{{ index + 1 }}</td>
+                            <!-- <td><dict-tag :options="options.tqmOptions" :value="scope.row.tqm" /></td> -->
+                            <td>{{ item.materialCode }}</td>
+                            <td>{{ item.materialName }}</td>
+                            <td>{{ item.defectDescription }}</td>
+                            <td>{{ item.batchNumber }}</td>
+                            <td>{{ item.unit }}</td>
+                            <td>{{ item.quantity }}</td>
+                            <td>{{ '' }}</td>
+                            <td>{{ item.remark }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+                <div class="edit-row-2">
+                    <div>退料人:</div>
+                    <div>收料人:</div>
+                    <div>质保:</div>
+                    <div>审核:</div>
+                </div>
+            </div>
+            <template #footer>
+                <el-button text @click="PrintDialogShow = false">{{ $t('btn.cancel') }}</el-button>
+                <el-button type="primary" v-print="printObj">打印</el-button>
+            </template>
+        </ZrDialog>
+        <!-- 导出 -->
+        <el-dialog v-model="exportDialog.open" :title="exportDialog.title" width="500" draggable :close-on-click-modal="false">
+            <el-form label-width="100px">
+                <el-form-item label="导出日期" prop="createWorkOrderDate">
+                    <el-date-picker
+                        v-model="exportDialog.time"
+                        type="daterange"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                        :clearable="false"
+                        :teleported="false"
+                        placeholder="选择日期"
+                    ></el-date-picker>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <el-button text @click="exportDialog.open = false">{{ $t('btn.cancel') }}</el-button>
+                <el-button type="primary" @click="submitExport">{{ $t('btn.submit') }}</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup name="qcdefectcollection">
+const { proxy } = getCurrentInstance()
+
+/// =========== 获取所有线别 ==========
+import { GetAllLines } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+const allRouteOptions = ref([])
+function getAllRouteOptions() {
+    GetAllLines().then((res) => {
+        if (res.code === 200) {
+            allRouteOptions.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.code}-${item.name}`,
+                    value: `${item.code}`
+                }
+            })
+        }
+    })
+}
+getAllRouteOptions()
+/// ==================================
+
+const ids = ref([])
+const loading = ref(false)
+const showSearch = ref(true)
+const queryParams = reactive({
+    pageNum: 1,
+    pageSize: 30,
+    dateTime: new Date(),
+    lineCode: '1',
+    // 1-索赔单 2-报损单
+    type: 1,
+    sort: '',
+    sortType: 'asc'
+})
+const columns = ref([
+    { visible: false, prop: 'id', label: 'id' },
+    { visible: true, prop: 'materialCode', label: '物料编码' },
+    { visible: true, prop: 'materialName', label: '物料名称' },
+    { visible: true, prop: 'productCode', label: '总成编号' },
+    { visible: true, prop: 'productName', label: '总成名称' },
+    { visible: false, prop: 'unit', label: '单位' },
+    { visible: true, prop: 'supplierCode', label: '供应商' },
+    { visible: false, prop: 'batchNumber', label: '批号' },
+    { visible: false, prop: 'specification', label: '规格' },
+    { visible: false, prop: 'planNum', label: '计划数量' },
+    { visible: false, prop: 'actualNum', label: '实际数量' },
+    { visible: true, prop: 'quantity', label: '缺陷数量' },
+    { visible: true, prop: 'dateTime', label: '日期' },
+    { visible: true, prop: 'lineCode', label: '线别' },
+    { visible: false, prop: 'processName', label: '工序名称' },
+    { visible: true, prop: 'superintendent', label: '负责人' },
+    { visible: true, prop: 'defectDescription', label: '缺陷描述' },
+    { visible: false, prop: 'tqm', label: '1-人 2-机 3-料 4-法 5-环 6-测' },
+    { visible: true, prop: 'remark', label: '备注' },
+    { visible: false, prop: 'createdBy', label: '创建人' },
+    { visible: false, prop: 'createdTime', label: '创建时间' },
+    { visible: false, prop: 'updatedBy', label: '更新人' },
+    { visible: false, prop: 'updatedTime', label: '更新时间' }
+])
+const state = reactive({
+    single: true,
+    multiple: true,
+    form: {},
+    rules: {
+        materialCode: [{ required: true, message: '物料编号不能为空', trigger: 'blur' }],
+        materialName: [{ required: true, message: '物料名称不能为空', trigger: 'blur' }],
+        // batchNumber: [{ required: true, message: '批号不能为空', trigger: 'blur' }],
+        // quantity: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
+        dateTime: [{ required: true, message: '日期不能为空', trigger: 'blur' }],
+        lineCode: [{ required: true, message: '线别不能为空', trigger: 'blur' }]
+    },
+    options: {
+        tqmOptions: [
+            { dictLabel: '人', dictValue: 1, listClass: 'primary' },
+            { dictLabel: '机', dictValue: 2, listClass: 'warning' },
+            { dictLabel: '料', dictValue: 3, listClass: 'danger' },
+            { dictLabel: '法', dictValue: 4, listClass: 'info' },
+            { dictLabel: '环', dictValue: 5, listClass: 'info' },
+            { dictLabel: '测', dictValue: 6, listClass: 'info' }
+        ]
+    }
+})
+
+const { form, rules, options, single, multiple } = toRefs(state)
+const total = ref(0)
+const dataList = ref([])
+const queryRef = ref()
+const defaultTime = ref([new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)])
+
+var dictParams = []
+import { getClaimList } from '@/api/qualityManagement/IQC/qcReportLossController.js'
+async function getList() {
+    loading.value = true
+    getClaimList(queryParams).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+            dataList.value = data.result
+            total.value = data.totalNum
+            loading.value = false
+        }
+    })
+}
+
+// 查询
+function handleQuery() {
+    queryParams.pageNum = 1
+    getList()
+}
+
+// 重置查询操作
+function resetQuery() {
+    proxy.resetForm('queryRef')
+    handleQuery()
+}
+// 自定义排序
+function sortChange(column) {
+    var sort = undefined
+    var sortType = undefined
+
+    if (column.prop != null && column.order != null) {
+        sort = column.prop
+        sortType = column.order
+    }
+    queryParams.sort = sort
+    queryParams.sortType = sortType
+    handleQuery()
+}
+handleQuery()
+
+/// ======================== 打印 =============================
+const PrintDialogShow = ref(false)
+const printData = reactive({
+    list: [],
+    info: {},
+    number: ''
+})
+const printObj = {
+    id: 'printView',
+    popTitle: '索赔单'
+}
+function handlePrint() {
+    PrintDialogShow.value = true
+    printData.list = dataList.value
+    printData.number = proxy.dayjs(new Date()).format('YYYYMMDDHHmmss')
+}
+/// ======================================================
+
+/// ======================= 索赔单导出 ============================
+/*** 导出参数 */
+const exportDialog = reactive({
+    // 是否显示弹出层（导入）
+    open: false,
+    // 弹出层标题（导入）
+    title: '',
+    // 设置上传的请求头部
+    time: [new Date(), new Date()],
+    // 导出的地址
+    url: '/mes/qualityManagement/IQC/QCReportCompensation/export'
+})
+// 导出弹框
+function handleExport() {
+    exportDialog.title = '索赔单导出Excel'
+    exportDialog.open = true
+}
+// 导出提交
+function submitExport() {
+    proxy.$modal
+        .confirm('是否确认导出所选日期数据项?', '警告', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+        .then(async () => {
+            const startTime = exportDialog.time[0]
+            const endTime = exportDialog.time[1]
+            let startString = `${startTime.getFullYear()}-${(startTime.getMonth() + 1).toString().padStart(2, '0')}-${startTime.getDate().toString().padStart(2, '0')}`
+            let endString = `${endTime.getFullYear()}-${(endTime.getMonth() + 1).toString().padStart(2, '0')}-${endTime.getDate().toString().padStart(2, '0')}`
+            proxy.download(exportDialog.url + '?startTime=' + startString + '&endTime=' + endString, '数据导出模板')
+            // await downFile(exportDialog.url, { extportDate: exportDialog.time })
+            exportDialog.open = false
+        })
+}
+/// =============================================================
+</script>
+
+<style scoped>
+#printView {
+    padding: 10px;
+}
+.title1 {
+    width: 100%;
+    font-size: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 10px;
+}
+.title2 {
+    margin-bottom: 10px;
+    width: 100%;
+    font-size: 24px;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+.title-2-left {
+    width: 33%;
+}
+.title-2-middle {
+    width: 33%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.title-2-right {
+    font-weight: normal;
+    color: red;
+    width: 33%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+.edit-row-1 {
+    width: 100%;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.edit-row-2 {
+    width: 100%;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+.printTableClass {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+}
+.printTableClass td {
+    padding: 10px 0px 10px 0px;
+    font-size: 16px;
+}
+.next-page {
+    page-break-before: always;
+}
+</style>
diff --git a/src/views/qualityManagement/IQC/frmLoss.vue b/src/views/qualityManagement/IQC/frmLoss.vue
new file mode 100644
index 0000000..c5500e1
--- /dev/null
+++ b/src/views/qualityManagement/IQC/frmLoss.vue
@@ -0,0 +1,419 @@
+<!--
+ * @Descripttion: (报损单)
+ * @Author: (admin)
+ * @Date: (2024-09-30)
+-->
+<template>
+    <div>
+        <el-form :model="queryParams" label-position="right" inline ref="queryRef" v-show="showSearch" @submit.prevent>
+            <el-form-item label="日期" prop="dateTime">
+                <el-date-picker v-model.trim="queryParams.dateTime" type="date" :teleported="false" :clearable="false" placeholder="选择日期时间" @change="handleQuery"></el-date-picker>
+            </el-form-item>
+            <el-form-item label="线别" prop="lineCode">
+                <el-select v-model="queryParams.lineCode" placeholder="全部" @change="handleQuery">
+                    <el-option label="全部" :value="''" />
+                    <el-option v-for="(item, index) in allRouteOptions" :key="index" :label="item.label" :value="item.value" />
+                </el-select>
+            </el-form-item>
+            <el-form-item label="零件号" prop="materialCode">
+                <el-input v-model.trim="queryParams.materialCode" clearable placeholder="请输入零件号" />
+            </el-form-item>
+            <el-form-item label="零件名称" prop="materialName">
+                <el-input v-model.trim="queryParams.materialName" clearable placeholder="请输入零件名称" />
+            </el-form-item>
+            <el-form-item label="总成号" prop="productCode">
+                <el-input v-model.trim="queryParams.productCode" clearable placeholder="请输入总成号" />
+            </el-form-item>
+            <el-form-item label="总成名称" prop="productName">
+                <el-input v-model.trim="queryParams.productName" clearable placeholder="请输入总成名称" />
+            </el-form-item>
+            <el-form-item label="供应商编号" prop="supplierCode">
+                <el-input v-model="queryParams.supplierCode" placeholder="请输入供应商编号" />
+            </el-form-item>
+            <el-form-item>
+                <el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
+                <el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
+            </el-form-item>
+        </el-form>
+        <!-- 工具区域 -->
+        <el-row :gutter="15" class="mb10">
+            <el-col :span="1.5">
+                <el-button class="tool-box" color="#55557f" icon="Printer" @click="handlePrint"> 报损单打印 </el-button>
+            </el-col>
+            <el-col :span="1.5">
+                <el-button class="tool-box" color="#00aa00" icon="Printer" @click="handleExport"> 报损单导出 </el-button>
+            </el-col>
+            <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
+        </el-row>
+
+        <el-table :data="dataList" v-loading="loading" ref="table" border header-cell-class-name="el-table-header-cell" highlight-current-row @sort-change="sortChange">
+            <el-table-column prop="id" label="id" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('id')" />
+
+            <el-table-column prop="lineCode" label="线别" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('lineCode')" width="50" />
+            <el-table-column prop="dateTime" label="日期" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('dateTime')" width="100">
+                <template #default="scope">
+                    <span>{{ dayjs(scope.row.dateTime).format('YYYY-MM-DD') }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column prop="materialCode" label="物料编码" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('materialCode')" width="140" />
+            <el-table-column prop="materialName" label="物料名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('materialName')" width="140" />
+            <el-table-column prop="productCode" label="总成编号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('productCode')" width="100" />
+            <el-table-column prop="productName" label="总成名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('productName')" width="100" />
+            <el-table-column prop="supplierCode" label="供应商编号" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('supplierCode')" width="100" />
+            <el-table-column prop="supplierName" label="供应商名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('supplierName')" width="100" />
+            <el-table-column prop="unit" label="单位" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('unit')" width="50" />
+
+            <el-table-column prop="specification" label="规格" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('specification')" width="100" />
+            <el-table-column prop="planNum" label="计划数量" align="center" v-if="columns.showColumn('planNum')" width="60" />
+            <el-table-column prop="actualNum" label="实际数量" align="center" v-if="columns.showColumn('actualNum')" width="60" />
+            <el-table-column prop="quantity" label="缺陷数量" align="center" v-if="columns.showColumn('quantity')" width="60" />
+            <el-table-column prop="batchNumber" label="批号" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('batchNumber')" width="100" />
+            <el-table-column prop="tqm" label="5M1E" align="center" v-if="columns.showColumn('tqm')" width="60">
+                <template #default="scope">
+                    <dict-tag :options="options.tqmOptions" :value="scope.row.tqm" />
+                </template>
+            </el-table-column>
+            <el-table-column prop="processName" label="工序名称" align="center" :show-overflow-tooltip="false" v-if="columns.showColumn('processName')" width="60" />
+            <el-table-column prop="superintendent" label="负责人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('superintendent')" />
+            <el-table-column prop="defectDescription" label="缺陷描述" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('defectDescription')" />
+            <el-table-column prop="remark" label="备注" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('remark')" />
+            <el-table-column prop="createdBy" label="创建人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('createdBy')" />
+            <el-table-column prop="createdTime" label="创建时间" :show-overflow-tooltip="true" v-if="columns.showColumn('createdTime')" />
+            <el-table-column prop="updatedBy" label="更新人" align="center" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedBy')" />
+            <el-table-column prop="updatedTime" label="更新时间" :show-overflow-tooltip="true" v-if="columns.showColumn('updatedTime')" />
+        </el-table>
+        <pagination :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+        <!-- 导出 -->
+        <el-dialog v-model="exportDialog.open" :title="exportDialog.title" width="500" draggable :close-on-click-modal="false">
+            <el-form label-width="100px">
+                <el-form-item label="导出日期" prop="createWorkOrderDate">
+                    <el-date-picker
+                        v-model="exportDialog.time"
+                        type="daterange"
+                        start-placeholder="开始日期"
+                        end-placeholder="结束日期"
+                        :clearable="false"
+                        :teleported="false"
+                        placeholder="选择日期"
+                    ></el-date-picker>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <el-button text @click="exportDialog.open = false">{{ $t('btn.cancel') }}</el-button>
+                <el-button type="primary" @click="submitExport">{{ $t('btn.submit') }}</el-button>
+            </template>
+        </el-dialog>
+        <!-- 打印 -->
+        <ZrDialog v-model="PrintDialogShow" :fullScreen="true" append-to-body draggable :close-on-click-modal="false">
+            <div id="printView">
+                <div class="title1">上海干巷车镜实业有限公司</div>
+                <div class="title2">
+                    <span class="title-2-left"></span>
+                    <span class="title-2-middle">报&nbsp;&nbsp;&nbsp;&nbsp;损&nbsp;&nbsp;&nbsp;&nbsp;单</span>
+                    <span class="title-2-right">{{ printData.number }}</span>
+                </div>
+                <div class="edit-row-1">
+                    <div>接收单位/部门:</div>
+                    <div>年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日</div>
+                </div>
+                <table class="printTableClass" border="1">
+                    <thead>
+                        <tr>
+                            <th rowspan="2">序号</th>
+                            <th rowspan="2">物料编码</th>
+                            <th rowspan="2">物料名称</th>
+                            <th rowspan="2" style="min-width: 160px">缺陷描述</th>
+                            <th rowspan="2">批号</th>
+                            <th rowspan="2">单位</th>
+                            <th colspan="2">数量</th>
+                            <th rowspan="2">备注</th>
+                        </tr>
+                        <tr>
+                            <th>退回</th>
+                            <th>实收</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr v-for="(item, index) in printData.list" :key="index">
+                            <td>{{ index + 1 }}</td>
+                            <!-- <td><dict-tag :options="options.tqmOptions" :value="scope.row.tqm" /></td> -->
+                            <td>{{ item.materialCode }}</td>
+                            <td>{{ item.materialName }}</td>
+                            <td>{{ item.defectDescription }}</td>
+                            <td>{{ item.batchNumber }}</td>
+                            <td>{{ item.unit }}</td>
+                            <td>{{ item.quantity }}</td>
+                            <td>{{ '' }}</td>
+                            <td>{{ item.remark }}</td>
+                        </tr>
+                    </tbody>
+                </table>
+                <div class="edit-row-2">
+                    <div>退料人:</div>
+                    <div>收料人:</div>
+                    <div>质保:</div>
+                    <div>审核:</div>
+                </div>
+            </div>
+            <template #footer>
+                <el-button text @click="PrintDialogShow = false">{{ $t('btn.cancel') }}</el-button>
+                <el-button type="primary" v-print="printObj">打印</el-button>
+            </template>
+        </ZrDialog>
+    </div>
+</template>
+
+<script setup name="qcdefectcollection">
+const { proxy } = getCurrentInstance()
+
+/// =========== 获取所有线别 ==========
+import { GetAllLines } from '@/api/qualityManagement/IPQC/qcdefectcollection.js'
+const allRouteOptions = ref([])
+function getAllRouteOptions() {
+    GetAllLines().then((res) => {
+        if (res.code === 200) {
+            allRouteOptions.value = res.data.map((item) => {
+                return {
+                    id: item.id,
+                    label: `${item.code}-${item.name}`,
+                    value: `${item.code}`
+                }
+            })
+        }
+    })
+}
+getAllRouteOptions()
+/// ==================================
+
+const ids = ref([])
+const loading = ref(false)
+const showSearch = ref(true)
+const queryParams = reactive({
+    pageNum: 1,
+    pageSize: 10,
+    dateTime: new Date(),
+    lineCode: '1',
+    // 1-索赔单 2-报损单
+    type: 2,
+    sort: '',
+    sortType: 'asc'
+})
+const columns = ref([
+    { visible: false, prop: 'id', label: 'id' },
+    { visible: true, prop: 'materialCode', label: '物料编码' },
+    { visible: true, prop: 'materialName', label: '物料名称' },
+    { visible: true, prop: 'productCode', label: '总成编号' },
+    { visible: true, prop: 'productName', label: '总成名称' },
+    { visible: false, prop: 'unit', label: '单位' },
+    { visible: true, prop: 'supplierCode', label: '供应商' },
+    { visible: false, prop: 'batchNumber', label: '批号' },
+    { visible: false, prop: 'specification', label: '规格' },
+    { visible: false, prop: 'planNum', label: '计划数量' },
+    { visible: false, prop: 'actualNum', label: '实际数量' },
+    { visible: true, prop: 'quantity', label: '缺陷数量' },
+    { visible: true, prop: 'dateTime', label: '日期' },
+    { visible: true, prop: 'lineCode', label: '线别' },
+    { visible: false, prop: 'processName', label: '工序名称' },
+    { visible: true, prop: 'superintendent', label: '负责人' },
+    { visible: true, prop: 'defectDescription', label: '缺陷描述' },
+    { visible: false, prop: 'tqm', label: '1-人 2-机 3-料 4-法 5-环 6-测' },
+    { visible: true, prop: 'remark', label: '备注' },
+    { visible: false, prop: 'createdBy', label: '创建人' },
+    { visible: false, prop: 'createdTime', label: '创建时间' },
+    { visible: false, prop: 'updatedBy', label: '更新人' },
+    { visible: false, prop: 'updatedTime', label: '更新时间' }
+])
+const state = reactive({
+    single: true,
+    multiple: true,
+    form: {},
+    rules: {
+        materialCode: [{ required: true, message: '物料编号不能为空', trigger: 'blur' }],
+        materialName: [{ required: true, message: '物料名称不能为空', trigger: 'blur' }],
+        // batchNumber: [{ required: true, message: '批号不能为空', trigger: 'blur' }],
+        // quantity: [{ required: true, message: '数量不能为空', trigger: 'blur' }],
+        dateTime: [{ required: true, message: '日期不能为空', trigger: 'blur' }],
+        lineCode: [{ required: true, message: '线别不能为空', trigger: 'blur' }]
+    },
+    options: {
+        tqmOptions: [
+            { dictLabel: '人', dictValue: 1, listClass: 'primary' },
+            { dictLabel: '机', dictValue: 2, listClass: 'warning' },
+            { dictLabel: '料', dictValue: 3, listClass: 'danger' },
+            { dictLabel: '法', dictValue: 4, listClass: 'info' },
+            { dictLabel: '环', dictValue: 5, listClass: 'info' },
+            { dictLabel: '测', dictValue: 6, listClass: 'info' }
+        ]
+    }
+})
+
+const { form, rules, options, single, multiple } = toRefs(state)
+const total = ref(0)
+const dataList = ref([])
+const queryRef = ref()
+const defaultTime = ref([new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)])
+
+var dictParams = []
+import { getReportLossList } from '@/api/qualityManagement/IQC/qcReportLossController.js'
+async function getList() {
+    loading.value = true
+    getReportLossList(queryParams).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+            dataList.value = data.result
+            total.value = data.totalNum
+            loading.value = false
+        }
+    })
+}
+
+// 查询
+function handleQuery() {
+    queryParams.pageNum = 1
+    getList()
+}
+
+// 重置查询操作
+function resetQuery() {
+    proxy.resetForm('queryRef')
+    handleQuery()
+}
+// 自定义排序
+function sortChange(column) {
+    var sort = undefined
+    var sortType = undefined
+
+    if (column.prop != null && column.order != null) {
+        sort = column.prop
+        sortType = column.order
+    }
+    queryParams.sort = sort
+    queryParams.sortType = sortType
+    handleQuery()
+}
+
+handleQuery()
+
+/// ======================= 导出 ============================
+/*** 导出参数 */
+const exportDialog = reactive({
+    // 是否显示弹出层（导入）
+    open: false,
+    // 弹出层标题（导入）
+    title: '',
+    // 设置上传的请求头部
+    time: [new Date(), new Date()],
+    // 导出的地址
+    url: '/mes/qualityManagement/IQC/QcReportLoss/export'
+})
+// 导出弹框
+function handleExport() {
+    exportDialog.title = '报损单导出Excel'
+    exportDialog.open = true
+}
+// 导出提交
+function submitExport() {
+    proxy.$modal
+        .confirm('是否确认导出所选日期数据项?', '警告', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+        .then(async () => {
+            const startTime = exportDialog.time[0]
+            const endTime = exportDialog.time[1]
+            let startString = `${startTime.getFullYear()}-${(startTime.getMonth() + 1).toString().padStart(2, '0')}-${startTime.getDate().toString().padStart(2, '0')}`
+            let endString = `${endTime.getFullYear()}-${(endTime.getMonth() + 1).toString().padStart(2, '0')}-${endTime.getDate().toString().padStart(2, '0')}`
+            proxy.download(exportDialog.url + '?startTime=' + startString + '&endTime=' + endString, '数据导出模板')
+            // await downFile(exportDialog.url, { extportDate: exportDialog.time })
+            exportDialog.open = false
+        })
+}
+/// =============================================================
+
+/// ======================== 打印 =============================
+const PrintDialogShow = ref(false)
+const printData = reactive({
+    list: [],
+    info: {},
+    number: ''
+})
+const printObj = {
+    id: 'printView',
+    popTitle: '报损单'
+}
+function handlePrint() {
+    PrintDialogShow.value = true
+    printData.list = dataList.value
+    printData.number = proxy.dayjs(new Date()).format('YYYYMMDDHHmmss')
+}
+/// ======================================================
+</script>
+
+<style scoped>
+#printView {
+    padding: 10px;
+}
+.title1 {
+    width: 100%;
+    font-size: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 10px;
+}
+.title2 {
+    margin-bottom: 10px;
+    width: 100%;
+    font-size: 24px;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+.title-2-left {
+    width: 33%;
+}
+.title-2-middle {
+    width: 33%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.title-2-right {
+    font-weight: normal;
+    color: red;
+    width: 33%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+.edit-row-1 {
+    width: 100%;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.edit-row-2 {
+    width: 100%;
+    font-size: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+.printTableClass {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    width: 100%;
+    text-align: center;
+    border-collapse: collapse;
+}
+.printTableClass td {
+    padding: 10px 0px 10px 0px;
+    font-size: 16px;
+}
+.next-page {
+    page-break-before: always;
+}
+</style>
diff --git a/src/views/qualityManagement/dataAnalysis/finishedProductQualityAnalysis/index.vue b/src/views/qualityManagement/dataAnalysis/finishedProductQualityAnalysis/index.vue
new file mode 100644
index 0000000..ed3a77c
--- /dev/null
+++ b/src/views/qualityManagement/dataAnalysis/finishedProductQualityAnalysis/index.vue
@@ -0,0 +1,144 @@
+<template>
+    <div>
+        <el-form :model="queryParams" label-position="right" inline ref="queryRef" @submit.prevent>
+            <!-- <el-form-item label="工单号" prop="fkWorkorder">
+                <el-input v-model="queryParams.fkWorkorder" placeholder="请输入工单号" />
+            </el-form-item> -->
+
+            <el-form-item label="产品名称" prop="productionName">
+                <el-input v-model="queryParams.productionName" placeholder="请输入产品名称" />
+            </el-form-item>
+
+            <el-form-item label="产品编号" prop="productionCode">
+                <el-input v-model="queryParams.productionCode" placeholder="请输入产品编号" />
+            </el-form-item>
+
+            <el-form-item label="规格" prop="specification">
+                <el-input v-model="queryParams.specification" placeholder="请输入产品编号" />
+            </el-form-item>
+
+            <el-form-item label="筛选日期" prop="dateRange">
+                <el-date-picker
+                    :clearable="false"
+                    v-model="queryParams.dateRange"
+                    type="daterange"
+                    :shortcuts="shortcuts"
+                    range-separator="到"
+                    start-placeholder="开始时间"
+                    end-placeholder="结束时间"
+                    placeholder="请选择日期区间"
+                />
+            </el-form-item>
+            <el-form-item>
+                <el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
+                <el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
+            </el-form-item>
+        </el-form>
+        <div ref="chartRef" :style="{ height: height, width: width }" />
+    </div>
+</template>
+
+<script setup>
+const { proxy } = getCurrentInstance()
+/// ===================== 查询数据 ==================
+import { GetEchartsData } from '@/api/qualityManagement/DataAnalysis/QcFinishedproductDefect'
+const shortcuts = [
+    {
+        text: '今天',
+        value: [proxy.dayjs().startOf('day'), proxy.dayjs().endOf('day')]
+    },
+    {
+        text: '本周',
+        value: [proxy.dayjs().startOf('week'), proxy.dayjs().endOf('week')]
+    },
+    {
+        text: '本月',
+        value: [proxy.dayjs().startOf('month'), proxy.dayjs().endOf('month')]
+    },
+    {
+        text: '三月前',
+        value: [proxy.dayjs().subtract(3, 'month').startOf('day'), proxy.dayjs().endOf('day')]
+    }
+]
+const total = ref(0)
+const dataList = ref([])
+const queryRef = ref()
+const defaultTime = ref([proxy.dayjs(), proxy.dayjs()])
+const loading = ref(false)
+const queryParams = reactive({
+    dateRange: defaultTime,
+    productionName: '',
+    productionCode: '',
+    specification: ''
+})
+function getList() {
+    loading.value = true
+    GetEchartsData(queryParams).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+            setEchartOption(data.legendData, data.seriesData)
+            loading.value = false
+        }
+    })
+}
+
+// 查询
+function handleQuery() {
+    getList()
+}
+
+// 重置查询操作
+function resetQuery() {
+    proxy.resetForm('queryRef')
+    handleQuery()
+}
+/// =======================================================
+
+/// ==================== 图表 ==================
+
+import * as echarts from 'echarts'
+
+let chart = null
+const width = ref('100%')
+const height = ref('400px')
+function initChart() {
+    chart = echarts.init(proxy.$refs.chartRef)
+    chart.setOption({
+        tooltip: {
+            trigger: 'item',
+            formatter: '{a} <br/>{b} : {c} ({d}%)'
+        },
+        legend: {
+            left: 'center',
+            bottom: '10',
+            data: []
+        },
+        series: [
+            {
+                name: '缺陷项图表',
+                type: 'pie',
+                roseType: 'radius',
+                radius: [15, 95],
+                center: ['50%', '38%'],
+                data: [],
+                animationEasing: 'cubicInOut',
+                animationDuration: 1000
+            }
+        ]
+    })
+}
+function setEchartOption(legendList = [], seriesData = []) {
+    proxy.$nextTick(() => {
+        chart.setOption({
+            legend: {
+                data: legendList
+            },
+            series: [{ data: seriesData }]
+        })
+    })
+}
+onMounted(() => {
+    initChart()
+    handleQuery()
+})
+</script>
diff --git a/src/views/qualityManagement/workGreen.vue b/src/views/qualityManagement/workGreen.vue
new file mode 100644
index 0000000..473494f
--- /dev/null
+++ b/src/views/qualityManagement/workGreen.vue
@@ -0,0 +1,38 @@
+<template>
+  <el-row>
+    <el-col>
+      <el-button type="primary">导入excel模板文件</el-button>
+    </el-col>
+    <el-col>
+      <el-button type="primary">导入excel模板文件</el-button>
+    </el-col>
+  </el-row>
+
+  <vxe-table :data="tableData">
+    <vxe-column type="seq" width="60"></vxe-column>
+    <vxe-column field="supplier" title="Name"></vxe-column>
+    <vxe-column field="supplierName" title="Sex"></vxe-column>
+    <vxe-column field="partNumber" title="Age"></vxe-column>
+    <vxe-column field="partName" title="Age"></vxe-column>
+    <vxe-column field="variance" title="Age"></vxe-column>
+    <vxe-column field="station" title="Age"></vxe-column>
+    <vxe-column field="parameter" title="Age"></vxe-column>
+    <vxe-column field="value" title="Age"></vxe-column>
+    <vxe-column field="lower_limit" title="Age"></vxe-column>
+    <vxe-column field="upper_limit" title="Age"></vxe-column>
+    <vxe-column field="inTime" title="Age"></vxe-column>
+    <vxe-column field="BTV" title="Age"></vxe-column>
+  </vxe-table>
+  <vxe-pager v-model:current-page="pageVO1.currentPage" v-model:page-size="pageVO1.pageSize" :total="pageVO1.total" />
+</template>
+
+<script setup name="workGreen">
+const pageVO1 = reactive({
+  currentPage: 1,
+  pageSize: 30,
+  total: 8
+})
+const tableData = ref(null)
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/touchScreen/main/index.vue b/src/views/touchScreen/main/index.vue
index a4b6d88..fbc2ebe 100644
--- a/src/views/touchScreen/main/index.vue
+++ b/src/views/touchScreen/main/index.vue
@@ -10,6 +10,7 @@
             <template v-slot:append>
                 <kbTime></kbTime>
                 <!-- <v-btn icon="mdi-magnify"></v-btn> -->
+                <v-btn icon="mdi-serial-port" @click="doGetPort"></v-btn>
                 <v-btn icon="mdi-overscan" @click="doScreen"></v-btn>
             </template>
         </v-app-bar>
@@ -29,6 +30,7 @@
         <v-main>
             <v-fade-transition>
                 <Report v-if="menuActivated === '报工'"></Report>
+                <Quality v-if="menuActivated === '质量'"></Quality>
             </v-fade-transition>
             <!-- 底部logo -->
             <v-footer class="footer-center" app>
@@ -45,6 +47,7 @@
 import kbTime from '../components/kbTime.vue'
 
 import Report from '../report/index.vue'
+import Quality from '../quality/index.vue'
 const { proxy } = getCurrentInstance()
 // 返回主页面
 const goBack = () => {
@@ -144,9 +147,41 @@ import { useDisplay } from "vuetify";
 const { mobile, name } = useDisplay();
 
 onMounted(() => {
+    checkSerial()
     console.log('是否是移动设备', mobile.value); // false
     console.log('桌面大小', name.value); // false
 });
+
+
+
+/// ================= 串口通讯 =================
+function checkSerial() {
+    if ("serial" in navigator) {
+        console.log(true);
+    } else {
+        console.log(false);
+    }
+}
+const port = ref(null)
+const ports = ref([])
+async function doGetPort() {
+    try {
+        const portInfo = await navigator.serial.requestPort();
+        port.value = await portInfo.open({ baudRate: 9600 });
+        port.value.addEventListener('data', (event) => {
+            const decoder = new TextDecoder('utf-8');
+            const data = decoder.decode(event.data);
+            console.log('接收到串口数据:', data);
+        });
+        console.log('串口已打开');
+    } catch (error) {
+        console.error('串口请求或打开失败:', error);
+    }
+}
+
+/// ==========================================
+
+
 </script>
 
 <style scoped>
diff --git a/src/views/touchScreen/quality/index.vue b/src/views/touchScreen/quality/index.vue
new file mode 100644
index 0000000..24d8642
--- /dev/null
+++ b/src/views/touchScreen/quality/index.vue
@@ -0,0 +1,78 @@
+<template>
+	<v-container fluid class="bg-indigo-darken-4">
+		<v-row>
+			<v-col cols="8">
+				<v-card color="blue-darken-4" class="left-content">
+					<v-tabs v-model="tab" bg-color="primary">
+						<v-tab value="工序报工">工序报工</v-tab>
+						<v-tab value="此工单工序记录">此工单工序记录</v-tab>
+						<v-tab value="此工序今日记录">此工序今日记录</v-tab>
+						<v-tab value="员工报工记录">员工报工记录</v-tab>
+						<v-tab value="工单查看">工单查看</v-tab>
+					</v-tabs>
+					<v-card-text>
+						<v-fade-transition>
+							<v-tabs-window v-model="tab">
+								<v-tabs-window-item value="工序报工">
+									<el-card class="mt-4">
+
+									</el-card>
+								</v-tabs-window-item>
+								<v-tabs-window-item value="此工单工序记录">
+									<el-card class="mt-4">
+									</el-card>
+								</v-tabs-window-item>
+								<v-tabs-window-item value="此工序今日记录">
+									<el-card class="mt-4">
+									</el-card>
+								</v-tabs-window-item>
+								<v-tabs-window-item value="员工报工记录">
+									<el-card class="mt-4">
+									</el-card>
+								</v-tabs-window-item>
+								<v-tabs-window-item value="工单查看">
+									<el-card class="mt-4">
+									</el-card>
+								</v-tabs-window-item>
+							</v-tabs-window>
+						</v-fade-transition>
+					</v-card-text>
+				</v-card>
+			</v-col>
+			<v-col cols="4">
+				<v-card color="blue-darken-4" class="right-content">
+
+				</v-card>
+			</v-col>
+		</v-row>
+		<!-- 反馈框 -->
+		<v-dialog v-model="dialog.show" width="auto">
+			<v-card :class="dialog.class" min-width="400" :prepend-icon="dialog.icon" :text="dialog.text"
+				:title="dialog.title">
+				<template v-slot:actions>
+					<v-btn class="ms-auto" text="确认" @click="dialog.show = false"></v-btn>
+				</template>
+			</v-card>
+		</v-dialog>
+	</v-container>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+// Define reactive state
+const title = ref('Vue 3.0 Setup Syntax Sugar');
+const message = ref('This is a basic quality inspection template.');
+const counter = ref(0);
+
+// Define methods
+const incrementCounter = () => {
+	counter.value++;
+};
+</script>
+
+<style scoped>
+h1 {
+	color: #42b983;
+}
+</style>
\ No newline at end of file