李素
1 year ago
5 changed files with 357 additions and 0 deletions
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,117 @@ |
|||||
|
// subpages/securityCheck/securityCheck.js
|
||||
|
import {securityCheckk} from "../../utils/api"; |
||||
|
Page({ |
||||
|
data: { |
||||
|
pageNo: 1, |
||||
|
pageSize: 10, |
||||
|
id: 0, |
||||
|
waitingCheckStyle: "color: #1974ec;border-bottom: 2px solid blue;", |
||||
|
qualifiedStyle: "", |
||||
|
marsi:[ |
||||
|
//
|
||||
|
], |
||||
|
flag0Array:[], |
||||
|
flag1Array:[] |
||||
|
|
||||
|
}, |
||||
|
onLoad(options) { |
||||
|
|
||||
|
this.getList() |
||||
|
|
||||
|
}, |
||||
|
getList() { |
||||
|
securityCheckk({ |
||||
|
pageNo: this.data.pageNo, |
||||
|
pageSize: this.data.pageSize, |
||||
|
}).then(({data}) => { |
||||
|
|
||||
|
this.setData({ |
||||
|
marsi: data.list, |
||||
|
total: data.total |
||||
|
}) |
||||
|
this.memem(); |
||||
|
console.log("asdsa",this.data.marsi) |
||||
|
}); |
||||
|
}, |
||||
|
memem() { |
||||
|
this.setData({ |
||||
|
flag0Array: this.data.marsi.filter(item => item.checkResultFlag === 0 || item.checkResultFlag == null), |
||||
|
flag1Array: this.data.marsi.filter(item => item.checkResultFlag === 1) |
||||
|
}); |
||||
|
}, |
||||
|
handelTab(e){ |
||||
|
console.log(e); |
||||
|
this.setData({ |
||||
|
setlectVal :e.currentTarget.dataset.value |
||||
|
}) |
||||
|
}, |
||||
|
toggleColor(e) { |
||||
|
console.log(123); |
||||
|
let value = e.currentTarget.dataset.value; // 获取点击选项的值
|
||||
|
if (value === "1") { |
||||
|
this.setData({ |
||||
|
waitingCheckStyle: "color: blue;border-bottom: 2px solid blue;", |
||||
|
qualifiedStyle: "" |
||||
|
}); |
||||
|
} else if (value === "2") { |
||||
|
this.setData({ |
||||
|
waitingCheckStyle: "", |
||||
|
qualifiedStyle: "color: blue; border-bottom: 2px solid blue;" |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
qualifed(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/qualified/qualified' |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"usingComponents": {}, |
||||
|
"navigationBarTitleText": "安检巡查" |
||||
|
} |
||||
@ -0,0 +1,51 @@ |
|||||
|
<!--subpages/gatherInformation/pages/gatherInformation/gatherInformation.wxml--> |
||||
|
<view class="page"> |
||||
|
<view class="search"> |
||||
|
<view class="filter" bind:tap="toggleColor" data-value="1" style="{{waitingCheckStyle}}"> |
||||
|
待复核 |
||||
|
</view> |
||||
|
<view class="filter" bind:tap="toggleColor" data-value="2" style="{{qualifiedStyle}}"> |
||||
|
已合格 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class=""> |
||||
|
<view class="section_5"> |
||||
|
<scroll-view scroll-y="{{true}}" scroll-into-view="scrollToHere" wx:if="{{waitingCheckStyle}}" style="width: 100%; height: 90vh;"> |
||||
|
<view class="list_1" wx:for="{{flag0Array}}"> |
||||
|
<view class="section_1-0" id="scrollToHere"> |
||||
|
<view class="title">{{item.name}}</view> |
||||
|
<view class="title_mall">检查时间: {{item.orderDate}}</view> |
||||
|
<view class="title_mall">检查人员: {{item.checkPersons}}</view> |
||||
|
<view class="title_mall">隐患明细:</view> |
||||
|
<view class="title_mall" wx:for="{{item.hiddenDangeList}}" wx:key="index">{{item.hazardDesc}}</view> |
||||
|
<view class="title_mall">拟复查时间: {{item.reviewTime}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<movable-area class="movable-area"> |
||||
|
<movable-view class="movable-view" direction="all" x="250" y="300"> |
||||
|
<image src="../../images/xuncha.png" class="image-wrapper"></image> |
||||
|
</movable-view> |
||||
|
</movable-area> |
||||
|
</scroll-view> |
||||
|
|
||||
|
|
||||
|
<scroll-view scroll-y="{{true}}" scroll-into-view="scrollToHere" wx:if="{{qualifiedStyle}}" style="width: 100%; height: 90vh;"> |
||||
|
<view class="list_1" wx:for="{{flag1Array}}"> |
||||
|
<view class="section_1-0" id="scrollToHere"> |
||||
|
<view class="title">{{item.name}}</view> |
||||
|
<view class="title_mall">检查时间: {{item.orderDate}}</view> |
||||
|
<view class="title_mall">检查人员: {{item.checkPersons}}</view> |
||||
|
<view class="title_mall">隐患明细:</view> |
||||
|
<view class="title_mall" wx:for="{{item.hiddenDangeList}}" wx:key="index">{{item.hazardDesc}}</view> |
||||
|
<view class="title_mall">拟复查时间: {{item.reviewTime}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<movable-area class="movable-area"> |
||||
|
<movable-view class="movable-view" direction="all" x="250" y="300"> |
||||
|
<image src="../../images/xuncha.png" class="image-wrapper"></image> |
||||
|
</movable-view> |
||||
|
</movable-area> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
@ -0,0 +1,185 @@ |
|||||
|
/* subpages/gatherInformation/pages/gatherInformation/gatherInformation.wxss */ |
||||
|
page{ |
||||
|
height: 100vh; |
||||
|
overflow: hidden; |
||||
|
background-color:#f7f7f7 ; |
||||
|
/*定位方式为相对定位 */ |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
/* 按照行排序 */ |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
.search{ |
||||
|
height: 110rpx; |
||||
|
width: 100%; |
||||
|
padding:0 22rpx; |
||||
|
box-sizing: border-box; |
||||
|
background-color: #fff; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
/* justify-content: space-between; */ |
||||
|
padding-top: 20rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.filter{ |
||||
|
margin-left: 10rpx; |
||||
|
margin-right: 40rpx; |
||||
|
} |
||||
|
.box_2 { |
||||
|
background-color: rgba(247,247,247,1.000000); |
||||
|
border-radius: 20rpx; |
||||
|
/* 相对于父级进行定位 */ |
||||
|
/* position: absolute; */ |
||||
|
left: 0rpx; |
||||
|
/* top: 181rpx; */ |
||||
|
width: 750rpx; |
||||
|
height: 1365rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: flex-end; |
||||
|
} |
||||
|
/* .section_5 { |
||||
|
width: 100%; |
||||
|
height: 1395rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
overflow-y: auto; |
||||
|
} */ |
||||
|
.section_5 { |
||||
|
width: 100%; |
||||
|
height: 1395rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.content_1{ |
||||
|
display: flex; |
||||
|
/* flex-direction: row; */ |
||||
|
justify-self:center; |
||||
|
margin: 40rpx 0 0 10rpx; |
||||
|
|
||||
|
} |
||||
|
.content_1>view{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
width: 250rpx; |
||||
|
height:210rpx; |
||||
|
} |
||||
|
.data{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
margin: 40rpx 0 0 10rpx; |
||||
|
|
||||
|
} |
||||
|
.data >view{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
width: 303rpx; |
||||
|
height: 200rpx; |
||||
|
} |
||||
|
|
||||
|
.house{ |
||||
|
display: flex; |
||||
|
justify-content: start; |
||||
|
margin: 40rpx 0 0 10rpx; |
||||
|
|
||||
|
} |
||||
|
.house >view{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
width: 303rpx; |
||||
|
height: 200rpx; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.image_2 { |
||||
|
width: 158rpx; |
||||
|
height: 56rpx; |
||||
|
margin-left: 332rpx; |
||||
|
} |
||||
|
.list_1 { |
||||
|
/* width: 710rpx; */ |
||||
|
/* height: 603rpx; */ |
||||
|
/* display: flex; */ |
||||
|
/* flex-direction: column; */ |
||||
|
/* justify-content: space-between; */ |
||||
|
margin: 20rpx 0 0 20rpx; |
||||
|
/* width: 100%; */ |
||||
|
} |
||||
|
.section_1-0 { |
||||
|
background-color: rgba(255,255,255,1.000000); |
||||
|
border-radius: 20rpx; |
||||
|
/* height: 410rpx; */ |
||||
|
/* width: 710rpx; */ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
padding-bottom: 10px; |
||||
|
} |
||||
|
.image-wrapper_9-1{ |
||||
|
width: 404rpx; |
||||
|
height: 100rpx; |
||||
|
flex-direction: row; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin: 40rpx 0 0 59rpx; |
||||
|
} |
||||
|
.text-wrapper_7-0 { |
||||
|
width: 134rpx; |
||||
|
height: 33rpx; |
||||
|
display: flex; |
||||
|
/* row水平排列 */ |
||||
|
flex-direction: row; |
||||
|
margin: 29rpx 0 0 29rpx; |
||||
|
} |
||||
|
.text_2-0 { |
||||
|
width: 134rpx; |
||||
|
height: 33rpx; |
||||
|
/* 文本换行 */ |
||||
|
overflow-wrap: break-word; |
||||
|
color: rgba(51,51,51,1); |
||||
|
font-size: 34rpx; |
||||
|
font-family: PingFang-SC-Bold; |
||||
|
font-weight: 700; |
||||
|
text-align: left; |
||||
|
white-space: nowrap; |
||||
|
line-height: 42rpx; |
||||
|
} |
||||
|
.title{ |
||||
|
margin-top: 20rpx; |
||||
|
font-size: 16px; |
||||
|
font-weight: 550; |
||||
|
margin-left: 30rpx; |
||||
|
} |
||||
|
.title_mall{ |
||||
|
margin-top: 20rpx; |
||||
|
font-size: 13px; |
||||
|
opacity: 0.5; |
||||
|
margin-left: 30rpx; |
||||
|
} |
||||
|
.movable-area{ |
||||
|
pointer-events:none; |
||||
|
z-index: 100; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
} |
||||
|
.movable-view{ |
||||
|
pointer-events:auto; |
||||
|
height: 50px; |
||||
|
width: 50px; |
||||
|
|
||||
|
} |
||||
|
.image-wrapper{ |
||||
|
width: 200rpx; |
||||
|
height: 200rpx; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
Loading…
Reference in new issue