25 changed files with 2190 additions and 348 deletions
@ -0,0 +1,24 @@ |
|||
import request from '@/utils/request' |
|||
// 获取采购订单分页列表
|
|||
export function getInLocationPage(params) { |
|||
return request({ |
|||
url: '/eam/item-order-main/getPdaPage', |
|||
'method': 'GET', |
|||
params |
|||
}) |
|||
} |
|||
// 获取采购订单分页列表
|
|||
export function getInLocationDetail(id) { |
|||
return request({ |
|||
url: '/eam/item-order-main/getPdaDetailsById?id='+id, |
|||
'method': 'GET', |
|||
}) |
|||
} |
|||
// 入库新增
|
|||
export function inLocationCreat(data) { |
|||
return request({ |
|||
url: '/eam/item-order-main/inOperation', |
|||
'method': 'POST', |
|||
data |
|||
}) |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
import request from '@/utils/request' |
|||
// 获取库位
|
|||
export function getLocation(number) { |
|||
return request({ |
|||
url: '/eam/location/scanCodeByNumber?number='+number, |
|||
'method': 'GET', |
|||
}) |
|||
} |
|||
// 出库获取库位
|
|||
export function getOutLocation(params) { |
|||
return request({ |
|||
url: '/eam/location/outScanCodeByNumber', |
|||
'method': 'GET', |
|||
params |
|||
}) |
|||
} |
|||
@ -0,0 +1,25 @@ |
|||
import request from '@/utils/request' |
|||
// 获取领用出库分页列表
|
|||
export function getOutLocationPage(params) { |
|||
return request({ |
|||
url: '/eam/item-apply-main/getAppOutOperaPage', |
|||
'method': 'GET', |
|||
params |
|||
}) |
|||
} |
|||
// 获取领用出库详情
|
|||
export function getOutLocationDetail(params) { |
|||
return request({ |
|||
url: '/eam/item-apply-main/appGetByNumber', |
|||
'method': 'GET', |
|||
params |
|||
}) |
|||
} |
|||
// 出库新增
|
|||
export function outLocationCreat(data) { |
|||
return request({ |
|||
url: '/eam/item-apply-main/outOperation', |
|||
'method': 'POST', |
|||
data |
|||
}) |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 获取备件信息
|
|||
export function getSparePartsInfo(params) { |
|||
return request({ |
|||
url: '/eam/item/inScanCodeByNumber', |
|||
'method': 'GET', |
|||
params |
|||
}) |
|||
} |
|||
// 备件归还获取备件信息
|
|||
export function getSparePartsReturnInfo(params) { |
|||
return request({ |
|||
url: '/eam/item/scanCodeByNumber', |
|||
'method': 'GET', |
|||
params |
|||
}) |
|||
} |
|||
@ -0,0 +1,9 @@ |
|||
import request from '@/utils/request' |
|||
// 归还
|
|||
export function sparePartsReturn(data) { |
|||
return request({ |
|||
url: '/eam/item-apply-main/inOperation', |
|||
'method': 'POST', |
|||
data |
|||
}) |
|||
} |
|||
@ -1,42 +0,0 @@ |
|||
import upload from '@/utils/upload' |
|||
import request from '@/utils/request' |
|||
|
|||
// 用户密码重置
|
|||
export function updateUserPwd(oldPassword, newPassword) { |
|||
const data = { |
|||
oldPassword, |
|||
newPassword |
|||
} |
|||
return request({ |
|||
url: '/system/user/profile/update-password', |
|||
method: 'PUT', |
|||
params: data |
|||
}) |
|||
} |
|||
|
|||
// 查询用户个人信息
|
|||
export function getUserProfile() { |
|||
return request({ |
|||
url: '/system/user/profile/get', |
|||
method: 'GET' |
|||
}) |
|||
} |
|||
|
|||
// 修改用户个人信息
|
|||
export function updateUserProfile(data) { |
|||
return request({ |
|||
url: '/system/user/profile/update', |
|||
method: 'PUT', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
// 用户头像上传
|
|||
export function uploadAvatar(data) { |
|||
return upload({ |
|||
url: '/system/user/profile/update-avatar', |
|||
method: 'PUT', |
|||
name: data.name, |
|||
filePath: data.filePath |
|||
}) |
|||
} |
|||
@ -0,0 +1,8 @@ |
|||
import request from '@/utils/request' |
|||
// 归还人员
|
|||
export function getReverterUser(){ |
|||
return request({ |
|||
url: '/system/user/list-all-simple', |
|||
'method': 'GET' |
|||
}) |
|||
} |
|||
@ -0,0 +1,502 @@ |
|||
<template> |
|||
<!-- 添加维修工单 --> |
|||
<view class="add-form-container"> |
|||
<u-form :model="form" ref="form1" label-width="160rpx"> |
|||
<u-form-item label="批次号" prop="number" required> |
|||
<u-input v-model="form.number" placeholder="请输入批次号" /> |
|||
</u-form-item> |
|||
<u-form-item label="供应商" prop="supplierName" required> |
|||
<u-input v-model="form.supplierName" placeholder="请输入供应商" /> |
|||
</u-form-item> |
|||
</u-form> |
|||
<view class="list"> |
|||
<view class="title"> |
|||
<span>*</span>订单信息 |
|||
</view> |
|||
<view class="item " v-for="(item,index) in orderList" :key="index"> |
|||
<view class="item-box"> |
|||
<view class="spare-title"> |
|||
<view class="title-txt"> |
|||
备件名称：{{item.itemName}} |
|||
</view> |
|||
</view> |
|||
<u-row gutter="16"> |
|||
<!-- <u-col :span="24"> |
|||
<view class="dec"> |
|||
库位：{{item.locationNumber}} |
|||
</view> |
|||
</u-col> --> |
|||
|
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
已入库数量:{{item.deliveryQty}} |
|||
</view> |
|||
</u-col> |
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
采购数量:{{item.qty}} |
|||
</view> |
|||
</u-col> |
|||
</u-row> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list"> |
|||
<view class="title"> |
|||
<span>*</span>申请备件 |
|||
</view> |
|||
<view class="item " v-for="(item,index) in form.itemNumbers" :key="index"> |
|||
<view class="item-box"> |
|||
<view class="spare-title"> |
|||
<view class="title-txt"> |
|||
备件名称：{{item.itemName}} |
|||
</view> |
|||
</view> |
|||
<u-row gutter="16"> |
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
入库数量：{{item.qty}} |
|||
</view> |
|||
</u-col> |
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
采购数量：{{item.applyQty}} |
|||
</view> |
|||
</u-col> |
|||
</u-row> |
|||
</view> |
|||
<u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(index)"></u-icon> |
|||
</view> |
|||
<view class="add-btn"> |
|||
<u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff" |
|||
size="36"></u-icon>添加备件</u-button> |
|||
</view> |
|||
</view> |
|||
<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-popup v-model="isPopupShow" mode="center" border-radius="14"> |
|||
<view class="popup-title">添加备件</view> |
|||
<view class="popup"> |
|||
<u-form :model="form1" ref="form1" label-width="160rpx"> |
|||
<u-form-item :label="`备件编号`" prop="itemNumber" required> |
|||
<view class="select"> |
|||
<u-input v-model="form1.itemNumber" placeholder="请选择备件" @blur="blur1" /> |
|||
<view class="right-button" @click="chickRightButton1"> |
|||
扫描 |
|||
</view> |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item :label="`备件名称`" prop="itemNumber" required class="disabled"> |
|||
<view class="select"> |
|||
<u-input v-model="form1.itemName" placeholder="请选择备件" disabled /> |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item label="库位" prop="locationNumber" required v-if="isShow"> |
|||
<u-input v-model="form1.locationNumber" placeholder="请选择库位" @blur="blur" /> |
|||
<view class="right-button" @click="chickRightButton"> |
|||
扫描 |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item label="采购数量" prop="applyQty" required class="disabled"> |
|||
<u-input v-model="form1.applyQty" type="number" disabled placeholder="请输入采购数量" /> |
|||
</u-form-item> |
|||
<u-form-item label="已入库数量" prop="deliveryQty" required class="disabled"> |
|||
<u-input v-model="form1.deliveryQty" 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> |
|||
</view> |
|||
<view class="popup-footer"> |
|||
<view @click="isPopupShow = false">取消</view> |
|||
<view class="sure" @click="addSpare">确认</view> |
|||
</view> |
|||
</u-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as inLocationApi from "@/api/inLocation.js" |
|||
import * as sparePartsApi from "@/api/spareParts.js" |
|||
import * as locationApi from "@/api/location.js" |
|||
|
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
loading: false, |
|||
orderList: [], //订单信息 |
|||
// 备件弹窗 |
|||
isPopupShow: false, |
|||
field: '', |
|||
form: { |
|||
id: '', |
|||
number: '', |
|||
itemNumbers: [] |
|||
}, |
|||
form1: { |
|||
itemNumber: "", |
|||
itemName: '', |
|||
locationNumber: '', |
|||
applyQty: '', |
|||
deliveryQty: '', |
|||
qty: '' |
|||
}, |
|||
isShow: false, |
|||
isInAccount: 'FALSE' |
|||
} |
|||
}, |
|||
methods: { |
|||
// 触发提交表单 |
|||
submit() { |
|||
// 校验 |
|||
// if (!this.form.name) { |
|||
// this.$modal.showToast('请输入主题') |
|||
// return; |
|||
// } |
|||
if (this.form.itemNumbers.length === 0) { |
|||
this.$modal.showToast('请选择备件') |
|||
return; |
|||
} |
|||
this.$modal.confirm('是否添加入库信息').then(() => { |
|||
this.$modal.loading('加载中') |
|||
this.loading = true |
|||
inLocationApi.inLocationCreat(this.form).then((res) => { |
|||
this.$modal.closeLoading() |
|||
if (res.data) { |
|||
this.$modal.showToast('添加成功') |
|||
setTimeout(() => { |
|||
this.$tab.navigateBack() |
|||
this.loading = false |
|||
}, 1500) |
|||
} else { |
|||
this.$modal.showToast('添加失败') |
|||
this.loading = false |
|||
} |
|||
}).catch(() => { |
|||
this.$modal.closeLoading() |
|||
this.loading = false |
|||
}) |
|||
}) |
|||
|
|||
}, |
|||
// 重置 |
|||
reset() { |
|||
if (this.form.id) { |
|||
this.form.classes = ''; |
|||
this.form.faultType = '' |
|||
} else { |
|||
|
|||
this.form = {} |
|||
} |
|||
}, |
|||
|
|||
// 获取订单信息详情 |
|||
async getInLocationDetail() { |
|||
await inLocationApi.getInLocationDetail(this.form.id).then(res => { |
|||
this.orderList = res.data |
|||
}) |
|||
}, |
|||
// 打开弹窗 |
|||
open() { |
|||
this.form1 = { |
|||
itemNumber: "", |
|||
itemName: '', |
|||
locationNumber: '', |
|||
applyQty: '', |
|||
deliveryQty: '', |
|||
qty: '' |
|||
} |
|||
this.isPopupShow = true |
|||
this.isShow= false |
|||
}, |
|||
// 添加备件 |
|||
addSpare() { |
|||
// 校验 |
|||
if (!this.form1.itemNumber) { |
|||
this.$modal.showToast('请选择备件') |
|||
return; |
|||
} |
|||
if (!this.form1.itemName) { |
|||
this.$modal.showToast('找不到该备件') |
|||
return; |
|||
} |
|||
if (!this.form1.locationNumber) { |
|||
this.$modal.showToast('请选择库位') |
|||
return; |
|||
} |
|||
if (this.isInAccount == 'FALSE') { |
|||
this.$modal.showToast('该库位属于帐外库，请选择帐内库') |
|||
return; |
|||
} |
|||
if (this.itemNumber) { |
|||
this.$modal.showToast('该库位已绑定过备件') |
|||
return; |
|||
} |
|||
if (!this.form1.qty) { |
|||
this.$modal.showToast(`请输入数量`) |
|||
return; |
|||
} |
|||
console.log(this.form1) |
|||
if (Number(this.form1.qty) + Number(this.form1.deliveryQty) > Number(this.form1.applyQty)) { |
|||
this.$modal.showToast('已入库数量和入库数量不可大于采购数量') |
|||
return; |
|||
} |
|||
if (this.form.itemNumbers && this.form.itemNumbers.length > 0) { |
|||
let arr = this.form.itemNumbers.filter(item => item.itemNumber == this.form1.itemNumber) |
|||
if (arr && arr.length > 0) { |
|||
this.$modal.showToast('该备件已添加') |
|||
return; |
|||
} |
|||
let arr1 = orderList.filter(item => item.itemNumber == this.form1.itemNumber) |
|||
if (!arr1|| (arr1&&arr1.length == 0)) { |
|||
this.$modal.showToast('订单信息没有该备件') |
|||
return; |
|||
} |
|||
} |
|||
|
|||
this.form.itemNumbers.push(this.form1) |
|||
this.isPopupShow = false |
|||
}, |
|||
// 删除备件 |
|||
delSpareParts(index) { |
|||
this.form.itemNumbers.splice(index, 1) |
|||
}, |
|||
getLocation() { |
|||
locationApi.getLocation(this.form1.locationNumber).then(res => { |
|||
if(!res.data){ |
|||
this.$modal.showToast('找不到该库位') |
|||
return; |
|||
} |
|||
this.form1.areaNumber = res.data.areaNumber; |
|||
this.isInAccount = res.data.isInAccount || '' |
|||
this.itemNumber = res.data.itemNumber || '' |
|||
}) |
|||
}, |
|||
blur() { |
|||
if (this.form1.locationNumber) { |
|||
this.getLocation() |
|||
} |
|||
}, |
|||
// 获取备件信息 |
|||
getSparePartsInfo() { |
|||
sparePartsApi.getSparePartsInfo({ |
|||
number: this.form1.itemNumber, |
|||
id: this.form.id |
|||
}).then(res => { |
|||
if(!res.data){ |
|||
this.$modal.showToast('找不到该备件') |
|||
this.itemNumber = '' |
|||
this.form1.areaNumber = '' |
|||
this.form1.locationNumber = ''; |
|||
this.isInAccount = '' |
|||
this.form1.itemName = '' |
|||
return; |
|||
} |
|||
this.itemNumber = '' |
|||
this.form1.areaNumber = res.data.areaNumber || '' |
|||
this.form1.locationNumber = res.data.locationNumber; |
|||
this.isInAccount = res.data.isInAccount|| '' |
|||
this.form1.itemName = res.data.itemName |
|||
this.form1.deliveryQty = res.data.deliveryQty |
|||
this.form1.applyQty = res.data.applyQty |
|||
if (!this.form1.locationNumber) { |
|||
this.isShow = true |
|||
} |
|||
}) |
|||
}, |
|||
blur1() { |
|||
if (this.form1.itemNumber) { |
|||
this.getSparePartsInfo() |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
async onLoad(option) { |
|||
// if (option.id) this.form.id = option.id; |
|||
// if (option.number) this.form.number = option.number; |
|||
if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option |
|||
.data)).id) { |
|||
let form = JSON.parse(decodeURIComponent(option.data)) |
|||
this.form.supplierName =form.supplierName |
|||
this.form.number =form.number |
|||
this.form.id =form.id |
|||
} |
|||
await this.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> |
|||
@ -0,0 +1,145 @@ |
|||
<template> |
|||
<!-- 采购入库 --> |
|||
<view class="container"> |
|||
<u-navbar back-icon-color='#fff' :background="{ background: '#409eff'}" back-text="" title-color='#fff' |
|||
title="采购入库"> |
|||
</u-navbar> |
|||
<!-- <Search @search='search' @screen='screen' /> --> |
|||
<view class="list"> |
|||
<view class="item" v-for="(item,index) in list" :key="index" @click="openDetail(item)"> |
|||
<view class="title"> |
|||
<view class="title-txt"> |
|||
{{item.number}} |
|||
</view> |
|||
<view class="time"> |
|||
{{`${$time.formatDate(item.createTime)}`}} |
|||
</view> |
|||
</view> |
|||
<view class="dec"> |
|||
采购人:<span>{{item.purchaser}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
采购时间:<span>{{item.date}}</span> |
|||
</view> |
|||
<view class="bottom"> |
|||
<view class="status"> |
|||
<u-tag text="未完成" v-if="item.status=='INCOMPLETE'" bg-color='rgba(255,255,255,0)' color='#e01f54' |
|||
border-color='#e01f54' type="success" shape='circle' /> |
|||
<u-tag text="已完成" v-else-if="item.status=='COMPLETE'" bg-color='rgba(255,255,255,0)' color='#2ba471' |
|||
border-color='#2ba471' type="info" shape='circle' /> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as inLocationApi from "@/api/inLocation.js" |
|||
export default { |
|||
data() { |
|||
return { |
|||
params: { |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
}, |
|||
status: 'loadmore', //是否显示没有更多了 |
|||
list: [], |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
openDetail(item){ |
|||
this.$tab.navigateTo(`/pages/inLocation/addForm?data=${encodeURIComponent(JSON.stringify(item))}`) |
|||
}, |
|||
// 获取备件领用列表 |
|||
async getList() { |
|||
if (this.status == 'nomore') return; |
|||
this.status = 'loading'; |
|||
this.$modal.loading('加载中') |
|||
await inLocationApi.getInLocationPage(this.params).then((res) => { |
|||
this.$modal.closeLoading() |
|||
if (res.data.list.length > 0) { |
|||
this.list = this.list.concat(res.data.list); |
|||
console.log(this.list ) |
|||
this.params.pageNo++; |
|||
this.status = 'loadmore' |
|||
} else { |
|||
this.status = 'nomore' |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
}, |
|||
onLoad(option) { |
|||
if (option.type) this.params.type = option.type; |
|||
}, |
|||
onShow() { |
|||
this.params.pageNo = 1 |
|||
this.list = [] |
|||
this.status = 'loadmore' |
|||
this.getList() |
|||
|
|||
}, |
|||
onReachBottom() { |
|||
this.getList() |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.list { |
|||
background: #f5f5f5; |
|||
margin-top: 20rpx; |
|||
|
|||
.item { |
|||
padding: 30rpx 30rpx 0px 30rpx; |
|||
margin-top: 20rpx; |
|||
background: white; |
|||
position: relative; |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 20rpx; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-weight: bold; |
|||
font-size: 36rpx; |
|||
width: 0px; |
|||
flex: 1; |
|||
} |
|||
|
|||
.time { |
|||
color: #919191; |
|||
|
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding-bottom: 20rpx; |
|||
|
|||
span { |
|||
color: #999999; |
|||
} |
|||
} |
|||
|
|||
.last { |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
.bottom { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-top: 1px solid #E4E4E4; |
|||
padding: 20rpx 0px; |
|||
height: 90rpx; |
|||
|
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,479 @@ |
|||
<template> |
|||
<!-- 添加维修工单 --> |
|||
<view class="add-form-container"> |
|||
<u-form :model="form" ref="form1" label-width="160rpx"> |
|||
<u-form-item label="申请人" prop="applyName" required class='disabled'> |
|||
<u-input v-model="form.applyName" placeholder="请输入申请人" disabled/> |
|||
</u-form-item> |
|||
<u-form-item label="申请部门" prop="applyDeptName" required class='disabled'> |
|||
<u-input v-model="form.applyDeptName" placeholder="请输入申请部门" disabled/> |
|||
</u-form-item> |
|||
<u-form-item label="审批人" prop="approveName" required class='disabled'> |
|||
<u-input v-model="form.approveName" placeholder="请输入审批人" disabled/> |
|||
</u-form-item> |
|||
</u-form> |
|||
<view class="list"> |
|||
<view class="title"> |
|||
<span>*</span>申领信息 |
|||
</view> |
|||
<view class="item " v-for="(item,index) in form.subList" :key="index"> |
|||
<view class="item-box"> |
|||
<view class="spare-title"> |
|||
<view class="title-txt"> |
|||
备件名称：{{item.itemName}} |
|||
</view> |
|||
</view> |
|||
<u-row gutter="16"> |
|||
<!-- <u-col :span="24"> |
|||
<view class="dec"> |
|||
库位：{{item.locationNumber}} |
|||
</view> |
|||
</u-col> --> |
|||
|
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
已出库数量:{{item.receiveQty}} |
|||
</view> |
|||
</u-col> |
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
申请数量:{{item.qty}} |
|||
</view> |
|||
</u-col> |
|||
</u-row> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="list"> |
|||
<view class="title"> |
|||
<span>*</span>出库信息 |
|||
</view> |
|||
<view class="item " v-for="(item,index) in form.itemNumbers" :key="index"> |
|||
<view class="item-box"> |
|||
<view class="spare-title"> |
|||
<view class="title-txt"> |
|||
备件名称：{{item.itemName}} |
|||
</view> |
|||
</view> |
|||
<u-row gutter="16"> |
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
出库数量：{{item.qty}} |
|||
</view> |
|||
</u-col> |
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
申请数量：{{item.applyQty}} |
|||
</view> |
|||
</u-col> |
|||
</u-row> |
|||
</view> |
|||
<u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(index)"></u-icon> |
|||
</view> |
|||
<view class="add-btn"> |
|||
<u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff" |
|||
size="36"></u-icon>添加备件</u-button> |
|||
</view> |
|||
</view> |
|||
<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-popup v-model="isPopupShow" mode="center" border-radius="14"> |
|||
<view class="popup-title">添加备件</view> |
|||
<view class="popup"> |
|||
<u-form :model="form1" ref="form1" label-width="160rpx"> |
|||
<u-form-item label="库位" prop="locationNumber" required> |
|||
<u-input v-model="form1.locationNumber" placeholder="请选择库位" @blur="blur" /> |
|||
<view class="right-button" @click="chickRightButton"> |
|||
扫描 |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item :label="`备件名称`" prop="itemNumber" required class="disabled"> |
|||
<view class="select"> |
|||
<u-input v-model="form1.itemName" placeholder="请选择备件" disabled /> |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item label="申请数量" prop="applyQty" required class="disabled"> |
|||
<u-input v-model="form1.applyQty" type="number" disabled placeholder="请输入申请数量" /> |
|||
</u-form-item> |
|||
<u-form-item label="已出库数量" prop="receiveQty" required class="disabled"> |
|||
<u-input v-model="form1.receiveQty" type="number" disabled placeholder="请输入已出库数量" /> |
|||
</u-form-item> |
|||
<u-form-item label="库存数量" prop="stockQty" required class="disabled"> |
|||
<u-input v-model="form1.stockQty" 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> |
|||
</view> |
|||
<view class="popup-footer"> |
|||
<view @click="isPopupShow = false">取消</view> |
|||
<view class="sure" @click="addSpare">确认</view> |
|||
</view> |
|||
</u-popup> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as outLocationApi from "@/api/outLocation.js" |
|||
import * as sparePartsApi from "@/api/spareParts.js" |
|||
import * as locationApi from "@/api/location.js" |
|||
|
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
loading: false, |
|||
orderList: [], //订单信息 |
|||
// 备件弹窗 |
|||
isPopupShow: false, |
|||
field: '', |
|||
form: { |
|||
id: '', |
|||
number: '', |
|||
itemNumbers: [], |
|||
subList:[] |
|||
}, |
|||
form1: { |
|||
itemNumber: "", |
|||
itemName: '', |
|||
locationNumber: '', |
|||
applyQty: '', |
|||
receiveQty: '', |
|||
stockQty: '', |
|||
qty: '' |
|||
}, |
|||
isShow: false, |
|||
isInAccount: 'FALSE' |
|||
} |
|||
}, |
|||
methods: { |
|||
// 触发提交表单 |
|||
submit() { |
|||
// 校验 |
|||
// if (!this.form.name) { |
|||
// this.$modal.showToast('请输入主题') |
|||
// return; |
|||
// } |
|||
if (this.form.itemNumbers.length === 0) { |
|||
this.$modal.showToast('请选择备件') |
|||
return; |
|||
} |
|||
this.$modal.confirm('是否添加出库信息').then(() => { |
|||
this.$modal.loading('加载中') |
|||
this.loading = true |
|||
outLocationApi.outLocationCreat(this.form).then((res) => { |
|||
this.$modal.closeLoading() |
|||
if (res.data) { |
|||
this.$modal.showToast('添加成功') |
|||
setTimeout(() => { |
|||
this.$tab.navigateBack() |
|||
this.loading = false |
|||
}, 1500) |
|||
} else { |
|||
this.$modal.showToast('添加失败') |
|||
this.loading = false |
|||
} |
|||
}).catch(() => { |
|||
this.$modal.closeLoading() |
|||
this.loading = false |
|||
}) |
|||
}) |
|||
|
|||
}, |
|||
// 重置 |
|||
reset() { |
|||
if (this.form.id) { |
|||
this.form.classes = ''; |
|||
this.form.faultType = '' |
|||
} else { |
|||
|
|||
this.form = {} |
|||
} |
|||
}, |
|||
|
|||
// 获取订单信息详情 |
|||
async getInLocationDetail() { |
|||
await outLocationApi.getOutLocationDetail({ |
|||
id:this.form.id, |
|||
number:this.form.number |
|||
}).then(res => { |
|||
this.form.applyName = res.data.applyName |
|||
this.form.approveName = res.data.approveName |
|||
this.form.applyDeptName = res.data.applyDeptName |
|||
this.form.subList = res.data.subList |
|||
}) |
|||
}, |
|||
// 打开弹窗 |
|||
open() { |
|||
this.form1 = { |
|||
itemNumber: "", |
|||
itemName: '', |
|||
locationNumber: '', |
|||
applyQty: '', |
|||
receiveQty: '', |
|||
stockQty: '', |
|||
qty: '' |
|||
} |
|||
this.isPopupShow = true |
|||
this.isShow= false |
|||
}, |
|||
// 添加备件 |
|||
addSpare() { |
|||
// 校验 |
|||
if (!this.form1.locationNumber) { |
|||
this.$modal.showToast('请选择库位') |
|||
return; |
|||
} |
|||
if (!this.form1.itemNumber) { |
|||
this.$modal.showToast('库位没有对应的备件，请重新选择') |
|||
return; |
|||
} |
|||
|
|||
if (!this.form1.qty) { |
|||
this.$modal.showToast(`请输入数量`) |
|||
return; |
|||
} |
|||
console.log(this.form1) |
|||
if (Number(this.form1.qty) + Number(this.form1.receiveQty) > Number(this.form1.applyQty)) { |
|||
this.$modal.showToast('已出库数量和出库数量不可大于申请数量') |
|||
return; |
|||
} |
|||
if (Number(this.form1.qty) > Number(this.form1.stockQty)) { |
|||
this.$modal.showToast('出库数量不可大于库存数量') |
|||
return; |
|||
} |
|||
if (this.form.itemNumbers && this.form.itemNumbers.length > 0) { |
|||
let arr = this.form.itemNumbers.filter(item => item.itemNumber == this.form1.itemNumber) |
|||
if (arr && arr.length > 0) { |
|||
this.$modal.showToast('该备件已添加') |
|||
return; |
|||
} |
|||
let arr1 = this.form.subList.filter(item => item.itemNumber == this.form1.itemNumber) |
|||
if (!arr1|| (arr1&&arr1.length == 0)) { |
|||
this.$modal.showToast('申领信息没有该备件') |
|||
return; |
|||
} |
|||
} |
|||
this.form.itemNumbers.push(this.form1) |
|||
this.isPopupShow = false |
|||
}, |
|||
// 删除备件 |
|||
delSpareParts(index) { |
|||
this.form.itemNumbers.splice(index, 1) |
|||
}, |
|||
getLocation() { |
|||
locationApi.getOutLocation({ |
|||
number:this.form1.locationNumber, |
|||
id:this.form.id, |
|||
}).then(res => { |
|||
if(!res.data){ |
|||
this.$modal.showToast('找不到该库位') |
|||
return; |
|||
} |
|||
this.form1.areaNumber = res.data.areaNumber; |
|||
this.form1.itemName = res.data.itemName; |
|||
this.form1.itemNumber = res.data.itemNumber; |
|||
this.form1.receiveQty = res.data.receiveQty; |
|||
this.form1.applyQty = res.data.applyQty; |
|||
this.form1.stockQty = res.data.qty; |
|||
this.isInAccount = res.data.isInAccount || '' |
|||
// this.itemNumber = res.data.itemNumber || '' |
|||
}) |
|||
}, |
|||
blur() { |
|||
if (this.form1.locationNumber) { |
|||
this.getLocation() |
|||
} |
|||
}, |
|||
|
|||
|
|||
}, |
|||
async onLoad(option) { |
|||
// if (option.id) this.form.id = option.id; |
|||
// if (option.number) this.form.number = option.number; |
|||
if (option.data && JSON.parse(decodeURIComponent(option.data)) && JSON.parse(decodeURIComponent(option |
|||
.data)).id) { |
|||
let form = JSON.parse(decodeURIComponent(option.data)) |
|||
console.log(form) |
|||
this.form.supplierName =form.supplierName |
|||
this.form.number =form.number |
|||
this.form.id =form.id |
|||
} |
|||
await this.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> |
|||
@ -0,0 +1,161 @@ |
|||
<template> |
|||
<!-- 领用入库 --> |
|||
<view class="container"> |
|||
<u-navbar back-icon-color='#fff' :background="{ background: '#409eff'}" back-text="" title-color='#fff' |
|||
title="领用入库"> |
|||
</u-navbar> |
|||
<!-- <Search @search='search' @screen='screen' /> --> |
|||
<view class="list"> |
|||
<view class="item" v-for="(item,index) in list" :key="index" @click="openDetail(item)"> |
|||
<view class="title"> |
|||
<view class="title-txt"> |
|||
{{item.number}} |
|||
</view> |
|||
<!-- <view class="time"> |
|||
{{`${$time.formatDate(item.createTime)}`}} |
|||
</view> --> |
|||
</view> |
|||
<view class="dec"> |
|||
申请人:<span>{{item.applyName}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
申请时间:<span>{{`${$time.formatDate(item.createTime)}`}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
申请部门:<span>{{item.applyDeptName}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
审批人:<span>{{item.approveName}}</span> |
|||
</view> |
|||
<view class="dec"> |
|||
审批时间:<span>{{`${$time.formatDate(item.approveTime)}`}}</span> |
|||
</view> |
|||
<view class="bottom"> |
|||
<view class="status"> |
|||
<u-tag text="待审批" v-if="item.status==0" bg-color='rgba(255,255,255,0)' color='#fe8463' |
|||
border-color='#fe8463' type="primary" shape='circle' /> |
|||
<u-tag text="审批通过" v-else-if="item.status==1" bg-color='rgba(255,255,255,0)' color='#2EC7C9' |
|||
border-color='#2EC7C9' type="info" shape='circle' /> |
|||
<u-tag text="审批驳回" v-else-if="item.status==2" bg-color='rgba(255,255,255,0)' color='#e01f54' |
|||
border-color='#e01f54' type="success" shape='circle' /> |
|||
<u-tag text="出库中" v-else-if="item.status==3" bg-color='rgba(255,255,255,0)' color='#005eaa' |
|||
border-color='#005eaa ' type="error" shape='circle' /> |
|||
<u-tag text="完成" v-else-if="item.status==4" bg-color='rgba(255,255,255,0)' color='#2ba471' |
|||
border-color='#2ba471' type="info" shape='circle' /> |
|||
<u-tag text="撤单" v-else-if="item.status==5" bg-color='rgba(255,255,255,0)' color='#d7d7d7' |
|||
border-color='#d7d7d7 ' type="warning" shape='circle' /> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view style="height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom);"></view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as outLocationApi from "@/api/outLocation.js" |
|||
export default { |
|||
data() { |
|||
return { |
|||
params: { |
|||
pageNo: 1, |
|||
pageSize: 10, |
|||
}, |
|||
status: 'loadmore', //是否显示没有更多了 |
|||
list: [], |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
openDetail(item){ |
|||
this.$tab.navigateTo(`/pages/outLocation/addForm?data=${encodeURIComponent(JSON.stringify(item))}`) |
|||
}, |
|||
// 获取领用出库列表 |
|||
async getList() { |
|||
if (this.status == 'nomore') return; |
|||
this.status = 'loading'; |
|||
this.$modal.loading('加载中') |
|||
await outLocationApi.getOutLocationPage(this.params).then((res) => { |
|||
this.$modal.closeLoading() |
|||
if (res.data.list.length > 0) { |
|||
this.list = this.list.concat(res.data.list); |
|||
console.log(this.list ) |
|||
this.params.pageNo++; |
|||
this.status = 'loadmore' |
|||
} else { |
|||
this.status = 'nomore' |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
}, |
|||
onLoad(option) { |
|||
if (option.type) this.params.type = option.type; |
|||
}, |
|||
onShow() { |
|||
this.params.pageNo = 1 |
|||
this.list = [] |
|||
this.status = 'loadmore' |
|||
this.getList() |
|||
}, |
|||
onReachBottom() { |
|||
this.getList() |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.list { |
|||
background: #f5f5f5; |
|||
margin-top: 20rpx; |
|||
|
|||
.item { |
|||
padding: 30rpx 30rpx 0px 30rpx; |
|||
margin-top: 20rpx; |
|||
background: white; |
|||
position: relative; |
|||
|
|||
.title { |
|||
display: flex; |
|||
align-items: center; |
|||
padding-bottom: 20rpx; |
|||
|
|||
.title-txt { |
|||
color: #409eff; |
|||
font-weight: bold; |
|||
font-size: 36rpx; |
|||
width: 0px; |
|||
flex: 1; |
|||
} |
|||
|
|||
.time { |
|||
color: #919191; |
|||
|
|||
} |
|||
} |
|||
|
|||
.dec { |
|||
padding-bottom: 20rpx; |
|||
|
|||
span { |
|||
color: #999999; |
|||
} |
|||
} |
|||
|
|||
.last { |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
.bottom { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-top: 1px solid #E4E4E4; |
|||
padding: 20rpx 0px; |
|||
height: 90rpx; |
|||
|
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,478 @@ |
|||
<template> |
|||
<!-- 添加维修工单 --> |
|||
<view class="add-form-container"> |
|||
<u-form :model="form" ref="form1" label-width="160rpx"> |
|||
<!-- <u-form-item label="入库原因" prop="res" required> |
|||
<u-input v-model="form.number" placeholder="请输入入库原因" /> |
|||
</u-form-item> --> |
|||
|
|||
<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> |
|||
<view class="list"> |
|||
<view class="title"> |
|||
<span>*</span>归还备件 |
|||
</view> |
|||
<view class="item " v-for="(item,index) in form.itemNumbers" :key="index"> |
|||
<view class="item-box"> |
|||
<view class="spare-title"> |
|||
<view class="title-txt"> |
|||
备件名称：{{item.itemName}} |
|||
</view> |
|||
</view> |
|||
<u-row gutter="16"> |
|||
<u-col :span="24"> |
|||
<view class="dec"> |
|||
数量：{{item.qty}} |
|||
</view> |
|||
</u-col> |
|||
</u-row> |
|||
</view> |
|||
<u-icon name="minus-circle" color="#aaaaaa" size="60" @click="delSpareParts(index)"></u-icon> |
|||
</view> |
|||
<view class="add-btn"> |
|||
<u-button type="primary" @click="open"><u-icon name="plus-circle" color="#ffffff" |
|||
size="36"></u-icon>添加备件</u-button> |
|||
</view> |
|||
</view> |
|||
<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-popup v-model="isPopupShow" mode="center" border-radius="14"> |
|||
<view class="popup-title">添加备件</view> |
|||
<view class="popup"> |
|||
<u-form :model="form1" ref="form1" label-width="160rpx"> |
|||
<u-form-item :label="`备件编号`" prop="itemNumber" required> |
|||
<view class="select"> |
|||
<u-input v-model="form1.itemNumber" placeholder="请选择备件" @blur="blur1" /> |
|||
<view class="right-button" @click="chickRightButton1"> |
|||
扫描 |
|||
</view> |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item :label="`备件名称`" prop="itemNumber" required class="disabled"> |
|||
<view class="select"> |
|||
<u-input v-model="form1.itemName" placeholder="请选择备件" disabled /> |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item label="库位" prop="locationNumber" required v-if="isShow"> |
|||
<u-input v-model="form1.locationNumber" placeholder="请选择库位" @blur="blur" /> |
|||
<view class="right-button" @click="chickRightButton"> |
|||
扫描 |
|||
</view> |
|||
</u-form-item> |
|||
<u-form-item label="数量" prop="qty" required> |
|||
<u-input v-model="form1.qty" type="number" placeholder="请输入数量" /> |
|||
</u-form-item> |
|||
</u-form> |
|||
</view> |
|||
<view class="popup-footer"> |
|||
<view @click="isPopupShow = false">取消</view> |
|||
<view class="sure" @click="addSpare">确认</view> |
|||
</view> |
|||
</u-popup> |
|||
<u-select v-model="singleColumnShow" mode="single-column" :default-value='singleColumnDefaultValue' |
|||
:list="singleColumnList" @confirm="chooseSingleColumn"></u-select> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as userApi from "@/api/user.js" |
|||
import * as sparePartsReturnApi from "@/api/sparePartsReturn.js" |
|||
import * as sparePartsApi from "@/api/spareParts.js" |
|||
import * as locationApi from "@/api/location.js" |
|||
|
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
loading: false, |
|||
// 备件弹窗 |
|||
isPopupShow: false, |
|||
// 下拉框字段 |
|||
singleColumnShow: false, |
|||
singleColumnDefaultValue: [], |
|||
singleColumnList: [], |
|||
reverterUser:[], |
|||
field: '', |
|||
form: { |
|||
id: '', |
|||
number: '', |
|||
itemNumbers: [] |
|||
}, |
|||
form1: { |
|||
itemNumber: "", |
|||
itemName: '', |
|||
locationNumber: '', |
|||
qty: '' |
|||
}, |
|||
isShow: false, |
|||
isInAccount: 'FALSE' |
|||
} |
|||
}, |
|||
methods: { |
|||
// 触发提交表单 |
|||
submit() { |
|||
// 校验 |
|||
if (!this.form.reverterId) { |
|||
this.$modal.showToast('请选择归还人员') |
|||
return; |
|||
} |
|||
if (this.form.itemNumbers.length === 0) { |
|||
this.$modal.showToast('请选择备件') |
|||
return; |
|||
} |
|||
this.$modal.confirm('是否归还备件').then(() => { |
|||
this.$modal.loading('加载中') |
|||
this.loading = true |
|||
sparePartsReturnApi.sparePartsReturn(this.form).then((res) => { |
|||
this.$modal.closeLoading() |
|||
if (res.data) { |
|||
this.$modal.showToast('归还成功') |
|||
setTimeout(() => { |
|||
this.$tab.navigateBack() |
|||
this.loading = false |
|||
}, 1500) |
|||
} else { |
|||
this.$modal.showToast('归还失败') |
|||
this.loading = false |
|||
} |
|||
}).catch(() => { |
|||
this.$modal.closeLoading() |
|||
this.loading = false |
|||
}) |
|||
}) |
|||
|
|||
}, |
|||
// 重置 |
|||
reset() { |
|||
if (this.form.id) { |
|||
this.form.classes = ''; |
|||
this.form.faultType = '' |
|||
} else { |
|||
|
|||
this.form = {} |
|||
} |
|||
}, |
|||
|
|||
selectFormat(val, array) { |
|||
let str = array.filter(item => item.value == val)[0].label |
|||
return str |
|||
}, |
|||
// 单列模式 |
|||
openSingleColumn(field, val, list) { |
|||
this.singleColumnList = list |
|||
this.field = field |
|||
if (val) { |
|||
this.singleColumnDefaultValue = [list.findIndex(item => item.value == val)] |
|||
} else { |
|||
this.singleColumnDefaultValue = [] |
|||
} |
|||
this.singleColumnShow = true |
|||
}, |
|||
// 单列模式点击确定之后 |
|||
chooseSingleColumn(e) { |
|||
this.form[this.field] = e[0].value |
|||
if(this.field == 'reverterId'){ |
|||
this.choosesingleColumnItem = this.singleColumnList.filter(item => item.id == e[0].value) |
|||
this.form.reverterName = this.choosesingleColumnItem[0].name |
|||
} |
|||
this.getApplyDeviceList() |
|||
this.singleColumnShow = false |
|||
this.$forceUpdate() |
|||
}, |
|||
// 获取归还人员列表 |
|||
async getReverterUser() { |
|||
await userApi.getReverterUser().then(res => { |
|||
res.data.map(item => { |
|||
item.value = item.id |
|||
item.label = item.nickname |
|||
}) |
|||
this.reverterUser = res.data |
|||
}) |
|||
}, |
|||
// 打开弹窗 |
|||
open() { |
|||
this.form1 = { |
|||
itemNumber: "", |
|||
itemName: '', |
|||
locationNumber: '', |
|||
qty: '' |
|||
} |
|||
this.isPopupShow = true |
|||
this.isShow= false |
|||
}, |
|||
// 添加备件 |
|||
addSpare() { |
|||
// 校验 |
|||
if (!this.form1.itemNumber) { |
|||
this.$modal.showToast('请选择备件') |
|||
return; |
|||
} |
|||
if (!this.form1.itemName) { |
|||
this.$modal.showToast('找不到该备件') |
|||
return; |
|||
} |
|||
if (!this.form1.locationNumber) { |
|||
this.$modal.showToast('请选择库位') |
|||
return; |
|||
} |
|||
if (this.isInAccount == 'TRUE') { |
|||
this.$modal.showToast('该库位属于帐内库，请选择帐外库') |
|||
return; |
|||
} |
|||
if (this.itemNumber) { |
|||
this.$modal.showToast('该库位已绑定过备件') |
|||
return; |
|||
} |
|||
if (!this.form1.qty) { |
|||
this.$modal.showToast(`请输入数量`) |
|||
return; |
|||
} |
|||
if (this.form.itemNumbers && this.form.itemNumbers.length > 0) { |
|||
let arr = this.form.itemNumbers.filter(item => item.itemNumber == this.form1.itemNumber) |
|||
if (arr && arr.length > 0) { |
|||
this.$modal.showToast('该备件已添加') |
|||
return; |
|||
} |
|||
} |
|||
|
|||
this.form.itemNumbers.push(this.form1) |
|||
this.isPopupShow = false |
|||
}, |
|||
// 删除备件 |
|||
delSpareParts(index) { |
|||
this.form.itemNumbers.splice(index, 1) |
|||
}, |
|||
getLocation() { |
|||
locationApi.getLocation(this.form1.locationNumber).then(res => { |
|||
if(!res.data){ |
|||
this.$modal.showToast('找不到该库位') |
|||
return; |
|||
} |
|||
this.form1.areaNumber = res.data.areaNumber; |
|||
this.isInAccount = res.data.isInAccount || '' |
|||
this.itemNumber = res.data.itemNumber || '' |
|||
}) |
|||
}, |
|||
blur() { |
|||
if (this.form1.locationNumber) { |
|||
this.getLocation() |
|||
} |
|||
}, |
|||
// 获取备件信息 |
|||
getSparePartsInfo() { |
|||
sparePartsApi.getSparePartsReturnInfo({ |
|||
number: this.form1.itemNumber, |
|||
}).then(res => { |
|||
if(!res.data){ |
|||
this.$modal.showToast('找不到该备件') |
|||
this.itemNumber = '' |
|||
this.form1.areaNumber = '' |
|||
this.form1.locationNumber = ''; |
|||
this.isInAccount = '' |
|||
this.form1.itemName = '' |
|||
return; |
|||
} |
|||
this.itemNumber = '' |
|||
this.form1.areaNumber = res.data.areaNumber || '' |
|||
this.form1.locationNumber = res.data.locationNumber; |
|||
this.isInAccount = res.data.isInAccount|| '' |
|||
this.form1.itemName = res.data.itemName |
|||
if (!this.form1.locationNumber) { |
|||
this.isShow = true |
|||
} |
|||
}) |
|||
}, |
|||
blur1() { |
|||
if (this.form1.itemNumber) { |
|||
this.getSparePartsInfo() |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
async onLoad(option) { |
|||
this.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,19 @@ |
|||
export default { |
|||
formatDate(timestamp){ |
|||
// 获取当前时间戳（单位：毫秒）
|
|||
// var timestamp = Date.now(); // 或者传入特定的时间戳值
|
|||
timestamp = timestamp ? timestamp :Date.now() |
|||
// 创建Date对象并设置时间戳
|
|||
var dateObj = new Date(timestamp); |
|||
|
|||
// 提取年份、月份、日期等信息
|
|||
var year = dateObj.getFullYear(); |
|||
var month = (dateObj.getMonth() + 1).toString().padStart(2, '0'); // 注意月份从0开始计数，所以需要加1
|
|||
var day = dateObj.getDate().toString().padStart(2, '0'); |
|||
var hour = dateObj.getHours().toString().padStart(2, '0'); |
|||
var minutes = dateObj.getMinutes().toString().padStart(2, '0'); |
|||
var seconds = dateObj.getSeconds().toString().padStart(2, '0'); |
|||
|
|||
return `${year}-${month}-${day} ${hour}:${minutes}:${seconds}` |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 22 KiB |
Loading…
Reference in new issue