DeXun/klp-oa
10
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

73
klp-ui/src/views/mes/is/inspectionCommission/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
<el-form-item label="委托单号" prop="commissionNo">
<el-input
v-model="queryParams.commissionNo"
@@ -9,10 +9,10 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="委托单位ID" prop="clientId">
<el-form-item label="委托单位" prop="cilent">
<el-input
v-model="queryParams.clientId"
placeholder="请输入委托单位ID"
v-model="queryParams.cilent"
placeholder="请输入委托单位"
clearable
@keyup.enter.native="handleQuery"
/>
@@ -25,6 +25,14 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="样品类型" prop="sampleType">
<el-input
v-model="queryParams.sampleType"
placeholder="请输入样品类型"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="样品数量" prop="quantity">
<el-input
v-model="queryParams.quantity"
@@ -33,6 +41,14 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="检验项目" prop="inspectionItems">
<el-input
v-model="queryParams.inspectionItems"
placeholder="请输入检验项目"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="要求完成日期" prop="deadline">
<el-date-picker clearable
v-model="queryParams.deadline"
@@ -41,6 +57,16 @@
placeholder="请选择要求完成日期">
</el-date-picker>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
<el-option
v-for="dict in dict.type.commission_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</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>
@@ -93,7 +119,7 @@
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="委托单ID" align="center" prop="commissionId" v-if="false"/>
<el-table-column label="委托单号" align="center" prop="commissionNo" />
<el-table-column label="委托单位ID" align="center" prop="clientId" />
<el-table-column label="委托单位" align="center" prop="client" />
<el-table-column label="样品名称" align="center" prop="sampleName" />
<el-table-column label="样品类型" align="center" prop="sampleType" />
<el-table-column label="样品数量" align="center" prop="quantity" />
@@ -108,7 +134,11 @@
<span>{{ parseTime(scope.row.deadline, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" />
<el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope">
<dict-tag :options="dict.type.commission_status" :value="scope.row.status"/>
</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">
@@ -124,6 +154,12 @@
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row)"
>查看</el-button>
</template>
</el-table-column>
</el-table>
@@ -138,19 +174,25 @@
<!-- 添加或修改检验委托单表对话框 -->
<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 ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="委托单号" prop="commissionNo">
<el-input v-model="form.commissionNo" placeholder="请输入委托单号" />
</el-form-item>
<el-form-item label="委托单位ID" prop="clientId">
<el-input v-model="form.clientId" placeholder="请输入委托单位ID" />
<el-form-item label="委托单位" prop="client">
<el-input v-model="form.client" placeholder="请输入委托单位" />
</el-form-item>
<el-form-item label="样品名称" prop="sampleName">
<el-input v-model="form.sampleName" placeholder="请输入样品名称" />
</el-form-item>
<el-form-item label="样品类型" prop="sampleType">
<el-input v-model="form.sampleType" placeholder="请输入样品类型" />
</el-form-item>
<el-form-item label="样品数量" prop="quantity">
<el-input v-model="form.quantity" placeholder="请输入样品数量" />
</el-form-item>
<el-form-item label="检验项目" prop="inspectionItems">
<el-input v-model="form.inspectionItems" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="委托日期" prop="commissionDate">
<el-date-picker clearable
v-model="form.commissionDate"
@@ -184,6 +226,7 @@ import { listInspectionCommission, getInspectionCommission, delInspectionCommiss
export default {
name: "InspectionCommission",
dicts: ['commission_status'],
data() {
return {
// 按钮loading
@@ -211,7 +254,7 @@ export default {
pageNum: 1,
pageSize: 10,
commissionNo: undefined,
clientId: undefined,
cilent: undefined,
sampleName: undefined,
sampleType: undefined,
quantity: undefined,
@@ -249,7 +292,7 @@ export default {
this.form = {
commissionId: undefined,
commissionNo: undefined,
clientId: undefined,
cilent: undefined,
sampleName: undefined,
sampleType: undefined,
quantity: undefined,
@@ -345,6 +388,14 @@ export default {
this.download('is/inspectionCommission/export', {
...this.queryParams
}, `inspectionCommission_${new Date().getTime()}.xlsx`)
},
handleView(row) {
this.$router.push({
path: '/is/task',
query: {
commissionId: row.commissionId
}
});
}
}
};