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

531 lines
18 KiB
Vue
Raw Normal View History

12/21 页面新增
2023-12-21 11:01:48 +08:00
<template>
漏洞问题修复
2024-10-09 17:41:25 +08:00
<view>
<view
class="single-fetch"
v-for="(fetch, index) in fetchMaterialList"
:key="index">
<view class="fetch-upper">
<checkbox-group
v-show="fetch.taskStatus == 46"
style="margin-right: 15rpx"
@change="checkClick(fetch)">
<checkbox :checked="fetch.checked" />
</checkbox-group>
<view class="upper-lef">
{{
fetch.createBy == null ? "" : fetch.createBy.slice(0, 1)
}}
</view>
<view class="upper-rig">
<h4 style="font-size: 16px">{{ fetch.createBy }}</h4>
<h4 style="color: #989898">{{ fetch.unitName }}</h4>
</view>
</view>
<view class="fetch-lower">
<view>
<span>维修单号</span>
<h4>{{ fetch.repairNum }}</h4>
</view>
<view>
<span>工程名称</span>
<h4>{{ fetch.projectName }}</h4>
</view>
<view>
<span>工机具类型</span>
<h4>{{ fetch.itemType }}</h4>
</view>
<view>
<span>申请日期</span>
<h4>{{ fetch.createTime }}</h4>
</view>
</view>
<view class="fetch-btns">
<view
style="background-color: #3788ff"
@click="seeDetail(fetch.taskId, fetch.taskStatus, 0)">
<uni-icons style="color: #fff" type="eye"></uni-icons>
查看
</view>
<view
style="background-color: #fca30d"
v-show="
fetch.taskStatus == 46 &&
(store.includes('service:auditing') ||
store.includes('*:*:*'))
"
@click="seeDetail(fetch.taskId, fetch.taskStatus, 1)">
<uni-icons style="color: #fff" type="auth"></uni-icons>
审核
</view>
</view>
<view class="sticky-area">
<image
src="/static/passed.png"
v-show="fetch.taskStatus == 47"
mode=""></image>
<image
src="/static/noPass.png"
v-show="fetch.taskStatus == 48"
mode=""></image>
<image
src="/static/noExam.png"
v-show="fetch.taskStatus == 46"
mode=""></image>
</view>
</view>
<view class="btm-sticky">
<view class="checked">
<checkbox-group @tap="checkAll" style="margin-right: 15rpx">
<checkbox :checked="allChecked" />
</checkbox-group>
<text>全选</text>
</view>
<view
class="exam"
@click="toggleExam"
v-if="
store.includes('service:auditing') ||
store.includes('*:*:*')
">
审核
</view>
</view>
<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>
<!-- <uni-forms ref="examForm" :modelValue="examFormData" :rules="rules" label-position="top">
3.13代码提交
2024-03-13 17:55:34 +08:00
<uni-forms-item name="ifPass" required label="是否通过" label-width="150">
<uni-data-select
v-model="examFormData.ifPass"
:localdata="ifPassRange"
:clear="false"
@change="ifPassChange"
></uni-data-select>
</uni-forms-item>
<uni-forms-item required v-show="examFormData.ifPass == '1'" name="noPassReason" label="不通过原因" label-width="150">
<uni-easyinput type="textarea" v-model="examFormData.noPassReason" placeholder="请输入内容"></uni-easyinput>
</uni-forms-item>
<button class="submit-btn" @click="formSubmit">确认</button>
5.8两模块批量审批弹窗驳回添加
2024-05-08 09:05:30 +08:00
</uni-forms> -->
漏洞问题修复
2024-10-09 17:41:25 +08:00
</view>
</view>
</uni-popup>
</view>
12/21 页面新增
2023-12-21 11:01:48 +08:00
</template>
<script>
漏洞问题修复
2024-10-09 17:41:25 +08:00
import store from "../../store/user";
export default {
data() {
return {
allChecked: false,
examFormData: {
ifPass: "",
noPassReason: "",
},
ifPassRange: [
{ text: "是", value: "0" },
{ text: "否", value: "1" },
],
rules: {
ifPass: {
rules: [
{
required: true,
errorMessage: "请选择是否通过！",
},
],
},
},
fetchMaterialList: [],
taskIdList: [],
subArr: [],
subObj: {},
auditList: [],
store: store.state.permissions || [],
};
},
methods: {
seeDetail(taskId, taskStatus, able) {
uni.navigateTo({
url: `/pages/testExam/testExamDetails?taskId=${taskId}&taskStatus=${taskStatus}&able=${able}`,
});
},
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;
}
}
},
toggleExam(info) {
let that = this;
that.subArr = [];
that.auditList = that.fetchMaterialList.filter((item) => {
return item.checked == true;
});
that.taskIdList = that.fetchMaterialList
.filter((item) => {
return item.checked == true;
})
.map((subItem) => {
return {
taskId: subItem["taskId"],
};
});
if (that.taskIdList.length == 0) {
uni.showToast({
icon: "none",
title: "未选中审核项！",
});
} else {
for (let i = 0; i < that.taskIdList.length; i++) {
that.subArr.push(that.taskIdList[i].taskId);
}
that.openPopup();
/* uni.showModal({
3.13代码提交
2024-03-13 17:55:34 +08:00
title: '审核通过',
content: '确认审核通过吗？',
confirmText: '通过',
success: (res) => {
if (res.confirm) {
that.subObj = {
checkResult: '通过',
taskIdList: that.subArr
}
console.log(that.subObj);
that.subInStore(that.subObj)
}
}
5.8两模块批量审批弹窗驳回添加
2024-05-08 09:05:30 +08:00
}) */
漏洞问题修复
2024-10-09 17:41:25 +08:00
}
},
subInStore(obj) {
let that = this;
// 通过审核或驳回
that.$api.testExam.testExamAudit(obj).then((res) => {
console.log(res);
if (res.data.code == 200) {
uni.showToast({
icon: "none",
title: res.data.msg,
success: () => {
that.closePopup();
uni.redirectTo({
url: "/pages/testExam/testExam",
});
},
});
} else {
uni.showToast({
icon: "none",
title: res.data.msg,
});
}
});
},
openPopup() {
this.$refs.popup.open();
},
closePopup() {
this.$refs.popup.close();
},
modalConfirm() {
let that = this;
that.subObj = {
checkResult: "通过",
taskIdList: that.subArr,
};
console.log(that.subObj);
that.subInStore(that.subObj);
},
modalReject() {
let that = this;
that.subObj = {
checkResult: "驳回",
taskIdList: that.taskIdList,
};
console.log(that.subObj);
that.subInStore(that.subObj);
},
formSubmit() {
let that = this;
that.$refs.examForm.validate().then((formData) => {
console.log(formData);
that.$refs.popup.close();
});
},
ifPassChange(e) {
let that = this;
console.log(e);
if (e == 1) {
that.rules = {
ifPass: {
rules: [
{
required: true,
errorMessage: "请选择是否通过！",
},
],
},
noPassReason: {
rules: [
{
required: true,
errorMessage: "请填写不通过原因！",
},
],
},
};
} else {
that.examFormData.noPassReason = "";
that.rules = {
ifPass: {
rules: [
{
required: true,
errorMessage: "请选择是否通过！",
},
],
},
};
}
},
},
onShow() {
let that = this;
// 初始化查询报废审核清单
that.$api.testExam
.testExamList()
.then((res) => {
console.log(res);
if (res.data.code == 200) {
/* for (let i = 0; i < res.data.data.length; i++) {
5.31重庆bug部分修改
2024-05-31 15:47:02 +08:00
if (res.data.data[i].taskStatus == 46) {
res.data.data[i].checked = false
3.13代码提交
2024-03-13 17:55:34 +08:00
}
5.31重庆bug部分修改
2024-05-31 15:47:02 +08:00
} */
漏洞问题修复
2024-10-09 17:41:25 +08:00
/* res.data.data.rows.forEach(item => {
5.31重庆bug部分修改
2024-05-31 15:47:02 +08:00
if (item.taskStatus == 46) item.checked = false
}) */
漏洞问题修复
2024-10-09 17:41:25 +08:00
for (let item of res.data.rows) {
if (item.taskStatus == 46) item.checked = false;
}
that.fetchMaterialList = res.data.rows;
console.log(that.fetchMaterialList);
} else {
uni.showToast({
icon: "none",
title: "未查询到相关数据！",
});
}
})
.catch((err) => {
console.log(err);
});
},
};
12/21 页面新增
2023-12-21 11:01:48 +08:00
</script>
3.13代码提交
2024-03-13 17:55:34 +08:00
<style lang="scss">
漏洞问题修复
2024-10-09 17:41:25 +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;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
background-color: #3788ff;
color: #fff;
}
.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: 0;
right: 0;
width: 11vh;
height: 10vh;
image {
width: 100%;
height: 100%;
}
}
}
.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;
}
}
}
12/21 页面新增
2023-12-21 11:01:48 +08:00
</style>