|
|
@@ -1,10 +1,11 @@
|
|
|
<template>
|
|
|
<view class=" uni-container uni-container-bg">
|
|
|
- <view class="uni-padding-wrap uni-common-mt">
|
|
|
- <uni-segmented-control :current="current" :values="items" style-type="text" active-color="rgb(25, 146, 148)"
|
|
|
- @clickItem="onClickItem" />
|
|
|
- </view>
|
|
|
- <!-- <uni-row class="demo-uni-row align-center flex padding-tb-sm" :gutter="20" width="100%">
|
|
|
+ <view class="example container" :style="'height: ' + (screenHeight - wheight - 10) + 'px'">
|
|
|
+ <view class="uni-padding-wrap uni-common-mt">
|
|
|
+ <uni-segmented-control :current="current" :values="items" style-type="text"
|
|
|
+ active-color="rgb(25, 146, 148)" @clickItem="onClickItem" />
|
|
|
+ </view>
|
|
|
+ <!-- <uni-row class="demo-uni-row align-center flex padding-tb-sm" :gutter="20" width="100%">
|
|
|
<uni-col :span="12" class="flex flex-direction-row ">
|
|
|
<text class="text-Width">开始时间:</text>
|
|
|
<u-button customStyle="color: #2563EB;" plain shape="circle" size="small" color="#2563EB"
|
|
|
@@ -24,8 +25,8 @@
|
|
|
</u-datetime-picker>
|
|
|
</uni-col>
|
|
|
</uni-row> -->
|
|
|
- <!-- 搜索 -->
|
|
|
- <!-- <uni-row class="demo-uni-row padding-tb-sm" :gutter="20" width="100%">
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <!-- <uni-row class="demo-uni-row padding-tb-sm" :gutter="20" width="100%">
|
|
|
<view class="" style="display: flex; align-items: center;">
|
|
|
<uni-col :span="22">
|
|
|
<view class="u-page__tag-item">
|
|
|
@@ -38,146 +39,152 @@
|
|
|
</uni-col>
|
|
|
</view>
|
|
|
</uni-row> -->
|
|
|
- <view v-if="current == 0">
|
|
|
- <view class="" style="margin-bottom: 100rpx;">
|
|
|
- <u-list @scrolltolower="scrolltolower">
|
|
|
- <u-list-item v-for="(item, index) in tableData" :key="index" link>
|
|
|
- <uni-row>
|
|
|
- <uni-col :span="2">
|
|
|
- <view class="" style="position: absolute;top: 0rpx;">
|
|
|
- <image :src="item.checked ?zhengchang:moren" class="tupian"
|
|
|
- @click="listItemChecked(item,index)">
|
|
|
- </image>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :span="22">
|
|
|
- <view class="">
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="18" class="text-xl font-weight-700">{{item.insp_name}}</uni-col>
|
|
|
- <uni-col :span="6" class="text-xl font-weight-700">
|
|
|
- <u-button size="mini" :color="'#ed7d31'">
|
|
|
- 未确认
|
|
|
- </u-button>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="24" class="text-2cut text-grey1 ">{{item.description}}
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="18" class="text-cut text-grey1">巡查时间:{{item.inspect_time}}</uni-col>
|
|
|
- <uni-col :span="6" class="justify-end flex ">
|
|
|
- <!-- <u-button size="small"
|
|
|
+ <view v-if="current == 0">
|
|
|
+ <view class="" style="margin-bottom: 100rpx;">
|
|
|
+ <u-list @scrolltolower="scrolltolower">
|
|
|
+ <u-list-item v-for="(item, index) in tableData" :key="index" link>
|
|
|
+ <uni-row>
|
|
|
+ <uni-col :span="2">
|
|
|
+ <view class="" style="position: absolute;top: 0rpx;">
|
|
|
+ <image :src="item.checked ?zhengchang:moren" class="tupian"
|
|
|
+ @click="listItemChecked(item,index)">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :span="22">
|
|
|
+ <view class="">
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="18"
|
|
|
+ class="text-xl font-weight-700">{{item.insp_name}}</uni-col>
|
|
|
+ <uni-col :span="6" class="text-xl font-weight-700">
|
|
|
+ <u-button size="mini" :color="'#ed7d31'">
|
|
|
+ 未确认
|
|
|
+ </u-button>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="24" class="text-2cut text-grey1 ">{{item.description}}
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="18"
|
|
|
+ class="text-cut text-grey1">巡查时间:{{item.inspect_time}}</uni-col>
|
|
|
+ <uni-col :span="6" class="justify-end flex ">
|
|
|
+ <!-- <u-button size="small"
|
|
|
:color="item.status==='0'||item.status==='3'?'red':item.status==='1'?'green':'blue'"
|
|
|
style="width: 160rpx;">{{statusListTran(item.status)}}</u-button> -->
|
|
|
- <u-button size="small" color="rgb(25, 146, 148)" style="width: 160rpx;"
|
|
|
- @click.native="onClick(item)">查看详情</u-button>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </u-list-item>
|
|
|
- </u-list>
|
|
|
+ <u-button size="small" color="rgb(25, 146, 148)" style="width: 160rpx;"
|
|
|
+ @click.native="onClick(item)">查看详情</u-button>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ </u-list-item>
|
|
|
+ </u-list>
|
|
|
+ </view>
|
|
|
+ <view class="review-button heigthButton">
|
|
|
+ <u-button size="small" color="rgb(25, 146, 148)" :customStyle="btnGetCode" style="width: 280rpx;"
|
|
|
+ @click.native="sureBtn">确认</u-button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="review-button">
|
|
|
- <u-button size="small" color="rgb(25, 146, 148)" :customStyle="btnGetCode" style="width: 280rpx;"
|
|
|
- @click.native="sureBtn">确认</u-button>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-else-if="current == 1">
|
|
|
- <view class="" style="margin-bottom: 100rpx;">
|
|
|
- <u-list @scrolltolower="scrolltolower">
|
|
|
- <u-list-item v-for="(item, index) in tableData" :key="index" link>
|
|
|
- <uni-row>
|
|
|
- <uni-col :span="2">
|
|
|
- <view class="" style="position: absolute;top: 0rpx;">
|
|
|
- <image :src="item.checked ?zhengchang:moren" class="tupian"
|
|
|
- @click="listItemChecked(item,index)">
|
|
|
- </image>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- <uni-col :span="22">
|
|
|
- <view class="">
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="18" class="text-xl font-weight-700">{{item.insp_name}}</uni-col>
|
|
|
- <uni-col :span="6" class="text-xl font-weight-700">
|
|
|
- <u-button size="mini" color="#ed7d31">
|
|
|
- 未处理
|
|
|
- </u-button>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="24" class="text-2cut text-grey1 ">{{item.description}}
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="18" class="text-cut text-grey1">巡查时间:{{item.inspect_time}}
|
|
|
- </uni-col>
|
|
|
- <uni-col :span="6" class="justify-end flex ">
|
|
|
- <!-- <u-button size="small"
|
|
|
+ <view v-else-if="current == 1">
|
|
|
+ <view class="" style="margin-bottom: 100rpx;">
|
|
|
+ <u-list @scrolltolower="scrolltolower">
|
|
|
+ <u-list-item v-for="(item, index) in tableData" :key="index" link>
|
|
|
+ <uni-row>
|
|
|
+ <uni-col :span="2">
|
|
|
+ <view class="" style="position: absolute;top: 0rpx;">
|
|
|
+ <image :src="item.checked ?zhengchang:moren" class="tupian"
|
|
|
+ @click="listItemChecked(item,index)">
|
|
|
+ </image>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :span="22">
|
|
|
+ <view class="">
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="18"
|
|
|
+ class="text-xl font-weight-700">{{item.insp_name}}</uni-col>
|
|
|
+ <uni-col :span="6" class="text-xl font-weight-700">
|
|
|
+ <u-button size="mini" color="#ed7d31">
|
|
|
+ 未处理
|
|
|
+ </u-button>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="24" class="text-2cut text-grey1 ">{{item.description}}
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="18" class="text-cut text-grey1">巡查时间:{{item.inspect_time}}
|
|
|
+ </uni-col>
|
|
|
+ <uni-col :span="6" class="justify-end flex ">
|
|
|
+ <!-- <u-button size="small"
|
|
|
:color="item.status==='0'||item.status==='3'?'red':item.status==='1'?'green':'blue'"
|
|
|
style="width: 160rpx;">{{statusListTran(item.status)}}</u-button> -->
|
|
|
- <u-button size="small" color="rgb(25, 146, 148)" style="width: 160rpx;"
|
|
|
- @click.native="onClick(item)">查看详情</u-button>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </u-list-item>
|
|
|
- </u-list>
|
|
|
- </view>
|
|
|
- <view class="review-button">
|
|
|
- <u-button size="small" color="rgb(25, 146, 148)" :customStyle="btnGetCode" style="width: 280rpx;"
|
|
|
- @click.native="reviewBtn">复 查</u-button>
|
|
|
+ <u-button size="small" color="rgb(25, 146, 148)" style="width: 160rpx;"
|
|
|
+ @click.native="onClick(item)">查看详情</u-button>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ </u-list-item>
|
|
|
+ </u-list>
|
|
|
+ </view>
|
|
|
+ <view class="review-button heigthButton">
|
|
|
+ <u-button size="small" color="rgb(25, 146, 148)" :customStyle="btnGetCode" style="width: 280rpx;"
|
|
|
+ @click.native="reviewBtn">复 查</u-button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
- <view v-else-if="current == 2">
|
|
|
- <view class="" style="margin-bottom: 100rpx;">
|
|
|
- <u-list @scrolltolower="scrolltolower">
|
|
|
- <u-list-item v-for="(item, index) in tableData" :key="index" link>
|
|
|
- <uni-row>
|
|
|
- <!-- <uni-col :span="2">
|
|
|
+ <view v-else-if="current == 2">
|
|
|
+ <view class="" style="margin-bottom: 100rpx;">
|
|
|
+ <u-list @scrolltolower="scrolltolower">
|
|
|
+ <u-list-item v-for="(item, index) in tableData" :key="index" link>
|
|
|
+ <uni-row>
|
|
|
+ <!-- <uni-col :span="2">
|
|
|
<view class="" style="position: absolute;top: 0rpx;" v-if="item.denger_status==0">
|
|
|
<image :src="item.checked ?zhengchang:moren" class="tupian"
|
|
|
@click="listItemChecked(item,index)">
|
|
|
</image>
|
|
|
</view>
|
|
|
</uni-col> -->
|
|
|
- <uni-col :span="22">
|
|
|
- <view class="">
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="18" class="text-xl font-weight-700">{{item.insp_name}}</uni-col>
|
|
|
- <uni-col :span="6" class="text-xl font-weight-700">
|
|
|
- <!-- <u-button size="mini" :color="item.denger_status=='0'?'#ed7d31':'#aace99'">
|
|
|
+ <uni-col :span="22">
|
|
|
+ <view class="">
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="18"
|
|
|
+ class="text-xl font-weight-700">{{item.insp_name}}</uni-col>
|
|
|
+ <uni-col :span="6" class="text-xl font-weight-700">
|
|
|
+ <!-- <u-button size="mini" :color="item.denger_status=='0'?'#ed7d31':'#aace99'">
|
|
|
{{ item.denger_status=='0'?'未处理':'已处理'}}
|
|
|
</u-button> -->
|
|
|
- <u-button size="mini" color="#aace99">
|
|
|
- 已处理
|
|
|
- </u-button>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="24" class="text-2cut text-grey1 ">{{item.description}}
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
- <uni-col :span="18" class="text-cut text-grey1">巡查时间:{{item.inspect_time}}</uni-col>
|
|
|
- <uni-col :span="6" class="justify-end flex ">
|
|
|
- <!-- <u-button size="small"
|
|
|
+ <u-button size="mini" color="#aace99">
|
|
|
+ 已处理
|
|
|
+ </u-button>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="24" class="text-2cut text-grey1 ">{{item.description}}
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ <uni-row class="demo-uni-row " :gutter="20" width="100%">
|
|
|
+ <uni-col :span="18"
|
|
|
+ class="text-cut text-grey1">巡查时间:{{item.inspect_time}}</uni-col>
|
|
|
+ <uni-col :span="6" class="justify-end flex ">
|
|
|
+ <!-- <u-button size="small"
|
|
|
:color="item.status==='0'||item.status==='3'?'red':item.status==='1'?'green':'blue'"
|
|
|
style="width: 160rpx;">{{statusListTran(item.status)}}</u-button> -->
|
|
|
- <u-button size="small" color="rgb(25, 146, 148)" style="width: 160rpx;"
|
|
|
- @click.native="onClick(item)">查看详情</u-button>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </view>
|
|
|
- </uni-col>
|
|
|
- </uni-row>
|
|
|
- </u-list-item>
|
|
|
- </u-list>
|
|
|
+ <u-button size="small" color="rgb(25, 146, 148)" style="width: 160rpx;"
|
|
|
+ @click.native="onClick(item)">查看详情</u-button>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ </view>
|
|
|
+ </uni-col>
|
|
|
+ </uni-row>
|
|
|
+ </u-list-item>
|
|
|
+ </u-list>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 搜索框 -->
|
|
|
@@ -273,18 +280,20 @@
|
|
|
shijianc
|
|
|
} from '@/utils/common.js'
|
|
|
import config from '@/config'
|
|
|
- const baseUrlImg=config.baseUrlImg
|
|
|
+ const baseUrlImg = config.baseUrlImg
|
|
|
export default {
|
|
|
components: {
|
|
|
swiperl
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- items: ['隐患确认','待复查', '已处理'],
|
|
|
+ screenHeight: this.$screenHeight,
|
|
|
+ wheight: '',
|
|
|
+ items: ['隐患确认', '待复查', '已处理'],
|
|
|
current: 0,
|
|
|
moren: `${baseUrlImg}/checkActive/moren.png`, //默认图片
|
|
|
zhengchang: `${baseUrlImg}/checkActive/zhengchang.png`,
|
|
|
- photograph:`${baseUrlImg}/checkActive/photograph.png`,
|
|
|
+ photograph: `${baseUrlImg}/checkActive/photograph.png`,
|
|
|
btnGetCode: {
|
|
|
width: '280rpx', // 注意驼峰命名,并且值必须用引号包括,因为这是对象
|
|
|
},
|
|
|
@@ -341,7 +350,7 @@
|
|
|
receiver: "",
|
|
|
sender: 0,
|
|
|
isReport: "",
|
|
|
- receiverName:""
|
|
|
+ receiverName: ""
|
|
|
},
|
|
|
isReportList: [{
|
|
|
value: 0,
|
|
|
@@ -382,13 +391,18 @@
|
|
|
},
|
|
|
}
|
|
|
},
|
|
|
- onReady() {},
|
|
|
// 在 vue页面,向起始页通过事件传递数据
|
|
|
onLoad: function(option) {
|
|
|
+
|
|
|
console.log("this.$store.state: ", this.$store.state);
|
|
|
console.log('DICT_TYPE', getDictDatas(DICT_TYPE.DENGER_HANDLE));
|
|
|
},
|
|
|
onShow() {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ uni.createSelectorQuery().in(this).select('.heigthButton').boundingClientRect(data => {
|
|
|
+ this.wheight = data.height
|
|
|
+ }).exec()
|
|
|
+ })
|
|
|
this.tableData = []
|
|
|
this.getData(1)
|
|
|
},
|
|
|
@@ -414,9 +428,10 @@
|
|
|
deep: true, // 重点
|
|
|
},
|
|
|
},
|
|
|
- methods: {
|
|
|
- cancelClick(){
|
|
|
- this.showOrg=false
|
|
|
+ methods: {
|
|
|
+ cancelClick() {
|
|
|
+ this.list5=[]
|
|
|
+ this.showOrg = false
|
|
|
this.showreview = false
|
|
|
},
|
|
|
// tab头部点击
|
|
|
@@ -425,8 +440,8 @@
|
|
|
this.current = e.currentIndex;
|
|
|
}
|
|
|
this.queryParams.dengerStatus = e.currentIndex == 2 ? 2 : (e.currentIndex == 0 ? 0 : 1)
|
|
|
-
|
|
|
- this.tableData=[]
|
|
|
+
|
|
|
+ this.tableData = []
|
|
|
this.getData(1)
|
|
|
this.dangerIds = []
|
|
|
},
|
|
|
@@ -549,14 +564,14 @@
|
|
|
this.dangerIdStatus.dangerStatus = 1
|
|
|
this.dangerIdStatus.dangerIds = Array.from(new Set(this.dangerIds)) //去重
|
|
|
console.log(this.dangerIdStatus, 'this.dangerIdStatusthis.dangerIdStatus');
|
|
|
- batchSetDangerStatus(JSON.stringify(this.dangerIdStatus)).then(res => {
|
|
|
- console.log(res, 'resresres');
|
|
|
- if (res.data) {
|
|
|
- this.current = 1
|
|
|
- this.queryParams.dengerStatus = 1
|
|
|
- this.getData(1)
|
|
|
- }
|
|
|
- })
|
|
|
+ batchSetDangerStatus(JSON.stringify(this.dangerIdStatus)).then(res => {
|
|
|
+ console.log(res, 'resresres');
|
|
|
+ if (res.data) {
|
|
|
+ this.current = 1
|
|
|
+ this.queryParams.dengerStatus = 1
|
|
|
+ this.getData(1)
|
|
|
+ }
|
|
|
+ })
|
|
|
|
|
|
},
|
|
|
reviewBtn() {
|
|
|
@@ -629,8 +644,9 @@
|
|
|
dangeRreview(this.reviewFromdata).then(response => {
|
|
|
if (response.data) this.$modal.msgSuccess('修改成功')
|
|
|
this.showreview = false
|
|
|
- this.list5=[]
|
|
|
+ this.list5 = []
|
|
|
this.restReviewform()
|
|
|
+ this.tableData = []
|
|
|
this.getData(1)
|
|
|
});
|
|
|
}).catch(errors => {
|
|
|
@@ -688,9 +704,20 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
+ /deep/.u-action-sheet {
|
|
|
+ overflow-y: auto;
|
|
|
+ height: 1000rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
/deep/.u-action-sheet {
|
|
|
overflow-y: auto;
|
|
|
height: 1000rpx;
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
-</style>
|
|
|
+
|
|
|
+ .example {
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+</style>
|