1711 lines
36 KiB
Vue
1711 lines
36 KiB
Vue
|
<template>
|
|||
|
|
<view class="listPage">
|
|||
|
|
<view class="fixedheader">
|
|||
|
|
<headers :showBack="true">
|
|||
|
|
<view class="headerName">
|
|||
|
|
巡检路线计划
|
|||
|
|
</view>
|
|||
|
|
</headers>
|
|||
|
|
<view class="searchBox">
|
|||
|
|
<view class="uni-form-item">
|
|||
|
|
<input class="uni-input" name="searchName" @input="handleInput" v-model="condition.routeName"
|
|||
|
|
placeholder="输入巡检点名称、所属区域、责任人" />
|
|||
|
|
<view class="screen" @click="screenData">筛选</view>
|
|||
|
|
<view class="screen" style="margin-top: 6rpx;
|
|||
|
|
margin-left: 10rpx; margin-right: 10rpx;">
|
|||
|
|
<image src="/static/screenIcon.png" style="width: 30rpx;height: 30rpx">
|
|||
|
|
</image>
|
|||
|
|
</view>
|
|||
|
|
<!-- <button class="mini-btn" type="primary" size="mini" @click="loadData">搜索</button> -->
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="content" :style="{paddingTop: (mobileTopHeight + 100) * 1.5 + 'rpx'}">
|
|||
|
|
<view class="item" v-if="listData.length>0" v-for="(item,index) in listData" :key="index">
|
|||
|
|
<view class="plan_path">
|
|||
|
|
<image src="@/static/plan_path.png"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_left">
|
|||
|
|
<view class="card_title">
|
|||
|
|
<!-- <text class="title">{{item.routeName}}</text> -->
|
|||
|
|
<text class="value">{{item.routeName}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="card_title">
|
|||
|
|
<view class="plan_polling">
|
|||
|
|
<image src="@/static/plan_polling.png"></image>
|
|||
|
|
</view>
|
|||
|
|
<text class="label">巡检人员：</text>
|
|||
|
|
<text class="value">{{item.inspectUserNames}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="card_title">
|
|||
|
|
<text class="label">巡检通知人员：</text>
|
|||
|
|
<text class="value">{{item.noticeUserNames}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="card_title">
|
|||
|
|
<text class="label">巡检周期：</text>
|
|||
|
|
<text class="value">({{item.startTime}} - {{item.endTime}})</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="card_title">
|
|||
|
|
<text class="label">巡检频次：</text>
|
|||
|
|
<text class="value">{{item.enterpriseName}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="card_title" @click.stop="goDetails(item)">
|
|||
|
|
<text class="title">查看{{item.frequencyType}}次巡检任务</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item_right">
|
|||
|
|
<!-- <image :src="url_config+'image/'+item.qrCode" class="qrcode_img"></image> -->
|
|||
|
|
<!-- <view class="text_wrap">
|
|||
|
|
<image class="d_ic" src="@/static/icon/riLine-download-line.svg"></image>
|
|||
|
|
<view class="d_text" @click="saveImage(url_config+'image/'+item.qrCode)">下载二维码</view>
|
|||
|
|
</view> -->
|
|||
|
|
<view class="btn_wrap">
|
|||
|
|
<view class="common_btn primary" @click.stop="handleTaskDetail(item)">
|
|||
|
|
<image class="b_ic" src="@/static/plan_detail.png"></image>
|
|||
|
|
</view>
|
|||
|
|
<view class="common_btn danger" @click.stop="handleDel(item)">
|
|||
|
|
<image class="b_ic" src="@/static/icon/delete.svg"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="noData" v-if="listData.length==0">
|
|||
|
|
<image class="noDataImg" src="../../../static/noData.png"></image>
|
|||
|
|
<view>暂无数据</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- 筛选条件弹框 -->
|
|||
|
|
<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 v-for="(item, index) in displayedItems1" :key="index" class="screenText"
|
|||
|
|
@click="searchItem(item,index)" :class="{active:chekItm5==index}">
|
|||
|
|
{{ item.name ? item.name : item.value }}
|
|||
|
|
</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 displayedItems4" :key="index" class="screenText"
|
|||
|
|
@click="searchItem(item,index)" :class="{active:chekItm8==index}">
|
|||
|
|
{{ item.name ? item.name : item.value }}
|
|||
|
|
</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">分包单位</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="line"></view>
|
|||
|
|
|
|||
|
|
<view class="footerBtn">
|
|||
|
|
<view class="foterLeft" @click="resettingBtn">
|
|||
|
|
重置
|
|||
|
|
</view>
|
|||
|
|
<view class="foterRight" @click="closeRed">
|
|||
|
|
查看{{ listNum }}条记录
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</uni-popup>
|
|||
|
|
</view>
|
|||
|
|
<image class="add_btn" @click="handleAdd" src="@/static/addImg.png"></image>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import dateTimePiccker from '@/components/dateTimePicker/index.vue'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
dateTimePiccker
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
popupShow: false,
|
|||
|
|
mobileTopHeight: 0,
|
|||
|
|
listNum: 0,
|
|||
|
|
popupShow: false,
|
|||
|
|
startTime: '请选择日期',
|
|||
|
|
listData: [],
|
|||
|
|
condition: {
|
|||
|
|
pageNo: 1,
|
|||
|
|
pageSize: 10,
|
|||
|
|
projectSn: "",
|
|||
|
|
routeName: '', //搜索字段
|
|||
|
|
},
|
|||
|
|
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: 4
|
|||
|
|
}, {
|
|||
|
|
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,
|
|||
|
|
checkedTab: 0,
|
|||
|
|
teach: true,
|
|||
|
|
userInfo: '',
|
|||
|
|
regionId: [],
|
|||
|
|
chekItm: '',
|
|||
|
|
chekItm2: '',
|
|||
|
|
chekItm3: '',
|
|||
|
|
chekItm4: '',
|
|||
|
|
chekItm5: '',
|
|||
|
|
chekItm6: '',
|
|||
|
|
chekItm7: '',
|
|||
|
|
chekItm8: '',
|
|||
|
|
enterpriseList:[],
|
|||
|
|
enterpriseId:"",
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
this.condition.projectSn = JSON.parse(uni.getStorageSync('projectDetail')).projectSn;
|
|||
|
|
},
|
|||
|
|
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()
|
|||
|
|
this.getEnterpriseData()
|
|||
|
|
},
|
|||
|
|
//上拉触底时间
|
|||
|
|
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.inspectUserIds = null
|
|||
|
|
this.condition.reviewId = null
|
|||
|
|
this.condition.enterpriseId = null
|
|||
|
|
this.condition.noticeUserIds = 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.inspectUserIds = this.fileValueList(5)
|
|||
|
|
this.condition.reviewId = this.fileValueList(6)
|
|||
|
|
this.condition.enterpriseId = this.fileValueList(7)
|
|||
|
|
this.condition.noticeUserIds = this.fileValueList(8)
|
|||
|
|
this.condition.projectSn = this.condition.projectSn
|
|||
|
|
this.condition.regionId = this.regionId
|
|||
|
|
|
|||
|
|
let that = this;
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/xzCheckingRoute/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.inspectUserIds = null
|
|||
|
|
this.condition.reviewId = null
|
|||
|
|
this.condition.enterpriseId = null
|
|||
|
|
this.condition.noticeUserIds = 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.routeName = e.detail.value
|
|||
|
|
let that = this;
|
|||
|
|
// uni.showLoading({title: '加载中'})
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/xzCheckingRoute/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.workerName,
|
|||
|
|
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.workerName,
|
|||
|
|
type: 6,
|
|||
|
|
value: s.userId
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
this.displayedItems2 = netArr;
|
|||
|
|
this.isExpanded2 = true;
|
|||
|
|
} else if (type == 3) {
|
|||
|
|
netArr.push({
|
|||
|
|
name: '全部',
|
|||
|
|
type: 7,
|
|||
|
|
value: -1
|
|||
|
|
})
|
|||
|
|
this.enterpriseList.forEach(s => {
|
|||
|
|
netArr.push({
|
|||
|
|
name: s.enterpriseName,
|
|||
|
|
type: 7,
|
|||
|
|
value: s.id
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
this.displayedItems3 = netArr;
|
|||
|
|
this.isExpanded3 = true;
|
|||
|
|
} else {
|
|||
|
|
netArr.push({
|
|||
|
|
name: '全部',
|
|||
|
|
type: 8,
|
|||
|
|
value: -1
|
|||
|
|
})
|
|||
|
|
this.itemsList.forEach(s => {
|
|||
|
|
netArr.push({
|
|||
|
|
name: s.workerName,
|
|||
|
|
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.workerName,
|
|||
|
|
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.workerName,
|
|||
|
|
type: 6,
|
|||
|
|
value: s.userId
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
this.displayedItems2 = netArr;
|
|||
|
|
this.isExpanded2 = false;
|
|||
|
|
} else if (type == 3) {
|
|||
|
|
netArr.push({
|
|||
|
|
name: "全部",
|
|||
|
|
type: 7,
|
|||
|
|
value: -1
|
|||
|
|
})
|
|||
|
|
this.enterpriseList.forEach(s => {
|
|||
|
|
netArr.push({
|
|||
|
|
name: s.enterpriseName,
|
|||
|
|
type: 7,
|
|||
|
|
value: s.id
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
this.displayedItems3 = netArr;
|
|||
|
|
this.isExpanded3 = false;
|
|||
|
|
} else {
|
|||
|
|
netArr.push({
|
|||
|
|
name: "全部",
|
|||
|
|
type: 8,
|
|||
|
|
value: -1
|
|||
|
|
})
|
|||
|
|
sliceArr2.forEach(s => {
|
|||
|
|
netArr.push({
|
|||
|
|
name: s.workerName,
|
|||
|
|
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.workerName,
|
|||
|
|
type: 5,
|
|||
|
|
value: s.userId
|
|||
|
|
})
|
|||
|
|
this.displayedItems2.push({
|
|||
|
|
name: s.workerName,
|
|||
|
|
type: 6,
|
|||
|
|
value: s.userId
|
|||
|
|
})
|
|||
|
|
// this.displayedItems3.push({
|
|||
|
|
// name: s.workerName,
|
|||
|
|
// type: 7,
|
|||
|
|
// value: s.userId
|
|||
|
|
// })
|
|||
|
|
})
|
|||
|
|
this.enterpriseList.slice(0, 2).forEach(s => {
|
|||
|
|
this.displayedItems3.push({
|
|||
|
|
name: s.enterpriseName,
|
|||
|
|
type: 7,
|
|||
|
|
value: s.id
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
sliceArr2.forEach(v => {
|
|||
|
|
this.displayedItems4.push({
|
|||
|
|
name: v.workerName,
|
|||
|
|
type: 8,
|
|||
|
|
value: v.userId
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
//获取分包单位列表
|
|||
|
|
getEnterpriseData() {
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/enterpriseInfo/list',
|
|||
|
|
method: 'post',
|
|||
|
|
data: {
|
|||
|
|
projectSn: this.condition.projectSn
|
|||
|
|
},
|
|||
|
|
success: res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
this.enterpriseList = res.result
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
//获取巡检人员列表
|
|||
|
|
getPeopleData() {
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/systemUser/getProjectChilderSystemUserList',
|
|||
|
|
method: 'post',
|
|||
|
|
data: {
|
|||
|
|
enterpriseId: this.enterpriseId,
|
|||
|
|
projectSn: 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;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
//获取列表数据
|
|||
|
|
getListData() {
|
|||
|
|
if (this.checkedTab == 2 || this.checkedTab == 5) {
|
|||
|
|
this.condition.inspectUserIds = this.userInfo.userId
|
|||
|
|
this.condition.reviewId = ''
|
|||
|
|
this.condition.enterpriseId = ''
|
|||
|
|
this.condition.regionId = []
|
|||
|
|
} else if (this.checkedTab == 3) {
|
|||
|
|
this.condition.reviewId = this.userInfo.userId
|
|||
|
|
this.condition.inspectUserIds = '';
|
|||
|
|
this.condition.enterpriseId = ''
|
|||
|
|
this.condition.regionId = []
|
|||
|
|
} else if (this.checkedTab == 4) {
|
|||
|
|
this.condition.enterpriseId = this.userInfo.userId
|
|||
|
|
this.condition.inspectUserIds = '';
|
|||
|
|
this.condition.reviewId = ''
|
|||
|
|
this.condition.regionId = []
|
|||
|
|
} else if (this.checkedTab == 6) {
|
|||
|
|
this.condition.status = ''
|
|||
|
|
this.condition.enterpriseId = ''
|
|||
|
|
this.condition.inspectUserIds = '';
|
|||
|
|
this.condition.reviewId = ''
|
|||
|
|
this.condition.regionId = this.regionId
|
|||
|
|
} else {
|
|||
|
|
this.condition.status = ''
|
|||
|
|
this.condition.reviewId = '';
|
|||
|
|
this.condition.inspectUserIds = '';
|
|||
|
|
this.condition.enterpriseId = ''
|
|||
|
|
this.condition.regionId = ''
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
console.log('查询列表条件数据', this.checkedTab)
|
|||
|
|
let that = this;
|
|||
|
|
// uni.showLoading({title: '加载中'})
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/xzCheckingRoute/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: './planDetail?id=' + obj.id + '&detail=' + JSON.stringify(obj)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
handleDel(item) {
|
|||
|
|
uni.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '您确定要删除此项吗？',
|
|||
|
|
success: async (res) => {
|
|||
|
|
if(res.confirm) {
|
|||
|
|
let data = {
|
|||
|
|
projectSn: this.condition.projectSn,
|
|||
|
|
id: item.id
|
|||
|
|
};
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/xzCheckingRoute/delete',
|
|||
|
|
method: 'post',
|
|||
|
|
data,
|
|||
|
|
success: res => {
|
|||
|
|
console.info(res, 'res')
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: "删除成功"
|
|||
|
|
})
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.condition.pageNo = 1;
|
|||
|
|
this.listData = [];
|
|||
|
|
this.getListData()
|
|||
|
|
}, 1000);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
//搜索
|
|||
|
|
loadData(e) {
|
|||
|
|
// this.condition.routeName = e.detail.value
|
|||
|
|
this.condition.pageNo = 1
|
|||
|
|
this.listData = []
|
|||
|
|
this.getListData(false)
|
|||
|
|
},
|
|||
|
|
handleAdd() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: "/pages/projectEnd/InspectionRoute/editInspectionPlan"
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
// handleEdit(data) {
|
|||
|
|
// uni.navigateTo({
|
|||
|
|
// url: `/pages/projectEnd/InspectionRoute/editInspectionPlan?id=${data.id}&detail=${JSON.stringify(data)}`
|
|||
|
|
// })
|
|||
|
|
// },
|
|||
|
|
handleTaskDetail(data) {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: `/pages/projectEnd/InspectionRoute/planTaskDetail?id=${data.id}`
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.plan_polling {
|
|||
|
|
// background-color: #5181F6;
|
|||
|
|
width: 36rpx;
|
|||
|
|
height: 36rpx;
|
|||
|
|
display: flex;
|
|||
|
|
// border-radius: 40rpx;
|
|||
|
|
margin-right: 6rpx;
|
|||
|
|
>image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
}
|
|||
|
|
.plan_path{
|
|||
|
|
background-color: #5181F6;
|
|||
|
|
width: 40rpx;
|
|||
|
|
height: 40rpx;
|
|||
|
|
padding: 10rpx;
|
|||
|
|
display: flex;
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
>image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.fixedheader {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 2;
|
|||
|
|
|
|||
|
|
.headerName {
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
:deep( .headerBox ){
|
|||
|
|
background-color: #5181F6;
|
|||
|
|
color: white;
|
|||
|
|
.uni-icons{
|
|||
|
|
color: white !important;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.line {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 1px;
|
|||
|
|
background-color: #ccc;
|
|||
|
|
margin-top: 3%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.searchBox {
|
|||
|
|
background-color: white;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-form-item {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
/* .search-icon{
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
right: 50rpx;
|
|||
|
|
transform: translateY(-50%);
|
|||
|
|
} */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input {
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
margin: 20rpx 20rpx;
|
|||
|
|
background-color: #f7f8fa;
|
|||
|
|
height: 70rpx;
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
padding: 0 40rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.screen {
|
|||
|
|
line-height: 100rpx;
|
|||
|
|
color: gray;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.flex {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
padding: 0px 30rpx 20rpx;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
min-height: 320rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 24rpx 16rpx;
|
|||
|
|
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;
|
|||
|
|
display: flex;
|
|||
|
|
&:last-child {
|
|||
|
|
margin-bottom: 80rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.safety_ic {
|
|||
|
|
width: 23px;
|
|||
|
|
height: 23px;
|
|||
|
|
margin-right: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item_left {
|
|||
|
|
// flex: 1;
|
|||
|
|
width: 66%;
|
|||
|
|
|
|||
|
|
.card_title {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: flex-start;
|
|||
|
|
margin-bottom: 8rpx;
|
|||
|
|
|
|||
|
|
// white-space: nowrap;
|
|||
|
|
// overflow: hidden;
|
|||
|
|
// text-overflow: ellipsis;
|
|||
|
|
&:first-child {
|
|||
|
|
margin-bottom: 16rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
min-height: 40rpx;
|
|||
|
|
color: rgba(81, 129, 246, 1);
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
text-align: left;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.value {
|
|||
|
|
min-height: 40rpx;
|
|||
|
|
color: rgba(16, 16, 16, 1);
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
text-align: left;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
font-family: SourceHanSansSC-regular;
|
|||
|
|
overflow:hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
-o-text-overflow:ellipsis;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.label {
|
|||
|
|
min-height: 40rpx;
|
|||
|
|
color: rgba(16, 16, 16, 0.43);
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
text-align: left;
|
|||
|
|
font-family: SourceHanSansSC-regular;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
|
|||
|
|
&.wrap {
|
|||
|
|
white-space: pre-wrap;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item_right {
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
width: 160rpx;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: flex-end;
|
|||
|
|
|
|||
|
|
.text_wrap {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
margin-top: 12rpx;
|
|||
|
|
|
|||
|
|
.d_ic {
|
|||
|
|
width: 32rpx;
|
|||
|
|
height: 32rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.d_text {
|
|||
|
|
color: rgba(81, 129, 246, 1);
|
|||
|
|
font-size: 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.btn_wrap {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
margin-top: 12rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.mini-btn {
|
|||
|
|
margin-right: 24rpx;
|
|||
|
|
border-radius: 30rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.common_btn {
|
|||
|
|
width: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
margin: 0 8rpx;
|
|||
|
|
|
|||
|
|
&.primary {
|
|||
|
|
background: #5181F6;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&.danger {
|
|||
|
|
background: #F26161;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.b_ic {
|
|||
|
|
width: 24rpx;
|
|||
|
|
height: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.add_btn {
|
|||
|
|
width: 108rpx;
|
|||
|
|
height: 108rpx;
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 4rpx;
|
|||
|
|
right: 28rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.qrcode_img {
|
|||
|
|
width: 160rpx;
|
|||
|
|
height: 160rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.popupShow {
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: fixed;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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%;
|
|||
|
|
overflow:hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
-o-text-overflow:ellipsis;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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 20rpx;
|
|||
|
|
background-color: #f7f8fa;
|
|||
|
|
height: 70rpx;
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
padding: 0 40rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
width: 70%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.noCheckTab {
|
|||
|
|
padding-bottom: 4rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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>
|