<template>
|
<view class="report">
|
<u-sticky offset-top="0">
|
<view class="report_search">
|
<view class="report_search_row" @click="show = true">
|
<text>{{type ? type : '类型'}}</text>
|
<u-icon name="arrow-down-fill" color="#666666" size="13"></u-icon>
|
</view>
|
<view class="report_search_row" @click="show1 = true">
|
<text>{{status ? status : '解决情况'}}</text>
|
<u-icon name="arrow-down-fill" color="#666666" size="13"></u-icon>
|
</view>
|
</view>
|
</u-sticky>
|
<view class="report_list">
|
<view class="report_list_row" v-for="(item, index) in 10" :key="index" @click="jump(item)">
|
<view class="report_list_row_icon">
|
<image src="/static/tabbar/nav_gongdan_sel@2x.png" mode="widthFix"></image>
|
</view>
|
<view class="report_list_row_info">
|
<text>SHE事件上报</text>
|
<text>同事-李四-2025-10-09 07:45/成都/车祸</text>
|
<text>2025-10-09 18:45</text>
|
</view>
|
</view>
|
</view>
|
<!-- 类型 -->
|
<u-picker :show="show" immediateChange :columns="columns" @confirm="confirmType" @cancel="show = false"></u-picker>
|
<!-- 解决情况 -->
|
<u-picker :show="show1" immediateChange :columns="columns1" @confirm="confirmStatus" @cancel="show1 = false"></u-picker>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
show: false,
|
show1: false,
|
type: '',
|
status: '',
|
columns: [
|
['全部', 'DCA', '跌绊滑风险上报', 'SHE事件上报']
|
],
|
columns1: [
|
['全部', '未解决', '已解决']
|
]
|
};
|
},
|
methods: {
|
confirmType(e) {
|
if (e.value[0] === '全部') {
|
this.type = ''
|
} else {
|
this.type = e.value[0]
|
}
|
this.show = false
|
},
|
confirmStatus(e) {
|
if (e.value[0] === '全部') {
|
this.status = ''
|
} else {
|
this.status = e.value[0]
|
}
|
this.show1 = false
|
},
|
jump(item) {
|
uni.navigateTo({
|
url: '/pages/details_she/details_she'
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.report {
|
width: 100%;
|
.report_search {
|
width: 100%;
|
height: 100rpx;
|
display: flex;
|
align-items: center;
|
padding: 0 30rpx;
|
box-sizing: border-box;
|
border-bottom: 1rpx solid #ececec;
|
background-color: #ffffff;
|
.report_search_row {
|
flex: 1;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
text {
|
font-size: 28rpx;
|
color: #222222;
|
margin-right: 8rpx;
|
}
|
}
|
}
|
.report_list {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
.report_list_row {
|
width: 100%;
|
padding: 34rpx 36rpx;
|
box-sizing: border-box;
|
border-bottom: 1rpx solid #ececec;
|
display: flex;
|
align-items: center;
|
&:last-child {
|
border: none;
|
}
|
.report_list_row_icon {
|
flex-shrink: 0;
|
width: 56rpx;
|
height: 56rpx;
|
margin-right: 20rpx;
|
image {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
.report_list_row_info {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
text {
|
&:nth-child(1) {
|
font-size: 28rpx;
|
color: #222222;
|
font-weight: 600;
|
}
|
&:nth-child(2) {
|
font-size: 24rpx;
|
color: #666666;
|
font-weight: 400;
|
margin: 6rpx 0;
|
}
|
&:nth-child(3) {
|
font-size: 24rpx;
|
color: #999999;
|
font-weight: 400;
|
}
|
}
|
}
|
}
|
}
|
}
|
</style>
|
