suzhou-jichuang-lanhai
/
SzplatformAPP
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
main
李劲龙 2 months ago
parent 32c14dc9b9
commit 7df029fef9
10 changed files with 1455 additions and 115 deletions
Show Stats Download Patch File Download Diff File

12
api/system/ApiList.js
Unescape View File

@ -54,11 +54,19 @@ export function eventChangeIsReport(data) {
}) })
} }
// 五种审核个数 // 五种审核个数
export function fiveEventCount(data) { export function fiveEventCount(params) {
return request({ return request({
url: `/api/earlyWarningAudit/massEvents/fiveEventCount`, url: `/api/earlyWarningAudit/massEvents/fiveEventCount`,
method: 'get', method: 'get',
data params
})
}
// 查询工单详情
export function massEventsId(params) {
return request({
url: `/api/earlyWarningAudit/massEvents/${params}`,
method: 'get',
// params
}) })
} }

305
components/LieBIaoList/LieBIaoList.vue
Unescape View File

@ -0,0 +1,305 @@
<template>
<view class="LieBIaoListindexcontent">
<!-- <u-navbar :leftText="'事件逐条审核'+'('+tiaoshu+')'+'条'" :safeAreaInsetTop="false" @rightClick="rightClick"
:autoBack="true" :placeholder="true" leftIconColor="#ffffff">
</u-navbar> -->
<view class="LieBIaoListindexcontent-box">
<view class="LieBIaoListindexcontent-bottom">
<view class="LieBIaoListindexcontentbttom-item" v-for="item in contentList" @click="gotoXiangqing(item)">
<view class="LieBIaoListindexcontentbttom-item-top">
<view class="LieBIaoListindexcontentbttom-item-text">
{{item.caseTitle}}
</view>
</view>
<!-- <view class="LieBIaoListindexcontentbttom-item-bottom">
<view class="LieBIaoListindexcontentbttom-item-bottom-left">
<u-icon name="file-text" size="18" color="#595F66" class="icon"></u-icon>
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom-rigth">
{{item.caseSerial}}
</view>
</view> -->
<view class="LieBIaoListindexcontentbttom-item-bottom">
<view class="LieBIaoListindexcontentbttom-item-bottom-left">
<u-icon name="map" size="18" color="#595F66" class="icon"></u-icon>
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom-rigth">
{{item.caseAddress}}
</view>
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom">
<view class="LieBIaoListindexcontentbttom-item-bottom-left">
<u-icon name="clock" size="18" color="#595F66" class="icon"></u-icon>
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom-rigth">
{{item.caseDate}}
</view>
</view>
<view class="">
<view class="LieBIaoListindexcontentbttom-item-bottom-bottom chengse" @click.stop="nextblack(item)"
v-show="item.isReport">
不符合
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom-bottom " :class="" @click.stop="nextblack(item)"
v-show="!item.isReport">
<!-- <u-icon name="tags" size="24" color="#2baa04" class="" class="icon"
v-show="item.caseSerialShow">
</u-icon> -->
<view class="bufuhe" v-if="item.caseSerialShow" :class="">
不符合
</view>
<view class="fuhe" v-else>
符合
</view>
</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: "",
}
},
// props:{
// innerEventId:{
// type:String,
// default:"123"
// },
// tabscurrent:{
// type:String,
// default:"123"
// }
// },
methods: {
open(opent){
this.innerEventId = opent.innerEventId
this.tabscurrent = opent.tabscurrent
this.getList()
},
gotoXiangqing(item){
uni.navigateTo({
url: `/views/Xiangqing/Xiangqing?caseSerial=${item.caseSerial}&innerEventId=${this.innerEventId}`
})
},
nextblack(item, type) {
if (this.tabscurrent != 0) return
//判断是否为同人同诉，如果为，那么判断点击时的状态 2 为非同人 ，对应字段caseSerialShowleft
//3 为 非同诉，对应字段caseSerialShowRight
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
this.contentList = this.contentList.map((obj) => {
const caseSerialShow = storeList.includes(obj.caseSerial);
return {
...obj,
caseSerialShow
};
});
console.log("到组件中",this.contentList);
})
},
},
onLoad(opent) {
// this.innerEventId = opent.innerEventId
// this.tabscurrent = opent.tabscurrent
this.getList()
}
}
</script>
<style lang="scss" scoped>
.LieBIaoListindexcontent {
width: 100%;
height: 100%;
padding-bottom: 50rpx;
.LieBIaoListindexcontent-box {
padding-bottom: 50rpx;
.LieBIaoListindexcontent-bottom {
width: 100%;
padding: 20rpx;
border-radius: 10rpx;
.LieBIaoListindexcontentbttom-item {
padding: 25rpx;
width: 100%;
background: #f1f1f1fa;
border-radius: 10rpx;
margin: 20rpx 0;
.LieBIaoListindexcontentbttom-item-top {
display: grid;
grid-template-columns: 70% 20%;
.LieBIaoListindexcontentbttom-item-text {
text-align: left;
font-weight: 500;
font-size: 30rpx;
font-weight: bold;
color: #35393D;
overflow: hidden;
}
}
.LieBIaoListindexcontentbttom-item-bottom {
margin: 20rpx 0;
display: grid;
grid-template-columns: 8% auto;
view {
font-size: 25rpx;
color: #35393D;
line-height: 30rpx;
}
.LieBIaoListindexcontentbttom-item-bottom-left {
color: #595F66;
text-align: left;
}
.LieBIaoListindexcontentbttom-item-bottom-rigth {
font-weight: bold;
}
.leibie {
color: #E72C2C;
}
}
.LieBIaoListindexcontentbttom-item-bottom-bottom {
border-radius: 10rpx;
width: 100%;
height: 59rpx;
text-align: center;
line-height: 59rpx;
display: flex;
align-items: center;
justify-content: center;
.fuhe{
width: 100%;
background: rgba(0, 170, 0, 0.1);
color: #2baa04;
}
.bufuhe {
width: 100%;
background: rgba(245, 154, 35, 0.1);
color: #F59A23;
}
}
.chengse{
width: 100%;
background: rgba(245, 154, 35, 0.1);
color: #F59A23;
}
.LieBIaoListindexcontentbttom-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>

20
components/myceshi/myceshi.vue
Unescape View File

@ -0,0 +1,20 @@
<template>
<view>
12312312321
</view>
</template>
<script>
export default {
name:"myceshi",
data() {
return {
};
}
}
</script>
<style lang="scss">
</style>

2
config.js
Unescape View File

@ -1,7 +1,7 @@
// 应用全局配置 // 应用全局配置
module.exports = { module.exports = {
// baseUrl: 'https://vue.ruoyi.vip/prod-api', // baseUrl: 'https://vue.ruoyi.vip/prod-api',
baseUrl: 'http://192.168.0.112:9102', baseUrl: 'http://192.168.0.107:9102',
// 应用信息 // 应用信息
appInfo: { appInfo: {
// 应用名称 // 应用名称

8
pages.json
Unescape View File

@ -94,6 +94,14 @@
"navigationStyle": "custom", // 隐藏系统导航栏 "navigationStyle": "custom", // 隐藏系统导航栏
"navigationBarTextStyle": "white" // 状态栏字体为白色，只能为 white-白色，black-黑色 二选一 "navigationBarTextStyle": "white" // 状态栏字体为白色，只能为 white-白色，black-黑色 二选一
} }
},
{
"path" : "Xiangqing/Xiangqing",
"style" :
{
"navigationStyle": "custom", // 隐藏系统导航栏
"navigationBarTextStyle": "white" // 状态栏字体为白色，只能为 white-白色，black-黑色 二选一
}
}] }]
}], }],

