integrated_traffic_uniapp/pages/application/hidden-danger-management/hidden-danger-check/hidden-danger-check.vue

230 lines
7.1 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view>
<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
<block slot="backText">返回</block>
<block slot="content">隐患验收</block>
</cu-custom>
<view class="top-fixed">
<view class="cu-bar search bg-white">
<view class="search-form radius">
<text class="cuIcon-search"></text>
<input @input="InputBlur" placeholder="请输入关键字"></input>
</view>
<view class="action">
<button class="cu-btn bg-green shadow-blur radius" @click="getQuery()"></button>
</view>
</view>
<view class="line"></view>
</view>
<scroll-view class="dy-scroll" @scrolltolower="scrolltolower" scroll-y :style="'top:'+sTop+'px;height:calc(100vh - '+totalHeight+'px)'">
<view v-if="total>0" class="dy-list">
<!-- <view v-for="(item,index) of list" :key="index" :data-id="item.HIDDEN_ID" class="dy-list-item p201 arrow" @click="$noMultipleClicks(gotRectify,item.HIDDEN_ID)">-->
<view v-for="(item,index) of list" :key="index" :data-id="item.HIDDEN_ID" class="dy-list-item p201 arrow" @click="gotRectify(item)">
<view class="dy-subtitle-flex">
<text v-if="item.SOURCE=='1'">隐患来源:隐患快报</text>
<text>{{ '隐患描述:' + (item.HIDDENDESCR ? (item.HIDDENDESCR.length > 15 ? item.HIDDENDESCR.substr(0, 15) + '...' : item.HIDDENDESCR) : '暂无') }}</text>
</view>
<view class="dy-subtitle">
<text>隐患级别:</text>
<text v-if="item.HIDDENLEVEL=='hiddenLevel0001'" class="cu-tag radius bg-yellow light">{{item.HIDDENLEVELNAME}}</text>
<text v-else-if="item.HIDDENLEVEL=='hiddenLevel0002'" class="cu-tag radius bg-red light">{{item.HIDDENLEVELNAME}}</text>
<text v-if="item.HIDDENLEVEL=='hiddenLevel0002'&&item.ISCONFIRM=='0'" class="cu-tag radius bg-grey light">未确认</text>
<text v-if="item.HIDDENLEVEL=='hiddenLevel0002'&&item.ISCONFIRM=='1'" class="cu-tag radius bg-green light">已确认</text>
</view>
<view class="dy-subtitle">
<text v-if="item.SOURCE=='1'">隐患来源:隐患快报</text>
<text v-else-if="item.SOURCE=='2'">隐患来源:隐患排查</text>
<text v-else-if="item.SOURCE=='3'">隐患来源:隐患排查</text>
<text v-else-if="item.SOURCE=='4'">隐患来源:安全环保检查</text>
<text v-else-if="item.SOURCE=='5'">隐患来源:安全环保检查</text>
</view>
<view class="dy-subtitle-flex">
<text>整改人:{{item.RECTIFICATIONORNAME?item.RECTIFICATIONORNAME:'暂无'}}</text>
</view>
<view class="dy-subtitle-flex">
<text>整改时间: {{item.RECTIFICATIONTIME}}</text>
</view>
</view>
</view>
<view v-else-if="dataFlag=='noData'" class="dy-null">
<view class="dy-null-img">
<image src="../../../../static/null.png" mode=""></image>
</view>
<view class="dy-null-title">
暂无数据
</view>
</view>
<view class="cu-tabbar-height"></view>
</scroll-view>
</view>
</template>
<script>
import {
basePath,deptId,loginUserId,loginSession,loginUser
} from '@/common/tool.js';
export default {
data() {
return {
sTop:0,
totalHeight:0,
scrollLeft: 0,
tabNav: ['未提交', '待整改', '待复查', '已复查', '已验收', '已超期'],
page: 1,
rows: 10,
totalCount:0,
isEnd: false,
total:0,
varList:[],
noClick:true,
dataFlag:'noData',
list:[],
initflag:false,
name:''
}
},
onLoad() {
this.getData();
loginSession();
},
onReady() {
let that=this;
let CustomBar = this.CustomBar;
uni.getSystemInfo({ //调用uni-app接口获取屏幕高度
success(res) { //成功回调函数
let titleH=uni.createSelectorQuery().select(".top-fixed"); //想要获取高度的元素名class/id
titleH.boundingClientRect(data=>{
that._data.sTop=data.height //计算高度:元素高度=窗口高度-元素距离顶部的距离data.top
that.totalHeight = data.height+CustomBar
}).exec()
}
})
},
onShow(){
var _this = this;
if(_this.initflag){
_this.initflag = false;
_this.getQuery()
}
},
methods: {
getData() {
var _this = this;
if (_this.isEnd) {
return
}
uni.showLoading({
title: '请稍候'
});
let DISPOSESTATE = 3;
uni.request({
url: basePath + '/app/hidden/listRiskStandard', // /app/hidden/list',
method: 'POST',
dataType: 'json',
header:{
'Content-type':'application/x-www-form-urlencoded'
},
data: {
tm:new Date().getTime(),
STATE:3,
showCount:_this.rows,
currentPage:_this.page,
totalResult:_this.total,
DISPOSESTATE:DISPOSESTATE,
USERDEPT:loginUser.DEPARTMENT_ID,
SELFUSERID:loginUserId,
HIDDENDESCR:_this.name,
CORPINFO_ID:loginUser.CORPINFO_ID,
USER_ID:loginUser.USER_ID,
},
success: (res) => {
// console.info(res.data);
if (res.data.result == 'success') {
uni.hideLoading();
_this.total = res.data.page.totalResult;
if (_this.totalCount < res.data.page.totalResult) {
var content = res.data.varList;
_this.list = _this.list.concat(content);
_this.page++;
_this.totalCount += content.length;
} else {
_this.isEnd = true
}
} else {
uni.showToast({
title: res.data.message,
duration: 2000
});
}
}
});
},
getQuery(){
var _this = this;
_this.page = 1;
_this.isEnd = false;
_this.totalCount = 0;
_this.total =0;
_this.list = [];
_this.getData()
},
getlist() {
var _this = this;
_this.page = 1;
_this.isEnd = false;
_this.totalCount = 0;
_this.total =0;
_this.list = [];
_this.getData()
},
tabSelect(e) {
this.TabCur = e.currentTarget.dataset.id;
this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60;
this.getQuery();
},
InputBlur(e){
this.name = e.detail.value
},
//跳转事件
gotRectify(e) {
if (e.HIDDEN_RISKSTANDARD === '1') {
uni.navigateTo({
url: '/pages/application/hidden-danger-management/hidden-danger-check/hidden-danger-check-risk-detail?id='+e.HIDDEN_ID,
});
} else if (e.HIDDEN_RISKSTANDARD === '2') {
uni.navigateTo({
url: '/pages/application/hidden-danger-management/hidden-danger-check/hidden-danger-check-standard-detail?id='+e.HIDDEN_ID,
});
}
},
//跳转事件
gotReview(e) {
uni.navigateTo({
url: '/pages/works/hidden-danger/hidden-danger-review?id='+e,
});
},
//跳转事件
gotCheck(e) {
uni.navigateTo({
url: '/pages/works/hidden-danger/hidden-danger-check?id='+e,
});
},
//跳转事件
gotDetail(e) {
uni.navigateTo({
url: '/pages/works/hidden-danger/hidden-danger-details?id='+e,
});
},
scrolltolower(){
this.getData();
}
}
}
</script>
<style>
</style>