更新代码

main
李劲龙 6 days ago
parent 96ab50c987
commit fddb638d56

@ -0,0 +1,56 @@
import request from '@/utils/request'
// 分页条件查询事件数据
export function massEventsList(params) {
return request({
url: '/api/earlyWarningAudit/massEvents/colonyPage',
method: 'get',
params
})
}
// 获取代办事项
export function eventPageCount(params) {
return request({
url: '/api/earlyWarningAudit/massEvents/eventPageCount',
method: 'get',
params
})
}
//根据事件的innerEventId分页查询审核工单列表
export function massEventsinfo(params) {
return request({
url: `/api/earlyWarningAudit/massEvents/auditList/${params}`,
method: 'get',
})
}
export function massEventsinfoTow(innerEventId,params) {
return request({
url: `/api/earlyWarningAudit/massEvents/auditList/${innerEventId}`,
method: 'get',
params
})
}
// 查询事件详情
export function getByInnerEventId(params) {
return request({
url: `/api/earlyWarningAudit/massEvents/getByInnerEventId/${params}`,
method: 'get',
})
}
// 修改事件标题
export function massEventsedit(data) {
return request({
url: `/api/earlyWarningAudit/massEvents/edit`,
method: 'post',
data
})
}
// 事件提级或退回
export function eventChangeIsReport(data) {
return request({
url: `/api/earlyWarningAudit/massEvents/eventChangeIsReport`,
method: 'post',
data
})
}

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

