fix:产品工作记录表详情新增筛选条件

src/views/quality/opRecord/index.vue

@@ -48,9 +48,65 @@
     <el-dialog
       v-model="dialog.visible"
       :title="dialog.title"
-      width="1600px"
+      width="1800px"
       @close="dialog.visible = false"
     >
+      <el-form
+        class="header-box"
+        label-width="80px"
+        size="midium"
+        v-model="searchForm"
+        ref="searchFormRef"
+      >
+        <el-row>
+          <el-col :span="5">
+            <el-form-item label="物料型号" prop="materialModel">
+              <el-input
+                v-model="searchForm.materialModel"
+                placeholder="请输入物料型号"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="产品批号" prop="workOrderCode">
+              <el-input
+                v-model="searchForm.workOrderCode"
+                placeholder="请输入产品批号"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="开始日期" prop="startDate">
+              <el-date-picker
+                v-model="searchForm.startDate"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="开始日期"
+                clearable
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" style="margin-left: -55px">
+            <el-form-item label="结束日期" prop="endDate">
+              <el-date-picker
+                v-model="searchForm.endDate"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="结束日期"
+                clearable
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            搜索
+          </el-button>
+          <el-button type="default" icon="el-icon-delete" @click="handleReset">
+            清空
+          </el-button>
+        </el-row>
+      </el-form>
       <el-table :data="itemList" border style="width: 100%">
         <el-table-column
           show-overflow-tooltip
@@ -370,6 +426,23 @@ const dialog = reactive({
   type: 0,
 });
 
+const searchForm = ref();
+
+const handleSearch = () => {
+  queryProductHandover(searchForm.value).then((data) => {
+    itemList.value = data.data;
+  });
+};
+const handleReset = () => {
+  // 重置表单
+  Object.assign(searchForm.value, {
+    materialModel: "",
+    workOrderCode: "",
+    startDate: "",
+    endDate: "",
+  });
+};
+
 const dialog1 = reactive({
   title: "工作记录",
   visible: false,
@@ -425,6 +498,9 @@ const clickOperationType = ref(null);
 const openDialog = (type, row) => {
   clickOperationType.value = row.operationType;
   row.type = 1;
+  searchForm.value = {
+    ...row,
+  };
   queryProductHandover(row).then((data) => {
     itemList.value = data.data;
     dialog.visible = true;
@@ -584,4 +660,7 @@ onMounted(() => {
 .gray-header-table .el-table__header-wrapper {
   background-color: #f2f2f2; /* 灰色背景 */
 }
+.header-box .el-form-item {
+  margin-left: 10px;
+}
 </style>