admin/zhgdyunapp_vue3
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
zhgdyunapp_vue3/pages/projectEnd/qualityManage/list.vue

1367 lines
34 KiB
Vue
Raw Normal View History

flx:vue2版本升级vu3 合并工作流
2025-01-21 18:08:48 +08:00
<template>
<view class="listPage" :class="{ popupShow: popupShow }">
<view class="fixedheader">
<headers :showBack="true">
<view class="headerName"> 检查台账 </view>
</headers>
<view class="tab flex2" style="background-color: #fff">
<!-- <view class="tabType" @click="changeTab(0)" :class="checkedTab==0?'checkedTab':'noCheckTab'">全部</view>
<view class="tabType" @click="changeTab(2)" :class="checkedTab==2?'checkedTab':'noCheckTab'">待整改</view>
<view class="tabType" @click="changeTab(3)" :class="checkedTab==3?'checkedTab':'noCheckTab'">待复查</view>
<view class="tabType" @click="changeTab(4)" :class="checkedTab==4?'checkedTab':'noCheckTab'">待核验</view> -->
<view class="tabType" @click="changeTab('')" :class="checkedTab == '' ? 'checkedTab' : 'noCheckTab'">全部
</view>
<view class="tabType" @click="changeTab(1)" :class="checkedTab == 1 ? 'checkedTab' : 'noCheckTab'">我的待办
</view>
</view>
<!-- v-if="checkedTab==0" -->
<view class="searchBox">
<form>
<view class="uni-form-item">
<input class="uni-input" name="searchName" v-model="condition.search" placeholder="搜索"
@input="handleInput" />
<view class="screen" @click="screenData">筛选</view>
<view class="screen" style="margin-top: 6rpx; margin-left: 10rpx">
<image src="/static/screenIcon.png" style="width: 30rpx; height: 30rpx">
</image>
</view>
</view>
</form>
</view>
</view>
<view class="content" :style="{ paddingTop: mobileTopHeight + (120*2.5)+ 'rpx' }">
<view class="item" v-if="listData.length > 0" v-for="(item, index) in listData" :key="index"
@click="goDetails(item)">
<!-- <view class="item_title" v-if="item.recordType == 1 ">
<image src="/static/zlwtIcon.png" style="width: 30rpx;height: 30rpx;margin-right: 10rpx;"></image>质量问题
</view>
<view class="item_title" v-if="item.recordType == 2 ">
<image src="/static/pcjlIcon.png" style="width: 30rpx;height: 30rpx;margin-right: 10rpx;"></image>排查记录
</view> -->
<view class="item_title">
<image src="/static/zlwtIcon.png" style="width: 30rpx; height: 30rpx; margin-right: 10rpx"></image>
{{
item.contractModel
? contractModelList[item.contractModel - 1].contractModelName
: ""
}}
</view>
<view v-if="item.status==2" class="rightStatus" style="background: #5181f6;">待整改</view>
<view v-if="item.status==3" class="rightStatus" style="background:#ff9810">整改中</view>
<view v-if="item.status==4" class="rightStatus" style="background:#6554d1">待核验</view>
<view v-if="item.status==5" class="rightStatus" style="background:#21c28e">合格</view>
<view v-if="item.status==6" class="rightStatus" style="background:#ccc">已撤销</view>
<view v-if="item.overTime == true && item.status != 6" class="rightStatus"
style="background: #ea3941; margin-right: 20rpx">超期
</view>
<view class="item_content">{{ item.qualityStatement }}</view>
<view class="item_content" style="margin: 30rpx 0px">签发部门: {{ item.issuingDepartmentName }}</view>
<view class="item_info flex2">
<view class="name">签发人：{{ item.issuerName }}</view>
<view class="time">{{ item.issuingDate }}</view>
</view>
</view>
<!-- <view class="noData" v-if="listData.length==0">
<image class="noDataImg" src="../../../static/noData.png"></image>
<view>暂无数据</view>
</view> -->
<view class="no_data1" v-if="listData.length == 0">
<image src="/static/bthgIcon/noData1.png"></image>
</view>
<!-- 检查部位 -->
<tki-tree style="z-index: 9999" ref="locationTree" @confirm="(val) => checkPointBtn(val, 1)" idKey="id"
:range="checkPointList" rangeKey="regionName" confirmColor="#4e8af7" :selectParent="true" />
<!-- 筛选条件弹框 -->
<uni-popup class="screenDialog" ref="screenShow" :maskClick="true" @change="closeMenu" :show="popupShow">
<view class="screenContent">
<scroll-view style="height: 100%" scroll-y>
<view class="closeIcon" @click="closeBtn"> × </view>
<view class="screenTitle"> 筛选条件 </view>
<view class="titleItem">检查时间</view>
<view class="screenItem">
<view class="screenI" style="width: 280rpx; position: relative">
<dateTimePiccker v-if="inspectStartTime === ''" :placeholder="startTime"
:start="startTime" fields="minute"
@change="bindPickerChangeStart($event, 'startTime')" class="dateTimePiccker">
</dateTimePiccker>
<view v-else>{{ inspectStartTime }}</view>
<view v-if="inspectStartTime != ''" @click="showTimePicker(1)" style="
position: absolute;
top: -1vh;
left: 34vw;
font-size: 30rpx;
">×</view>
</view>
<span style="color: gray; margin: 6% 10rpx">一</span>
<view class="screenI" style="width: 280rpx; position: relative">
<dateTimePiccker v-if="inspectEndTime === ''" :placeholder="startTime"
:start="startTime" fields="minute"
@change="bindPickerChangeEnd($event, 'startTime')" class="dateTimePiccker">
</dateTimePiccker>
<view v-else>{{ inspectEndTime }}</view>
<view v-if="inspectEndTime != ''" @click="showTimePicker(2)" style="
position: absolute;
top: -1vh;
left: 34vw;
font-size: 30rpx;
">×</view>
</view>
</view>
<!-- <view class="titleItem">查询类型</view>
<view class="screenItem">
<view class="screenText" v-for="(item,index) in searchTypeList" :key="index"
@click="searchItem(item,index)" :class="{active:chekItm==index}">
{{item.name}}
</view>
</view>
<view class="titleItem">问题等级</view>
<view class="screenItem">
<view class="screenText" v-for="(item,index) in issueLevelList" :key="index"
@click="searchItem(item,index)" :class="{active:chekItm2==index}">
{{item.name}}
</view>
</view> -->
<view class="titleItem">状态</view>
<view class="screenItem">
<view class="screenText" v-for="(item, index) in statusList" :key="index"
@click="searchItem(item, index)" :class="{ active: chekItm3 == index }">
{{ item.name }}
</view>
</view>
<!-- <view class="titleItem">紧急程度</view>
<view class="screenItem">
<view class="screenText" v-for="(item,index) in urgencyList" :key="index"
@click="searchItem(item,index)" :class="{active:chekItm4==index}">
{{item.name}}
</view>
</view> -->
<view class="titleItem">签发人</view>
<view class="screenItem">
<view v-for="(item, index) in displayedItems1" :key="index" class="screenText"
@click="searchItem(item, index)" :class="{ active: chekItm5 == index }">
{{ item.name }}
</view>
<view v-if="!isExpanded1" @click="expandItems(1)" class="screenText">
查看更多
<image src="/static/icon-down-ccc.png"
style="width: 20rpx; height: 10rpx; margin-left: 10rpx">
</image>
</view>
<view v-else @click="collapseItems(1)" class="screenTextClose">
收起
</view>
</view>
<view class="titleItem">抄送人</view>
<view class="screenItem">
<view v-for="(item, index) in displayedItems2" :key="index" class="screenText"
@click="searchItem(item, index)" :class="{ active: chekItm6 == index }">
{{ item.name }}
</view>
<view v-if="!isExpanded2" @click="expandItems(2)" class="screenText">
查看更多
<image src="/static/icon-down-ccc.png"
style="width: 20rpx; height: 10rpx; margin-left: 10rpx">
</image>
</view>
<view v-else @click="collapseItems(2)" class="screenTextClose">
收起
</view>
</view>
<view class="titleItem">编制人</view>
<view class="screenItem">
<view v-for="(item, index) in displayedItems3" :key="index" class="screenText"
@click="searchItem(item, index)" :class="{ active: chekItm7 == index }">
{{ item.name }}
</view>
<view v-if="!isExpanded3" @click="expandItems(3)" class="screenText">
查看更多
<image src="/static/icon-down-ccc.png"
style="width: 20rpx; height: 10rpx; margin-left: 10rpx">
</image>
</view>
<view v-else @click="collapseItems(3)" class="screenTextClose">
收起
</view>
</view>
<!-- <view class="titleItem">检查人</view>
<view class="screenItem">
<view v-for="(item, index) in displayedItems4" :key="index" class="screenText"
@click="searchItem(item,index)" :class="{active:chekItm8==index}">
{{ item.name }}
</view>
<view v-if="!isExpanded4" @click="expandItems(4)" class="screenText">
查看更多
<image src="/static/icon-down-ccc.png"
style="width: 20rpx;height: 10rpx;margin-left: 10rpx;">
</image>
</view>
<view v-else @click="collapseItems(4)" class="screenTextClose">
收起
</view>
</view> -->
<!-- <view class="titleItem">检查区域 <span class="regionText">
<picker @click="$refs.locationTree._show()" :disabled="true">
<view v-if="checkPointName==''" style="margin-left: 280rpx;color: gray;">
请选择
</view>
<view v-else>
<view style="width: 98%;text-align: center" class="ellipsis">{{checkPointName}}
</view>
</view>
</picker>
</span></span>
<image src="/static/icon-right-ccc.png"
style="width: 10rpx;height: 20rpx;display: inline-block;margin-bottom: 4px;"></image>
</view> -->
<view class="line"></view>
<view class="footerBtn">
<view class="foterLeft" @click="resettingBtn"> 重置 </view>
<!-- <view class="foterRight" @click="screenShow=false">
完成
</view> -->
<view class="foterRight" @click="closeRed">
查看{{ listNum }}条记录
</view>
</view>
</scroll-view>
</view>
</uni-popup>
<!-- 检查部位 -->
<!-- <tki-tree ref="locationTree" @confirm="(val)=>checkPointBtn(val,1)" idKey='id' :range="checkPointList"
rangeKey="regionName" confirmColor="#4e8af7" /> -->
</view>
</view>
</template>
<script>
import dateTimePiccker from "@/components/dateTimePicker/index.vue";
export default {
components: {
dateTimePiccker,
},
data() {
return {
mobileTopHeight: 0,
popupShow: false,
startTime: "请选择日期",
searchTypeList: [{
name: "全部",
type: 1,
value: -1,
},
{
name: "质量问题",
type: 1,
value: 1,
},
{
name: "排查记录",
type: 1,
value: 2,
},
], //查询类型
issueLevelList: [{
name: "全部",
type: 2,
value: -1,
},
{
name: "一级",
type: 2,
value: 1,
},
{
name: "二级",
type: 2,
value: 2,
},
{
name: "三级",
type: 2,
value: 3,
},
{
name: "四级",
type: 2,
value: 4,
},
], //问题等级
statusList: [{
name: '全部',
type: 3,
value: -1
}, {
name: '待整改',
type: 3,
value: 2
}, {
name: '整改中',
type: 3,
value: 3
}, {
name: '合格',
type: 3,
value: 5
}, {
name: '已撤销',
type: 3,
value: 6
}], //状态
urgencyList: [{
name: "全部",
type: 4,
value: -1,
},
{
name: "一般",
type: 4,
value: 1,
},
{
name: "严重",
type: 4,
value: 2,
},
{
name: "紧要",
type: 4,
value: 3,
},
], //紧急程度
items: [], //人员列表
itemsList: [], //检查人员
displayedItems1: [],
displayedItems2: [],
displayedItems3: [],
displayedItems4: [],
isExpanded1: false,
isExpanded2: false,
isExpanded3: false,
isExpanded4: false,
valueList: [],
listNum: 0,
params: {
year: true,
month: true,
day: true,
hour: false,
minute: false,
second: false,
},
inspectStartTime: "", //开始
inspectEndTime: "", //结束
show: false,
screenShow: false,
//------------------------------------
checkPointList: [], //获取检查部位数据
checkPointName: "",
type: 1,
listData: [],
checkedTab: 0,
condition: {
pageNo: 1,
pageSize: 10,
projectSn: "",
status: 2,
search: "", //搜索字段
isMyTodo: "",
},
teach: true,
userInfo: "",
regionId: [],
chekItm: "",
chekItm2: "",
chekItm3: "",
chekItm4: "",
chekItm5: "",
chekItm6: "",
chekItm7: "",
chekItm8: "",
contractModelList: [{
contractModelId: 1,
contractModelName: "EPC",
},
{
contractModelId: 2,
contractModelName: "E+P+C",
},
], // 合同模式
};
},
onLoad(option) {
this.condition.projectSn = JSON.parse(
uni.getStorageSync("projectDetail")
).projectSn;
this.userInfo = JSON.parse(uni.getStorageSync("userInfo"));
// console.log(JSON.parse(uni.getStorageSync('userInfo')))
this.getCheckPointList();
},
mounted() {
var that = this;
uni.getSystemInfo({
success(res) {
that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
uni.setStorageSync("systemInfo", res);
console.log(res);
},
});
console.log("this.mobileTopHeight", this.mobileTopHeight);
},
onShow() {
this.listData = [];
this.condition.pageNo = 1;
this.condition.pageSize = 10;
this.getListData();
this.getPeopleList();
// this.getPeopleData()
},
//上拉触底时间
onReachBottom() {
if (this.teach) {
this.condition.pageNo = this.condition.pageNo + 1;
// this.condition.pageNo = this.condition.pageNo;
this.getListData();
}
},
methods: {
//点击重新选择时间
showTimePicker(type) {
if (type == 1) {
this.inspectStartTime = "";
} else {
this.inspectEndTime = "";
}
},
closeMenu(e) {
console.log("关闭！！！！", e);
if (e.show == false) {
// this.$refs.screenShow.close()
this.popupShow = false;
// this.resettingBtn()
}
},
//关闭筛选
closeBtn() {
this.$refs.screenShow.close();
this.popupShow = false;
this.resettingBtn();
},
//重置
resettingBtn() {
this.listData = [];
this.inspectStartTime = "";
this.inspectEndTime = "";
this.condition.inspectStartTime = "";
this.condition.inspectEndTime = "";
this.condition.recordType = null;
this.condition.level = null;
this.condition.status = null;
this.condition.urgentLevel = null;
this.condition.issuer = null;
this.condition.copy = null;
this.condition.compiler = null;
this.condition.inspectManId = null;
this.condition.projectSn = this.condition.projectSn;
this.condition.regionId = null;
this.condition.pageNo = 1;
this.condition.pageSize = 10;
this.checkPointName = "";
this.chekItm = 0;
this.chekItm2 = 0;
this.chekItm3 = 0;
this.chekItm4 = 0;
this.chekItm5 = 0;
this.chekItm6 = 0;
this.chekItm7 = 0;
this.chekItm8 = 0;
this.getListData();
},
closeRed() {
this.$refs.screenShow.close();
this.popupShow = false;
},
//点击筛选项
searchItem(item, index) {
if (item.type === 1) {
this.chekItm = index;
}
if (item.type === 2) {
this.chekItm2 = index;
}
if (item.type === 3) {
this.chekItm3 = index;
}
if (item.type === 4) {
this.chekItm4 = index;
}
if (item.type === 5) {
this.chekItm5 = index;
}
if (item.type === 6) {
this.chekItm6 = index;
}
if (item.type === 7) {
this.chekItm7 = index;
}
if (item.type === 8) {
this.chekItm8 = index;
}
if (item.value === -1) {
this.valueList = this.valueList.filter((v) => v.type !== item.type);
console.log("过滤list :{}", this.valueList.length);
}
let isSet = true;
for (var i = 0; i < this.valueList.length; i++) {
if (this.valueList[i].type === item.type) {
this.valueList[i] = item;
isSet = false;
}
}
if (isSet && item.value !== -1) {
this.valueList.push(item);
}
//点击筛选查看数据
this.condition.inspectStartTime = this.inspectStartTime;
this.condition.inspectEndTime = this.inspectEndTime;
this.condition.recordType = this.fileValueList(1);
this.condition.level = this.fileValueList(2);
this.condition.status = this.fileValueList(3);
this.condition.urgentLevel = this.fileValueList(4);
this.condition.issuer = this.fileValueList(5);
this.condition.copy = this.fileValueList(6);
this.condition.compiler = this.fileValueList(7);
this.condition.inspectManId = this.fileValueList(8);
this.condition.projectSn = this.condition.projectSn;
this.condition.regionId = this.regionId;
let that = this;
this.sendRequest({
url: "xmgl/qualityProblem/page",
method: "get",
data: that.condition,
success: (res) => {
that.listData = [];
that.listNum = res.result.total;
let arr = JSON.parse(JSON.stringify(that.listData));
if (res.result.records.length > 0) {
let newArr = arr.concat(res.result.records);
if (res.result.records.length < 10) {
that.teach = false;
} else {
that.teach = true;
}
that.listData = newArr;
} else {
that.teach = false;
}
},
});
console.log("点击的参数数量 :{}", JSON.stringify(this.valueList));
},
fileValueList(type) {
for (var i = 0; i < this.valueList.length; i++) {
if (this.valueList[i].type == type) {
return this.valueList[i].value;
}
}
return null;
},
//搜索
handleInput(e) {
this.listData = [];
this.inspectStartTime = "";
this.inspectEndTime = "";
this.condition.recordType = null;
this.condition.level = null;
this.condition.status = null;
this.condition.urgentLevel = null;
this.condition.issuer = null;
this.condition.copy = null;
this.condition.compiler = null;
this.condition.inspectManId = null;
this.condition.projectSn = this.condition.projectSn;
this.condition.regionId = null;
this.checkPointName = "";
this.chekItm = 0;
this.chekItm2 = 0;
this.chekItm3 = 0;
this.chekItm4 = 0;
this.chekItm5 = 0;
this.chekItm6 = 0;
this.chekItm7 = 0;
this.chekItm8 = 0;
this.condition.search = e.detail.value;
let that = this;
// uni.showLoading({title: '加载中'})
this.sendRequest({
url: "xmgl/qualityProblem/page",
method: "get",
data: that.condition,
success: (res) => {
console.log(res);
that.listNum = res.result.total;
// uni.hideLoading()
let arr = JSON.parse(JSON.stringify(that.listData));
if (res.result.records.length > 0) {
let newArr = arr.concat(res.result.records);
if (res.result.records.length < 10) {
that.teach = false;
} else {
that.teach = true;
}
that.listData = newArr;
} else {
that.teach = false;
}
},
});
},
// 展开所有数据
expandItems(type) {
let netArr = [];
let sliceArr = this.items;
if (type == 1) {
netArr.push({
name: "全部",
type: 5,
value: -1,
});
sliceArr.forEach((s) => {
netArr.push({
name: s.realName,
type: 5,
value: s.userId,
});
});
this.displayedItems1 = netArr;
this.isExpanded1 = true;
} else if (type == 2) {
netArr.push({
name: "全部",
type: 6,
value: -1,
});
sliceArr.forEach((s) => {
netArr.push({
name: s.realName,
type: 6,
value: s.userId,
});
});
this.displayedItems2 = netArr;
this.isExpanded2 = true;
} else if (type == 3) {
netArr.push({
name: "全部",
type: 7,
value: -1,
});
sliceArr.forEach((s) => {
netArr.push({
name: s.realName,
type: 7,
value: s.userId,
});
});
this.displayedItems3 = netArr;
this.isExpanded3 = true;
} else {
netArr.push({
name: "全部",
type: 8,
value: -1,
});
this.itemsList.forEach((s) => {
netArr.push({
name: s.realName,
type: 8,
value: s.userId,
});
});
this.displayedItems4 = netArr;
this.isExpanded4 = true;
}
},
// 收起数据，只显示前两个
collapseItems(type) {
let sliceArr = this.items.slice(0, 2);
let sliceArr2 = this.itemsList.slice(0, 2);
let netArr = [];
if (type == 1) {
netArr.push({
name: "全部",
type: 5,
value: -1,
});
sliceArr.forEach((s) => {
netArr.push({
name: s.realName,
type: 5,
value: s.userId,
});
});
this.displayedItems1 = netArr;
this.isExpanded1 = false;
} else if (type == 2) {
netArr.push({
name: "全部",
type: 6,
value: -1,
});
sliceArr.forEach((s) => {
netArr.push({
name: s.realName,
type: 6,
value: s.userId,
});
});
this.displayedItems2 = netArr;
this.isExpanded2 = false;
} else if (type == 3) {
netArr.push({
name: "全部",
type: 7,
value: -1,
});
sliceArr.forEach((s) => {
netArr.push({
name: s.realName,
type: 7,
value: s.userId,
});
});
this.displayedItems3 = netArr;
this.isExpanded3 = false;
} else {
netArr.push({
name: "全部",
type: 8,
value: -1,
});
sliceArr2.forEach((s) => {
netArr.push({
name: s.realName,
type: 8,
value: s.userId,
});
});
this.displayedItems4 = netArr;
this.isExpanded4 = false;
}
},
//筛选开始时间
bindPickerChangeStart(e, type) {
if (type == "startTime") {
this.inspectStartTime = e.f3;
}
let userInfo = {
type: 9,
value: -1,
};
if (this.inspectStartTime && this.inspectEndTime) {
this.searchItem(userInfo, 1);
}
},
//筛选结束时间
bindPickerChangeEnd(e, type) {
if (type == "startTime") {
this.inspectEndTime = e.f3;
}
let userInfo = {
type: 10,
value: -1,
};
if (this.inspectStartTime && this.inspectEndTime) {
this.searchItem(userInfo, 1);
}
},
//点击打开筛选
screenData() {
this.$refs.screenShow.open();
this.popupShow = true;
// 默认显示前面2个数据
let sliceArr = this.items.slice(0, 2);
let sliceArr2 = this.itemsList.slice(0, 2);
this.condition.pageNo = 1;
this.condition.pageSize = 10;
this.displayedItems1 = [];
this.displayedItems2 = [];
this.displayedItems3 = [];
this.displayedItems4 = [];
this.displayedItems1.push({
name: "全部",
type: 5,
value: -1,
});
this.displayedItems2.push({
name: "全部",
type: 6,
value: -1,
});
this.displayedItems3.push({
name: "全部",
type: 7,
value: -1,
});
this.displayedItems4.push({
name: "全部",
type: 8,
value: -1,
});
console.log("人员数组：", JSON.stringify(sliceArr));
sliceArr.forEach((s) => {
this.displayedItems1.push({
name: s.realName,
type: 5,
value: s.userId,
});
this.displayedItems2.push({
name: s.realName,
type: 6,
value: s.userId,
});
this.displayedItems3.push({
name: s.realName,
type: 7,
value: s.userId,
});
});
sliceArr2.forEach((v) => {
this.displayedItems4.push({
name: v.realName,
type: 8,
value: v.userId,
});
});
},
//获取检查人员列表
getPeopleData() {
this.sendRequest({
url: "xmgl/systemUser/getSystemUserList",
method: "post",
data: {
sn: this.condition.projectSn,
},
success: (res) => {
if (res.code == 200) {
this.itemsList = res.result;
}
},
});
}, //获取人员列表
getPeopleList() {
this.sendRequest({
url: "xmgl/systemUser/getProjectChilderSystemUserList",
method: "post",
data: {
projectSn: this.condition.projectSn,
},
success: (res) => {
if (res.code == 200) {
this.items = res.result;
}
},
});
},
//--------------------------------------
//确定选中--回显
checkPointBtn(val, type) {
if (type == 1) {
this.regionId = [];
let arr = JSON.parse(JSON.stringify(val[0].parents));
let obj = {
id: val[0].id,
regionName: val[0].regionName,
};
arr.push(obj);
this.regionId.push(obj.id);
//获取选中的字符串 名称
var regionName = arr
.map(function(item, index) {
return item.regionName;
})
.join("/");
this.checkPointName = regionName;
let userInfo = {
type: 11,
value: -1,
};
this.searchItem(userInfo, 1);
}
// this.listData = [];
// this.getListData()
},
//获取检查部位 列表
getCheckPointList() {
this.sendRequest({
url: "xmgl/qualityRegion/list",
method: "post",
data: {
projectSn: this.condition.projectSn,
},
success: (res) => {
if (res.code == 200) {
this.checkPointList = res.result;
}
},
});
},
//切换tab
changeTab(type) {
if (type == this.checkedTab) return;
this.checkedTab = type;
// this.condition.status = type;
this.condition.isMyTodo = type;
this.condition.pageNo = 1;
this.condition.pageSize = 10;
this.listData = [];
this.checkPointName = "";
this.regionId = [];
this.getListData();
},
//获取列表数据
getListData() {
if (this.checkedTab == 2 || this.checkedTab == 5) {
this.condition.issuer = this.userInfo.userId;
this.condition.copy = "";
this.condition.compiler = "";
this.condition.regionId = [];
} else if (this.checkedTab == 3) {
this.condition.copy = this.userInfo.userId;
this.condition.issuer = "";
this.condition.compiler = "";
this.condition.regionId = [];
} else if (this.checkedTab == 4) {
this.condition.compiler = this.userInfo.userId;
this.condition.issuer = "";
this.condition.copy = "";
this.condition.regionId = [];
} else if (this.checkedTab == 6) {
this.condition.status = "";
this.condition.compiler = "";
this.condition.issuer = "";
this.condition.copy = "";
this.condition.regionId = this.regionId;
} else {
this.condition.status = "";
this.condition.copy = "";
this.condition.issuer = "";
this.condition.compiler = "";
this.condition.regionId = "";
}
console.log("查询列表条件数据", this.checkedTab);
let that = this;
// uni.showLoading({title: '加载中'})
this.sendRequest({
url: "xmgl/qualityProblem/page",
method: "get",
data: that.condition,
success: (res) => {
console.log(res);
that.listNum = res.result.total;
// uni.hideLoading()
let arr = JSON.parse(JSON.stringify(that.listData));
if (res.result.records.length > 0) {
let newArr = arr.concat(res.result.records);
if (res.result.records.length < 10) {
that.teach = false;
} else {
that.teach = true;
}
that.listData = newArr;
} else {
that.teach = false;
}
},
});
},
goDetails(obj) {
// uni.navigateTo({
// url: './details?id=' + id + '&type=' + this.checkedTab
// })
// uni.navigateTo({
// url: './details?id=' + obj.id + '&type=' + obj.status
// })
// uni.navigateTo({
// url: `./workflowdetails?instanceId=${obj.instanceId}&nodeId=${undefined}`,
// });
uni.navigateTo({
flx:修复page-mate app会带来页面不适配问题 修复app会被状态栏遮挡问题
2025-04-11 14:24:29 +08:00
url: `/pages/projectEnd/instance/instancePreview?instanceId=${obj.instanceId}&nodeId=${obj.curNodeId}&routeName=质量检查`
flx:vue2版本升级vu3 合并工作流
2025-01-21 18:08:48 +08:00
})
},
},
};
</script>
<style lang="scss">
.fixedheader {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
.headerName {
z-index: 1;
}
}
.line {
width: 100%;
height: 1px;
background-color: #ccc;
margin-top: 3%;
}
.screenDialog {
position: absolute;
// top: 11%;
height: 95%;
/* background: pink; */
background: white;
width: 100%;
border-radius: 40rpx;
margin-left: -4%;
background-color: white;
/* 设置为半透明的灰色 */
z-index: 9;
/* 设置一个较大的 z-index 值，保证遮罩层在最上层 */
.closeIcon {
float: right;
font-size: 50rpx;
color: gray;
margin-right: 3%;
}
.screenTitle {
text-align: center;
margin-top: 4%;
font-size: 36rpx;
font-weight: 500;
}
.uni-popup__wrapper-box {
height: 70vh;
overflow: scroll;
position: fixed;
bottom: 0;
}
.screenContent {
width: 100vw;
height: 70%;
// width: 90%;
// margin: -65% 0%;
overflow: scroll;
// position: relative;
// margin-top: 180%;
border-radius: 40rpx 40rpx 0 0;
// margin-left: -4%;
background-color: white;
padding-left: 10%;
position: fixed;
left: 0;
bottom: 0;
.titleItem {
font-size: 28rpx;
.regionText {
display: inline-block;
margin-left: 16%;
width: 380rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.screenItem {
display: flex;
flex-wrap: wrap;
.screenI {
width: 100px;
font-size: 24rpx;
height: 60rpx;
background: #f7f8fa;
border-radius: 30rpx;
text-align: center;
line-height: 60rpx;
color: gray;
margin: 5% 0;
}
.screenText {
width: 180rpx;
font-size: 24rpx;
height: 60rpx;
background: #f7f8fa;
border-radius: 30rpx;
text-align: center;
line-height: 60rpx;
color: #000;
margin: 5% 5% 5% 0%;
}
.active {
width: 180rpx;
font-size: 24rpx;
height: 60rpx;
background: #edf2fe;
border-radius: 30rpx;
text-align: center;
line-height: 60rpx;
color: #000;
margin: 5% 5% 5% 0%;
border: 1px solid #5181f6;
}
.screenTextClose {
width: 180rpx;
font-size: 24rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
color: #000;
margin: 5% 5% 5% 0%;
}
}
.footerBtn {
display: flex;
text-align: center;
line-height: 80rpx;
margin-top: 2%;
margin-left: 6%;
.foterLeft {
width: 43%;
background: #f6f7f8;
height: 80rpx;
border-top-left-radius: 40rpx;
border-bottom-left-radius: 40rpx;
color: #5181f6;
}
.foterRight {
width: 43%;
background: #5181f6;
height: 80rpx;
border-top-right-radius: 40rpx;
border-bottom-right-radius: 40rpx;
color: #fff;
}
}
}
.searchBox {
background-color: white;
}
.uni-form-item {
position: relative;
display: flex;
font-size: 28rpx;
/* .search-icon{
position: absolute;
top: 50%;
right: 50rpx;
transform: translateY(-50%);
} */
}
.uni-input {
border-radius: 40rpx;
margin: 20rpx;
// background-color: #f7f8fa;
border: 1px solid #f3f4fe;
height: 70rpx;
line-height: 60rpx;
padding: 0 40rpx;
font-size: 28rpx;
width: 70%;
}
:deep( .uni-input-placeholder ){
color: #444444;
}
.screen {
line-height: 100rpx;
color: gray;
}
.picker {
margin-bottom: 30rpx;
margin-left: 100px;
width: 328rpx;
border: 1px solid #ccc;
height: 60rpx;
border-radius: 20rpx;
}
.flex {
display: flex;
align-items: center;
}
.flex2 {
display: flex;
align-items: center;
justify-content: space-between;
}
.tab {
width: 100%;
height: 90rpx;
text-align: center;
box-shadow: 0 0 20rpx rgba(194, 194, 194, 0.5);
}
.tabType {
width: 33%;
line-height: 43px;
// border-bottom: 1px solid rgba(194, 194, 194, 0.2);
}
.checkedTab {
// color: #4181FE;
// border-bottom: 4rpx solid #4181FE;
color: #2b8df3;
}
.noCheckTab {
padding-bottom: 4rpx;
}
.content {
padding: 0px 30rpx 0;
box-sizing: border-box;
width: 100vw;
}
.item {
height: 320rpx;
width: 100%;
padding: 24rpx 30rpx;
box-sizing: border-box;
box-shadow: 0 0 20rpx rgba(194, 194, 194, 0.5);
border-radius: 4px;
margin-bottom: 30rpx;
color: rgba(51, 51, 51, 1);
font-size: 32rpx;
font-family: PingFangSC-Medium;
}
.rightStatus {
float: right;
font-size: 24rpx;
margin-top: -36rpx;
width: 120rpx;
height: 40rpx;
text-align: center;
border-radius: 20rpx;
color: #fff;
line-height: 36rpx;
}
.item_title {
font-weight: 600;
margin-bottom: 4rpx;
}
.item_content {
width: 100%;
font-size: 28rpx;
color: rgba(51, 51, 51, 1);
font-family: PingFangSC-Regular;
line-height: 28rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #999;
}
.item_info {
font-size: 26rpx;
line-height: 48rpx;
font-family: PingFangSC-Regular;
color: #999;
}
.state {
padding: 0px 16rpx;
color: #fff;
box-sizing: border-box;
border-radius: 60rpx;
font-size: 24rpx;
}
.bg1 {
background-color: rgba(245, 166, 35, 1);
box-shadow: 0px 4rpx 0px rgba(242, 76, 50, 0.28);
}
.bg2 {
background-color: rgba(88, 86, 214, 1);
box-shadow: 0px 4rpx 0px rgba(87, 81, 217, 0.28);
}
.bg3 {
background-color: rgba(238, 94, 94, 1);
box-shadow: 0px 4rpx 0px rgba(236, 92, 98, 0.28);
}
.bg4 {
background-color: rgba(76, 217, 100, 1);
box-shadow: 0px 4rpx 0px rgba(68, 219, 94, 0.28);
}
.noData {
text-align: center;
font-size: 32rpx;
margin-top: 240rpx;
color: #bed0fb;
}
.noDataImg {
width: 250rpx;
height: 196rpx;
}
::v-deep .tki-tree-cnt {
z-index: 99999;
border-radius: 40rpx;
}
::v-deep .tki-tree-bar {
border-top-left-radius: 40rpx;
border-top-right-radius: 40rpx;
}
::v-deep .placeholder {
padding-left: 80rpx;
}
.popupShow {
overflow: hidden;
position: fixed;
}
</style>
Reference in New Issue Copy Permalink