@ -6,7 +6,8 @@
"path": "pages/index", "path": "pages/index",
"style": { "style": {
"navigationStyle": "custom", // "navigationStyle": "custom", //
"navigationBarTextStyle": "white" // white-black- "navigationBarTextStyle": "white" ,// white-black-
"onReachBottonDistance":50 // 50pxonReachBottom
} }
}, },
{ {

@ -10,93 +10,104 @@
<u-tabs :list="list1" :scrollable="false" lineWidth="30" @change="utabschange" <u-tabs :list="list1" :scrollable="false" lineWidth="30" @change="utabschange"
:current='tabscurrent'></u-tabs> :current='tabscurrent'></u-tabs>
</view> </view>
<view class="indexcontent-box"> <scroll-view class="indexcontent-box" @scrolltolower="lowerBottom" scroll-y="true">
<view class="indexcontent-bottom"> <view class="indexcontent-bottom">
<u-search placeholder="请输入搜索内容" v-model="searchkeyword" @search="searchSou" @clear="qingkong" <u-search placeholder="请输入搜索内容" v-model="massEventsObj.title" @search="searchSou" @clear="qingkong"
:showAction="false"></u-search> showAction animation @custom="searchSou"></u-search>
<view class="indexcontentbttom-item" v-for="item in contentList"> <template class="" v-if="contentList.length !=0">
<view class="indexcontentbttom-item-left"> <view class="indexcontentbttom-item" v-for="item in contentList">
<view class="indexcontentbttom-item-left-1 indexcontentbttom-item-left-jiti"> <view class="indexcontentbttom-item-left">
<view class="indexcontentbttom-item-left-1-left"> <view class="indexcontentbttom-item-left-1 indexcontentbttom-item-left-jiti">
{{navbarValue}} <view class="indexcontentbttom-item-left-1-left">
{{item.msgTypeName}}
</view>
<view class="indexcontentbttom-item-left-1-right">
{{item.title}}
</view>
</view> </view>
<view class="indexcontentbttom-item-left-1-right"> <view class="indexcontentbttom-item-left-2 indexcontentbttom-item-left-jiti">
{{item.title}} <view class="indexcontentbttom-item-left-1-icon">
<u-icon name="map" size="18" color="#AEBAC8" class="icon"></u-icon>
</view>
<view class="smofontsiez">
{{item.warnFactor}}
</view>
</view> </view>
</view> <view class="indexcontentbttom-item-left-2 indexcontentbttom-item-left-jiti">
<view class="indexcontentbttom-item-left-2 indexcontentbttom-item-left-jiti"> <view class="indexcontentbttom-item-left-1-icon ">
<view class="indexcontentbttom-item-left-1-icon"> <u-icon name="clock" size="18" color="#AEBAC8" class="" class="icon"></u-icon>
<u-icon name="map" size="18" color="#AEBAC8" class="icon"></u-icon> </view>
</view> <view class="smofontsiez">
<view class="smofontsiez"> {{item.eventTime}}
{{item.diqu}} </view>
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-left-2 indexcontentbttom-item-left-jiti"> <view class="indexcontentbttom-item-rigth" @click="nextblack(item)">
<view class="indexcontentbttom-item-left-1-icon "> {{tabscurrent==0?'审核':'查看'}}
<u-icon name="clock" size="18" color="#AEBAC8" class="" class="icon"></u-icon>
</view>
<view class="smofontsiez">
{{item.shijian}}
</view>
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-rigth" @click="nextblack(item)"> </template>
审核 <u-empty mode="list" v-else>
</view> </u-empty>
</view>
</view> </view>
<u-tabbar :value="navbarValue" @change="change1" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
<u-tabbar-item text="群体事件" name="群体事件"> <u-tabbar :value="tabValue" @change="change1" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
<u-tabbar-item text="群体事件" name="群体事件-1">
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-0.png"> <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-0.png">
</image> </image>
<image class="u-page__item__slot-icon" slot="inactive-icon" <image class="u-page__item__slot-icon" slot="inactive-icon"
src="@/static/images/contimg/icon-0-0.png"></image> src="@/static/images/contimg/icon-0-0.png"></image>
</u-tabbar-item> </u-tabbar-item>
<u-tabbar-item text="紧急事件" name="紧急事件"> <u-tabbar-item text="同人同诉" name="同人同诉-2">
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-1.png"> <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-3.png">
</image> </image>
<image class="u-page__item__slot-icon" slot="inactive-icon" <image class="u-page__item__slot-icon" slot="inactive-icon"
src="@/static/images/contimg/icon-0-1.png"></image> src="@/static/images/contimg/icon-0-3.png"></image>
</u-tabbar-item> </u-tabbar-item>
<u-tabbar-item text="一人多诉" name="一人多诉"> <u-tabbar-item text="紧急事件" name="紧急事件-3">
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-2.png"> <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-1.png">
</image> </image>
<image class="u-page__item__slot-icon" slot="inactive-icon" <image class="u-page__item__slot-icon" slot="inactive-icon"
src="@/static/images/contimg/icon-0-2.png"></image> src="@/static/images/contimg/icon-0-1.png"></image>
</u-tabbar-item> </u-tabbar-item>
<u-tabbar-item text="同人同诉" name="同人同诉">
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-3.png"> <u-tabbar-item text="重点人员" name="重点人员-4">
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-4.png">
</image> </image>
<image class="u-page__item__slot-icon" slot="inactive-icon" <image class="u-page__item__slot-icon" slot="inactive-icon"
src="@/static/images/contimg/icon-0-3.png"></image> src="@/static/images/contimg/icon-0-4.png"></image>
</u-tabbar-item> </u-tabbar-item>
<u-tabbar-item text="重点人员" name="重点人员"> <u-tabbar-item text="一人多诉" name="一人多诉-5">
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-4.png"> <image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-2.png">
</image> </image>
<image class="u-page__item__slot-icon" slot="inactive-icon" <image class="u-page__item__slot-icon" slot="inactive-icon"
src="@/static/images/contimg/icon-0-4.png"></image> src="@/static/images/contimg/icon-0-2.png"></image>
</u-tabbar-item> </u-tabbar-item>
</u-tabbar> </u-tabbar>
</view> </scroll-view>
</view> </view>
</template> </template>
<script> <script>
import {
massEventsList,
eventPageCount
} from '@/api/system/ApiList.js'
export default { export default {
data() { data() {
return { return {
searchkeyword: "",
tabscurrent: 0, tabscurrent: 0,
navbarValue: "群体事件", navbarValue: "群体事件",
tabValue: "群体事件-1",
list1: [{ list1: [{
name: '已退回', name: '待审核',
badge: { badge: {
value: 5, value: 5,
} }
}, { }, {
name: '已提级', name: '已上报',
badge: { badge: {
value: 0, value: 0,
} }
@ -108,49 +119,15 @@
} }
}, ], }, ],
contentList: [ massEventsObj: {
msgType: "1", //12345
{ isReport: null, // 2 3
title: "太阳山拥堵问题", size: 10,
diqu: "高新区何山路124号四季花园小区", current: 1,
shijian: "2023-07-30 14:25:3" title: ""
}, },
{ pagesLogin: "",
title: "太阳山拥堵问题", contentList: []
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
]
} }
}, },
@ -159,29 +136,107 @@
// //
utabschange(e) { utabschange(e) {
this.tabscurrent = e.index this.tabscurrent = e.index
this.massEventsObj.current = 1
this.massEventsObj.title = ""
this.getList()
console.log(e); console.log(e);
}, },
// //
searchSou() { searchSou() {
console.log(this.searchkeyword); this.massEventsObj.current = 1
this.getList()
}, },
// //
qingkong() {}, qingkong() {
this.massEventsObj.title = ""
this.getList()
},
// //
nextblack(item) { nextblack(item) {
console.log(item); console.log(item);
//navbarValue
//tabscurrent 0, 1 2
// item
uni.navigateTo({ uni.navigateTo({
url:`/views/jiashicangshenhe/jiashicangshenhe?navbarValue=${this.navbarValue}` url: `/views/jiashicangshenhe/jiashicangshenhe?navbarValue=${this.navbarValue}&tabscurrent=${this.tabscurrent}&innerEventId=${item.innerEventId}`
}) })
}, },
// //
change1(e) { change1(e) {
this.navbarValue = e this.navbarValue = e.split("-")[0]
//
this.massEventsObj.title = ""
//
this.massEventsObj.msgType = e.split("-")[1]
//
this.massEventsObj.current = 1
//
this.massEventsObj.isReport = null
// tab
this.tabValue = e
//
this.tabscurrent = 0 this.tabscurrent = 0
console.log(e); this.geteventPageCount()
this.getList()
},
//
//
lowerBottom() {
console.log("触底加载")
if (this.massEventsObj.current < this.pagesLogin) {
++this.massEventsObj.current
this.getList("触底")
} else {
console.log("到底了");
uni.showToast({
title: '暂无更多',
icon: 'none',
duration: 1000
});
}
},
//list
getList(type) {
if (this.tabscurrent == 0) {
this.massEventsObj.isReport = null
this.massEventsObj.toBeReviewed = 0
} else {
this.massEventsObj.toBeReviewed = null
this.massEventsObj.isReport = this.tabscurrent
}
massEventsList(this.massEventsObj).then(res => {
if (type == "触底") {
this.contentList = this.contentList.concat(res.data.records)
this.pagesLogin = res.data.pages
} else {
this.contentList = res.data.records
this.pagesLogin = res.data.pages
}
})
},
//
geteventPageCount(){
eventPageCount({msgType:this.massEventsObj.msgType}).then(res=>{
console.log(res);
this.list1[0].badge.value = res.data
})
} }
}, },
onLoad: function() {} onLoad: function() {
this.getList()
this.geteventPageCount()
this.$store.dispatch("Deletestate")
},
onShow() {
this.getList()
this.geteventPageCount()
this.$store.dispatch("Deletestate")
}
} }
</script> </script>
@ -264,9 +319,9 @@
font-size: 30rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #35393D; color: #35393D;
overflow: hidden; // overflow: hidden;
text-overflow: ellipsis; // text-overflow: ellipsis;
white-space: nowrap; // white-space: nowrap;
} }
} }