253
views/Xiangqing/Xiangqing.vue
Unescape View File

@ -0,0 +1,253 @@
<template>
<view class="indexcontent">
<u-navbar leftText="工单详情" :safeAreaInsetTop="false" @rightClick="rightClick" :autoBack="true"
:placeholder="true" leftIconColor="#ffffff">
</u-navbar>
<view class="indexcontent-box">
<view class="indexcontent-bottom">
<view class="indexcontentbttom-item">
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
工单标题:
</view>
<view class="indexcontentbttom-item-bottom-rigth">
{{Objitem.caseTitle || "/"}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
事件来源:
</view>
<view class="indexcontentbttom-item-bottom-rigth">
{{Objitem.scenceName || "/"}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
诉求类型:
</view>
<view class="indexcontentbttom-item-bottom-rigth">
{{Objitem.caseType || "/"}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
诉求内容:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{Objitem.caseContent || "/"}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
位置描述:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{Objitem.caseAddress || "/"}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
来电号码:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{Objitem.creatorTel || "/"}}
</view>
</view>
<view class="indexcontentbttom-item-bottom indexcontentbttom-item-bottomLog">
<view class="indexcontentbttom-item-bottom-left">
服务对象姓名:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{Objitem.creatorName || "/"}}
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
massEventsId,
getByInnerEventId
} from '@/api/system/ApiList.js'
export default {
data() {
return {
caseSerial: "",
innerEventId:"",
Objitem: {},
ObjitemTow: {},
listtotle: ""
}
},
computed: {
},
methods: {
// 获取详情
getByInnerEventIdmy() {
massEventsId(this.caseSerial).then(res=>{
this.Objitem = res.data
})
getByInnerEventId(this.innerEventId).then(res=>{
this.ObjitemTow = res.data
})
},
},
onLoad: function(opcent) {
this.caseSerial = opcent.caseSerial
this.innerEventId = opcent.innerEventId
this.getByInnerEventIdmy()
},
onShow() {
this.getByInnerEventIdmy()
}
}
</script>
<style lang="scss" scoped>
.indexcontent {
width: 100%;
height: 100%;
.indexcontent-box {
.indexcontent-bottom {
width: 100%;
border-radius: 10rpx;
.indexcontentbttom-item {
min-height: 90vh;
padding: 25rpx;
width: 100%;
background: #f7f7f7fa;
border-radius: 10rpx;
.indexcontentbttom-item-bottom {
margin: 20rpx 0;
display: grid;
grid-template-columns: 25% auto;
view {
font-size: 35rpx;
color: #35393D;
line-height: 50rpx;
}
.indexcontentbttom-item-bottom-left {
color: #595F66;
text-align: left;
font-weight: bold;
}
.indexcontentbttom-item-bottom-rigth {
}
.leibie {
color: #E72C2C;
}
}
.indexcontentbttom-item-bottomLog{
grid-template-columns: 33% auto;
}
.indexcontentbttom-item-bottom-bottom {
background: rgba(67, 121, 214, 0.1);
border-radius: 10rpx;
width: 100%;
height: 69rpx;
text-align: center;
line-height: 69rpx;
color: #4379D6;
}
}
}
}
.dibuaBtn {
position: absolute;
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;
}
}
}
.popup-box {
width: 600rpx;
}
.lishi-box {
width: 600rpx;
display: grid;
grid-template-columns: 25% 70%;
grid-row-gap: 20rpx;
}
.u-nav-slot {
font-size: 22rpx;
}
.u-page__item__slot-icon {
width: 50rpx;
height: 50rpx;
}
.lishi-box-jiacu {
font-weight: bold;
}
.LieBIaoList {
padding: 10rpx;
height: 50vh;
width: 100%;
overflow: auto;
background-color: #f7f7f7fa;
}
</style>

