9 changed files with 1316 additions and 282 deletions
@ -1,2 +1,2 @@ |
|||
VITE_BASE_URL=http://10.230.41.31:82/admin-api |
|||
VITE_BASE_URL_IMAGE=http://10.230.41.31:82/admin-api |
|||
VITE_BASE_URL=http://10.230.41.60:82/api/admin-api |
|||
VITE_BASE_URL_IMAGE=http://10.230.41.60:82/api/admin-api |
|||
|
|||
@ -0,0 +1,557 @@ |
|||
<template> |
|||
<!-- 添加维修工单 --> |
|||
<view class="add-form-container"> |
|||
<u-form :model="form" ref="formRef" label-width="160rpx"> |
|||
<!-- <u-form-item label="归还人员" prop="reverterName" required> |
|||
<view class="select" @click="openSingleColumn('reverterId',form.reverterId,reverterUser)"> |
|||
<view class="input" v-if='form.reverterId'> |
|||
{{selectFormat(form.reverterId,reverterUser)}} |
|||
</view> |
|||
<view class="placeholder" v-else> |
|||
{{`请选择归还人员`}} |
|||
</view> |
|||
<u-icon name="arrow-right" color="#aaaaaa" size="28"></u-icon> |
|||
</view> |
|||
</u-form-item> --> |
|||
<u-form-item label="归还人员" prop="returner"> |
|||
<u-input v-model="form.returner" placeholder="请输入归还人"/> |
|||
</u-form-item> |
|||
<u-form-item label="库位" prop="locationNumber" required> |
|||
<u-input v-model="form.locationNumber" placeholder="请输入库位" @blur="blur()" @confirm="handelScanMsg"/> |
|||
</u-form-item> |
|||
<u-form-item label="备件编号" prop="itemNumber" required> |
|||
<u-input v-model="form.itemNumber" placeholder="请输入备件" disabled/> |
|||
</u-form-item> |
|||
<u-form-item label="备件名称" prop="itemNumber" required> |
|||
<u-input v-model="form.itemName" placeholder="根据备件编号获取" disabled /> |
|||
</u-form-item> |
|||
|
|||
<u-form-item label="数量" prop="qty" required> |
|||
<u-input v-model="form.qty" type="number" placeholder="请输入数量" /> |
|||
</u-form-item> |
|||
<!-- <u-form-item label="描述" prop="describes" required> |
|||
<u-input v-model="form1.describes" placeholder="请输入描述" /> |
|||
</u-form-item> --> |
|||
|
|||
</u-form> |
|||
<view class="footer"> |
|||
<view class="btns"> |
|||
<button class="reset" @click="reset">重置</button> |
|||
<button class="sure" @click="submit" :loading='loading' :disabled='loading'>确定</button> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
|
|||
<u-select v-model="singleColumnShow" mode="single-column" :default-value='singleColumnDefaultValue' |
|||
:list="singleColumnList" @confirm="chooseSingleColumn"></u-select> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
onLoad |
|||
} from '@dcloudio/uni-app' |
|||
import { |
|||
ref, |
|||
getCurrentInstance |
|||
} from 'vue' |
|||
import * as userApi from "@/api/user" |
|||
import * as sparePartsReturnApi from "@/api/sparePartsReturn" |
|||
import * as sparePartsApi from "@/api/spareParts" |
|||
import * as locationApi from "@/api/location" |
|||
const isDisabled =ref(false); |
|||
const { proxy } = getCurrentInstance() |
|||
const loading = ref(false) |
|||
// 备件弹窗 |
|||
const isPopupShow = ref(false) |
|||
const singleColumnShow = ref(false) |
|||
const singleColumnDefaultValue = ref([]) |
|||
const singleColumnList = ref([]) |
|||
const field = ref('') |
|||
const reverterUser = ref([]) |
|||
const form = ref({ |
|||
id: '', |
|||
number: '', |
|||
itemNumbers: [] |
|||
}) |
|||
const form1 = ref({ |
|||
itemNumber: "", |
|||
itemName: '', |
|||
locationNumber: '', |
|||
qty: '' |
|||
}) |
|||
const isShow = ref(false) |
|||
const locationList = ref([])//备件的库位列表 |
|||
const locationItem = ref('')//备件账内库 |
|||
const isFocus = ref(false) |
|||
|
|||
const choosesingleColumnItem = ref() |
|||
const itemNumber = ref() |
|||
const msg = ref() |
|||
|
|||
// 触发提交表单 |
|||
function submit() { |
|||
// 校验 |
|||
// if (!form.value.reverterId) { |
|||
// proxy.$modal.showToast('请选择归还人员') |
|||
// return; |
|||
// } |
|||
if (form.value.itemNumber==''|| form.value.itemNumber==null) { |
|||
proxy.$modal.showToast('请选择备件') |
|||
return; |
|||
} |
|||
if (form.value.locationNumber==''|| form.value.locationNumber==null) { |
|||
proxy.$modal.showToast('请选择库位') |
|||
return; |
|||
} |
|||
|
|||
if (Number(form.value.qty) <= 0) { |
|||
proxy.$modal.showToast('出库数量需大于0') |
|||
return; |
|||
} |
|||
proxy.$modal.confirm('是否归还备件').then(() => { |
|||
proxy.$modal.loading('加载中') |
|||
loading.value = true |
|||
sparePartsReturnApi.create(form.value).then((res) => { |
|||
proxy.$modal.closeLoading() |
|||
if (res.data) { |
|||
proxy.$modal.showToast('归还成功') |
|||
setTimeout(() => { |
|||
proxy.$tab.navigateBack() |
|||
loading.value = false |
|||
}, 1500) |
|||
} else { |
|||
proxy.$modal.showToast('归还失败') |
|||
loading.value = false |
|||
} |
|||
}).catch(() => { |
|||
proxy.$modal.closeLoading() |
|||
loading.value = false |
|||
}) |
|||
}) |
|||
|
|||
} |
|||
// 重置 |
|||
function reset() { |
|||
form.value.itemNumber='' |
|||
form.value.itemName='' |
|||
form.value.locationNumber='' |
|||
form.value.returner='' |
|||
form.value.qty='' |
|||
isShow.value= false |
|||
} |
|||
|
|||
function selectFormat(val, array) { |
|||
let str = array.filter(item => item.value == val)[0].label |
|||
return str |
|||
} |
|||
// 单列模式 |
|||
function openSingleColumn(fieldName, val, list) { |
|||
singleColumnList.value = list |
|||
field.value = fieldName |
|||
if (val) { |
|||
singleColumnDefaultValue.value = [list.findIndex(item => item.value == val)] |
|||
} else { |
|||
singleColumnDefaultValue.value = [] |
|||
} |
|||
singleColumnShow.value = true |
|||
} |
|||
// 单列模式点击确定之后 |
|||
function chooseSingleColumn(e) { |
|||
form.value[field.value] = e[0].value |
|||
if(field.value == 'reverterId'){ |
|||
choosesingleColumnItem.value = singleColumnList.value.filter(item => item.id == e[0].value) |
|||
form.value.reverterName = choosesingleColumnItem.value[0].name |
|||
} |
|||
singleColumnShow.value = false |
|||
} |
|||
// 获取归还人员列表 |
|||
async function getReverterUser() { |
|||
await userApi.getReverterUser().then(res => { |
|||
res.data.map(item => { |
|||
item.value = item.id |
|||
item.label = item.nickname |
|||
}) |
|||
reverterUser.value = res.data |
|||
}) |
|||
} |
|||
// 打开弹窗 |
|||
function open() { |
|||
form1.value = { |
|||
itemNumber: "", |
|||
itemName: '', |
|||
locationNumber: '', |
|||
qty: '' |
|||
} |
|||
isPopupShow.value = true |
|||
isShow.value= false |
|||
isFocus.value = true |
|||
} |
|||
// 添加备件 |
|||
function addSpare() { |
|||
// 校验 |
|||
if (!form1.value.itemNumber) { |
|||
proxy.$modal.showToast('请选择备件') |
|||
return; |
|||
} |
|||
if (!form1.value.itemName) { |
|||
proxy.$modal.showToast(msg.value) |
|||
return; |
|||
} |
|||
if (!form1.value.locationNumber) { |
|||
proxy.$modal.showToast('请选择库位') |
|||
return; |
|||
} |
|||
if (!locationItem.value || locationItem.value.isInAccount === 'TRUE') { |
|||
proxy.$modal.showToast('该库位属于帐内库，请选择帐外库') |
|||
return; |
|||
} |
|||
if (itemNumber.value) { |
|||
proxy.$modal.showToast('该库位已绑定过其他备件') |
|||
return; |
|||
} |
|||
if (!form1.value.qty) { |
|||
proxy.$modal.showToast(`请输入数量`) |
|||
return; |
|||
} |
|||
|
|||
if (!form1.value.describes) { |
|||
proxy.$modal.showToast(`请输入描述`) |
|||
return; |
|||
} |
|||
|
|||
if (form.value.itemNumbers && form.value.itemNumbers.length > 0) { |
|||
let arr =form.value.itemNumbers.filter(item => item.itemNumber == form1.value.itemNumber) |
|||
if (arr && arr.length > 0) { |
|||
proxy.$modal.showToast('该备件已添加') |
|||
return; |
|||
} |
|||
} |
|||
|
|||
form.value.itemNumbers.push(form1.value) |
|||
isPopupShow.value = false |
|||
} |
|||
// 删除备件 |
|||
function delSpareParts(index) { |
|||
form.value.itemNumbers.splice(index, 1) |
|||
} |
|||
//获取库位信息 |
|||
function getLocation() { |
|||
sparePartsApi.getByLocationNumber({ |
|||
locationNumber: form.value.locationNumber |
|||
}).then(res => { |
|||
if(!res.data){ |
|||
if(res.msg){ |
|||
proxy.$modal.showToast(res.msg) |
|||
msg.value = res.msg |
|||
form.value.locationNumber = '' |
|||
}else{ |
|||
form.value.locationNumber = '' |
|||
proxy.$modal.showToast('找不到该库位') |
|||
} |
|||
return; |
|||
} |
|||
if(res.data.locationNumber==null){ |
|||
proxy.$modal.showToast("找不到该库位") |
|||
form.value.locationNumber = '' |
|||
form.value.itemNumber = '' |
|||
form.value.itemName = '' |
|||
return; |
|||
} |
|||
|
|||
locationItem.value = res.data |
|||
// 判断该库位在之前添加的列表里有没有被绑定过 |
|||
if (res.data.itemNumber !=null && res.data.itemNumber !='') {//有备件才展示 |
|||
form.value.itemNumber = res.data.itemNumber |
|||
form.value.itemName = res.data.itemName |
|||
}else{ |
|||
form.value.locationNumber = '' |
|||
form.value.itemNumber = '' |
|||
form.value.itemName = '' |
|||
proxy.$modal.showToast('该库位未绑定过备件') |
|||
return |
|||
} |
|||
}).catch(()=>{ |
|||
|
|||
}) |
|||
} |
|||
function blur() { |
|||
if (form.value.locationNumber) { |
|||
getLocation() |
|||
} |
|||
} |
|||
// 扫描设备条码 |
|||
function handelScanMsg() { |
|||
getLocation() |
|||
} |
|||
// 获取备件信息 |
|||
function getSparePartsInfo() { |
|||
sparePartsApi.getByItemNumber({ |
|||
itemNumber: form.value.itemNumber, |
|||
}).then(res => { |
|||
if(!res.data){ |
|||
proxy.$modal.showToast(res.msg) |
|||
msg.value = res.msg |
|||
itemNumber.value = '' |
|||
form.value.areaNumber = '' |
|||
form.value.locationNumber = ''; |
|||
form.value.itemName = '' |
|||
return; |
|||
} |
|||
|
|||
if(res.data.itemName==null || res.data.itemName==''){ |
|||
proxy.$modal.showToast("找不到该备件") |
|||
form.value.itemNumber = '' |
|||
form.value.locationNumber = ''; |
|||
return; |
|||
} |
|||
|
|||
itemNumber.value = '' |
|||
form.value.itemName = res.data.itemName |
|||
if(res.data.locationNumber=='' || res.data.locationNumber==null){ |
|||
isShow.value =true |
|||
isDisabled.value = false |
|||
}else{ |
|||
form.value.locationNumber = res.data.locationNumber |
|||
isDisabled.value = true |
|||
} |
|||
// 判断是否有帐外库 |
|||
// locationItem.value = res.data.list.filter(item=>item.isInAccount==='FALSE')[0] |
|||
// if(locationItem.value){ |
|||
// form1.value.areaNumber = locationItem.value.areaNumber |
|||
// form1.value.locationNumber = locationItem.value.locationNumber |
|||
// isShow.value =false |
|||
// }else{ |
|||
// form1.value.areaNumber = '' |
|||
// form1.value.locationNumber = '' |
|||
|
|||
// } |
|||
}).catch((err)=>{ |
|||
msg.value = err.msg |
|||
itemNumber.value = '' |
|||
form.value.areaNumber = '' |
|||
form.value.itemName = '' |
|||
form.value.applyQty = '' |
|||
form.value.deliveryQty = '' |
|||
locationList.value = []; |
|||
}) |
|||
} |
|||
|
|||
// function getSparePartsInfo() { |
|||
// sparePartsApi.getSparePartsReturnInfo({ |
|||
// number: form1.value.itemNumber, |
|||
// }).then(res => { |
|||
// if(!res.data){ |
|||
// proxy.$modal.showToast(res.msg) |
|||
// msg.value = res.msg |
|||
// itemNumber.value = '' |
|||
// form1.value.areaNumber = '' |
|||
// form1.value.locationNumber = ''; |
|||
// form1.value.itemName = '' |
|||
// return; |
|||
// } |
|||
// itemNumber.value = '' |
|||
// form1.value.itemName = res.data.itemName |
|||
// form1.value.deliveryQty = res.data.deliveryQty |
|||
// form1.value.applyQty = res.data.applyQty |
|||
// // 判断是否有帐外库 |
|||
// locationItem.value = res.data.list.filter(item=>item.isInAccount==='FALSE')[0] |
|||
// if(locationItem.value){ |
|||
// form1.value.areaNumber = locationItem.value.areaNumber |
|||
// form1.value.locationNumber = locationItem.value.locationNumber |
|||
// isShow.value =false |
|||
// }else{ |
|||
// form1.value.areaNumber = '' |
|||
// form1.value.locationNumber = '' |
|||
// isShow.value =true |
|||
// } |
|||
// }).catch((err)=>{ |
|||
// msg.value = err.msg |
|||
// itemNumber.value = '' |
|||
// form1.value.areaNumber = '' |
|||
// form1.value.itemName = '' |
|||
// form1.value.applyQty = '' |
|||
// form1.value.deliveryQty = '' |
|||
// locationList.value = []; |
|||
// }) |
|||
// } |
|||
function blur1() { |
|||
if (form.value.itemNumber) { |
|||
getSparePartsInfo() |
|||
} |
|||
} |
|||
// 扫描设备条码 |
|||
function handelScanMsg1() { |
|||
getSparePartsInfo() |
|||
} |
|||
onLoad(async(option) => { |
|||
getReverterUser() |
|||
}) |
|||
|
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.add-form-container { |
|||
min-height: calc(100vh - 140rpx); |
|||
background: white; |
|||
padding: 0px 0rpx 140rpx; |
|||
} |
|||
|
|||
.u-form-item { |
|||
padding: 20rpx 30rpx; |
|||
} |
|||
|
|||
.disabled { |
|||
background: #f5f5f5; |
|||
} |
|||
|
|||
.footer { |
|||
position: fixed; |
|||
bottom: 0px; |
|||
left: 0px; |
|||
width: 100%; |
|||
z-index: 22; |
|||
} |
|||
|
|||
.btns { |
|||
display: flex; |
|||
|
|||
|
|||
button { |
|||
flex: 1; |
|||
} |
|||
|
|||
.sure { |
|||
background: #409eff; |
|||
color: white; |
|||
border-radius: 0px; |
|||
|
|||
&::after { |
|||
border: 1px solid #409eff; |
|||
border-radius: 0px; |
|||
} |
|||
} |
|||
|
|||
.reset { |
|||
background: #F5F5F5; |
|||
border-radius: 0px; |
|||
|
|||
&::after { |
|||
border-radius: 0px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.right-button { |
|||
background: #409eff; |
|||
color: white; |
|||
padding: 0rpx 30rpx; |
|||
border-radius: 16rpx; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.select { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 72rpx; |
|||
width: 100%; |
|||
|
|||
.input { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: #000000; |
|||
} |
|||
|
|||
.placeholder { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: rgb(192, 196, 204); |
|||
|
|||
} |
|||
} |
|||
|
|||
.title { |
|||
padding: 32rpx 0rpx; |
|||
position: relative; |
|||
|
|||
span { |
|||
position: absolute; |
|||
left: -16rpx; |
|||
color: #fa3534; |
|||
top: 19px; |
|||
} |
|||
} |
|||
|
|||
.list { |
|||
padding: 0rpx 30rpx; |
|||
|
|||
.item { |
|||
display: flex; |
|||
margin-bottom: 20rpx; |
|||
|
|||
.item-box { |
|||
background: #F5F5F5; |
|||
border-radius: 12rpx; |
|||
flex: 1; |
|||
width: 0rpx; |
|||
} |
|||
|
|||
.spare-title { |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
color: #9c9c9c; |
|||
padding: 20rpx 30rpx 20rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
.add-btn { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
|
|||
.popup-title { |
|||
text-align: center; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #409eff; |
|||
padding: 30rpx 30rpx 0px |
|||
} |
|||
|
|||
.popup { |
|||
width: 600rpx; |
|||
padding: 30rpx 0rpx 30rpx; |
|||
|
|||
} |
|||
|
|||
.popup-footer { |
|||
display: flex; |
|||
border-top: 1px solid #e4e4e4; |
|||
|
|||
view { |
|||
line-height: 100rpx; |
|||
flex: 1; |
|||
text-align: center; |
|||
|
|||
&.sure { |
|||
color: #409eff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
::v-deep .u-checkbox-group { |
|||
display: grid !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,342 @@ |
|||
<template> |
|||
<!-- 添加出库信息 --> |
|||
<view class="add-form-container"> |
|||
<u-form :model="form" ref="formRef" label-width="160rpx"> |
|||
<u-form-item label="领用人" class='disabled'> |
|||
<u-input v-model="form.receiver" placeholder="请输入领用人" /> |
|||
</u-form-item> |
|||
<u-form-item label="库位" prop="locationNumber" required> |
|||
<u-input v-model="form.locationNumber" placeholder="请输入库位" @blur="blur()" |
|||
@confirm="handelScanMsg" :focus='isFocus' /> |
|||
</u-form-item> |
|||
<u-form-item label="备件名称" prop="itemName" required class="disabled"> |
|||
<u-input v-model="form.itemName" disabled placeholder="请输入备件名称"/> |
|||
</u-form-item> |
|||
<u-form-item label="备件编码" prop="itemNumber" required class="disabled"> |
|||
<u-input v-model="form.itemNumber" disabled placeholder="请输入备件编号" /> |
|||
</u-form-item> |
|||
<u-form-item label="出库数量" prop="qty" required class="disabled"> |
|||
<u-input v-model="form.qty" type="number" placeholder="请输入出库数量"/> |
|||
</u-form-item> |
|||
<u-form-item label="库存数量" prop="stockQty" required class="disabled"> |
|||
<u-input v-model="form.stockQty" type="number" disabled placeholder="请输入库存数量" /> |
|||
</u-form-item> |
|||
<!-- <u-form-item label="剩余出库数量" prop="totalReception" required class="disabled"> |
|||
<u-input v-model="form1.totalReception" type="number" disabled placeholder="请输入出库数量" /> |
|||
</u-form-item> |
|||
<u-form-item label="出库数量" prop="qty" required> |
|||
<u-input v-model="form1.qty" type="number" placeholder="请输入出库数量" /> |
|||
</u-form-item> |
|||
<u-form-item label="描述" prop="describes"> |
|||
<u-input v-model="form1.describes" placeholder="请输入描述" /> |
|||
</u-form-item> --> |
|||
</u-form> |
|||
<view class="footer"> |
|||
<view class="btns"> |
|||
<button class="reset" @click="reset">重置</button> |
|||
<button class="sure" @click="submit" :loading='loading' :disabled='loading'>确定</button> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
import { |
|||
onLoad |
|||
} from '@dcloudio/uni-app' |
|||
import { |
|||
ref, |
|||
getCurrentInstance |
|||
} from 'vue' |
|||
import * as outLocationApi from "@/api/outLocation" |
|||
import * as locationApi from "@/api/location" |
|||
const { proxy } = getCurrentInstance() |
|||
|
|||
const loading = ref(false) |
|||
const orderList = ref([])//订单信息 |
|||
// 备件弹窗 |
|||
const isPopupShow = ref(false) |
|||
const form = ref({ |
|||
id: '', |
|||
number: '', |
|||
stockQty:'', |
|||
qty:'', |
|||
receiver:'', |
|||
supplierName: '', |
|||
locationNumber: '', |
|||
itemName:'', |
|||
itemNumber:'', |
|||
subList: [] |
|||
}) |
|||
|
|||
const isShow = ref(false) |
|||
const isInAccount = ref('FALSE') |
|||
|
|||
const isFocus = ref(false) |
|||
const msg = ref('') |
|||
// 触发提交表单 |
|||
function submit() { |
|||
// 校验 |
|||
if (!form.value.locationNumber) { |
|||
proxy.$modal.showToast('请选择库位') |
|||
return; |
|||
} |
|||
if (!form.value.itemNumber) { |
|||
proxy.$modal.showToast('请选择备件') |
|||
return; |
|||
} |
|||
// 校验 |
|||
if (!form.value.qty) { |
|||
proxy.$modal.showToast('请选择出库数量') |
|||
return; |
|||
} |
|||
|
|||
if (Number(form.value.qty) <= 0) { |
|||
proxy.$modal.showToast('出库数量需大于0') |
|||
return; |
|||
} |
|||
if (Number(form.value.qty)>Number(form.value.stockQty)) { |
|||
proxy.$modal.showToast('出库数量不能大于库存数量') |
|||
return; |
|||
} |
|||
proxy.$modal.confirm('是否添加出库信息').then(() => { |
|||
proxy.$modal.loading('加载中') |
|||
loading.value = true |
|||
outLocationApi.outLocationCreat(form.value).then((res) => { |
|||
proxy.$modal.closeLoading() |
|||
if (res.data) { |
|||
proxy.$modal.showToast('添加成功') |
|||
setTimeout(() => { |
|||
proxy.$tab.navigateBack() |
|||
loading.value = false |
|||
}, 1500) |
|||
} else { |
|||
proxy.$modal.showToast('添加失败') |
|||
loading.value = false |
|||
} |
|||
}).catch(() => { |
|||
proxy.$modal.closeLoading() |
|||
loading.value = false |
|||
}) |
|||
}) |
|||
|
|||
} |
|||
// 重置 |
|||
function reset() { |
|||
form.value.locationNumber = '' |
|||
form.value.stockQty = '' |
|||
form.value.qty = '' |
|||
form.value.receiver = '' |
|||
form.value.itemName = '' |
|||
form.value.itemNumber = '' |
|||
} |
|||
// 根据库位编号查询备件信息以及库存 |
|||
async function getByLocationNumber() { |
|||
await outLocationApi.getByLocationNumber({ |
|||
locationNumber: form.value.locationNumber |
|||
// itemNumbers:itemNumbers || [] |
|||
}).then(res => { |
|||
if(!res.data.itemNumber){ |
|||
proxy.$modal.showToast('该库位下无备件信息') |
|||
return; |
|||
} |
|||
|
|||
form.value.itemName = res.data.itemName |
|||
form.value.itemNumber = res.data.itemNumber |
|||
form.value.stockQty = res.data.qty |
|||
|
|||
}).catch(() => { }) |
|||
} |
|||
// 打开弹窗 |
|||
function open() { |
|||
isPopupShow.value = true |
|||
isShow.value = false |
|||
isFocus.value = true |
|||
} |
|||
|
|||
function blur() { |
|||
if (form.value.locationNumber) { |
|||
getByLocationNumber(); |
|||
} |
|||
} |
|||
function handelScanMsg() { |
|||
getByLocationNumber |
|||
} |
|||
onLoad(async (option) => { |
|||
if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option |
|||
.data)).id) { |
|||
let formData = JSON.parse(decodeURIComponent(option.data)) |
|||
form.value.supplierName = formData.supplierName |
|||
form.value.number = formData.number |
|||
form.value.id = formData.id |
|||
} |
|||
//await getInLocationDetail() |
|||
}) |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.add-form-container { |
|||
min-height: calc(100vh - 140rpx); |
|||
background: white; |
|||
padding: 0px 0rpx 140rpx; |
|||
} |
|||
|
|||
.u-form-item { |
|||
padding: 20rpx 30rpx; |
|||
} |
|||
|
|||
.disabled { |
|||
background: #f5f5f5; |
|||
} |
|||
|
|||
.footer { |
|||
position: fixed; |
|||
bottom: 0px; |
|||
left: 0px; |
|||
width: 100%; |
|||
z-index: 22; |
|||
} |
|||
|
|||
.btns { |
|||
display: flex; |
|||
|
|||
|
|||
button { |
|||
flex: 1; |
|||
} |
|||
|
|||
.sure { |
|||
background: #409eff; |
|||
color: white; |
|||
border-radius: 0px; |
|||
|
|||
&::after { |
|||
border: 1px solid #409eff; |
|||
border-radius: 0px; |
|||
} |
|||
} |
|||
|
|||
.reset { |
|||
background: #F5F5F5; |
|||
border-radius: 0px; |
|||
|
|||
&::after { |
|||
border-radius: 0px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.right-button { |
|||
background: #409eff; |
|||
color: white; |
|||
padding: 0rpx 30rpx; |
|||
border-radius: 16rpx; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.select { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 72rpx; |
|||
width: 100%; |
|||
|
|||
.input { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: #000000; |
|||
} |
|||
|
|||
.placeholder { |
|||
flex: 1; |
|||
font-size: 28rpx; |
|||
color: rgb(192, 196, 204); |
|||
|
|||
} |
|||
} |
|||
|
|||
.title { |
|||
padding: 32rpx 0rpx; |
|||
position: relative; |
|||
|
|||
span { |
|||
position: absolute; |
|||
left: -16rpx; |
|||
color: #fa3534; |
|||
top: 19px; |
|||
} |
|||
} |
|||
|
|||
.list { |
|||
padding: 0rpx 30rpx; |
|||
|
|||
.item { |
|||
display: flex; |
|||
margin-bottom: 20rpx; |
|||
|
|||
.item-box { |
|||
background: #F5F5F5; |
|||
border-radius: 12rpx; |
|||
flex: 1; |
|||
width: 0rpx; |
|||
} |
|||
|
|||
.spare-title { |
|||
padding: 20rpx 30rpx; |
|||
border-bottom: 1px solid #e4e4e4; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-size: 30rpx; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
color: #9c9c9c; |
|||
padding: 20rpx 30rpx 20rpx; |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
.add-btn { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
} |
|||
|
|||
.popup-title { |
|||
text-align: center; |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
color: #409eff; |
|||
padding: 30rpx 30rpx 0px |
|||
} |
|||
|
|||
.popup { |
|||
width: 600rpx; |
|||
padding: 30rpx 0rpx 30rpx; |
|||
|
|||
} |
|||
|
|||
.popup-footer { |
|||
display: flex; |
|||
border-top: 1px solid #e4e4e4; |
|||
|
|||
view { |
|||
line-height: 100rpx; |
|||
flex: 1; |
|||
text-align: center; |
|||
|
|||
&.sure { |
|||
color: #409eff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
::v-deep .u-checkbox-group { |
|||
display: grid !important; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue