506 lines
16 KiB
Vue
506 lines
16 KiB
Vue
<template>
|
|
<view>
|
|
<view
|
|
class="single-pre"
|
|
v-for="(list, index) in preDetailList"
|
|
:key="list.id">
|
|
<view>
|
|
<checkbox-group
|
|
v-show="list.status == '0' && showBtn == '0'"
|
|
style="margin-right: 15rpx"
|
|
@change="checkClick(list)">
|
|
<checkbox :checked="list.checked" />
|
|
</checkbox-group>
|
|
</view>
|
|
<view class="info-cont">
|
|
<view>
|
|
<h4>设备类型</h4>
|
|
<h5>{{ list.machineTypeName }}</h5>
|
|
</view>
|
|
<view>
|
|
<h4>规格型号</h4>
|
|
<h5>{{ list.specificationType }}</h5>
|
|
</view>
|
|
<view>
|
|
<h4>设备编码</h4>
|
|
<h5>{{ list.maCode == null ? "-" : list.maCode }}</h5>
|
|
</view>
|
|
<view>
|
|
<h4>报废数量</h4>
|
|
<h5>{{ list.scrapNum }}</h5>
|
|
</view>
|
|
<view>
|
|
<h4>损坏原因</h4>
|
|
<h5>{{ list.scrapType == "0" ? "自然" : "人为" }}</h5>
|
|
</view>
|
|
<view>
|
|
<h4>报废图片</h4>
|
|
<h5>
|
|
<image
|
|
v-for="(img, index) in list.fileUrl"
|
|
:key="index"
|
|
:src="imgPrefix + img[index]"
|
|
mode=""></image>
|
|
</h5>
|
|
</view>
|
|
<!-- <h3 v-show="list.status == '0' && showBtn == '0'">
|
|
<text
|
|
@click="togglePass(list)"
|
|
>
|
|
通过
|
|
</text>
|
|
<text
|
|
style="background-color: #fff; color: #000; border: 1px solid #EBEBEB;"
|
|
@click="toggleRefuse(list)"
|
|
>
|
|
驳回
|
|
</text>
|
|
</h3> -->
|
|
<h6 class="sticky-area">
|
|
<h4
|
|
v-show="list.status == '0'"
|
|
style="background-color: #fff6e7; color: #fcaa23">
|
|
待审核
|
|
</h4>
|
|
<h4
|
|
v-show="list.status == '1'"
|
|
style="background-color: #e9fbe7; color: #3cd92e">
|
|
已通过
|
|
</h4>
|
|
<h4
|
|
v-show="list.status == '2'"
|
|
style="background-color: #ffecec; color: #ff4c4c">
|
|
驳回
|
|
</h4>
|
|
</h6>
|
|
</view>
|
|
</view>
|
|
<view class="btm-sticky" v-show="showBtn == '0'">
|
|
<view class="checked">
|
|
<checkbox-group @tap="checkAll" style="margin-right: 15rpx">
|
|
<checkbox :checked="allChecked" />
|
|
</checkbox-group>
|
|
<text>全选</text>
|
|
</view>
|
|
<view style="display: flex">
|
|
<view
|
|
class="exam"
|
|
@click="clickPass"
|
|
style="margin-right: 15rpx">
|
|
通过
|
|
</view>
|
|
<view
|
|
class="exam"
|
|
style="
|
|
background-color: #fff;
|
|
color: #000;
|
|
border: 1px solid #ebebeb;
|
|
"
|
|
@click="clickReject">
|
|
驳回
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<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"
|
|
placeholder="请填写驳回原因"></uni-easyinput>
|
|
<view class="btn" @click="confirmReject">驳回</view>
|
|
</view>
|
|
</view>
|
|
</uni-popup>
|
|
<u-loading-page
|
|
:loading="showLoading"
|
|
color="#000"
|
|
loading-text="提交中,请稍后..."></u-loading-page>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
showLoading: false,
|
|
allChecked: false,
|
|
taskId: "",
|
|
preDetailList: [],
|
|
imgPrefix: "",
|
|
rejectReason: "",
|
|
refuseList: "",
|
|
showBtn: "",
|
|
rejectList: [],
|
|
};
|
|
},
|
|
methods: {
|
|
fetchPreDetail(taskId) {
|
|
let that = this;
|
|
that.$api.preCrashExam
|
|
.fetchPreCrashDetail({
|
|
taskId,
|
|
})
|
|
.then((res) => {
|
|
console.log("预报废详情", res);
|
|
if (res.data.code == 200) {
|
|
res.data.rows.forEach((item) => {
|
|
if (item.fileUrl != null) {
|
|
item.fileUrl = item.fileUrl.split(",");
|
|
}
|
|
item.checked = false;
|
|
});
|
|
that.preDetailList = res.data.rows;
|
|
console.log(that.preDetailList);
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
console.log(err);
|
|
});
|
|
},
|
|
submitExam(obj) {
|
|
let that = this;
|
|
that.showLoading = true;
|
|
// 提交审核/驳回
|
|
that.$api.preCrashExam
|
|
.submitPreExam(obj)
|
|
.then((res) => {
|
|
console.log(res);
|
|
if (res.data.code == 200) {
|
|
that.showLoading = false;
|
|
uni.showToast({
|
|
icon: "none",
|
|
title: res.data.msg,
|
|
success: () => {
|
|
uni.navigateBack();
|
|
},
|
|
});
|
|
} else {
|
|
that.showLoading = false;
|
|
uni.showToast({
|
|
icon: "none",
|
|
title: res.data.msg,
|
|
});
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
console.log(err);
|
|
});
|
|
},
|
|
togglePass(list) {
|
|
let that = this;
|
|
let arr = [];
|
|
arr.push({
|
|
auditBy: uni.getStorageSync("userInfo").userid,
|
|
id: list.id,
|
|
status: "1",
|
|
});
|
|
let subObj = {
|
|
scrapDetailList: arr,
|
|
taskId: list.taskId,
|
|
};
|
|
uni.showModal({
|
|
title: "通过审核",
|
|
content: "是否通过审核？",
|
|
confirmText: "通过",
|
|
cancelText: "取消",
|
|
success: (res) => {
|
|
if (res.confirm) {
|
|
console.log(subObj);
|
|
that.submitExam(subObj);
|
|
}
|
|
},
|
|
});
|
|
},
|
|
toggleRefuse(list) {
|
|
this.refuseList = list;
|
|
this.$refs.popup1.open();
|
|
},
|
|
closePopup1() {
|
|
this.$refs.popup1.close();
|
|
},
|
|
confirmReject() {
|
|
let that = this;
|
|
/* let arr = []
|
|
arr.push({
|
|
auditBy: uni.getStorageSync('userInfo').userid,
|
|
id: this.refuseList.id,
|
|
auditRemark: this.rejectReason,
|
|
status: '2'
|
|
})
|
|
let subObj = {
|
|
scrapDetailList: arr,
|
|
taskId: this.refuseList.taskId
|
|
}
|
|
console.log(subObj);
|
|
that.submitExam(subObj)
|
|
that.closePopup1() */
|
|
if (that.rejectReason == "") {
|
|
uni.showToast({
|
|
icon: "none",
|
|
title: "请填写驳回原因！",
|
|
});
|
|
} else {
|
|
that.rejectList.forEach((item) => {
|
|
item.auditRemark = that.rejectReason;
|
|
});
|
|
let subObj = {
|
|
scrapDetailList: that.rejectList,
|
|
taskId: that.taskId,
|
|
};
|
|
console.log(subObj);
|
|
that.submitExam(subObj);
|
|
that.closePopup1();
|
|
}
|
|
},
|
|
checkClick(item) {
|
|
item.checked = !item.checked;
|
|
if (!item.checked) {
|
|
this.allChecked = false;
|
|
} else {
|
|
const goods = this.preDetailList.every((item) => {
|
|
return item.checked === true;
|
|
});
|
|
if (goods) {
|
|
this.allChecked = true;
|
|
} else {
|
|
this.allChecked = false;
|
|
}
|
|
}
|
|
},
|
|
checkAll() {
|
|
this.allChecked = !this.allChecked;
|
|
if (this.allChecked) {
|
|
this.preDetailList.map((item) => {
|
|
if (item.checked == false) {
|
|
item.checked = true;
|
|
}
|
|
});
|
|
} else {
|
|
this.preDetailList.map((item) => {
|
|
if (item.checked == true) {
|
|
item.checked = false;
|
|
}
|
|
});
|
|
}
|
|
},
|
|
clickPass() {
|
|
let that = this;
|
|
let subList = that.preDetailList
|
|
.filter((item) => {
|
|
return item.checked == true && item.status == 0;
|
|
})
|
|
.map((subItem) => {
|
|
return {
|
|
auditBy: uni.getStorageSync("userInfo").userid,
|
|
id: subItem["id"],
|
|
status: "1",
|
|
};
|
|
});
|
|
if (subList.length == 0) {
|
|
uni.showToast({
|
|
icon: "none",
|
|
title: "未选中审核项！",
|
|
});
|
|
} else {
|
|
let subObj = {
|
|
scrapDetailList: subList,
|
|
taskId: this.taskId,
|
|
};
|
|
uni.showModal({
|
|
title: "通过审核",
|
|
content: "是否通过审核？",
|
|
confirmText: "通过",
|
|
cancelText: "取消",
|
|
success: (res) => {
|
|
if (res.confirm) {
|
|
console.log(subObj);
|
|
that.submitExam(subObj);
|
|
}
|
|
},
|
|
});
|
|
}
|
|
},
|
|
clickReject() {
|
|
let that = this;
|
|
let subList = that.preDetailList
|
|
.filter((item) => {
|
|
return item.checked == true && item.status == 0;
|
|
})
|
|
.map((subItem) => {
|
|
return {
|
|
auditBy: uni.getStorageSync("userInfo").userid,
|
|
id: subItem["id"],
|
|
status: "2",
|
|
};
|
|
});
|
|
if (subList.length == 0) {
|
|
uni.showToast({
|
|
icon: "none",
|
|
title: "未选中审核项！",
|
|
});
|
|
} else {
|
|
that.rejectList = subList;
|
|
that.$refs.popup1.open();
|
|
}
|
|
},
|
|
},
|
|
onLoad(params) {
|
|
this.showBtn = params.showBtn;
|
|
this.taskId = params.taskId;
|
|
},
|
|
onShow() {
|
|
this.imgPrefix = this.$api.url;
|
|
console.log(this.imgPrefix);
|
|
this.fetchPreDetail(this.taskId);
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
body {
|
|
background-color: #fafdff;
|
|
box-sizing: border-box;
|
|
padding-bottom: 10vh;
|
|
}
|
|
.single-pre {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 30rpx;
|
|
background-color: #fff;
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: 1px solid #d7d7d7;
|
|
.info-cont {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
view {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 25rpx;
|
|
h4 {
|
|
font-weight: normal;
|
|
font-size: 30rpx;
|
|
color: #adadad;
|
|
padding-right: 20rpx;
|
|
}
|
|
h5 {
|
|
font-weight: normal;
|
|
font-size: 30rpx;
|
|
image {
|
|
width: 20%;
|
|
height: 100rpx;
|
|
}
|
|
}
|
|
}
|
|
view:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
h3 {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 20rpx;
|
|
margin-top: 50rpx;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: right;
|
|
text {
|
|
width: 20%;
|
|
box-sizing: border-box;
|
|
padding: 10rpx 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 30rpx;
|
|
background-color: #3888ff;
|
|
font-weight: normal;
|
|
margin-right: 30rpx;
|
|
color: #fff;
|
|
}
|
|
text:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
.sticky-area {
|
|
font-size: 16px;
|
|
position: absolute;
|
|
top: 20rpx;
|
|
right: 20rpx;
|
|
h4 {
|
|
box-sizing: border-box;
|
|
padding: 10rpx 25rpx;
|
|
}
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
</style>
|