113 lines
2.9 KiB
Vue
113 lines
2.9 KiB
Vue
|
<!--
|
||
|
|
* @Author: your name
|
||
|
|
* @Date: 2024-07-01 10:34:30
|
||
|
|
* @LastEditTime: 2024-07-04 10:11:46
|
||
|
|
* @LastEditors: your name
|
||
|
|
* @Description: In User Settings Edit
|
||
|
|
* @FilePath: \my_web_new_gd\src\views\largeScreen\home\components\dialog\ajInfo.vue
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<div class="dialogBox">
|
||
|
|
<div class="title">
|
||
|
|
<span class="mc">警情详情</span>
|
||
|
|
<span @click="close" class="close">
|
||
|
|
<el-icon><Close /></el-icon>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="box-contant" style="padding: 4px 10px; box-sizing: border-box">
|
||
|
|
<div v-for="(item, index) in props.data" :key="index">
|
||
|
|
<div class="infoBox">
|
||
|
|
<JqItm :data="item" :isDetail="true"></JqItm>
|
||
|
|
</div>
|
||
|
|
<div class="btnBox">
|
||
|
|
<button class="dp-default small" @click="handleGroup(item)">
|
||
|
|
推荐处警巡组
|
||
|
|
</button>
|
||
|
|
<button class="dp-default small">现场视频</button>
|
||
|
|
<button class="dp-default small" @click="handleVideo(item)">
|
||
|
|
周边视频
|
||
|
|
</button>
|
||
|
|
<button class="dp-default small" @click="XZBtnShowFn(item)">
|
||
|
|
指定处置
|
||
|
|
</button>
|
||
|
|
<button class="dp-default small" @click="goPath(item)">
|
||
|
|
指挥调度
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { ElMessage } from "element-plus";
|
||
|
|
import JqItm from "@/views/homeMy/components/jqIem.vue";
|
||
|
|
import { ref, defineProps } from "vue";
|
||
|
|
import { useRouter } from "vue-router";
|
||
|
|
import emitter from "@/utils/eventBus.js"; // 左右折叠状态
|
||
|
|
import { addNewEvent } from "@/api/dpApi/home.js";
|
||
|
|
const props = defineProps({
|
||
|
|
data: {
|
||
|
|
type: Array,
|
||
|
|
default: []
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const router = useRouter();
|
||
|
|
|
||
|
|
//关闭弹窗
|
||
|
|
function close() {
|
||
|
|
emitter.emit("showAj", false);
|
||
|
|
emitter.emit("deletePointArea", "jq");
|
||
|
|
emitter.emit("removePlot", "PIOT");
|
||
|
|
}
|
||
|
|
|
||
|
|
// 周边视频
|
||
|
|
function handleVideo(item) {
|
||
|
|
emitter.emit("videoClick", item);
|
||
|
|
}
|
||
|
|
//出警巡组
|
||
|
|
function handleGroup(item) {
|
||
|
|
if (item.jd && item.wd) {
|
||
|
|
emitter.emit("showZbxz", { data: item, type: "jq" });
|
||
|
|
} else {
|
||
|
|
ElMessage({ message: "该警情暂时没有经纬度!", type: "warning" });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//先用转为指令弹窗
|
||
|
|
function XZBtnShowFn(item) {
|
||
|
|
let obj = { type: "jq", data: item };
|
||
|
|
emitter.emit("showXZBtn", obj);
|
||
|
|
}
|
||
|
|
|
||
|
|
// 跳转指挥调度
|
||
|
|
function goPath (item) {
|
||
|
|
if(!item.jd && !item.wd) return ElMessage({ message: "该警情暂时没有经纬度!", type: "warning" });
|
||
|
|
const DDZHhref = router.resolve({
|
||
|
|
name: "commandDispatch", //这里是跳转页面的name
|
||
|
|
path: "/commandDispatch",
|
||
|
|
params:{id:item.id}
|
||
|
|
});
|
||
|
|
window.open(DDZHhref.href, "_self");
|
||
|
|
// window.open(DDZHhref.href, "_blank");
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import "@/assets/css/homeScreen.scss";
|
||
|
|
.box-contant {
|
||
|
|
max-height: 700px;
|
||
|
|
overflow: hidden;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
.btnBox{
|
||
|
|
text-align: center;
|
||
|
|
button{
|
||
|
|
margin: 0 1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.dialogBox{
|
||
|
|
width: 374px !important;
|
||
|
|
}
|
||
|
|
</style>
|