You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
448 lines
11 KiB
448 lines
11 KiB
<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}`
|
|
})
|
|
},
|
|
// 查看修改标题
|
|
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 == "紧急事件"){
|
|
this.$store.state.tijiaoList.shijianList = [this.ObjitemTow.caseSerial]
|
|
}
|
|
if(this.$store.state.tijiaoList.shijianList.length == 0){
|
|
uni.showToast({
|
|
title:"请选择工单上报!",
|
|
icon: 'none',
|
|
duration: 1000
|
|
});
|
|
return
|
|
}
|
|
let obj = {
|
|
caseSerial: this.$store.state.tijiaoList.shijianList,
|
|
innerEventId: this.innerEventId,
|
|
isReport
|
|
}
|
|
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> |