|
|
<template>
|
|
|
<view class="indexcontent">
|
|
|
<u-navbar :leftText="'事件逐条审核'+'('+tiaoshu+')'+'条'" :safeAreaInsetTop="false" @rightClick="rightClick"
|
|
|
:autoBack="true" :placeholder="true" leftIconColor="#ffffff">
|
|
|
</u-navbar>
|
|
|
<view class="indexcontent-box">
|
|
|
<view class="indexcontent-bottom">
|
|
|
<view class="indexcontentbttom-item" v-for="item in contentList">
|
|
|
<view class="indexcontentbttom-item-top">
|
|
|
<view class="indexcontentbttom-item-text">
|
|
|
{{item.caseTitle}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom">
|
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
|
<u-icon name="file-text" size="18" color="#595F66" class="icon"></u-icon>
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom-rigth">
|
|
|
{{item.caseSerial}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom">
|
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
|
<u-icon name="map" size="18" color="#595F66" class="icon"></u-icon>
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom-rigth">
|
|
|
{{item.caseAddress}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom">
|
|
|
<view class="indexcontentbttom-item-bottom-left">
|
|
|
<u-icon name="clock" size="18" color="#595F66" class="icon"></u-icon>
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom-rigth">
|
|
|
{{item.caseDate}}
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="" v-if="navbarValue == '同人同诉'">
|
|
|
<template class="" v-if="tabscurrent !=0">
|
|
|
<view class="indexcontentbttom-item-bottom-bottom lvse" v-show="!item.isReport">
|
|
|
同人同诉事件
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom-bottom " v-show="item.isReport == 2">
|
|
|
非同人事件
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom-bottom " v-show="item.isReport == 3">
|
|
|
非同诉事件
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<view class="indexcontentbttom-item-bottom-bottom lvse indexcontentbttom-item-bottom-bottomTRTS"
|
|
|
:class="" v-show="tabscurrent == 0">
|
|
|
<view class="" @click="nextblack(item,2)">
|
|
|
<u-icon name="tags" size="24" color="#2baa04" class="" class="icon"
|
|
|
v-show='item.caseSerialShowleft'>
|
|
|
</u-icon>
|
|
|
非同人事件
|
|
|
</view>
|
|
|
<view class="" @click="nextblack(item,3)">
|
|
|
<u-icon name="tags" size="24" color="#2baa04" class="" class="icon"
|
|
|
v-show='item.caseSerialShowRight'>
|
|
|
</u-icon>
|
|
|
非同诉事件
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<view class="" v-else>
|
|
|
<view class="indexcontentbttom-item-bottom-bottom" @click="nextblack(item)"
|
|
|
v-show="item.isReport">
|
|
|
{{navbarValue=='重点人员'?'非重点事件':navbarValue=='一人多诉'?'非同一人事件':'非同一事件'}}
|
|
|
</view>
|
|
|
<view class="indexcontentbttom-item-bottom-bottom lvse" :class="" @click="nextblack(item)"
|
|
|
v-show="!item.isReport">
|
|
|
<u-icon name="tags" size="24" color="#2baa04" class="" class="icon"
|
|
|
v-show="item.caseSerialShow">
|
|
|
</u-icon>
|
|
|
{{navbarValue=='重点人员'?'重点事件':navbarValue=='一人多诉'?'同一人事件':'同一事件'}}
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import {
|
|
|
massEventsinfoTow
|
|
|
} from '@/api/system/ApiList.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
tiaoshu: 0,
|
|
|
contentList: [
|
|
|
|
|
|
],
|
|
|
|
|
|
massEventsObj: {
|
|
|
current: 1,
|
|
|
size: 10000
|
|
|
},
|
|
|
shijianList: [],
|
|
|
innerEventId: "",
|
|
|
// 判断从哪里来 0 是 待审核 1 是已上报 2是重训练
|
|
|
tabscurrent: "",
|
|
|
navbarValue: ""
|
|
|
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
nextblack(item, type) {
|
|
|
if (this.tabscurrent != 0) return
|
|
|
|
|
|
//判断是否为同人同诉，如果为，那么判断点击时的状态 2 为非同人 ，对应字段caseSerialShowleft
|
|
|
//3 为 非同诉，对应字段caseSerialShowRight
|
|
|
if (this.navbarValue == '同人同诉') {
|
|
|
let obj = {
|
|
|
key: item.caseSerial,
|
|
|
value: type
|
|
|
}
|
|
|
if (type == 2) {
|
|
|
|
|
|
item.caseSerialShowleft = !item.caseSerialShowleft
|
|
|
item.caseSerialShowRight = false
|
|
|
if (!item.caseSerialShowleft) {
|
|
|
//删除操作
|
|
|
this.shijianList = this.shijianList.filter((obj) => {
|
|
|
return obj.key != item.caseSerial;
|
|
|
});
|
|
|
} else {
|
|
|
this.shijianList = this.shijianList.filter((obj) => {
|
|
|
return obj.key != item.caseSerial;
|
|
|
});
|
|
|
this.shijianList.push(obj)
|
|
|
}
|
|
|
} else if (type == 3) {
|
|
|
item.caseSerialShowRight = !item.caseSerialShowRight
|
|
|
item.caseSerialShowleft = false
|
|
|
if (!item.caseSerialShowRight) {
|
|
|
// 删除操作
|
|
|
this.shijianList = this.shijianList.filter((obj) => {
|
|
|
return obj.key != item.caseSerial;
|
|
|
});
|
|
|
} else {
|
|
|
this.shijianList = this.shijianList.filter((obj) => {
|
|
|
return obj.key != item.caseSerial;
|
|
|
});
|
|
|
this.shijianList.push(obj)
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
item.caseSerialShow = !item.caseSerialShow
|
|
|
if (!item.caseSerialShow) {
|
|
|
this.shijianList = this.shijianList.filter((obj) => {
|
|
|
return obj != item.caseSerial;
|
|
|
});
|
|
|
} else {
|
|
|
this.shijianList.push(item.caseSerial)
|
|
|
}
|
|
|
|
|
|
}
|
|
|
this.$store.dispatch("setstate", this.shijianList)
|
|
|
console.log(this.shijianList);
|
|
|
console.log(this.$store.state.tijiaoList.shijianList);
|
|
|
|
|
|
},
|
|
|
getList() {
|
|
|
massEventsinfoTow(this.innerEventId, this.massEventsObj).then(res => {
|
|
|
let storeList = this.$store.state.tijiaoList.shijianList
|
|
|
this.shijianList = storeList
|
|
|
this.tiaoshu = res.data.total
|
|
|
this.contentList = res.data.records
|
|
|
|
|
|
if (this.navbarValue == '同人同诉') {
|
|
|
this.contentList = this.contentList.map((obj) => {
|
|
|
|
|
|
const caseSerialShowleft = storeList.some(res => res.key == obj.caseSerial &&
|
|
|
res.value == 2);
|
|
|
const caseSerialShowRight = storeList.some(res => res.key == obj.caseSerial &&
|
|
|
res.value == 3);
|
|
|
return {
|
|
|
...obj,
|
|
|
caseSerialShowleft,
|
|
|
caseSerialShowRight
|
|
|
};
|
|
|
});
|
|
|
} else {
|
|
|
this.contentList = this.contentList.map((obj) => {
|
|
|
const caseSerialShow = storeList.includes(obj.caseSerial);
|
|
|
return {
|
|
|
...obj,
|
|
|
caseSerialShow
|
|
|
};
|
|
|
});
|
|
|
}
|
|
|
|
|
|
|
|
|
})
|
|
|
},
|
|
|
},
|
|
|
onLoad(opent) {
|
|
|
this.innerEventId = opent.innerEventId
|
|
|
this.tabscurrent = opent.tabscurrent
|
|
|
this.navbarValue = opent.navbarValue
|
|
|
this.getList()
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.indexcontent {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
|
|
|
.indexcontent-box {
|
|
|
.indexcontent-bottom {
|
|
|
width: 100%;
|
|
|
padding: 20rpx;
|
|
|
border-radius: 10rpx;
|
|
|
|
|
|
.indexcontentbttom-item {
|
|
|
padding: 25rpx;
|
|
|
width: 100%;
|
|
|
background: #f7f7f7fa;
|
|
|
border-radius: 10rpx;
|
|
|
margin: 20rpx 0;
|
|
|
|
|
|
.indexcontentbttom-item-top {
|
|
|
display: grid;
|
|
|
grid-template-columns: 70% 20%;
|
|
|
|
|
|
.indexcontentbttom-item-text {
|
|
|
text-align: left;
|
|
|
font-weight: 500;
|
|
|
font-size: 30rpx;
|
|
|
font-weight: bold;
|
|
|
color: #35393D;
|
|
|
overflow: hidden;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.indexcontentbttom-item-bottom {
|
|
|
margin: 20rpx 0;
|
|
|
display: grid;
|
|
|
grid-template-columns: 8% auto;
|
|
|
|
|
|
view {
|
|
|
font-size: 25rpx;
|
|
|
color: #35393D;
|
|
|
line-height: 30rpx;
|
|
|
}
|
|
|
|
|
|
.indexcontentbttom-item-bottom-left {
|
|
|
color: #595F66;
|
|
|
text-align: left;
|
|
|
}
|
|
|
|
|
|
.indexcontentbttom-item-bottom-rigth {
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.leibie {
|
|
|
color: #E72C2C;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.indexcontentbttom-item-bottom-bottom {
|
|
|
background: rgba(245, 154, 35, 0.1);
|
|
|
border-radius: 10rpx;
|
|
|
width: 100%;
|
|
|
height: 69rpx;
|
|
|
text-align: center;
|
|
|
line-height: 69rpx;
|
|
|
color: #F59A23;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
.lvse {
|
|
|
background: rgba(0, 170, 0, 0.1);
|
|
|
color: #2baa04;
|
|
|
}
|
|
|
|
|
|
.indexcontentbttom-item-bottom-bottomTRTS {
|
|
|
background: #ffffff;
|
|
|
display: grid;
|
|
|
grid-template-columns: 1fr 1fr;
|
|
|
grid-column-gap: 20rpx;
|
|
|
|
|
|
view {
|
|
|
background: rgba(0, 170, 0, .1);
|
|
|
border-radius: 10rpx;
|
|
|
text-align: center;
|
|
|
line-height: 69rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
.icon {
|
|
|
background: rgba(0, 170, 0, 0);
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.dibuaBtn {
|
|
|
position: sticky;
|
|
|
bottom: 0;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
height: 120rpx;
|
|
|
padding: 30rpx;
|
|
|
display: grid;
|
|
|
grid-template-columns: 1fr 1fr;
|
|
|
grid-column-gap: 20rpx;
|
|
|
color: #ffffff;
|
|
|
background-color: #ffffff;
|
|
|
|
|
|
view {
|
|
|
text-align: center;
|
|
|
line-height: 60rpx;
|
|
|
height: 60rpx;
|
|
|
border-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
.dibuaBtn-lanse {
|
|
|
background-color: #4379D6;
|
|
|
}
|
|
|
|
|
|
.dibuaBtn-hongse {
|
|
|
background-color: #E72C2C;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</style> |
