二楼生产出库需求修改

This commit is contained in:
2025-02-19 13:11:02 +08:00
parent 439eea9a70
commit c18ccf6b7e
5 changed files with 95 additions and 24 deletions

View File

@@ -11,19 +11,35 @@
<view class="zd-col-16">
<search-box
v-model="val1"
@handleChange="handleChange1"
/>
</view>
</view>
<view class="zd-row">
<view class="zd-row border-bottom">
<view class="zd-col-8">
<span class="filter_label">用料清单编号</span>
<span class="filter_label">出库单据编号</span>
</view>
<view class="zd-col-16">
<search-box
v-model="val2"
@handleChange="handleChange2"
/>
</view>
</view>
<view class="zd-row border-bottom filter_input_disabled">
<view class="zd-col-8">
<span class="filter_label">可选物料数</span>
</view>
<view class="zd-col-4">
<span class="filter_input">{{selectedNum !== null ? (9 - selectedNum) : null}}</span>
</view>
<view class="zd-col-8">
<span class="filter_label">已选物料数</span>
</view>
<view class="zd-col-4">
<span class="filter_input">{{selectedNum}}</span>
</view>
</view>
</view>
<view class="zd_wrapper grid-wraper">
<view class="slide_new">
@@ -33,18 +49,23 @@
<th>选择</th>
<th class="td_3"><view class="td_3">物料名称</view></th>
<th>物料编码</th>
<th>物料状态</th>
<th>数量</th>
<th>单位</th>
<th>单据编码</th>
<th>批次号</th>
</tr>
</thead>
<tbody>
<tr v-for="(e, i) in dataList" :key="i">
<td @tap="toCheck(e)"><uni-icons :type="e.checked ? 'checkbox' : 'circle'" size="24" color="#4e6ef2"></uni-icons></td>
<td v-show="e.status === '1'" @tap="toCheck(e)"><uni-icons :type="e.checked ? 'checkbox' : 'circle'" size="24" color="#4e6ef2"></uni-icons></td>
<td v-show="e.status !== '1'"><uni-icons type="smallcircle-filled" size="24" color="#fff"></uni-icons></td>
<td class="td_3">{{e.material_name}}</td>
<td>{{e.material_code}}</td>
<td>{{e.material_status}}</td>
<td>{{e.qty}}</td>
<td>{{e.unit_name}}</td>
<td>{{e.prd_ppbom_no}}</td>
<td>{{e.pcsn}}</td>
</tr>
</tbody>
@@ -53,8 +74,8 @@
</view>
</view>
<view class="zd-row submit-bar">
<button class="zd-col-6 button-primary" @tap="_getCtuOrderList">查询</button>
<button class="zd-col-16 button-primary" :class="{'button-info': checkData.length === 0}" :disabled="disabled" @tap="_ctuOutConfirm">确认</button>
<button class="zd-col-6 button-default" @tap="clearUp">清空</button>
<button class="zd-col-16 button-primary" :class="{'button-info': checkData.length === 0}" :disabled="disabled" @tap="_ctuOutConfirm">出库物料提交</button>
</view>
</view>
</template>
@@ -62,7 +83,7 @@
<script>
import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue'
import {getCtuOrderList, ctuOutConfirm} from '@/utils/getData2.js'
import {queryTargetPoint, getCtuOrderList, ctuOutConfirm} from '@/utils/getData2.js'
export default {
components: {
NavBar,
@@ -73,6 +94,7 @@
title: '',
val1: '',
val2: '',
selectedNum: null, // 已选物料数
dataList: [],
disabled: false,
checkData: []
@@ -82,17 +104,45 @@
this.title = options.title
},
methods: {
async _getCtuOrderList () {
handleChange1 (e) {
this._queryTargetPoint(e)
},
// 产线站点编码验证
async _queryTargetPoint (e) {
let res = await queryTargetPoint(e)
if (res.code === '200') {
uni.showToast({
title: res.msg,
icon: 'none'
})
this.val1 = res.site_code
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
this.val1 = ''
}
},
handleChange2 (e) {
this._getCtuOrderList(e)
},
async _getCtuOrderList (e) {
try {
let res = await getCtuOrderList(this.val1, this.val2)
let res = await getCtuOrderList(this.val1, e)
if (res.code === '200') {
this.checkData = []
if (res.content.length > 0) {
this.dataList = [...res.content]
this.dataList.map(el => {
this.$set(el, 'checked', false)
})
for (let i = 0; i < res.content.length; i++) {
if (this.selectedNum < 9 && res.content[i].status === '1') {
this.$set(res.content[i], 'checked', true)
this.selectedNum += 1
} else {
this.$set(res.content[i], 'checked', false)
}
}
this.dataList = [...this.dataList, ...res.content]
let arr = this.dataList.filter(el => el.checked === true)
this.checkData = arr
} else {
uni.showToast({
title: res.msg,
@@ -104,18 +154,26 @@
}
},
toCheck (e) {
e.checked = !e.checked
let arr = this.dataList.filter(el => el.checked === true)
if (arr.length > 9) {
uni.showToast({
title: '最多只能选择9个物料',
icon: 'none'
})
if (!e.checked && this.selectedNum >= 9) {
return
} else if (!e.checked && this.selectedNum < 9) {
e.checked = true
this.selectedNum++
} else if (e.checked) {
e.checked = false
arr = this.dataList.filter(el => el.checked === true)
this.selectedNum--
}
let arr = this.dataList.filter(el => el.checked === true)
this.checkData = arr
},
clearUp () {
this.val1 = ''
this.val2 = ''
this.selectedNum = null
this.dataList = []
this.disabled = false
this.checkData = []
},
async _ctuOutConfirm () {
this.disabled = true
if (this.checkData.length === 0) {
@@ -125,7 +183,7 @@
try {
let res = await ctuOutConfirm(this.val1, this.val2, this.checkData)
if (res.code === '200') {
this._getCtuOrderList()
this.clearUp()
}
this.disabled = false
uni.showToast({