461
views/jiashicangshenhe/jiashicangshenhe - 副本.vue
Unescape View File

@ -0,0 +1,461 @@
<template>
<view class="indexcontent">
<u-navbar :leftText="'驾驶舱'+navbarValue+'审核'" :safeAreaInsetTop="false" @rightClick="rightClick" :autoBack="true"
:placeholder="true" leftIconColor="#ffffff">
</u-navbar>
<view class="indexcontent-box">
<view class="indexcontent-bottom">
<view class="indexcontentbttom-item">
<view class="indexcontentbttom-item-top">
<view class="indexcontentbttom-item-text">
{{Objitem.title}}
</view>
<view class="indexcontentbttom-item-top-icon" @click="biaotishow">
<u-icon name="edit-pen" size="18" color="#4379D6" class="icon"></u-icon>
<view class="">
{{tabscurrentShow?'修改标题':'查看标题'}}
</view>
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
预警时间:
</view>
<view class="indexcontentbttom-item-bottom-rigth">
{{Objitem.eventTime}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
预警因素:
</view>
<view class="indexcontentbttom-item-bottom-rigth">
{{Objitem.warnFactor}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
预警类别:
</view>
<view class="indexcontentbttom-item-bottom-rigth leibie">
{{Objitem.msgTypeName}}
</view>
</view>
<view class="" v-show="Objitem.msgTypeName=='紧急事件'">
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
事件来源:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{Objitem.scenceName}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
案件类型:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{ObjitemTow.caseType}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
位置描述:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{ObjitemTow.caseAddress}}
</view>
</view>
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
诉求内容:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{ObjitemTow.caseContent}}
</view>
</view>
</view>
<view class="" v-show="Objitem.msgTypeName!='紧急事件'">
<view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
事件数量:
</view>
<view class="indexcontentbttom-item-bottom-rigth">
{{listtotle}}
</view>
</view>
<view class="indexcontentbttom-item-bottom" v-show="tabscurrentShow ">
<view class="indexcontentbttom-item-bottom-left">
审核数量:
</view>
<view class="indexcontentbttom-item-bottom-rigth">
{{$store.state.tijiaoList.shijianList.length}}
</view>
</view>
<view class="indexcontentbttom-item-bottom-bottom" @click="nextblack">
事件逐条审核{{"("+listtotle+")"}}条
</view>
</view>
</view>
</view>
</view>
<view class="dibuaBtn" v-show="tabscurrentShow">
<view class="dibuaBtn-lanse" @click="Chongxinshangbao(1)">
重新上报驾驶舱
</view>
<view class="dibuaBtn-hongse" @click="Chongxinshangbao(2)">
退回算法重训练
</view>
</view>
<!-- 修改标题 -->
<u-modal :show="popupshow" :title="tabscurrentShow?'修改标题':'查看标题'" showCancelButton @cancel="close"
@confirm="confirm">
<view class="slot-content">
<view class="popup-box" v-show="tabscurrentShow">
<u--textarea v-model="textareavalue2" placeholder="请输入内容" count
class="popup-box-textarea"></u--textarea>
</view>
<view class="lishi-box" v-show="!tabscurrentShow">
<view class="">
当前标题：
</view>
<view class="lishi-box-jiacu">
{{this.Objitem.title}}
</view>
<view class="" v-show="this.Objitem.titleBefore">
历史标题：
</view>
<view class="lishi-box-jiacu" v-show="this.Objitem.titleBefore">
{{this.Objitem.titleBefore}}
</view>
</view>
</view>
</u-modal>
<!-- <u-popup :show="popupshow" @close="close" @open="open" round="10" :closeable="true" mode="center">
</u-popup> -->
<!-- 查看标题 -->
</view>
</template>
<script>
import {
massEventsinfo,
getByInnerEventId,
massEventsedit,
eventChangeIsReport
} from '@/api/system/ApiList.js'
export default {
data() {
return {
navbarValue: "群体事件",
tabscurrent: 0,
popupshow: false,
textareavalue2: "",
innerEventId: "",
Objitem: {},
ObjitemTow: {},
listtotle: ""
}
},
computed: {
tabscurrentShow() {
console.log("进来");
console.log(this.tabscurrent);
return this.tabscurrent == 0
},
},
methods: {
// 跳转
nextblack(item) {
console.log(item);
uni.navigateTo({
url: `/views/yemianxianqging/yemianxianqging?innerEventId=${this.innerEventId}&tabscurrent=${this.tabscurrent}&navbarValue=${this.navbarValue}`
})
},
// 查看修改标题
biaotishow(item) {
this.popupshow = true
this.textareavalue2 = this.Objitem.title
},
// 弹出层确定
confirm() {
if (this.tabscurrentShow) {
console.log("这里");
if (this.textareavalue2 != "" && this.textareavalue2 != this.Objitem.title) {
this.Objitem.title = this.textareavalue2
massEventsedit(this.Objitem).then(res => {
if (res.code == 200) {
this.getByInnerEventIdmy()
uni.showToast({
title: '修改成功',
icon: 'none',
duration: 1000
});
}
})
} else {
let title = ""
if (this.textareavalue2 == "") {
title = "标题不能为空"
}
if (this.textareavalue2 == this.Objitem.title) {
title = "请修改标题后提交"
}
uni.showToast({
title,
icon: 'none',
duration: 1000
});
}
this.popupshow = false
} else {
//查看
this.popupshow = false
}
},
// 打开弹窗
close() {
this.popupshow = false
this.textareavalue2 = ""
// console.log('close');
},
// 获取个数
getList() {
massEventsinfo(this.innerEventId).then(res => {
this.listtotle = res.data.total
this.ObjitemTow = res.data.records[0]
})
},
// 获取详情
getByInnerEventIdmy() {
getByInnerEventId(this.innerEventId).then(res => {
if (res.code == 200) {
this.Objitem = res.data
}
})
},
// 退回或者提交
Chongxinshangbao(isReport) {
if (this.Objitem.msgTypeName == "紧急事件") {
let mykey = this.ObjitemTow.caseSerial
this.$store.state.tijiaoList.shijianList = [mykey]
}
if (this.$store.state.tijiaoList.shijianList.length == 0) {
uni.showToast({
title: "请选择工单上报!",
icon: 'none',
duration: 1000
});
return
}
let caseSerialData = {}
if (this.navbarValue == "同人同诉") {
this.$store.state.tijiaoList.shijianList.forEach(res => {
caseSerialData[res.key] = res.value
})
} else {
this.$store.state.tijiaoList.shijianList.forEach(res => {
caseSerialData[res] = 1
})
}
let obj = {
caseSerial: caseSerialData,
innerEventId: this.innerEventId,
isReport,
msgType: this.Objitem.msgType
}
eventChangeIsReport(obj).then(res => {
if (res.code == 200) {
let title = ""
if (isReport == 1) {
title = "重新上报驾驶舱成功"
}
if (isReport == 2) {
title = "退回算法重训练成功"
}
uni.showToast({
title,
icon: 'none',
duration: 1000
});
this.$store.dispatch("Deletestate")
setTimeout(function() {
uni.navigateBack({
delta: 2
});
}, 1000);
}
})
}
},
onLoad: function(opcent) {
//navbarValue 区分事件类型
//tabscurrent 0已退回 1已提及 2重训练
this.navbarValue = opcent.navbarValue
this.tabscurrent = opcent.tabscurrent
this.innerEventId = opcent.innerEventId
this.getByInnerEventIdmy()
this.getList()
},
onShow() {
this.getByInnerEventIdmy()
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-top-icon {
height: 50rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 20rpx;
border-radius: 5rpx;
color: #4379D6;
background-color: #e5e3e8;
}
}
.indexcontentbttom-item-bottom {
margin: 20rpx 0;
display: grid;
grid-template-columns: 18% 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(67, 121, 214, 0.1);
border-radius: 10rpx;
width: 100%;
height: 69rpx;
text-align: center;
line-height: 69rpx;
color: #4379D6;
}
}
}
}
.dibuaBtn {
position: absolute;
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;
}
}
}
.popup-box {
width: 600rpx;
}
.lishi-box {
width: 600rpx;
display: grid;
grid-template-columns: 25% 70%;
grid-row-gap: 20rpx;
}
.u-nav-slot {
font-size: 22rpx;
}
.u-page__item__slot-icon {
width: 50rpx;
height: 50rpx;
}
.lishi-box-jiacu {
font-weight: bold;
}
</style>

