领料审核
This commit is contained in:
parent
36300fa7e9
commit
60a28b0a0f
File diff suppressed because it is too large
Load Diff
|
|
@ -57,6 +57,7 @@
|
|||
"@dcloudio/uni-mp-weixin": "3.0.0-4020920240930001",
|
||||
"@dcloudio/uni-mp-xhs": "3.0.0-4020920240930001",
|
||||
"@dcloudio/uni-quickapp-webview": "3.0.0-4020920240930001",
|
||||
"@dcloudio/uni-ui": "^1.5.7",
|
||||
"@rollup/rollup-darwin-arm64": "^4.27.2",
|
||||
"lodash-es": "^4.17.21",
|
||||
"pinia": "^2.2.2",
|
||||
|
|
|
|||
|
|
@ -171,6 +171,22 @@
|
|||
}
|
||||
},
|
||||
|
||||
// 1. 主列表
|
||||
{
|
||||
"path": "pages/picking/review/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "领料审核"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"path": "pages/picking/review/details",
|
||||
"style": {
|
||||
"navigationBarTitleText": "领用申请详情"
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
// 退料
|
||||
{
|
||||
"path": "pages/back/index",
|
||||
|
|
|
|||
|
|
@ -61,6 +61,7 @@ onMounted(async () => {
|
|||
uni.showToast({ title: '登录成功！', icon: 'none' })
|
||||
uni.setStorageSync('username', loginForm.username)
|
||||
uni.setStorageSync('password', loginForm.password)
|
||||
uni.setStorageSync('id', res.user.userId)
|
||||
setTimeout(() => {
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index',
|
||||
|
|
@ -86,6 +87,7 @@ const onHandleLogin = async () => {
|
|||
uni.showToast({ title: '登录成功！', icon: 'none' })
|
||||
uni.setStorageSync('username', loginForm.username)
|
||||
uni.setStorageSync('password', loginForm.password)
|
||||
uni.setStorageSync('id', result.user.userId)
|
||||
setTimeout(() => {
|
||||
uni.switchTab({
|
||||
url: '/pages/index/index',
|
||||
|
|
|
|||
|
|
@ -1,17 +1,31 @@
|
|||
<template>
|
||||
<view class="page-container">
|
||||
<view>
|
||||
<live-pusher v-once id="livePusher" ref="livePusher" class="livePusher" mode="FHD" beauty="0" whiteness="0"
|
||||
device-position="back" :auto-focus="false" :muted="true" :enable-camera="true" :enable-mic="true"
|
||||
:zoom="true" :style="[{height: cameraHeight+'rpx' ,width:'750rpx'}]">
|
||||
</live-pusher>
|
||||
</view>
|
||||
<view class="table-list-item">
|
||||
<view class="scan-btn" @click="handleInstruct('shutter')">
|
||||
<text style="color: #FFF;">开始识别</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="table-list-item">
|
||||
<view class="page-container">
|
||||
<view>
|
||||
<live-pusher
|
||||
v-once
|
||||
id="livePusher"
|
||||
ref="livePusher"
|
||||
class="livePusher"
|
||||
mode="FHD"
|
||||
beauty="0"
|
||||
whiteness="0"
|
||||
device-position="back"
|
||||
:auto-focus="false"
|
||||
:muted="true"
|
||||
:enable-camera="true"
|
||||
:enable-mic="true"
|
||||
:zoom="true"
|
||||
:style="[{ height: cameraHeight + 'rpx', width: '750rpx' }]"
|
||||
>
|
||||
</live-pusher>
|
||||
</view>
|
||||
<view class="table-list-item">
|
||||
<view class="scan-btn" @click="handleInstruct('shutter')">
|
||||
<text style="color: #fff">开始识别</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <view class="table-list-item">
|
||||
<uni-row :gutter="24" style="display: flex; align-items: center">
|
||||
<uni-col :span="5">
|
||||
<text> 设备编码 </text>
|
||||
|
|
@ -28,236 +42,359 @@
|
|||
</uni-col>
|
||||
</uni-row>
|
||||
</view> -->
|
||||
<view class="table-list-item">
|
||||
<scroll-view class="scroll-view" scroll-y="true" style="height: 500rpx;">
|
||||
<uni-forms :model="codeData" label-width="90" :border="true">
|
||||
<uni-forms-item label="识别编码：" name="typeName">
|
||||
<uni-easyinput v-model="codeData.maCode" :disabled="true" placeholder="识别编码" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="出厂编号：" name="typeModelName">
|
||||
<uni-easyinput v-model="codeData.code" maxlength="20" placeholder="请输入出厂编号" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="设备数量：">
|
||||
<uni-easyinput v-model="codeData.maNum" :disabled="true"/>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="outbound-btn" @tap="onHandleBind">
|
||||
<text style="color: #FFF;">绑定</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="table-list-item">
|
||||
<scroll-view class="scroll-view" scroll-y="true" style="height: 500rpx">
|
||||
<uni-forms :model="codeData" label-width="90" :border="true">
|
||||
<uni-forms-item label="识别编码：" name="typeName">
|
||||
<uni-easyinput
|
||||
v-model="codeData.maCode"
|
||||
:disabled="true"
|
||||
placeholder="识别编码"
|
||||
/>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="出厂编号：" name="typeModelName">
|
||||
<uni-easyinput
|
||||
v-model="codeData.code"
|
||||
maxlength="20"
|
||||
placeholder="请输入出厂编号"
|
||||
/>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="设备数量：">
|
||||
<uni-easyinput v-model="codeData.maNum" :disabled="true" />
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="outbound-btn" @tap="onHandleBind">
|
||||
<text style="color: #fff">绑定</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
livePusher: null,
|
||||
ready: true,
|
||||
cameraHeight: '', //相机画面宽度
|
||||
coverImage: null,
|
||||
queryParams:{},
|
||||
queryCodeParams:{
|
||||
maCode:""
|
||||
},
|
||||
codeData:{
|
||||
maCode:"",
|
||||
code:"",
|
||||
time:"",
|
||||
maNum:"1"
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.queryParams = JSON.parse(options.queryParams)
|
||||
this.queryCodeParams.typeId = this.queryParams.typeId;
|
||||
},
|
||||
onReady() {
|
||||
this.cameraHeight = uni.getSystemInfoSync().screenHeight * 0.22
|
||||
console.log(this.cameraHeight)
|
||||
this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.livePusher = uni.createLivePusherContext('livePusher', this);
|
||||
console.log(this.livePusher)
|
||||
setTimeout(() => {
|
||||
this.startPreview()
|
||||
}, 1000)
|
||||
},
|
||||
startPreview() {
|
||||
this.livePusher.startPreview({
|
||||
success: () => {
|
||||
console.log('相机初始化成功');
|
||||
switch (plus.os.name) {
|
||||
case 'Android':
|
||||
break;
|
||||
case 'iOS':
|
||||
this.livePusher.switchCamera()
|
||||
break
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log(err)
|
||||
}
|
||||
});
|
||||
},
|
||||
handleInstruct(instruct) {
|
||||
if (this.ready) {
|
||||
this.ready = false
|
||||
this.livePusher.snapshot({
|
||||
success: (res) => {
|
||||
console.log(res)
|
||||
this.ready = true
|
||||
this.$emit('getImage', res.message.tempImagePath)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
async onHandleBind(){
|
||||
// let paramsList = []
|
||||
// paramsList.push({
|
||||
// maCode: this.codeData.maCode,
|
||||
// maId: this.codeData.maId,
|
||||
// leaseType:0,
|
||||
// outType:2,
|
||||
// outNum:1,
|
||||
// typeId:this.codeData.typeId,
|
||||
// manageType: this.codeData.manageType,
|
||||
// parentId: this.queryParams.parentId,
|
||||
// // typeName: this.codeData.typeName,
|
||||
// // typeModelName: this.codeData.typeModelName
|
||||
// })
|
||||
// console.log('333333333', paramsList)
|
||||
// const res = await setOutboundNumAPI({ leaseOutDetailsList: paramsList })
|
||||
// if (res.code === 200) {
|
||||
// uni.showToast({
|
||||
// title: '出库成功！',
|
||||
// icon: 'none',
|
||||
// })
|
||||
// this.queryCodeParams.maCode = ''
|
||||
// this.codeData = {}
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
livePusher: null,
|
||||
ready: true,
|
||||
cameraHeight: '', //相机画面宽度
|
||||
coverImage: null,
|
||||
queryParams: {},
|
||||
queryCodeParams: {
|
||||
maCode: '',
|
||||
},
|
||||
codeData: {
|
||||
maCode: '',
|
||||
code: '',
|
||||
time: '',
|
||||
maNum: '1',
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad(options) {
|
||||
this.queryParams = JSON.parse(options.queryParams)
|
||||
this.queryCodeParams.typeId = this.queryParams.typeId
|
||||
},
|
||||
onReady() {
|
||||
this.cameraHeight = uni.getSystemInfoSync().screenHeight * 0.22
|
||||
console.log(this.cameraHeight)
|
||||
this.init()
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.livePusher = uni.createLivePusherContext('livePusher', this)
|
||||
console.log(this.livePusher)
|
||||
setTimeout(() => {
|
||||
this.startPreview()
|
||||
}, 1000)
|
||||
},
|
||||
startPreview() {
|
||||
this.livePusher.startPreview({
|
||||
success: () => {
|
||||
console.log('相机初始化成功')
|
||||
switch (plus.os.name) {
|
||||
case 'Android':
|
||||
break
|
||||
case 'iOS':
|
||||
this.livePusher.switchCamera()
|
||||
break
|
||||
}
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log(err)
|
||||
},
|
||||
})
|
||||
},
|
||||
handleInstruct(instruct) {
|
||||
if (this.ready) {
|
||||
this.ready = false
|
||||
this.livePusher.snapshot({
|
||||
success: async (res) => {
|
||||
console.log('拍照成功', res)
|
||||
this.ready = true
|
||||
let base64 = await this.imgToBase64(res.message.tempImagePath)
|
||||
console.log('base64', base64)
|
||||
let params = {
|
||||
image: base64,
|
||||
jiju_type: '12231',
|
||||
auth_lic:
|
||||
'xIWDlaDVdijcBB4mjhGCPYk5Kvk8tHZJbUn+vW+ih15+MYx98e/PXyBmKL5gFcWMPznLgDA15QuSAnZQSLddwdy9HkZgtuQDEEZZ351Eyb1eiDUccUnyoSGIrNimbx5TooBNNPYqU4qJeFrPJXAqjBHzRrxoBxuR2CEGKQPgHC4=',
|
||||
}
|
||||
// uni.request({
|
||||
// url: '/material/app/ocr/getOcrCode',
|
||||
// method: 'post',
|
||||
// data: params,
|
||||
// header: {
|
||||
// 'Content-Type': 'application/json', // 根据后端要求设置请求头，常见的 POST 请求数据格式为 JSON
|
||||
// },
|
||||
// success: (res) => {
|
||||
// console.log('88888888', res)
|
||||
// if (res.code == 200) {
|
||||
// uni.showToast({
|
||||
// title: '入库成功！',
|
||||
// icon: 'none',
|
||||
// })
|
||||
// } else {
|
||||
// uni.showToast({ title: '入库失败！', icon: 'none' })
|
||||
// }
|
||||
// },
|
||||
// fail: (err) => {
|
||||
// uni.showToast({
|
||||
// title: err,
|
||||
// icon: 'none',
|
||||
// })
|
||||
// },
|
||||
// })
|
||||
|
||||
//this.$emit('getImage', res.message.tempImagePath)
|
||||
},
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
imgToBase64(filePath) {
|
||||
// return new Promise((resolve, reject) => {
|
||||
// console.log('555555', filePath)
|
||||
// plus.zip.compressImage(
|
||||
// {
|
||||
// src: filePath,
|
||||
// dst: '_doc/a.jpg',
|
||||
// overwrite: true,
|
||||
// width: '1920px',
|
||||
// height: '1080px',
|
||||
// format: 'jpg',
|
||||
// quality: 100,
|
||||
// },
|
||||
// function (e) {
|
||||
// let reader = new plus.io.FileReader()
|
||||
// reader.readAsDataURL(e.target)
|
||||
// reader.onloadend = function (e) {
|
||||
// // 使用 split 方法去除前缀
|
||||
// // let base64 = e.target.result.split(',')[1]
|
||||
// base64 = e.target.result.replace(/[\r\n]/g, '')
|
||||
// console.log(base64)
|
||||
// // 异步操作成功，将结果传递给 Promise
|
||||
// resolve(base64)
|
||||
// }
|
||||
// },
|
||||
// function (err) {
|
||||
// plus.nativeUI.alert('未知错误！', function () {})
|
||||
// // 异步操作失败，将错误传递给 Promise
|
||||
// reject(err)
|
||||
// },
|
||||
// )
|
||||
// })
|
||||
return new Promise((resolve, reject) => {
|
||||
plus.io.resolveLocalFileSystemURL(
|
||||
filePath,
|
||||
(entry) => {
|
||||
entry.file((file) => {
|
||||
const reader = new plus.io.FileReader()
|
||||
reader.onloadend = (evt) => {
|
||||
// 去掉 data:URL 前缀
|
||||
const base64WithoutPrefix = evt.target.result.split(',')[1]
|
||||
resolve(base64WithoutPrefix)
|
||||
}
|
||||
reader.onerror = reject
|
||||
reader.readAsDataURL(file)
|
||||
}, reject)
|
||||
},
|
||||
reject,
|
||||
)
|
||||
})
|
||||
},
|
||||
|
||||
imgBase64Fun(tempFilePath) {
|
||||
console.log('vvvvvvvvvvvvvvvv')
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.getFileSystemManager().readFile({
|
||||
filePath: tempFilePath, // 图片临时路径
|
||||
encoding: 'base64', // 指定编码为base64
|
||||
success: (res) => {
|
||||
// 拼接完整Base64前缀（根据图片类型）
|
||||
let base64 = ''
|
||||
console.log('ttttttttt', res)
|
||||
if (tempFilePath.endsWith('.png')) {
|
||||
base64 = 'data:image/png;base64,' + res.data
|
||||
} else if (
|
||||
tempFilePath.endsWith('.jpg') ||
|
||||
tempFilePath.endsWith('.jpeg')
|
||||
) {
|
||||
base64 = 'data:image/jpeg;base64,' + res.data
|
||||
}
|
||||
console.log('base642222', base64)
|
||||
resolve(base64)
|
||||
},
|
||||
fail: (err) => {
|
||||
reject(err)
|
||||
},
|
||||
})
|
||||
})
|
||||
},
|
||||
|
||||
async onHandleBind() {
|
||||
// let paramsList = []
|
||||
// paramsList.push({
|
||||
// maCode: this.codeData.maCode,
|
||||
// maId: this.codeData.maId,
|
||||
// leaseType:0,
|
||||
// outType:2,
|
||||
// outNum:1,
|
||||
// typeId:this.codeData.typeId,
|
||||
// manageType: this.codeData.manageType,
|
||||
// parentId: this.queryParams.parentId,
|
||||
// // typeName: this.codeData.typeName,
|
||||
// // typeModelName: this.codeData.typeModelName
|
||||
// })
|
||||
// console.log('333333333', paramsList)
|
||||
// const res = await setOutboundNumAPI({ leaseOutDetailsList: paramsList })
|
||||
// if (res.code === 200) {
|
||||
// uni.showToast({
|
||||
// title: '出库成功！',
|
||||
// icon: 'none',
|
||||
// })
|
||||
// this.queryCodeParams.maCode = ''
|
||||
// this.codeData = {}
|
||||
// }
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page-container {
|
||||
display: flex;
|
||||
height: auto;
|
||||
flex-direction: column;
|
||||
background-color: #f7f8fa;
|
||||
padding: 24rpx;
|
||||
}
|
||||
.table-list-item {
|
||||
|
||||
margin-top: 10rpx;
|
||||
background: #fff;
|
||||
padding: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.scan-btn {
|
||||
/* width: 100%; */
|
||||
height: 88rpx;
|
||||
background: #4b8eff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 12rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
||||
/* transition: all 0.3s ease; */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.coding-btn {
|
||||
/* padding: 12rpx 0; */
|
||||
background: #fff;
|
||||
color: #ff9800;
|
||||
border: 2rpx solid rgba(255, 152, 0, 0.5);
|
||||
background: linear-gradient(to bottom, rgba(255, 152, 0, 0.05), rgba(255, 152, 0, 0.1));
|
||||
border-radius: 12rpx;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1rpx;
|
||||
/* transition: all 0.3s ease; */
|
||||
|
||||
/* &:active {
|
||||
.page-container {
|
||||
display: flex;
|
||||
height: auto;
|
||||
flex-direction: column;
|
||||
background-color: #f7f8fa;
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.table-list-item {
|
||||
margin-top: 10rpx;
|
||||
background: #fff;
|
||||
padding: 20rpx;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.scan-btn {
|
||||
/* width: 100%; */
|
||||
height: 88rpx;
|
||||
background: #4b8eff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 12rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
||||
/* transition: all 0.3s ease; */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.coding-btn {
|
||||
/* padding: 12rpx 0; */
|
||||
background: #fff;
|
||||
color: #ff9800;
|
||||
border: 2rpx solid rgba(255, 152, 0, 0.5);
|
||||
background: linear-gradient(to bottom, rgba(255, 152, 0, 0.05), rgba(255, 152, 0, 0.1));
|
||||
border-radius: 12rpx;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1rpx;
|
||||
/* transition: all 0.3s ease; */
|
||||
|
||||
/* &:active {
|
||||
background: rgba(255, 152, 0, 0.15);
|
||||
border-color: rgba(255, 152, 0, 0.6);
|
||||
transform: translateY(1rpx);
|
||||
} */
|
||||
}
|
||||
.outbound-btn {
|
||||
position: fixed;
|
||||
bottom: 40rpx;
|
||||
left: 20%;
|
||||
/* transform: translateX(-50%); */
|
||||
/* width: 90%; */
|
||||
height: 88rpx;
|
||||
width: 620rpx;
|
||||
margin: 0 10px;
|
||||
/* background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%); */
|
||||
background: #4b8eff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
border-radius: 12rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
||||
/* transition: all 0.3s ease; */
|
||||
|
||||
/* &:active {
|
||||
}
|
||||
|
||||
.outbound-btn {
|
||||
position: fixed;
|
||||
bottom: 40rpx;
|
||||
left: 20%;
|
||||
/* transform: translateX(-50%); */
|
||||
/* width: 90%; */
|
||||
height: 88rpx;
|
||||
width: 620rpx;
|
||||
margin: 0 10px;
|
||||
/* background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%); */
|
||||
background: #4b8eff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #fff;
|
||||
border-radius: 12rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
||||
/* transition: all 0.3s ease; */
|
||||
|
||||
/* &:active {
|
||||
transform: translateX(-50%) scale(0.98);
|
||||
opacity: 0.9;
|
||||
} */
|
||||
}
|
||||
|
||||
.camera-background {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.cover-image {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.camera-options {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.camera-item {
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.camera-item .camera-item-image {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
|
||||
.camera-options-center .camera-item-image {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.camera-background {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.cover-image {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.camera-options {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.camera-item {
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.camera-item .camera-item-image {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
|
||||
.camera-options-center .camera-item-image {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,768 @@
|
|||
<template>
|
||||
<!-- 编码出库-->
|
||||
<view class="page-container">
|
||||
|
||||
<text class="steps-title">领用申请详情</text>
|
||||
<!-- <uni-steps
|
||||
:options="auditingList.map(item => ({ title: item.nodeName,desc: `${item.isAccept == 0 ? '待审批' : item.isAccept == 1 ? '已通过' : '已驳回'}${item.createTime ? ` ${item.createTime}` : ''}` ,
|
||||
status: 'finish',
|
||||
|
||||
}))" style="margin-bottom: 5px;"
|
||||
:active="3" >
|
||||
</uni-steps> -->
|
||||
<!-- 自定义横向步骤条 -->
|
||||
<view class="custom-steps horizontal">
|
||||
<view
|
||||
v-for="(item, index) in auditingList"
|
||||
:key="index"
|
||||
class="step-item"
|
||||
>
|
||||
<!-- 步骤图标 -->
|
||||
<view
|
||||
class="step-icon"
|
||||
:class="{
|
||||
'pending': item.isAccept === 0,
|
||||
'approved': item.isAccept === 1,
|
||||
'rejected': item.isAccept !== 0 && item.isAccept !== 1
|
||||
}"
|
||||
>
|
||||
{{ index + 1 }}
|
||||
</view>
|
||||
<!-- 步骤连接线 -->
|
||||
<view
|
||||
v-if="index < auditingList.length - 1"
|
||||
class="step-line"
|
||||
:class="{
|
||||
'approved': item.isAccept === 1,
|
||||
'rejected': item.isAccept !== 0 && item.isAccept !== 1
|
||||
}"
|
||||
></view>
|
||||
<!-- 步骤标题和描述 -->
|
||||
<view class="step-content">
|
||||
<text
|
||||
class="step-title"
|
||||
:class="{
|
||||
'pending': item.isAccept === 0,
|
||||
'approved': item.isAccept === 1,
|
||||
'rejected': item.isAccept !== 0 && item.isAccept !== 1
|
||||
}"
|
||||
>
|
||||
{{ item.nodeName }}
|
||||
</text>
|
||||
<text
|
||||
class="step-desc"
|
||||
:class="{
|
||||
'pending': item.isAccept === 0,
|
||||
'approved': item.isAccept === 1,
|
||||
'rejected': item.isAccept !== 0 && item.isAccept !== 1
|
||||
}"
|
||||
>
|
||||
{{ item.isAccept == 0 ? '待审批' : item.isAccept == 1 ? '已通过' : '已驳回' }}
|
||||
{{ item.createTime ? ` ${item.createTime}` : '' }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 按钮区域 -->
|
||||
<view class="table-list-item" v-if="type==1">
|
||||
<uni-row :gutter="24" style="display: flex; align-items: center" justify="center">
|
||||
<uni-col :span="8">
|
||||
<view
|
||||
class="coding-btn search-btn"
|
||||
@tap="handleReview(1)"
|
||||
>通过</view>
|
||||
</uni-col>
|
||||
<uni-col :span="8">
|
||||
<view
|
||||
class="coding-btn search-btnTwo"
|
||||
@tap="handleReview(2)"
|
||||
>驳回</view>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
</view>
|
||||
<!-- 表单信息区域 -->
|
||||
<scroll-view scroll-y style="height: 100vh;margin-top: 5px">
|
||||
<view class="form-section">
|
||||
<view class="section-header" @tap="toggleForm">
|
||||
<text class="title">基本信息</text>
|
||||
<text class="toggle-icon" :class="{ 'is-expanded': isExpanded }">›</text>
|
||||
</view>
|
||||
<view class="form-content" :class="{ 'is-expanded': isExpanded }">
|
||||
<uni-forms :model="formData" label-width="100" :border="true">
|
||||
<uni-forms-item label="领料单位：" name="leaseUnit">
|
||||
<span class="form-view">{{ formData.leaseUnit }}</span>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="领料工程：" name="leaseProject">
|
||||
<span class="form-view">{{ formData.leaseProject }}</span>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="领料人：" name="leasePerson">
|
||||
<span class="form-view">{{ formData.leasePerson }}</span>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="采购申请编号：" name="applyCode">
|
||||
<span class="form-view">{{ formData.applyCode }}</span>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="标准配置：" name="leaseUnit">
|
||||
<span class="form-view">{{ formData.leaseUnit }}</span>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="联系电话：" name="phone">
|
||||
<span class="form-view">{{ formData.phone }}</span>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="类型规格：" name="maTypeNames">
|
||||
<span class="form-view">{{ formData.maTypeNames }}</span>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<scroll-view scroll-y @scrolltolower="onScrollTolower" style="padding-bottom: 90rpx">
|
||||
<div style="width: 92%;height: auto;margin: 5px;">
|
||||
<uni-table stripe emptyText="暂无更多数据" >
|
||||
<!-- 表头行 -->
|
||||
<uni-tr>
|
||||
<uni-th width="60px" style="font-size: 24rpx;" align="center">序号</uni-th>
|
||||
<uni-th width="100px" style="font-size: 24rpx;" align="center">类型名称</uni-th>
|
||||
<uni-th width="100px" style="font-size: 24rpx;" align="center">规格型号</uni-th>
|
||||
<uni-th width="70px" style="font-size: 24rpx;" align="center">计量单位</uni-th>
|
||||
<uni-th width="100px" style="font-size: 24rpx;" align="center">预领数量</uni-th>
|
||||
<uni-th width="60px" style="font-size: 24rpx;" align="center">备注</uni-th>
|
||||
</uni-tr>
|
||||
<!-- 表格数据行 -->
|
||||
<uni-tr v-for="(item,index) in codeDeviceList" :key="item.id">
|
||||
<uni-td style="font-size: 24rpx;text-align: center;">{{ index + 1 }}</uni-td>
|
||||
<uni-td style="font-size: 24rpx;text-align: center;">{{item.maTypeName}}</uni-td>
|
||||
<uni-td style="font-size: 24rpx;text-align: center;">{{item.typeName}}</uni-td>
|
||||
<uni-td style="font-size: 24rpx;text-align: center;">{{item.unitName}}</uni-td>
|
||||
<uni-td style="font-size: 24rpx;text-align: center;">{{item.preNum}}</uni-td>
|
||||
<uni-td style="font-size: 24rpx;text-align: center;">{{item.remark}}</uni-td>
|
||||
</uni-tr>
|
||||
</uni-table>
|
||||
</div>
|
||||
<!--
|
||||
<view class="loading-text">
|
||||
{{ finish ? '没有更多数据了~' : '正在加载...' }}
|
||||
</view> -->
|
||||
</scroll-view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed, onUnmounted } from 'vue'
|
||||
import { onLoad, onShow, } from '@dcloudio/uni-app'
|
||||
import { getCodeDeviceListAPI, setOutboundNumAPI, } from '@/services/picking/outbound.js'
|
||||
import { getAuditInfoAPI,receiveDetailAPI,submitAuditingApi } from '@/services/picking/review.js'
|
||||
|
||||
import { debounce } from 'lodash-es'
|
||||
|
||||
|
||||
// const query = defineProps() // 获取上级页面传递的路由参数
|
||||
// const queryParams = JSON.parse(query.queryParams)
|
||||
const queryParams = ref({
|
||||
id: '', //任务id
|
||||
nodeId: '', //节点id
|
||||
})
|
||||
const queryParamsInfo = ref({})
|
||||
const formData = ref({})
|
||||
const codeDeviceList = ref([])
|
||||
|
||||
const total = ref(0)
|
||||
|
||||
// 编码设备列表查询参数
|
||||
const queryCodeParams = ref({
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
typeId: '',
|
||||
maStatus: 1,
|
||||
maCode: '',
|
||||
})
|
||||
|
||||
const auditingParams = ref({
|
||||
nodeId: '', // 当前审核记录的id
|
||||
remark: '', // 审核意见
|
||||
typeId: '', // 当前审核记录中的 typeId
|
||||
taskId: '', // 外层列表的taskId
|
||||
isAccept: '', // 审批结果 1. 通过 2. 驳回
|
||||
recordId: '',
|
||||
nextNodeId: '' // 下个流程节点ID
|
||||
})
|
||||
|
||||
const auditingList = ref([]) //流程记录
|
||||
// 控制表单展开收起
|
||||
const isExpanded = ref(true)
|
||||
|
||||
// 切换表单展开状态
|
||||
const toggleForm = () => {
|
||||
isExpanded.value = !isExpanded.value
|
||||
}
|
||||
|
||||
const type = ref(1)
|
||||
|
||||
const userId = uni.getStorageSync('id')
|
||||
// 页面加载完毕
|
||||
onLoad((options) => {
|
||||
console.log("options",options)
|
||||
queryParams.value = JSON.parse(options.params)
|
||||
auditingParams.value.taskId = queryParams.value.taskId
|
||||
type.value = queryParams.value.type
|
||||
})
|
||||
|
||||
onShow(() => {
|
||||
console.log(queryParams.value)
|
||||
// getCodeDetailData(queryParams.value.id,queryParams.value.publishTask,queryParams.value.typeId)//获取详情
|
||||
getReviewInfo(queryParams.value.id)
|
||||
fetchAuditInfo()
|
||||
})
|
||||
// 获取详情列表
|
||||
const getReviewInfo = async (id) => {
|
||||
console.log("yyyyyyyyyy",id)
|
||||
const res = await receiveDetailAPI(id)
|
||||
console.log("zzzzzzzzz",res)
|
||||
formData.value=res.data.leaseApplyInfo;
|
||||
|
||||
|
||||
// queryCodeParams.value.typeId = queryParams.value.typeId;
|
||||
// queryCodeParams.value.pageNum = 1;
|
||||
codeDeviceList.value = res.data.leaseApplyDetailsList;
|
||||
// getCodeDeviceListData()//获取编码列表
|
||||
}
|
||||
|
||||
const fetchAuditInfo = async () => {
|
||||
try {
|
||||
console.log('xxxxxxxxxxxxxx',queryParams.value.id)
|
||||
// 调用导入的 API 函数
|
||||
const res = await getAuditInfoAPI({taskId:queryParams.value.taskId})
|
||||
console.log('🚀 ~ fetchAuditInfo ~ res:', res)
|
||||
auditingList.value = res.rows
|
||||
console.log('🚀 ~ fetchAuditInfo ~ auditingList:', auditingList.value)
|
||||
} catch (error) {
|
||||
// 打印错误信息
|
||||
console.log('🚀 ~ fetchAuditInfo ~ error:', error)
|
||||
}
|
||||
}
|
||||
|
||||
// 获取列表
|
||||
const getCodeDeviceListData = async () => {
|
||||
const res = await getCodeDeviceListAPI(queryCodeParams.value)
|
||||
codeDeviceList.value.push(...res.rows)
|
||||
if (codeDeviceList.value.length > 0) {
|
||||
codeDeviceList.value = codeDeviceList.value.map((e) => {
|
||||
return { ...e, checked: false }
|
||||
})
|
||||
}
|
||||
total.value = res.total
|
||||
}
|
||||
|
||||
|
||||
// // 编码搜索按钮
|
||||
// const onCodeSearch = () => {
|
||||
// queryCodeParams.value.pageNum = 1
|
||||
// codeDeviceList.value = []
|
||||
// getCodeDeviceListData()
|
||||
// }
|
||||
|
||||
// 处理审核操作
|
||||
const handleReview = (action) => {
|
||||
uni.showModal({
|
||||
title: action == 1 ? '通过' : '驳回',
|
||||
content: '请输入审核意见',
|
||||
editable: true,
|
||||
confirmText: '确认',
|
||||
cancelText: '取消',
|
||||
success: async (res) => {
|
||||
if (res.confirm) {
|
||||
const comment = res.content;
|
||||
// 组装参数
|
||||
const currentAuditing = auditingList.value.filter(e => e.configValues.includes(userId)) // 获取当前审核的节点
|
||||
const currentIndex = auditingList.value.findIndex(e => e.configValues.includes(userId)) // 获取当前的索引
|
||||
auditingParams.value.remark = comment
|
||||
const { recordId, id, typeId, } = currentAuditing[0]
|
||||
Object.assign(auditingParams.value, {
|
||||
typeId,
|
||||
recordId,
|
||||
nodeId: id
|
||||
})
|
||||
auditingParams.value.isAccept = action
|
||||
if (currentIndex !== auditingList.value.length - 1) {
|
||||
auditingParams.value.nextNodeId =auditingList.value[currentIndex + 1].id
|
||||
}
|
||||
console.log("yyyyyyyyyyyyyyy",auditingParams.value)
|
||||
const submitRes = await submitAuditingApi(auditingParams.value)
|
||||
console.log("zrrrrrrrrrrrrrrrrrr",submitRes)
|
||||
if (submitRes.code === 200) {
|
||||
uni.showToast({
|
||||
title: '审核成功',
|
||||
icon: 'none',
|
||||
})
|
||||
uni.navigateBack(); // 调接口成功后返回上一层页面
|
||||
}
|
||||
} else if (res.cancel) {
|
||||
console.log('用户取消操作');
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 滚动触底事件
|
||||
const onScrollTolower = debounce(() => {
|
||||
// console.log('滚动触底--')
|
||||
if (total.value > codeDeviceList.value.length) {
|
||||
queryCodeParams.value.pageNum++
|
||||
getCodeDeviceListData()
|
||||
}
|
||||
}, 500)
|
||||
|
||||
|
||||
|
||||
// 出库按钮
|
||||
const onHandleOutbound = async () => {
|
||||
const isSelect = codeDeviceList.value.some((e) => e.checked === true)
|
||||
if (!isSelect) {
|
||||
uni.showToast({
|
||||
title: '请勾选需要出库的设备',
|
||||
icon: 'none',
|
||||
})
|
||||
return
|
||||
}
|
||||
// 解构所需要的数据
|
||||
const { typeId, parentId,publishTask } = queryParams.value
|
||||
// 组装出库参数
|
||||
const paramsList = []
|
||||
codeDeviceList.value.map((e) => {
|
||||
if (e.checked) {
|
||||
paramsList.push({
|
||||
leaseType: 0,
|
||||
maId: e.maId,
|
||||
maCode: e.maCode,
|
||||
manageType: 0,
|
||||
outNum: 1,
|
||||
parentId,
|
||||
typeId,
|
||||
publishTask,
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
console.log("mmmmmmmmmmmmmmmm",paramsList)
|
||||
const res = await setOutboundNumAPI({ leaseOutDetailsList: paramsList })
|
||||
if (res.code === 200) {
|
||||
uni.showToast({
|
||||
title: '出库成功！',
|
||||
icon: 'none',
|
||||
})
|
||||
getCodeDetailData(queryParams.value.id,queryParams.value.publishTask,queryParams.value.typeId)//获取详情
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.custom-steps {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.custom-steps.horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.step-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.step-icon {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.step-icon.pending {
|
||||
background-color: #fadb14;
|
||||
}
|
||||
|
||||
.step-icon.approved {
|
||||
background-color: #52c41a;
|
||||
}
|
||||
|
||||
.step-icon.rejected {
|
||||
background-color: #ff4d4f;
|
||||
}
|
||||
|
||||
.step-line {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
|
||||
.step-line.approved {
|
||||
background-color: #52c41a;
|
||||
}
|
||||
|
||||
.step-line.rejected {
|
||||
background-color: #ff4d4f;
|
||||
}
|
||||
|
||||
.step-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.step-title {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.step-title.pending {
|
||||
color: #fadb14;
|
||||
}
|
||||
|
||||
.step-title.approved {
|
||||
color: #52c41a;
|
||||
}
|
||||
|
||||
.step-title.rejected {
|
||||
color: #ff4d4f;
|
||||
}
|
||||
|
||||
.step-desc {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
color: #8c8c8c; // 默认颜色
|
||||
}
|
||||
|
||||
.step-desc.pending {
|
||||
color: #fadb14; // 待审批黄色
|
||||
}
|
||||
|
||||
.step-desc.approved {
|
||||
color: #52c41a; // 已通过绿色
|
||||
}
|
||||
|
||||
.step-desc.rejected {
|
||||
color: #ff4d4f; // 已驳回红色
|
||||
}
|
||||
.page-container {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
background-color: #f7f8fa;
|
||||
padding: 24rpx;
|
||||
|
||||
:deep(.uni-steps-item-title.accepted-title) {
|
||||
color: red !important;
|
||||
}
|
||||
|
||||
:deep(.uni-steps-item-title.rejected-title) {
|
||||
color: green !important;
|
||||
}
|
||||
// :deep(.uni-steps-item) {
|
||||
// // 这里根据实际组件的高亮样式类名进行调整
|
||||
// // 假设高亮类名为 .uni-steps-item-active
|
||||
// &::after {
|
||||
// // 步骤连接线高亮
|
||||
// background-color: #52c41a !important;
|
||||
// }
|
||||
// .uni-steps-item-icon {
|
||||
// // 步骤图标高亮
|
||||
// background-color: #52c41a !important;
|
||||
// border-color: #52c41a !important;
|
||||
// }
|
||||
// .uni-steps-item-title {
|
||||
// // 步骤标题高亮
|
||||
// color: #52c41a !important;
|
||||
// }
|
||||
// .uni-steps-item-description {
|
||||
// // 步骤描述高亮
|
||||
// color: #52c41a !important;
|
||||
// }
|
||||
// }
|
||||
.steps-title {
|
||||
display: block;
|
||||
text-align: center; // 文本居中
|
||||
color: #008000; // 绿色文本
|
||||
font-size: 32rpx; // 字体大小，可按需调整
|
||||
margin-bottom: 20rpx; // 标题与步骤条的间距，可按需调整
|
||||
}
|
||||
.table-list-item {
|
||||
background: #fff;
|
||||
padding: 32rpx;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
margin-bottom: 24rpx;
|
||||
|
||||
// 表单样式
|
||||
:deep(.uni-forms) {
|
||||
.uni-forms-item {
|
||||
margin-bottom: 24rpx;
|
||||
padding: 0;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.uni-forms-item__label {
|
||||
color: #8c8c8c;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
padding: 0;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.uni-forms-item__content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 编码按钮组
|
||||
.coding-btn {
|
||||
padding: 16rpx 0;
|
||||
background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
|
||||
border-radius: 12rpx;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
transform: scale(0.98);
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
// 编码检索按钮特殊样式
|
||||
&.search-btn {
|
||||
padding: 12rpx 0;
|
||||
background: #fff;
|
||||
color: #fff;
|
||||
border: 2rpx solid rgba(255, 152, 0, 0.5);
|
||||
background: linear-gradient(to bottom, rgba(23, 237, 3, 0.957), rgba(23, 237, 3, 0.957));
|
||||
box-shadow: none;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1rpx;
|
||||
|
||||
&:active {
|
||||
background: rgba(23, 237, 3, 0.957);
|
||||
border-color: rgba(23, 237, 3, 0.957);
|
||||
transform: translateY(1rpx);
|
||||
}
|
||||
}
|
||||
&.search-btnTwo {
|
||||
padding: 12rpx 0;
|
||||
background: #fff;
|
||||
color: #fff;
|
||||
border: 2rpx solid rgba(255, 152, 0, 0.5);
|
||||
background: linear-gradient(to bottom, rgba(255, 8, 0, 0.911), rgba(255, 8, 0, 0.911));
|
||||
box-shadow: none;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1rpx;
|
||||
|
||||
&:active {
|
||||
background: rgba(255, 8, 0, 0.911);
|
||||
border-color: rgba(255, 8, 0, 0.911);
|
||||
transform: translateY(1rpx);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 编码列表样式
|
||||
:deep(.uni-row) {
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.uni-col-6 {
|
||||
color: #8c8c8c;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cont {
|
||||
color: #262626;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
line-height: 1.8;
|
||||
}
|
||||
}
|
||||
|
||||
// 输入框样式
|
||||
:deep(.uni-easyinput__content) {
|
||||
background-color: #f7f8fa;
|
||||
border: 2rpx solid #e8e8e8;
|
||||
border-radius: 12rpx;
|
||||
height: 80rpx;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:focus-within {
|
||||
border-color: #3784fb;
|
||||
box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
|
||||
}
|
||||
|
||||
.uni-easyinput__content-input {
|
||||
font-size: 28rpx;
|
||||
color: #262626;
|
||||
}
|
||||
}
|
||||
|
||||
// 复选框样式
|
||||
:deep(checkbox) {
|
||||
.wx-checkbox-input {
|
||||
width: 36rpx;
|
||||
height: 36rpx;
|
||||
border-radius: 8rpx;
|
||||
border: 2rpx solid #e8e8e8;
|
||||
background: transparent;
|
||||
|
||||
&.wx-checkbox-input-checked {
|
||||
background: #3784fb;
|
||||
border-color: #3784fb;
|
||||
|
||||
&::before {
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.wx-checkbox-input-disabled {
|
||||
background: #f5f5f5;
|
||||
border-color: #e8e8e8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 底部出库按钮
|
||||
.outbound-btn {
|
||||
position: fixed;
|
||||
bottom: 40rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 90%;
|
||||
height: 88rpx;
|
||||
background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
|
||||
text-align: center;
|
||||
line-height: 88rpx;
|
||||
color: #fff;
|
||||
border-radius: 12rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
transform: translateX(-50%) scale(0.98);
|
||||
opacity: 0.9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 加载提示文字
|
||||
.loading-text {
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #8c8c8c;
|
||||
padding: 32rpx 0;
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
background: #fff;
|
||||
border-radius: 20rpx;
|
||||
margin-bottom: 24rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
|
||||
// 头部样式
|
||||
.section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 24rpx 32rpx;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #262626;
|
||||
}
|
||||
|
||||
.toggle-icon {
|
||||
font-size: 40rpx;
|
||||
color: #8c8c8c;
|
||||
transform: rotate(90deg);
|
||||
transition: transform 0.3s ease;
|
||||
display: inline-block;
|
||||
|
||||
&.is-expanded {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 表单内容区域
|
||||
.form-content {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s ease-out;
|
||||
|
||||
&.is-expanded {
|
||||
max-height: 800rpx; /* 高度可进一步减小 */
|
||||
}
|
||||
|
||||
:deep(.uni-forms) {
|
||||
padding: 0 20rpx 0rpx; /* 减少底部内边距 */
|
||||
}
|
||||
|
||||
:deep(.uni-forms-item) {
|
||||
margin-bottom: 0rpx !important; /* 关键：行间距缩小 */
|
||||
padding: 0rpx 0 !important; /* 减少项内边距 */
|
||||
|
||||
.uni-forms-item__label {
|
||||
color: #8c8c8c;
|
||||
padding-bottom: 0rpx !important; /* 标签与内容间距 */
|
||||
line-height: 2.8; // 保持原有的行高
|
||||
}
|
||||
|
||||
.form-view {
|
||||
color: #262626;
|
||||
font-size: 28rpx;
|
||||
line-height: 2.8 !important; /* 减小文本行高 */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,586 @@
|
|||
<template>
|
||||
<!-- 领料出库 -->
|
||||
<view class="page-container">
|
||||
<view class="complete-btn">
|
||||
<view class="btn" @click="changeTab(1)">
|
||||
<span>未完成</span>
|
||||
<div v-if="active == 1" class="bt-line"></div>
|
||||
</view>
|
||||
<view class="btn" style="margin-left: 80rpx" @click="changeTab(2)">
|
||||
<span>已完成</span>
|
||||
<div v-if="active == 2" class="bt-line"></div>
|
||||
</view>
|
||||
</view>
|
||||
<uni-row :gutter="24" class="search-form">
|
||||
<uni-col :span="24">
|
||||
<view>
|
||||
<uni-datetime-picker
|
||||
v-model="dateArray"
|
||||
type="daterange"
|
||||
@maskClick="maskClick"
|
||||
@change="onChangeDate"
|
||||
placeholder="选择日期范围"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</view>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24" class="search-form">
|
||||
<uni-col :span="18">
|
||||
<view>
|
||||
<uni-easyinput placeholder="请输入内容" v-model="queryParams.keyWord" />
|
||||
</view>
|
||||
</uni-col>
|
||||
<uni-col :span="6">
|
||||
<view class="search" @click="getTableList(false,true)">搜索</view>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
|
||||
<scroll-view scroll-y @scrolltolower="onScrollTolower" class="scroll-container">
|
||||
<view
|
||||
class="table-list-item"
|
||||
:key="index"
|
||||
v-for="(item, index) in tableList"
|
||||
@click="handleItemxxxx(item)"
|
||||
>
|
||||
<uni-swipe-action class="swipe-action">
|
||||
<uni-swipe-action-item
|
||||
:right-options="(item.taskStatus === 3 || item.taskStatus === 2) ? viewOptions :
|
||||
(item.taskStatus === 1 || item.taskStatus === 0) &&
|
||||
typeof item.configValue === 'string' &&
|
||||
item.configValue.includes(userId) ? reviewOptions : []"
|
||||
@click="onReview($event, item)"
|
||||
>
|
||||
<div class="title">
|
||||
<span class="code">{{ item.code }}</span>
|
||||
<div class="cont">
|
||||
<uni-tag
|
||||
:text="
|
||||
item.taskStatus === 2 ? '已完成' :
|
||||
item.taskStatus === 3 ? '已驳回' :
|
||||
item.taskStatus === 1 ? '审核中' :
|
||||
'待审核'
|
||||
"
|
||||
:type="
|
||||
item.taskStatus === 2 ? 'success' :
|
||||
item.taskStatus === 3 ? 'error' :
|
||||
item.taskStatus === 1 ? 'primary' :
|
||||
'warning'
|
||||
"
|
||||
:custom-style="item.taskStatus === 4 ? successStyle : ''"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<uni-row :gutter="24">
|
||||
<uni-col :span="6">申请时间：</uni-col>
|
||||
<uni-col :span="18">
|
||||
<div class="cont">{{ item.createTime }}</div>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24">
|
||||
<uni-col :span="6">申请人：</uni-col>
|
||||
<uni-col :span="18">
|
||||
<div class="cont">{{ item.createBy }}</div>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24">
|
||||
<uni-col :span="6">领料单号：</uni-col>
|
||||
<uni-col :span="18">
|
||||
<div class="cont">{{ item.code }}</div>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24">
|
||||
<uni-col :span="6">领料物资：</uni-col>
|
||||
<uni-col :span="18">
|
||||
<div class="cont">{{ item.maTypeNames }}</div>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24">
|
||||
<uni-col :span="6">领料单位：</uni-col>
|
||||
<uni-col :span="18">
|
||||
<div class="cont">{{ item.leaseUnit }}</div>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24">
|
||||
<uni-col :span="6">领料工程：</uni-col>
|
||||
<uni-col :span="18">
|
||||
<div class="cont">{{ item.leaseProject }}</div>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24">
|
||||
<uni-col :span="6">领料人：</uni-col>
|
||||
<uni-col :span="18">
|
||||
<div class="cont">{{ item.leasePerson }}</div>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
<uni-row :gutter="24">
|
||||
<uni-col :span="8">领料人电话：</uni-col>
|
||||
<uni-col :span="16">
|
||||
<div class="cont">{{ item.phone }}</div>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
|
||||
|
||||
</uni-swipe-action-item>
|
||||
</uni-swipe-action>
|
||||
</view>
|
||||
<view class="loading-text">
|
||||
{{ finish ? '没有更多数据了~' : '正在加载...' }}
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive, computed } from 'vue'
|
||||
import { getPickingReviewListAPI } from '@/services/picking/review.js'
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app'
|
||||
import { debounce } from 'lodash-es'
|
||||
import { onBackPress } from '@dcloudio/uni-app'
|
||||
const total = ref(0) // 数据总量
|
||||
const active = ref(1) // tap索引
|
||||
const tableList = ref([]) // 列表数据源
|
||||
const dateArray = ref([]) // 日期范围
|
||||
// 查询参数
|
||||
const queryParams = ref({
|
||||
startTime: '', // 开始时间
|
||||
endTime: '', // 结束时间
|
||||
keyWord: '', // 关键字
|
||||
// statusList: [4], // 状态
|
||||
pageNum: 1,
|
||||
pageSize: 3,
|
||||
})
|
||||
const userId = ref('') // 用户id
|
||||
// 审核选项
|
||||
const reviewOptions = reactive([
|
||||
{
|
||||
text: '审核',
|
||||
style: {
|
||||
backgroundColor: '#ecb234',
|
||||
fontSize: '28rpx',
|
||||
},
|
||||
},
|
||||
])
|
||||
|
||||
|
||||
// 查看选项
|
||||
const viewOptions = reactive([
|
||||
{
|
||||
text: '查看',
|
||||
style: {
|
||||
backgroundColor: '#52c41a',
|
||||
fontSize: '28rpx',
|
||||
},
|
||||
},
|
||||
])
|
||||
|
||||
|
||||
// 审核/查看
|
||||
const onReview = (e, item) => {
|
||||
console.log('e', e)
|
||||
const params = {
|
||||
id: item.id,
|
||||
taskId: item.taskId,
|
||||
flowId: item.flowId,
|
||||
nodeId: item.nodeId,
|
||||
type: e.content.text ==='审核' ? 1 : 2,
|
||||
}
|
||||
console.log('params', params)
|
||||
uni.navigateTo({
|
||||
url: `/pages/picking/review/details?params=${JSON.stringify(params)}`,
|
||||
})
|
||||
}
|
||||
|
||||
const handleItemxxxx = (item) => {
|
||||
console.log('itemxxxxxxxxxxxxxxxxxxxxxxxxxx', item)
|
||||
}
|
||||
|
||||
// 日期 change 事件
|
||||
const onChangeDate = (val) => {
|
||||
const [val_1, val_2] = val
|
||||
queryParams.value.startTime = val_1
|
||||
queryParams.value.endTime = val_2
|
||||
}
|
||||
|
||||
// 获取列表数据
|
||||
const getTableList = async (isTap = false,isSearch = false) => {
|
||||
if (isSearch) {
|
||||
// 当进行搜索时，重置页码和列表数据
|
||||
queryParams.value.pageNum = 1;
|
||||
tableList.value = [];
|
||||
}
|
||||
console.log('queryParams.value查询参数', queryParams.value)
|
||||
const res = await getPickingReviewListAPI(queryParams.value)
|
||||
console.log('res列表数据', res)
|
||||
total.value = res.data.total
|
||||
if (isTap) {
|
||||
tableList.value = res.data.rows
|
||||
} else {
|
||||
if (res.data.rows.length == 0) {
|
||||
tableList.value = []
|
||||
} else {
|
||||
// tableList.value = res.data.rows
|
||||
tableList.value = [...tableList.value, ...res.data.rows]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// // 页面加载完毕
|
||||
// onLoad(() => {
|
||||
// getTableList()
|
||||
// })
|
||||
|
||||
onShow(() => {
|
||||
queryParams.value.pageNum = 1;
|
||||
tableList.value = []
|
||||
total.value = 0
|
||||
userId.value = String(uni.getStorageSync('id'))
|
||||
console.log('userId', userId.value)
|
||||
getTableList()
|
||||
|
||||
})
|
||||
|
||||
// 滚动触底事件
|
||||
const onScrollTolower = debounce(() => {
|
||||
console.log('触底事件')
|
||||
if (total.value > tableList.value.length) {
|
||||
queryParams.value.pageNum++
|
||||
getTableList()
|
||||
}
|
||||
}, 500)
|
||||
|
||||
// tap 栏切换
|
||||
const changeTab = (index) => {
|
||||
active.value = index
|
||||
console.log('index', index)
|
||||
if (index == 2) {
|
||||
// queryParams.value.statusList = [3] // 查已完成的
|
||||
queryParams.value.pageNum = 1
|
||||
getTableList(true)
|
||||
} else if (index == 1) {
|
||||
// queryParams.value.statusList = [4] // 查未完成的
|
||||
queryParams.value.pageNum = 1
|
||||
getTableList(true)
|
||||
}
|
||||
}
|
||||
// 点击跳转详情
|
||||
const handleItem = (item) => {
|
||||
uni.navigateTo({ url: `/pages/picking/outbound/details?id=${item.id}&publishTask=${item.publishTask}` })
|
||||
}
|
||||
|
||||
// 判断数据是否加载完毕
|
||||
const finish = computed(() => {
|
||||
if (total.value === tableList.value.length) return true
|
||||
})
|
||||
|
||||
const maskClick = () => {}
|
||||
|
||||
// 已完成状态的自定义样式
|
||||
const successStyle = {
|
||||
color: '#52c41a',
|
||||
backgroundColor: 'rgba(82, 196, 26, 0.1)',
|
||||
border: '2rpx solid rgba(82, 196, 26, 0.2)',
|
||||
fontWeight: '600',
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page-container {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
background-color: #f7f8fa;
|
||||
padding: 24rpx;
|
||||
|
||||
// Tab切换按钮
|
||||
.complete-btn {
|
||||
display: flex;
|
||||
padding: 20rpx 24rpx;
|
||||
justify-content: center;
|
||||
background: #fff;
|
||||
border-radius: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
.btn {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 0 60rpx;
|
||||
position: relative;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
span {
|
||||
font-size: 32rpx;
|
||||
color: #8c8c8c;
|
||||
font-weight: 500;
|
||||
|
||||
&.active {
|
||||
color: #3784fb;
|
||||
font-weight: 600;
|
||||
|
||||
.second-active & {
|
||||
color: #fa8c16;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bt-line {
|
||||
width: 32rpx;
|
||||
height: 6rpx;
|
||||
background: #3784fb;
|
||||
margin-top: 12rpx;
|
||||
border-radius: 6rpx;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
.second-active & {
|
||||
background: #fa8c16;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 搜索表单
|
||||
.search-form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding: 24rpx;
|
||||
border-radius: 20rpx;
|
||||
margin-bottom: 24rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
|
||||
|
||||
:deep(.uni-date) {
|
||||
width: 100%;
|
||||
|
||||
.uni-date-x {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.uni-date-editor--x {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.uni-date-range--x {
|
||||
width: 100%;
|
||||
|
||||
.uni-date-range--x-input {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 0 24rpx;
|
||||
|
||||
.uni-date-range--x-text {
|
||||
font-size: 28rpx;
|
||||
color: #262626;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.uni-date-x--border {
|
||||
width: 100%;
|
||||
border: 2rpx solid #e8e8e8;
|
||||
border-radius: 12rpx;
|
||||
background-color: #f7f8fa;
|
||||
height: 80rpx;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:focus-within {
|
||||
border-color: #3784fb;
|
||||
box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
color: #fff;
|
||||
border-radius: 12rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
transform: translateY(2rpx);
|
||||
opacity: 0.9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 列表项
|
||||
.table-list-item {
|
||||
margin: 24rpx 0;
|
||||
padding: 32rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
transform: scale(0.985);
|
||||
background-color: #fafbfc;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 24rpx;
|
||||
|
||||
.code {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #007aff;
|
||||
letter-spacing: 1rpx;
|
||||
background: linear-gradient(90deg, #007aff, #4b8eff);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.cont {
|
||||
:deep(.uni-tag) {
|
||||
padding: 6rpx 20rpx;
|
||||
border-radius: 8rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&[type='warning'] {
|
||||
background-color: rgba(250, 140, 22, 0.1);
|
||||
color: #fa8c16;
|
||||
border: 2rpx solid rgba(250, 140, 22, 0.2);
|
||||
}
|
||||
|
||||
&[type='success'] {
|
||||
// 样式将通过 custom-style 控制
|
||||
}
|
||||
|
||||
&:active {
|
||||
opacity: 0.8;
|
||||
transform: scale(0.98);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
margin: 24rpx 0;
|
||||
height: 2rpx;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(232, 232, 232, 0) 0%,
|
||||
rgba(232, 232, 232, 1) 50%,
|
||||
rgba(232, 232, 232, 0) 100%
|
||||
);
|
||||
}
|
||||
|
||||
:deep(.uni-row) {
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.uni-col-7 {
|
||||
color: #8c8c8c;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.cont {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
line-height: 1.8;
|
||||
color: #262626;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
// 左滑操作按钮
|
||||
:deep(.uni-swipe_action) {
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.uni-swipe_content {
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.uni-swipe_button-group {
|
||||
height: 100%;
|
||||
|
||||
.uni-swipe_button {
|
||||
height: 100%;
|
||||
padding: 0 40rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
|
||||
&:nth-child(1) {
|
||||
background: linear-gradient(to bottom, #3ad980, #34c759);
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
background: linear-gradient(to bottom, #3b95ff, #007aff);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 加载提示文字
|
||||
.loading-text {
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
color: #8c8c8c;
|
||||
padding: 32rpx 0;
|
||||
letter-spacing: 1rpx;
|
||||
}
|
||||
|
||||
// 优化滑动区域样式
|
||||
:deep(.uni-swipe_action) {
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.uni-swipe_content {
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.uni-swipe_button-group {
|
||||
height: 100%;
|
||||
|
||||
.uni-swipe_button {
|
||||
writing-mode: vertical-rl;
|
||||
padding: 0 24rpx;
|
||||
font-size: 28rpx !important;
|
||||
font-weight: 600;
|
||||
|
||||
// 查看按钮
|
||||
&:nth-child(1) {
|
||||
background: linear-gradient(to bottom, #3ad980, #34C759) !important;
|
||||
}
|
||||
|
||||
// 出库按钮
|
||||
&:nth-child(2) {
|
||||
background: linear-gradient(to bottom, #3b95ff, #007AFF) !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
opacity: 0.85;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -179,6 +179,11 @@ const pickingList = ref([
|
|||
url: '/pages/picking/outbound/index',
|
||||
iconSrc: '../../static/workbench/backCreate.png',
|
||||
},
|
||||
{
|
||||
title: '领料审核',
|
||||
url: '/pages/picking/review/index',
|
||||
iconSrc: '../../static/workbench/backCreate.png',
|
||||
},
|
||||
// {
|
||||
// title: '退料创建',
|
||||
// url: '',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,46 @@
|
|||
import { http } from '@/utils/http'
|
||||
|
||||
/**
|
||||
* 领料审核 ---- 列表查询
|
||||
*/
|
||||
export const getPickingReviewListAPI = (data) => {
|
||||
return http({
|
||||
method: 'GET',
|
||||
url: '/material/leaseTask/auditList',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 领料审核 ---- 流程查询
|
||||
*/
|
||||
export const getAuditInfoAPI = (data) => {
|
||||
return http({
|
||||
method: 'GET',
|
||||
url: '/material/sysWorkflowNode/listByTaskId',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 领料审核 ---- 基本信息查询id
|
||||
*/
|
||||
export const receiveDetailAPI = (id) => {
|
||||
return http({
|
||||
method: 'GET',
|
||||
url: '/material//leaseTask/'+id,
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 领料出库 ---- 出库
|
||||
*/
|
||||
export const submitAuditingApi = (data) => {
|
||||
return http({
|
||||
method: 'POST',
|
||||
url: '/material/sysWorkflowRecordHistory/update',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
|
@ -5,7 +5,7 @@ export const useMemberStore = defineStore(
|
|||
'member',
|
||||
() => {
|
||||
// 定义用户信息
|
||||
const userInfo = ref({ token: '', userName: '' })
|
||||
const userInfo = ref({ token: '', userName: '',userId:'' })
|
||||
const token = ref('')
|
||||
// 存储用户信息
|
||||
const setUserInfo = (val) => {
|
||||
|
|
|
|||
|
|
@ -7,9 +7,10 @@ import { useMemberStore } from '@/stores'
|
|||
*/
|
||||
const ENV = process.env.NODE_ENV
|
||||
// export const baseURL = ENV === 'development' ? 'http://192.168.0.244:18580' : 'http://192.168.0.244:18580'//测试
|
||||
export const baseURL = ENV === 'development' ? 'http://sgwpdm.ah.sgcc.com.cn/iws/jiju-api/' : 'http://sgwpdm.ah.sgcc.com.cn/iws/jiju-api/'//生产
|
||||
// export const baseURL = ENV === 'development' ? 'http://192.168.0.234:18080' : '***'
|
||||
// export const baseURL = ENV === 'development' ? 'http://192.168.0.15:18080' : 'http://192.168.2.23:18080'//马
|
||||
export const baseURL = ENV === 'development' ? 'http://sgwpdm.ah.sgcc.com.cn/iws/jiju-api/' : 'http://sgwpdm.ah.sgcc.com.cn/iws/jiju-api/'//生产
|
||||
// export const baseURL = ENV === 'development' ? '/api' : '/iws/jiju-api'; // 宏源服务
|
||||
// export const baseURL = ENV === 'development' ? 'http://192.168.0.234:18080' : '***'
|
||||
// export const baseURL = ENV === 'development' ? 'http://192.168.2.27:18080' : 'http://192.168.2.27:18080'//马
|
||||
// export const baseURL = ENV === 'development' ? '/api' : '***'
|
||||
|
||||
// **********OCR识别为NVUE文件页面请求URL需要同步配置**********
|
||||
|
|
|
|||
Loading…
Reference in New Issue