|
|
@@ -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>
|
