|
|
@@ -0,0 +1,160 @@
|
|
|
+<template>
|
|
|
+ <AidopDemoShell :title="pageTitle" subtitle="只读列表">
|
|
|
+ <div class="filter-hint">查询条件:未检验;</div>
|
|
|
+ <el-form :inline="true" :model="query" class="mb12" @submit.prevent>
|
|
|
+ <el-form-item label="单据编号">
|
|
|
+ <el-input v-model="query.billNo" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="物料编码">
|
|
|
+ <el-input v-model="query.materialCode" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="物料名称">
|
|
|
+ <el-input v-model="query.materialName" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请时间-始">
|
|
|
+ <el-date-picker v-model="query.applyTimeStart" type="date" value-format="YYYY-MM-DD" style="width: 180px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请时间-终">
|
|
|
+ <el-date-picker v-model="query.applyTimeEnd" type="date" value-format="YYYY-MM-DD" style="width: 180px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="检验进度">
|
|
|
+ <el-input v-model="query.inspectProgress" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="检验优先级">
|
|
|
+ <el-select v-model="query.priority" placeholder="请选择" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="检验负责人">
|
|
|
+ <el-select v-model="query.inspector" placeholder="请选择" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="供应商批号">
|
|
|
+ <el-input v-model="query.supplierBatchNo" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="供应商简称">
|
|
|
+ <el-input v-model="query.supplierShortName" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="瑞奇批号">
|
|
|
+ <el-input v-model="query.rqBatchNo" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="检验开始时间-始">
|
|
|
+ <el-date-picker v-model="query.inspectStartFrom" type="date" value-format="YYYY-MM-DD" style="width: 180px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="检验开始时间-终">
|
|
|
+ <el-date-picker v-model="query.inspectStartTo" type="date" value-format="YYYY-MM-DD" style="width: 180px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="检验完成时间-始">
|
|
|
+ <el-date-picker v-model="query.inspectFinishFrom" type="date" value-format="YYYY-MM-DD" style="width: 180px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="检验完成时间-终">
|
|
|
+ <el-date-picker v-model="query.inspectFinishTo" type="date" value-format="YYYY-MM-DD" style="width: 180px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="doSearch">查询</el-button>
|
|
|
+ <el-button @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-table :data="rows" row-key="id" v-loading="loading" border stripe>
|
|
|
+ <el-table-column prop="supplierBatchNo" label="供应商批号" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="rqBatchNo" label="瑞奇批号" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="supplierCode" label="供应商编号" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="supplierShortName" label="供应商简称" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="warehouse" label="仓库" min-width="120" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="shelf" label="货架" min-width="120" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="materialCode" label="物料编码" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="materialName" label="物料名称" min-width="160" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="spec" label="规格型号" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="inspectQty" label="报检数量" min-width="110" resizable />
|
|
|
+ <el-table-column prop="unit" label="单位" min-width="90" resizable />
|
|
|
+ <el-table-column prop="inspectProgress" label="检验进度" min-width="110" resizable />
|
|
|
+ <el-table-column prop="priority" label="检验优先级" min-width="110" resizable />
|
|
|
+ <el-table-column prop="inspector" label="检验负责人" min-width="120" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="inspectStartTime" label="检验开始时间" min-width="170" resizable />
|
|
|
+ <el-table-column prop="inspectFinishTime" label="检验完成时间" min-width="170" resizable />
|
|
|
+ <template #empty>
|
|
|
+ <el-empty description="暂无数据" />
|
|
|
+ </template>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <div class="pager">
|
|
|
+ <el-pagination
|
|
|
+ v-model:current-page="query.page"
|
|
|
+ v-model:page-size="query.pageSize"
|
|
|
+ :total="total"
|
|
|
+ :page-sizes="[10, 20, 50]"
|
|
|
+ layout="total, sizes, prev, pager, next"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </AidopDemoShell>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup lang="ts" name="aidopS5IqcTaskList">
|
|
|
+import { computed, reactive, ref } from 'vue';
|
|
|
+import { useRoute } from 'vue-router';
|
|
|
+import AidopDemoShell from '/@/views/aidop/components/AidopDemoShell.vue';
|
|
|
+
|
|
|
+const route = useRoute();
|
|
|
+const pageTitle = computed(() => (route.meta?.title as string) || '来料检验任务列表');
|
|
|
+
|
|
|
+const query = reactive({
|
|
|
+ billNo: '',
|
|
|
+ materialCode: '',
|
|
|
+ materialName: '',
|
|
|
+ applyTimeStart: '',
|
|
|
+ applyTimeEnd: '',
|
|
|
+ inspectProgress: '未检验',
|
|
|
+ priority: '',
|
|
|
+ inspector: '',
|
|
|
+ supplierBatchNo: '',
|
|
|
+ supplierShortName: '',
|
|
|
+ rqBatchNo: '',
|
|
|
+ inspectStartFrom: '',
|
|
|
+ inspectStartTo: '',
|
|
|
+ inspectFinishFrom: '',
|
|
|
+ inspectFinishTo: '',
|
|
|
+ page: 1,
|
|
|
+ pageSize: 10,
|
|
|
+});
|
|
|
+
|
|
|
+// 本批次为只读 UI 骨架,尚无真实检验任务接口:渲染空表,不发请求、不造数据。
|
|
|
+const loading = ref(false);
|
|
|
+const rows = ref<Record<string, unknown>[]>([]);
|
|
|
+const total = ref(0);
|
|
|
+
|
|
|
+function doSearch() {
|
|
|
+ query.page = 1;
|
|
|
+}
|
|
|
+
|
|
|
+function resetQuery() {
|
|
|
+ query.billNo = '';
|
|
|
+ query.materialCode = '';
|
|
|
+ query.materialName = '';
|
|
|
+ query.applyTimeStart = '';
|
|
|
+ query.applyTimeEnd = '';
|
|
|
+ query.inspectProgress = '未检验';
|
|
|
+ query.priority = '';
|
|
|
+ query.inspector = '';
|
|
|
+ query.supplierBatchNo = '';
|
|
|
+ query.supplierShortName = '';
|
|
|
+ query.rqBatchNo = '';
|
|
|
+ query.inspectStartFrom = '';
|
|
|
+ query.inspectStartTo = '';
|
|
|
+ query.inspectFinishFrom = '';
|
|
|
+ query.inspectFinishTo = '';
|
|
|
+ query.page = 1;
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.filter-hint {
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+.mb12 {
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+.pager {
|
|
|
+ margin-top: 12px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+</style>
|