DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎈 perf: 界面优化

Browse Source
This commit is contained in:
砂糖
2025-08-15 15:49:58 +08:00
parent 516f415bc4
commit 7392df515e
3 changed files with 190 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
klp-ui/src/views/mes/is/sampleInventory/index.vue
View File

@@ -1,13 +1,10 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="关联委托单ID" prop="commissionId">
<el-input
v-model="queryParams.commissionId"
placeholder="请输入关联委托单ID"
clearable
@keyup.enter.native="handleQuery"
/>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
<el-form-item label="关联委托单" prop="commissionId">
<el-select v-model="queryParams.commissionId" placeholder="请选择关联委托单">
<el-option v-for="item in commissionList" :key="item.commissionId" :label="item.commissionNo" :value="item.commissionId" />
</el-select>
</el-form-item>
<el-form-item label="存放位置" prop="location">
<el-input
@@ -41,22 +38,6 @@
placeholder="请选择有效期至">
</el-date-picker>
</el-form-item>
<el-form-item label="操作人" prop="operatorId">
<el-input
v-model="queryParams.operatorId"
placeholder="请输入操作人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="最后更新时间" prop="lastUpdate">
<el-date-picker clearable
v-model="queryParams.lastUpdate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择最后更新时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -108,7 +89,7 @@
<el-table v-loading="loading" :data="sampleInventoryList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="样品ID" align="center" prop="sampleId" v-if="false"/>
<el-table-column label="关联委托单ID" align="center" prop="commissionId" />
<el-table-column label="关联委托单" align="center" prop="commissionId" />
<el-table-column label="存放位置" align="center" prop="location" />
<el-table-column label="当前库存量" align="center" prop="currentQuantity" />
<el-table-column label="入库时间" align="center" prop="storageTime" width="180">
@@ -121,13 +102,6 @@
<span>{{ parseTime(scope.row.expirationDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" />
<el-table-column label="操作人" align="center" prop="operatorId" />
<el-table-column label="最后更新时间" align="center" prop="lastUpdate" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.lastUpdate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
@@ -157,9 +131,11 @@
<!-- 添加或修改样品库存表对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="关联委托单ID" prop="commissionId">
<el-input v-model="form.commissionId" placeholder="请输入关联委托单ID" />
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="关联委托单" prop="commissionId">
<el-select v-model="form.commissionId" placeholder="请选择关联委托单">
<el-option v-for="item in commissionList" :key="item.commissionId" :label="item.commissionNo" :value="item.commissionId" />
</el-select>
</el-form-item>
<el-form-item label="存放位置" prop="location">
<el-input v-model="form.location" placeholder="请输入存放位置" />
@@ -183,17 +159,6 @@
placeholder="请选择有效期至">
</el-date-picker>
</el-form-item>
<el-form-item label="操作人" prop="operatorId">
<el-input v-model="form.operatorId" placeholder="请输入操作人" />
</el-form-item>
<el-form-item label="最后更新时间" prop="lastUpdate">
<el-date-picker clearable
v-model="form.lastUpdate"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择最后更新时间">
</el-date-picker>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
@@ -208,6 +173,7 @@
<script>
import { listSampleInventory, getSampleInventory, delSampleInventory, addSampleInventory, updateSampleInventory } from "@/api/mes/is/sampleInventory";
import { listInspectionCommission } from "@/api/mes/is/inspectionCommission";
export default {
name: "SampleInventory",
@@ -242,9 +208,6 @@ export default {
currentQuantity: undefined,
storageTime: undefined,
expirationDate: undefined,
status: undefined,
operatorId: undefined,
lastUpdate: undefined,
},
// 表单参数
form: {},
@@ -254,9 +217,15 @@ export default {
};
},
created() {
this.getCommissionList();
this.getList();
},
methods: {
getCommissionList() {
listInspectionCommission().then(response => {
this.commissionList = response.rows;
});
},
/** 查询样品库存表列表 */
getList() {
this.loading = true;
@@ -280,14 +249,6 @@ export default {
currentQuantity: undefined,
storageTime: undefined,
expirationDate: undefined,
status: undefined,
operatorId: undefined,
lastUpdate: undefined,
delFlag: undefined,
createTime: undefined,
createBy: undefined,
updateTime: undefined,
updateBy: undefined,
remark: undefined
};
this.resetForm("form");