From 697e532cb0ba31cec654e3b8a271bc3ef0106bff Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期一, 08 十二月 2025 13:29:39 +0800
Subject: [PATCH] 1.新增 生产工单根据工单状态显示不同的列表行样式，车间名称单选变为多选查询选择
---
src/views/workOrder/produceOrderList.vue | 86 +++++++++++++++++++++++-------------------
1 files changed, 47 insertions(+), 39 deletions(-)
diff --git a/src/views/workOrder/produceOrderList.vue b/src/views/workOrder/produceOrderList.vue
index ffc3e49..f1415f2 100644
--- a/src/views/workOrder/produceOrderList.vue
+++ b/src/views/workOrder/produceOrderList.vue
@@ -9,11 +9,17 @@
<div class="statusItem" :class="{statusItemLight:form.erporderstus===''}" @click="statusChange('')">鍏ㄩ儴</div>
<div class="statusItem" :class="{statusItemLight:form.erporderstus==='NEW'}" @click="statusChange('NEW')">鏂拌鍗�
</div>
- <div class="statusItem" :class="{statusItemLight:form.erporderstus==='CREATING'}"
- @click="statusChange('CREATING')">閮ㄥ垎涓嬭揪
+ <div
+ class="statusItem"
+ :class="{statusItemLight:form.erporderstus==='CREATING'}"
+ @click="statusChange('CREATING')"
+ >閮ㄥ垎涓嬭揪
</div>
- <div class="statusItem" :class="{statusItemLight:form.erporderstus==='CREATED'}"
- @click="statusChange('CREATED')">鍏ㄩ儴涓嬭揪
+ <div
+ class="statusItem"
+ :class="{statusItemLight:form.erporderstus==='CREATED'}"
+ @click="statusChange('CREATED')"
+ >鍏ㄩ儴涓嬭揪
</div>
<div class="statusItem" :class="{statusItemLight:form.erporderstus==='CLOSED'}" @click="statusChange('CLOSED')">
宸插叧闂�
@@ -52,6 +58,8 @@
<el-select
v-model="form.wkshopcode"
filterable
+ multiple
+ collapse-tags
:popper-append-to-body="false"
style="width: 200px"
placeholder="璇烽�夋嫨"
@@ -81,22 +89,22 @@
</el-select>
</el-form-item>
<el-form-item label="璁㈠崟缂栧彿" style=" display: flex;">
- <el-input v-model="form.erpordercode" placeholder="璇疯緭鍏�" style="width: 200px"/>
+ <el-input v-model="form.erpordercode" placeholder="璇疯緭鍏�" style="width: 200px" />
</el-form-item>
<el-form-item label="閿�鍞鍗�" style=" display: flex;">
- <el-input v-model="form.saleordercode" style="width: 200px" placeholder="璇疯緭鍏�"/>
+ <el-input v-model="form.saleordercode" style="width: 200px" placeholder="璇疯緭鍏�" />
</el-form-item>
<el-form-item v-show="isExpandForm" label="浜у搧缂栫爜" style=" display: flex;">
- <el-input v-model="form.partcode" style="width: 200px" placeholder="璇疯緭鍏�"/>
+ <el-input v-model="form.partcode" style="width: 200px" placeholder="璇疯緭鍏�" />
</el-form-item>
<el-form-item v-show="isExpandForm" label="浜у搧鍚嶇О" style=" display: flex;">
- <el-input v-model="form.partname" style="width: 200px" placeholder="璇疯緭鍏�"/>
+ <el-input v-model="form.partname" style="width: 200px" placeholder="璇疯緭鍏�" />
</el-form-item>
<el-form-item v-show="isExpandForm" label="浜у搧瑙勬牸" style=" display: flex;">
- <el-input v-model="form.partspec" style="width: 200px" placeholder="璇疯緭鍏�"/>
+ <el-input v-model="form.partspec" style="width: 200px" placeholder="璇疯緭鍏�" />
</el-form-item>
<DateType
@@ -559,35 +567,35 @@
>
<el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="106px">
<el-form-item label="璁㈠崟缂栧彿" prop="erpordercode">
- <el-input v-model="dialogForm.erpordercode" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.erpordercode" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="浜у搧缂栫爜" prop="partcode">
- <el-input v-model="dialogForm.partcode" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.partcode" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="浜у搧鍚嶇О" prop="partname">
- <el-input v-model="dialogForm.partname" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.partname" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="浜у搧瑙勬牸" prop="partspec">
- <el-input v-model="dialogForm.partspec" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.partspec" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="椤剁骇鐗╂枡缂栫爜" prop="TopInventoryCode">
- <el-input v-model="dialogForm.TopInventoryCode" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.TopInventoryCode" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="椤剁骇鐗╂枡鍚嶇О" prop="TopInventoryName">
- <el-input v-model="dialogForm.TopInventoryName" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.TopInventoryName" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="鐢熶骇杞﹂棿" prop="wkshopname">
- <el-input v-model="dialogForm.wkshopname" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.wkshopname" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="鎵�灞炰粨搴�" prop="warehousename">
- <el-input v-model="dialogForm.warehousename" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.warehousename" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="璁㈠崟鏁伴噺" prop="erpqty">
- <el-input v-model="dialogForm.erpqty" disabled style="width: 200px"/>
+ <el-input v-model="dialogForm.erpqty" disabled style="width: 200px" />
</el-form-item>
<el-form-item label="宸蹭笅鍗曟暟" prop="relse_qty">
<el-input
@@ -686,7 +694,7 @@
<script>
import Pagination from '@/components/Pagination'
-import {handleDatetime} from '@/utils/global'
+import { handleDatetime } from '@/utils/global'
import elDragDialog from '@/directive/el-drag-dialog'
import waves from '@/directive/waves'
import {
@@ -696,8 +704,8 @@
MarkBatchSaveErpOrder,
MarkSaveErpOrder, ReverseClosedErpOrder
} from '@/api/WorkOrder'
-import {SeaveSearchErpOrder} from '@/api/ErpSyncMes'
-import {PrentOrganizationNoCompany} from '@/api/GeneralBasicData'
+import { SeaveSearchErpOrder } from '@/api/ErpSyncMes'
+import { PrentOrganizationNoCompany } from '@/api/GeneralBasicData'
import DateType from '@/components/DateType'
const SER_HZ = /^[\u4e00-\u9fa5]+$/
@@ -706,7 +714,7 @@
components: {
Pagination, DateType
},
- directives: {elDragDialog, waves},
+ directives: { elDragDialog, waves },
data() {
const validateName = (rule, value, callback) => {
if (!value) {
@@ -725,7 +733,7 @@
mainHeight: 0,
tableHeight: 0,
form: {
- wkshopcode: '', // 杞﹂棿缂栫爜
+ wkshopcode: [], // 杞﹂棿缂栫爜
erporderstus: '', // 璁㈠崟鐘舵�佺爜
erpordercode: '', // 璁㈠崟缂栧彿
partcode: '', // 浜у搧缂栫爜
@@ -748,10 +756,10 @@
},
erporderstusArr: [
- {code: 'NEW', name: '鏂拌鍗�'},
- {code: 'CREATING', name: '閮ㄥ垎涓嬭揪'},
- {code: 'CREATED', name: '鍏ㄩ儴涓嬭揪'},
- {code: 'CLOSED', name: '宸插叧闂�'}
+ { code: 'NEW', name: '鏂拌鍗�' },
+ { code: 'CREATING', name: '閮ㄥ垎涓嬭揪' },
+ { code: 'CREATED', name: '鍏ㄩ儴涓嬭揪' },
+ { code: 'CLOSED', name: '宸插叧闂�' }
],
wkshopcodeArr: [],
total: 10,
@@ -801,13 +809,13 @@
// { required: true, validator: validateName, trigger: ['blur', 'change'] }
// ],
markqty: [
- {required: true, message: '璇疯緭鍏ヤ笅鍗曟暟閲�', trigger: ['blur', 'change']}
+ { required: true, message: '璇疯緭鍏ヤ笅鍗曟暟閲�', trigger: ['blur', 'change'] }
],
ordernum: [
- {required: true, message: '璇疯緭鍏ヤ笅鍗曞崟鏁�', trigger: ['blur', 'change']}
+ { required: true, message: '璇疯緭鍏ヤ笅鍗曞崟鏁�', trigger: ['blur', 'change'] }
],
saleOrderDeliveryDate: [
- {required: true, message: '璇烽�夋嫨棰勮浜や粯鏃ユ湡', trigger: ['blur', 'change']}
+ { required: true, message: '璇烽�夋嫨棰勮浜や粯鏃ユ湡', trigger: ['blur', 'change'] }
]
},
@@ -860,7 +868,7 @@
},
async getPrentOrganizationNoCompany() {
- const {data: res} = await PrentOrganizationNoCompany()
+ const { data: res } = await PrentOrganizationNoCompany()
this.wkshopcodeArr = res
},
async getErpOrderSearch() {
@@ -878,7 +886,7 @@
const data = {
erporderstus: this.form.erporderstus, // 璁㈠崟鐘舵�佺爜
- wkshopcode: this.form.wkshopcode, // 杞﹂棿缂栫爜
+ wkshopcode: this.form.wkshopcode.join(','), // 杞﹂棿缂栫爜
erpordercode: this.form.erpordercode, // 璁㈠崟缂栧彿
saleordercode: this.form.saleordercode, // 閿�鍞崟鍙�
@@ -909,7 +917,7 @@
this.total = res.count
},
// 鎺掑簭鏀瑰彉鏃�
- sortChange({column, prop, order}) {
+ sortChange({ column, prop, order }) {
if (order === 'descending') {
order = 'desc'
} else if (order === 'ascending') {
@@ -956,7 +964,7 @@
},
// 閲嶇疆
reset() {
- this.form.wkshopcode = ''
+ this.form.wkshopcode = []
this.form.erporderstus = ''
this.form.erpordercode = ''
this.form.partcode = ''
@@ -995,7 +1003,7 @@
cancelButtonText: '鍙栨秷',
type: 'warning'
}).then(() => {
- DeleteErpOrder({erpordercode: item.wo, erporderid: id}).then(res => {
+ DeleteErpOrder({ erpordercode: item.wo, erporderid: id }).then(res => {
if (res.code === '200') {
this.$message.success('璁㈠崟鍒犻櫎鎴愬姛!')
this.getErpOrderSearch()
@@ -1018,7 +1026,7 @@
cancelButtonText: '鍙栨秷',
type: 'warning'
}).then(() => {
- ClosedErpOrder({erpordercode: row.wo, erporderid: row.id}).then(res => {
+ ClosedErpOrder({ erpordercode: row.wo, erporderid: row.id }).then(res => {
if (res.code === '200') {
this.$message.success('璁㈠崟鍏抽棴鎴愬姛!')
this.getErpOrderSearch()
@@ -1036,7 +1044,7 @@
cancelButtonText: '鍙栨秷',
type: 'warning'
}).then(() => {
- ReverseClosedErpOrder({erpordercode: row.wo, erporderid: row.id}).then(res => {
+ ReverseClosedErpOrder({ erpordercode: row.wo, erporderid: row.id }).then(res => {
if (res.code === '200') {
this.$message.success('璁㈠崟鍚姩鎴愬姛!')
this.getErpOrderSearch()
@@ -1250,11 +1258,11 @@
this.$refs.tableDataRef.doLayout()
})
},
- tableRowClassName({row, rowIndex}) {
+ tableRowClassName({ row, rowIndex }) {
return 'custom-row'
},
getSummaries(param) {
- const {columns, data} = param
+ const { columns, data } = param
const sums = []
const i = 7
columns.forEach((column, index) => {
--
Gitblit v1.9.3