40
views/jiashicangshenhe/jiashicangshenhe.vue
Unescape View File

@ -95,16 +95,18 @@
{{$store.state.tijiaoList.shijianList.length}} {{$store.state.tijiaoList.shijianList.length}}
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-bottom-bottom" @click="nextblack"> <!-- <view class="indexcontentbttom-item-bottom-bottom" @click="nextblack">
事件逐条审核{{"("+listtotle+")"}}条 事件逐条审核{{"("+listtotle+")"}}条
</view> </view> -->
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="LieBIaoList">
<LieBIaoList ref="LieBIaoListis" ></LieBIaoList>
</view>
<view class="dibuaBtn" v-show="tabscurrentShow"> <view class="dibuaBtn" v-show="tabscurrentShow">
<view class="dibuaBtn-lanse" @click="Chongxinshangbao(1)"> <view class="dibuaBtn-lanse" @click="Chongxinshangbao(1)">
重新上报驾驶舱 重新上报驾驶舱
@ -237,6 +239,15 @@
this.listtotle = res.data.total this.listtotle = res.data.total
this.ObjitemTow = res.data.records[0] this.ObjitemTow = res.data.records[0]
}) })
this.$nextTick(res=>{
let obj ={
tabscurrent:this.tabscurrent,
innerEventId:this.innerEventId
}
this.$refs.LieBIaoListis.open(obj)
console.log(this.$refs.LieBIaoListis);
})
}, },
// 获取详情 // 获取详情
getByInnerEventIdmy() { getByInnerEventIdmy() {
@ -244,6 +255,7 @@
if (res.code == 200) { if (res.code == 200) {
this.Objitem = res.data this.Objitem = res.data
} }
}) })
}, },
// 退回或者提交 // 退回或者提交
@ -260,19 +272,10 @@
}); });
return return
} }
let caseSerialData = {}
if (this.navbarValue == "同人同诉") {
this.$store.state.tijiaoList.shijianList.forEach(res => {
caseSerialData[res.key] = res.value
})
} else {
this.$store.state.tijiaoList.shijianList.forEach(res => {
caseSerialData[res] = 1
})
}
let obj = { let obj = {
caseSerial: caseSerialData, caseSerial: this.$store.state.tijiaoList.shijianList,
innerEventId: this.innerEventId, innerEventId: this.innerEventId,
isReport, isReport,
msgType: this.Objitem.msgType msgType: this.Objitem.msgType
@ -312,6 +315,7 @@
this.innerEventId = opcent.innerEventId this.innerEventId = opcent.innerEventId
this.getByInnerEventIdmy() this.getByInnerEventIdmy()
this.getList() this.getList()
}, },
onShow() { onShow() {
this.getByInnerEventIdmy() this.getByInnerEventIdmy()
@ -458,4 +462,12 @@
.lishi-box-jiacu { .lishi-box-jiacu {
font-weight: bold; font-weight: bold;
} }
.LieBIaoList {
padding: 10rpx;
height: 50vh;
width: 100%;
overflow: auto;
background-color: #f7f7f7fa;
}
</style> </style>

351
views/yemianxianqging/yemianxianqging - 副本.vue
Unescape View File

@ -0,0 +1,351 @@
<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>

118
views/yemianxianqging/yemianxianqging.vue
Unescape View File

@ -36,47 +36,18 @@
</view> </view>
</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="">
<view class="" v-else>
<view class="indexcontentbttom-item-bottom-bottom" @click="nextblack(item)" <view class="indexcontentbttom-item-bottom-bottom" @click="nextblack(item)"
v-show="item.isReport"> v-show="item.isReport">
{{navbarValue=='重点人员'?'非重点事件':navbarValue=='一人多诉'?'非同一人事件':'非同一事件'}} 不符合
</view> </view>
<view class="indexcontentbttom-item-bottom-bottom lvse" :class="" @click="nextblack(item)" <view class="indexcontentbttom-item-bottom-bottom lvse" :class="" @click="nextblack(item)"
v-show="!item.isReport"> v-show="!item.isReport">
<u-icon name="tags" size="24" color="#2baa04" class="" class="icon" <u-icon name="tags" size="24" color="#2baa04" class="" class="icon"
v-show="item.caseSerialShow"> v-show="item.caseSerialShow">
</u-icon> </u-icon>
{{navbarValue=='重点人员'?'重点事件':navbarValue=='一人多诉'?'同一人事件':'同一事件'}} 符合
</view> </view>
</view> </view>
@ -118,52 +89,17 @@
//判断是否为同人同诉，如果为，那么判断点击时的状态 2 为非同人 ，对应字段caseSerialShowleft //判断是否为同人同诉，如果为，那么判断点击时的状态 2 为非同人 ，对应字段caseSerialShowleft
//3 为 非同诉，对应字段caseSerialShowRight //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)
}
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) this.$store.dispatch("setstate", this.shijianList)
console.log(this.shijianList); console.log(this.shijianList);
console.log(this.$store.state.tijiaoList.shijianList); console.log(this.$store.state.tijiaoList.shijianList);
@ -176,28 +112,14 @@
this.tiaoshu = res.data.total this.tiaoshu = res.data.total
this.contentList = res.data.records this.contentList = res.data.records
if (this.navbarValue == '同人同诉') {
this.contentList = this.contentList.map((obj) => { this.contentList = this.contentList.map((obj) => {
const caseSerialShow = storeList.includes(obj.caseSerial);
const caseSerialShowleft = storeList.some(res => res.key == obj.caseSerial && return {
res.value == 2); ...obj,
const caseSerialShowRight = storeList.some(res => res.key == obj.caseSerial && caseSerialShow
res.value == 3); };
return { });
...obj,
caseSerialShowleft,
caseSerialShowRight
};
});
} else {
this.contentList = this.contentList.map((obj) => {
const caseSerialShow = storeList.includes(obj.caseSerial);
return {
...obj,
caseSerialShow
};
});
}
}) })

Write Preview
Loading…
Cancel
Save