bonus
/
SmartStorage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
SmartStorage/pages/exitExam/exitExam.vue

580 lines
19 KiB
Vue
Raw Normal View History

项目初始化
2023-12-20 15:15:23 +08:00
<template>
南网打包配置
2024-10-08 09:02:37 +08:00
<view>
<view
class="single-fetch"
v-for="(fetch, index) in fetchMaterialList"
:key="index">
<view class="fetch-upper">
<view class="upper-lef">
{{
fetch.backPerson == null
? ""
: fetch.backPerson.slice(0, 1)
}}
</view>
<view class="upper-rig">
<h4 style="font-size: 16px">{{ fetch.backPerson }}</h4>
<h4 style="color: #989898">{{ fetch.phone }}</h4>
</view>
</view>
<view class="fetch-lower">
<view>
<span>退料单号</span>
<h4>{{ fetch.code }}</h4>
</view>
<view>
<span>退料申请单位</span>
<h4>{{ fetch.unitName }}</h4>
</view>
<view>
<span>退料申请工程</span>
<h4>{{ fetch.lotName }}</h4>
</view>
<view>
<span>工机具类型</span>
<h4>{{ fetch.typeName }}</h4>
</view>
<view>
<span>申请数量</span>
<h4>{{ fetch.num }}</h4>
</view>
<view>
<span>申请时间</span>
<h4>{{ fetch.backTime }}</h4>
</view>
</view>
<view class="fetch-btns">
<view
style="background-color: #3788ff"
@click="seeDetail(fetch.id)">
<uni-icons style="color: #fff" type="eye"></uni-icons>
查看
</view>
<view
style="background-color: #fca30d"
v-show="
fetch.taskStatus == 37 &&
roles.includes('jjfgs') &&
fetch.status == 0
"
@click="toggleOpenModal(fetch)">
<uni-icons style="color: #fff" type="auth"></uni-icons>
机具审核
</view>
<!-- <view
3.13代码提交
2024-03-13 17:55:34 +08:00
style="background-color: #FCA30D;"
v-show="fetch.taskStatus == 37 && roles.includes('tsfgs') && fetch.status == 0"
@click="toggleOpenModal(fetch)"
12/21 页面新增
2023-12-21 11:01:48 +08:00
>
3.13代码提交
2024-03-13 17:55:34 +08:00
<uni-icons style="color: #fff;" type="auth"></uni-icons>
调试审核
6.14重庆仓储bug修改
2024-06-14 10:22:42 +08:00
</view> -->
南网打包配置
2024-10-08 09:02:37 +08:00
</view>
<view class="sticky-area">
<!-- <image src="/static/passed.png" v-show="Number(fetch.taskStatus) >= '38'" mode=""></image>
3.13代码提交
2024-03-13 17:55:34 +08:00
<image src="/static/noPass.png" v-show="fetch.status == '1'" mode=""></image>
<image src="/static/noExam.png" v-show="Number(fetch.taskStatus) < '38'" mode=""></image> -->
南网打包配置
2024-10-08 09:02:37 +08:00
<h4 v-show="fetch.taskStatus == '37'">退料待审核</h4>
<h4 v-show="fetch.taskStatus == '38'">退料已审核</h4>
<h4 v-show="fetch.taskStatus == '39'">退料核查中</h4>
<h4
v-show="fetch.taskStatus == '101'"
style="border: 1px solid #ee603d; color: #ee603d">
退料审核驳回
</h4>
<h4
v-show="fetch.taskStatus == '40'"
style="border: 1px solid #27d870; color: #27d870">
退料完成
</h4>
</view>
</view>
<!-- <view class="btm-sticky">
12/21 页面新增
2023-12-21 11:01:48 +08:00
<view class="checked">
<checkbox-group @tap="checkAll" style="margin-right: 15rpx;">
<checkbox :checked="allChecked" />
</checkbox-group>
<text>全选</text>
</view>
<view
class="exam"
@click="toggleExam"
>
审核
</view>
</view> -->
南网打包配置
2024-10-08 09:02:37 +08:00
<uni-popup ref="popup" type="center" :mask-click="false">
<view class="popup">
<view class="pop-top">
<h4>审批</h4>
<uni-icons
style="color: #aaaaaa; font-weight: bold"
type="closeempty"
@click="closePopup">
</uni-icons>
</view>
<h4
style="
width: 85%;
margin: 2vh auto;
font-weight: normal;
text-align: center;
">
是否通过审批？
</h4>
<view class="select-area">
<view @click="modalConfirm">通过</view>
<view @click="modalReject">驳回</view>
</view>
</view>
</uni-popup>
<uni-popup ref="popup1" type="center" :mask-click="false">
<view class="popup1">
<view class="pop-top">
<h4>驳回原因</h4>
<uni-icons
style="color: #aaaaaa; font-weight: bold"
type="closeempty"
@click="closePopup1">
</uni-icons>
</view>
<view class="select-area">
<uni-easyinput
v-model="rejectReason"
maxlength="50"
placeholder="请填写驳回原因"></uni-easyinput>
<view class="btn" @click="confirmReject">驳回</view>
</view>
</view>
</uni-popup>
</view>
项目初始化
2023-12-20 15:15:23 +08:00
</template>
<script>
南网打包配置
2024-10-08 09:02:37 +08:00
import { basePath } from "../../public";
export default {
data() {
return {
allChecked: false,
examFormData: {
ifPass: "",
noPassReason: "",
},
ifPassRange: [
{ text: "是", value: "0" },
{ text: "否", value: "1" },
],
rules: {
ifPass: {
rules: [
{
required: true,
errorMessage: "请选择是否通过！",
},
],
},
},
fetchMaterialList: [],
examList: [],
deviceList: [],
roles: uni.getStorageSync("roles"),
modalList: {},
rejectReason: "",
};
},
methods: {
seeDetail(id) {
uni.navigateTo({
url: `/pages/exitExamDetail/exitExamDetail?id=${id}`,
});
},
checkAll() {
this.allChecked = !this.allChecked;
if (this.allChecked) {
this.fetchMaterialList.map((item) => {
if (item.checked == false) {
item.checked = true;
}
});
} else {
this.fetchMaterialList.map((item) => {
if (item.checked == true) {
item.checked = false;
}
});
}
},
checkClick(item) {
item.checked = !item.checked;
if (!item.checked) {
this.allChecked = false;
} else {
const goods = this.fetchMaterialList.every((item) => {
return item.checked === true;
});
if (goods) {
this.allChecked = true;
} else {
this.allChecked = false;
}
}
},
toggleOpenModal(info) {
console.log(info);
this.modalList = info;
this.$refs.popup.open();
},
modalConfirm() {
let that = this;
console.log(that.modalList);
that.seeExam(that.modalList.id);
},
modalReject() {
let that = this;
console.log(that.modalList);
that.rejectExam(that.modalList.id);
// that.$refs.popup1.open()
},
confirmReject() {
let that = this;
if (that.rejectReason == "") {
uni.showToast({
icon: "none",
title: "请填写驳回原因！",
});
} else {
that.modalList.directAuditRemark = that.rejectReason;
console.log(that.modalList);
that.rejectExam(
that.modalList.id,
that.modalList.directAuditRemark
);
}
},
closePopup() {
this.$refs.popup.close();
},
closePopup1() {
this.$refs.popup1.close();
},
seeExam(id) {
let that = this;
// 提交单个审核
that.$api.exitExam
.subExitExam({
id,
// directAuditRemark
})
.then((res) => {
console.log(res);
if (res.data.code == 200) {
that.closePopup();
that.closePopup1();
uni.showToast({
icon: "none",
title: res.data.msg,
success: () => {
uni.redirectTo({
url: "/pages/exitExam/exitExam",
});
},
});
} else {
that.closePopup();
that.closePopup1();
uni.showToast({
icon: "none",
title: res.data.msg,
});
}
})
.catch((err) => {
console.log(err);
});
},
rejectExam(id) {
let that = this;
// 拒绝单个审核
that.$api.exitExam
.rejectExitExam({
id,
// directAuditRemark
})
.then((res) => {
console.log(res);
if (res.data.code == 200) {
that.closePopup();
that.closePopup1();
uni.showToast({
icon: "none",
title: res.data.msg,
success: () => {
uni.redirectTo({
url: "/pages/exitExam/exitExam",
});
},
});
} else {
that.closePopup();
that.closePopup1();
uni.showToast({
icon: "none",
title: res.data.msg,
});
}
})
.catch((err) => {
console.log(err);
});
},
},
onShow() {
let that = this;
// that.roles = uni.getStorageSync('roles')
console.log(
that.roles,
uni.getStorageSync("userInfo").sysUser.companyId
);
if (that.roles.includes("admin"))
that.roles = ["admin", "jjfgs", "tsfgs"];
// 获取退料审批清单
that.$api.exitExam
.exitExamList({
companyId: uni.getStorageSync("userInfo").sysUser.companyId,
// companyId: 1
})
.then((res) => {
console.log(res);
if (res.data.code == 200) {
if (res.data.data.length == 0) {
uni.showToast({
icon: "none",
title: "未查询到相关数据！",
});
} else {
that.fetchMaterialList = res.data.data;
console.log(that.fetchMaterialList);
}
} else if (res.data.code == 500) {
uni.showToast({
icon: "none",
title: "登录状态已过期，请重新登录！",
success: () => {
uni.removeStorageSync("token");
uni.removeStorageSync("userInfo");
uni.reLaunch({
// url: '/pages/login/login'
url: "/pages/nwLogin/index",
});
},
});
} else {
uni.showToast({
icon: "none",
title: res.data.msg,
});
}
})
.catch((err) => {
console.log(err);
});
},
};
项目初始化
2023-12-20 15:15:23 +08:00
</script>
12/21 页面新增
2023-12-21 11:01:48 +08:00
<style lang="scss">
南网打包配置
2024-10-08 09:02:37 +08:00
body {
background-color: #f8f8f8;
box-sizing: border-box;
padding-bottom: 10vh;
}
.single-fetch {
width: 95%;
margin: 20rpx auto;
background-color: #fff;
border-radius: 15rpx;
box-sizing: border-box;
padding: 15rpx;
position: relative;
.fetch-upper {
width: 100%;
box-sizing: border-box;
padding: 15rpx;
border-bottom: 1px solid #d7d7d7;
display: flex;
align-items: center;
.upper-lef {
width: 12%;
height: 5vh;
border-radius: 15rpx;
background-color: #378aff;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
}
.upper-rig {
flex: 1;
box-sizing: border-box;
padding: 10rpx 20rpx;
display: flex;
flex-direction: column;
justify-content: space-around;
h4 {
font-weight: normal;
font-size: 14px;
}
}
}
.fetch-lower {
width: 100%;
box-sizing: border-box;
padding: 15rpx;
border-bottom: 1px solid #d7d7d7;
view {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 15rpx;
font-size: 14px;
span {
color: #9d9d9d;
padding-right: 20rpx;
}
h4 {
color: #000;
font-size: 14px;
font-weight: normal;
}
}
view:last-child {
margin-bottom: 0;
}
}
.fetch-btns {
width: 100%;
box-sizing: border-box;
padding: 15rpx;
display: flex;
justify-content: flex-end;
view {
box-sizing: border-box;
padding: 8rpx 25rpx;
border-radius: 15rpx;
color: #fff;
margin-right: 15rpx;
font-size: 14px;
}
view:last-child {
margin-right: 0;
}
}
.sticky-area {
position: absolute;
top: 20rpx;
right: 20rpx;
h4 {
box-sizing: border-box;
padding: 8rpx 20rpx;
border-radius: 15rpx;
font-size: 14px;
font-weight: normal;
background-color: #fff;
border: 1px solid #3788ff;
color: #3788ff;
}
}
}
.btm-sticky {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 15rpx 30rpx;
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
.checked {
display: flex;
align-items: center;
}
.exam {
box-sizing: border-box;
padding: 10rpx 50rpx;
border-radius: 30rpx;
background-color: #3788ff;
font-size: 14px;
color: #fff;
}
}
.popup {
width: 80vw;
height: 20vh;
background-color: #fff;
border-radius: 15rpx;
overflow: hidden;
background: linear-gradient(#d9e7fe, #fff, #fff, #fff);
.pop-top {
width: 100%;
height: 5vh;
box-sizing: border-box;
padding: 0 25rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.select-area {
width: 85%;
margin: 40rpx auto;
display: flex;
justify-content: space-around;
align-items: center;
view {
box-sizing: border-box;
font-size: 30rpx;
padding: 12rpx 24rpx;
background-color: #3788ff;
color: #fff;
border-radius: 20rpx;
}
}
}
.popup1 {
width: 80vw;
height: 20vh;
background-color: #fff;
border-radius: 15rpx;
overflow: hidden;
background: linear-gradient(#d9e7fe, #fff, #fff, #fff);
.pop-top {
width: 100%;
height: 5vh;
box-sizing: border-box;
padding: 0 25rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.select-area {
width: 85%;
margin: 40rpx auto;
.btn {
width: 30%;
box-sizing: border-box;
padding: 10rpx 0;
display: flex;
justify-content: center;
align-items: center;
background-color: #3788ff;
color: #fff;
font-size: 14px;
border-radius: 15rpx;
margin: 20rpx auto;
}
}
}
项目初始化
2023-12-20 15:15:23 +08:00
</style>