@ -1,13 +1,15 @@
import Vue from 'vue' import Vue from 'vue'
import Vuex from 'vuex' import Vuex from 'vuex'
import user from '@/store/modules/user' import user from '@/store/modules/user'
import tijiaoList from '@/store/modules/tijiaoList'
import getters from './getters' import getters from './getters'
Vue.use(Vuex) Vue.use(Vuex)
const store = new Vuex.Store({ const store = new Vuex.Store({
modules: { modules: {
user user,
tijiaoList
}, },
getters getters
}) })

@ -0,0 +1,35 @@
const tijiaoList = {
state: {
shijianList:[]
},
mutations: {
SET_STATE: (state, List) => {
state.shijianList = List
},
DELETE_STATE: (state, List) => {
state.shijianList = []
},
},
actions: {
//存
setstate({ commit }, userInfo) {
commit('SET_STATE', userInfo)
},
//删除
Deletestate({ commit }, userInfo) {
commit('DELETE_STATE')
},
}
}
export default tijiaoList

@ -10,7 +10,7 @@ import {
tansParams tansParams
} from '@/utils/common' } from '@/utils/common'
let timeout = 10000 let timeout = 50000
const baseUrl = config.baseUrl const baseUrl = config.baseUrl
const request = config => { const request = config => {

@ -6,15 +6,15 @@
<view class="indexcontent-box"> <view class="indexcontent-box">
<view class="indexcontent-bottom"> <view class="indexcontent-bottom">
<view class="indexcontentbttom-item" v-for="item in contentList"> <view class="indexcontentbttom-item">
<view class="indexcontentbttom-item-top"> <view class="indexcontentbttom-item-top">
<view class="indexcontentbttom-item-text"> <view class="indexcontentbttom-item-text">
关于大阳山景区交通拥堵问题 {{Objitem.title}}
</view> </view>
<view class="indexcontentbttom-item-top-icon"> <view class="indexcontentbttom-item-top-icon" @click="biaotishow">
<u-icon name="edit-pen" size="18" color="#4379D6" class="icon"></u-icon> <u-icon name="edit-pen" size="18" color="#4379D6" class="icon"></u-icon>
<view class=""> <view class="">
修改标题 {{tabscurrentShow?'修改标题':'查看标题'}}
</view> </view>
</view> </view>
</view> </view>
@ -23,7 +23,7 @@
预警时间: 预警时间:
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom-rigth">
2024-02-22 09:00:30 {{Objitem.eventTime}}
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="indexcontentbttom-item-bottom">
@ -31,7 +31,7 @@
预警因素: 预警因素:
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom-rigth">
2024-02-22 09:00:30 {{Objitem.warnFactor}}
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="indexcontentbttom-item-bottom">
@ -39,100 +39,270 @@
预警类别: 预警类别:
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth leibie"> <view class="indexcontentbttom-item-bottom-rigth leibie">
{{navbarValue}} {{Objitem.msgTypeName}}
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="" v-show="Objitem.msgTypeName=='紧急事件'">
<view class="indexcontentbttom-item-bottom-left">
事件数量: <view class="indexcontentbttom-item-bottom">
<view class="indexcontentbttom-item-bottom-left">
事件来源:
</view>
<view class="indexcontentbttom-item-bottom-rigth ">
{{Objitem.scenceName}}
</view>
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom">
2024-02-22 09:00:30 <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> </view>
<view class="indexcontentbttom-item-bottom-bottom" @click="nextblack">
事件逐条审核{{"("+8+")"}} <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> </view>
</view> </view>
<view class="dibuaBtn"> <view class="dibuaBtn" v-show="tabscurrentShow">
<view class="dibuaBtn-lanse"> <view class="dibuaBtn-lanse" @click="Chongxinshangbao(1)">
重新上报驾驶舱 重新上报驾驶舱
</view> </view>
<view class="dibuaBtn-hongse"> <view class="dibuaBtn-hongse" @click="Chongxinshangbao(2)">
退回算法重训练 退回算法重训练
</view> </view>
</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> </view>
</template> </template>
<script> <script>
import {
massEventsinfo,
getByInnerEventId,
massEventsedit,
eventChangeIsReport
} from '@/api/system/ApiList.js'
export default { export default {
data() { data() {
return { return {
navbarValue: "群体事件", navbarValue: "群体事件",
contentList: [ tabscurrent: 0,
popupshow: false,
{ textareavalue2: "",
title: "太阳山拥堵问题", innerEventId: "",
diqu: "高新区何山路124号四季花园小区", Objitem: {},
shijian: "2023-07-30 14:25:3" ObjitemTow: {},
}, listtotle: ""
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
]
} }
}, },
computed: {
tabscurrentShow() {
console.log("进来");
console.log(this.tabscurrent);
return this.tabscurrent == 0
},
},
methods: { methods: {
// //
nextblack(item) { nextblack(item) {
console.log(item); console.log(item);
uni.navigateTo({ uni.navigateTo({
url:`/views/yemianxianqging/yemianxianqging?tiaoshu=${8}` 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) { onLoad: function(opcent) {
//navbarValue
//tabscurrent 0退 1 2
this.navbarValue = opcent.navbarValue this.navbarValue = opcent.navbarValue
this.tabscurrent = opcent.tabscurrent
this.innerEventId = opcent.innerEventId
this.getByInnerEventIdmy()
this.getList()
},
onShow() {
this.getByInnerEventIdmy()
this.getList()
} }
} }
</script> </script>
@ -141,11 +311,13 @@
.indexcontent { .indexcontent {
width: 100%; width: 100%;
height: 100%; height: 100%;
.indexcontent-box { .indexcontent-box {
.indexcontent-bottom { .indexcontent-bottom {
width: 100%; width: 100%;
padding: 20rpx; padding: 20rpx;
border-radius: 10rpx; border-radius: 10rpx;
.indexcontentbttom-item { .indexcontentbttom-item {
padding: 25rpx; padding: 25rpx;
width: 100%; width: 100%;
@ -164,15 +336,15 @@
font-weight: bold; font-weight: bold;
color: #35393D; color: #35393D;
overflow: hidden; overflow: hidden;
} }
.indexcontentbttom-item-top-icon { .indexcontentbttom-item-top-icon {
height: 50rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 20rpx; font-size: 20rpx;
padding: 3rpx;
border-radius: 5rpx; border-radius: 5rpx;
color: #4379D6; color: #4379D6;
background-color: #e5e3e8; background-color: #e5e3e8;
@ -185,28 +357,30 @@
margin: 20rpx 0; margin: 20rpx 0;
display: grid; display: grid;
grid-template-columns: 18% auto; grid-template-columns: 18% auto;
view{
view {
font-size: 25rpx; font-size: 25rpx;
color: #35393D; color: #35393D;
line-height: 30rpx; line-height: 30rpx;
} }
.indexcontentbttom-item-bottom-left{ .indexcontentbttom-item-bottom-left {
color: #595F66; color: #595F66;
text-align: left; text-align: left;
} }
.indexcontentbttom-item-bottom-rigth{ .indexcontentbttom-item-bottom-rigth {
font-weight: bold; font-weight: bold;
} }
.leibie{
.leibie {
color: #E72C2C; color: #E72C2C;
} }
} }
.indexcontentbttom-item-bottom-bottom{ .indexcontentbttom-item-bottom-bottom {
background: rgba(67,121,214,0.1); background: rgba(67, 121, 214, 0.1);
border-radius: 10rpx ; border-radius: 10rpx;
width: 100%; width: 100%;
height: 69rpx; height: 69rpx;
text-align: center; text-align: center;
@ -217,8 +391,9 @@
} }
} }
} }
.dibuaBtn{
position: sticky; .dibuaBtn {
position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
@ -229,21 +404,34 @@
grid-column-gap: 20rpx; grid-column-gap: 20rpx;
color: #ffffff; color: #ffffff;
background-color: #ffffff; background-color: #ffffff;
view{
view {
text-align: center; text-align: center;
line-height: 60rpx; line-height: 60rpx;
height: 60rpx; height: 60rpx;
border-radius: 10rpx; border-radius: 10rpx;
} }
.dibuaBtn-lanse{
.dibuaBtn-lanse {
background-color: #4379D6; background-color: #4379D6;
} }
.dibuaBtn-hongse{
.dibuaBtn-hongse {
background-color: #E72C2C; background-color: #E72C2C;
} }
} }
} }
.popup-box {
width: 600rpx;
}
.lishi-box {
width: 600rpx;
display: grid;
grid-template-columns: 25% 70%;
}
.u-nav-slot { .u-nav-slot {
font-size: 22rpx; font-size: 22rpx;
} }
@ -252,4 +440,8 @@
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
} }
.lishi-box-jiacu {
font-weight: bold;
}
</style> </style>

@ -8,7 +8,7 @@
<view class="indexcontentbttom-item" v-for="item in contentList"> <view class="indexcontentbttom-item" v-for="item in contentList">
<view class="indexcontentbttom-item-top"> <view class="indexcontentbttom-item-top">
<view class="indexcontentbttom-item-text"> <view class="indexcontentbttom-item-text">
关于大阳山景区交通拥堵问题 {{item.caseTitle}}
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="indexcontentbttom-item-bottom">
@ -16,7 +16,7 @@
<u-icon name="file-text" size="18" color="#595F66" class="icon"></u-icon> <u-icon name="file-text" size="18" color="#595F66" class="icon"></u-icon>
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom-rigth">
C23123101322 {{item.caseSerial}}
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="indexcontentbttom-item-bottom">
@ -24,7 +24,7 @@
<u-icon name="map" size="18" color="#595F66" class="icon"></u-icon> <u-icon name="map" size="18" color="#595F66" class="icon"></u-icon>
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom-rigth">
高新区何山路124号四季花园小区 {{item.caseAddress}}
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-bottom"> <view class="indexcontentbttom-item-bottom">
@ -32,14 +32,17 @@
<u-icon name="clock" size="18" color="#595F66" class="icon"></u-icon> <u-icon name="clock" size="18" color="#595F66" class="icon"></u-icon>
</view> </view>
<view class="indexcontentbttom-item-bottom-rigth"> <view class="indexcontentbttom-item-bottom-rigth">
2024-02-22 09:00:30 {{item.caseDate}}
</view> </view>
</view> </view>
<view class="indexcontentbttom-item-bottom-bottom" @click="nextblack"> <view class="indexcontentbttom-item-bottom-bottom" @click="nextblack(item)" v-show="item.isReport">
非同一事件 非同一事件
</view> </view>
<view class="indexcontentbttom-item-bottom-bottom lvse" :class="" @click="nextblack"> <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>
同一事件 同一事件
</view> </view>
</view> </view>
@ -51,64 +54,64 @@
</template> </template>
<script> <script>
import {
massEventsinfoTow
} from '@/api/system/ApiList.js'
export default { export default {
data() { data() {
return { return {
tiaoshu: 0, tiaoshu: 0,
contentList: [ contentList: [
{ ],
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区", massEventsObj: {
shijian: "2023-07-30 14:25:3" current: 1,
}, size: 1000
{ },
title: "太阳山拥堵问题", shijianList: [],
diqu: "高新区何山路124号四季花园小区", innerEventId: "",
shijian: "2023-07-30 14:25:3" tabscurrent:""
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
{
title: "太阳山拥堵问题",
diqu: "高新区何山路124号四季花园小区",
shijian: "2023-07-30 14:25:3"
},
]
} }
}, },
methods: { methods: {
nextblack(item) { nextblack(item) {
console.log(item); if(this.tabscurrent != 0) return
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
};
});
})
}, },
}, },
onLoad(opent) { onLoad(opent) {
this.tiaoshu = opent.tiaoshu this.innerEventId = opent.innerEventId
this.tabscurrent = opent.tabscurrent
this.getList()
} }
} }
</script> </script>
@ -145,7 +148,7 @@
} }
} }
@ -176,16 +179,21 @@
} }
.indexcontentbttom-item-bottom-bottom { .indexcontentbttom-item-bottom-bottom {
background: rgba(245,154,35,0.1); background: rgba(245, 154, 35, 0.1);
border-radius: 10rpx; border-radius: 10rpx;
width: 100%; width: 100%;
height: 69rpx; height: 69rpx;
text-align: center; text-align: center;
line-height: 69rpx; line-height: 69rpx;
color: #F59A23; color: #F59A23;
display: flex;
align-items: center;
justify-content: center;
} }
.lvse{
.lvse {
background: rgba(0, 170, 0, 0.1); background: rgba(0, 170, 0, 0.1);
color: #2baa04;
} }
} }

Loading…
Cancel
Save