345 lines
9.0 KiB
Vue
345 lines
9.0 KiB
Vue
<template>
|
|
<div>
|
|
<!-- 搜索 -->
|
|
<div ref="searchBox" class="mt10 mb10">
|
|
<Search
|
|
:searchArr="searchConfiger"
|
|
ref="ces"
|
|
@submit="onSearch"
|
|
:key="pageData.keyCount"
|
|
>
|
|
<el-button type="primary" size="small" @click="exportExl"
|
|
>导出</el-button
|
|
>
|
|
<el-button type="primary" size="small" @click="getSlect"
|
|
>我的关注</el-button
|
|
>
|
|
</Search>
|
|
</div>
|
|
|
|
<!-- 表格 -->
|
|
<div class="heightBox margTop">
|
|
<MyTable
|
|
:tableData="pageData.tableData"
|
|
:tableColumn="pageData.tableColumn"
|
|
:tableHeight="pageData.tableHeight"
|
|
:key="pageData.keyCount"
|
|
:tableConfiger="pageData.tableConfiger"
|
|
:controlsWidth="pageData.controlsWidth"
|
|
@chooseData="handleChooseData"
|
|
>
|
|
<!-- <template #jjlx="{ row }">
|
|
<DictTag :tag="false" :value="row.jjlx" :options="D_BZ_JQBQ" />
|
|
</template> -->
|
|
<template #jqdjdm="{ row }">
|
|
<DictTag :tag="false" :value="row.jqdjdm" :options="D_GS_BQ_DJ" />
|
|
</template>
|
|
<template #jqlbdm="{ row }">
|
|
<DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
|
|
</template>
|
|
<!-- <template #ypzt="{ row }">
|
|
{{ row.ypzt === '01' ? '已研判' : '未研判' }}
|
|
</template> -->
|
|
<template #hszt="{ row }">
|
|
{{ row.hszt === "01" ? "未会商" : "已会商" }}
|
|
</template>
|
|
<!-- 操作 -->
|
|
<template #controls="{ row }">
|
|
<el-link type="warning" @click="CreateConsultationMeeting(row)"
|
|
>创建会商</el-link
|
|
>
|
|
<el-link
|
|
:type="row.sfgz == '0' ? 'success' : 'danger'"
|
|
@click="Attention(row, row.sfgz == '0' ? '关注' : '取消关注')"
|
|
>{{ row.sfgz == "0" ? "关注" : "取消关注" }}</el-link
|
|
>
|
|
<el-link type="primary" @click="addEdit('edit', row)">详情</el-link>
|
|
<!-- <el-link type="warning" @click="handleYP('研判', row)">研判</el-link>
|
|
<el-link type="danger" @click="handleYP('深度研判', row)">深度研判</el-link> -->
|
|
</template>
|
|
</MyTable>
|
|
<Pages
|
|
@changeNo="changeNo"
|
|
@changeSize="changeSize"
|
|
:tableHeight="pageData.tableHeight"
|
|
:pageConfiger="{ ...pageData.pageConfiger, total: pageData.total }"
|
|
>
|
|
</Pages>
|
|
</div>
|
|
<!-- 编辑详情 -->
|
|
<EditAddForm
|
|
v-if="show"
|
|
ref="detailDiloag"
|
|
:dic="{
|
|
JQLB,
|
|
JQLX,
|
|
JQXL,
|
|
JQZL,
|
|
D_BZ_JQLY,
|
|
D_BZ_JQFL,
|
|
JQLB_DP,
|
|
D_BZ_JQBQ,
|
|
D_GS_SSYJ
|
|
}"
|
|
@updateDate="getList"
|
|
/>
|
|
<!-- 研判弹窗 -->
|
|
<YpDialog ref="ypDialog" @change="getList" />
|
|
<DeepYpDialog ref="deepYpDialog" @change="getList" />
|
|
<DiscussionDialog v-model="showDialog" :dataList="dataList" :lx="lx" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { getMultiDictVal } from "@/utils/dict.js";
|
|
import { exportExlByObj } from "@/utils/exportExcel.js";
|
|
import YpDialog from "./components/ypDialog.vue";
|
|
import DeepYpDialog from "./components/deepypDialog.vue";
|
|
import MyTable from "@/components/aboutTable/MyTable.vue";
|
|
import Pages from "@/components/aboutTable/Pages.vue";
|
|
import Search from "@/components/aboutTable/Search.vue";
|
|
import EditAddForm from "./components/editAddForm.vue";
|
|
import { lzJcjPjdbSelectPage } from "@/api/semanticAnalysis.js";
|
|
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
|
import DiscussionDialog from "@/views/backOfficeSystem/JudgmentHome/ResearchHome/components/discussionDialog.vue";
|
|
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
const {
|
|
D_GS_BQ_DJ,
|
|
JQLB,
|
|
JQLX,
|
|
JQXL,
|
|
JQZL,
|
|
D_BZ_JQLY,
|
|
D_BZ_JQFL,
|
|
JQLB_DP,
|
|
D_BZ_JQBQ,
|
|
D_GS_SSYJ
|
|
} = proxy.$dict(
|
|
"D_GS_BQ_DJ",
|
|
"JQLB",
|
|
"JQLX",
|
|
"JQXL",
|
|
"JQZL",
|
|
"D_BZ_JQLY",
|
|
"D_BZ_JQFL",
|
|
"JQLB_DP",
|
|
"D_BZ_JQBQ",
|
|
"D_GS_SSYJ"
|
|
); //获取字典数据
|
|
const ypDialog = ref();
|
|
const deepYpDialog = ref();
|
|
const detailDiloag = ref();
|
|
const show = ref(false);
|
|
const searchConfiger = ref([
|
|
{
|
|
label: "接警员姓名",
|
|
prop: "jjyxm",
|
|
placeholder: "请输入接警员姓名",
|
|
showType: "input"
|
|
},
|
|
{
|
|
label: "报警内容",
|
|
prop: "bjnr",
|
|
placeholder: "请输入报警内容",
|
|
showType: "input"
|
|
},
|
|
{
|
|
label: "接警单编号",
|
|
prop: "jjdbh",
|
|
placeholder: "请输入接警单编号",
|
|
showType: "input"
|
|
},
|
|
{
|
|
label: "警情级别",
|
|
prop: "jqdjdm",
|
|
placeholder: "请选择警情级别",
|
|
showType: "select",
|
|
options: D_GS_BQ_DJ
|
|
},
|
|
{
|
|
label: "监测时间",
|
|
prop: "startTime",
|
|
placeholder: "请选择监测时间",
|
|
showType: "datetimerange"
|
|
}
|
|
]);
|
|
const searchBox = ref(); //搜索框
|
|
const pageData = reactive({
|
|
tableData: [], //表格数据
|
|
keyCount: 0,
|
|
tableConfiger: {
|
|
rowHieght: 61,
|
|
showSelectType: "checkbox",
|
|
loading: false
|
|
},
|
|
total: 0,
|
|
pageConfiger: {
|
|
pageSize: 20,
|
|
pageCurrent: 1
|
|
}, //分页
|
|
controlsWidth: 210, //操作栏宽度
|
|
tableColumn: [
|
|
{ label: "接警单编号", prop: "jjdbh" },
|
|
{ label: "报警电话", prop: "bjdh" },
|
|
{ label: "报警时间", prop: "bjsj" },
|
|
{ label: "报警内容", prop: "bjnr", showOverflowTooltip: true },
|
|
{ label: "接警员姓名", prop: "jjyxm" },
|
|
{ label: "警情级别", prop: "jqdjdm", showSolt: true },
|
|
// { label: "警情标签", prop: "jjlx", showSolt: true },
|
|
{ label: "警情类型", prop: "jqlbdm", showSolt: true },
|
|
{ label: "警情地址", prop: "jqdz" },
|
|
{ label: "补充接警内容", prop: "bcjjnr", showOverflowTooltip: true },
|
|
{ label: "会商状态", prop: "hszt", showSolt: true }
|
|
]
|
|
});
|
|
onMounted(() => {
|
|
tabHeightFn();
|
|
getList();
|
|
});
|
|
const listQuery = ref({});
|
|
// 搜索
|
|
const onSearch = (val) => {
|
|
listQuery.value = {
|
|
...val,
|
|
startTime: val.startTime ? val.startTime[0] : "",
|
|
endTime: val.startTime ? val.startTime[1] : ""
|
|
};
|
|
pageData.pageConfiger.pageCurrent = 1;
|
|
getList();
|
|
};
|
|
const ces = ref();
|
|
// 点击关注
|
|
const getSlect = () => {
|
|
listQuery.value = { ...ces.value.searchObj, sfgz: 1 };
|
|
pageData.pageConfiger.pageCurrent = 1;
|
|
getList();
|
|
};
|
|
|
|
const changeNo = (val) => {
|
|
pageData.pageConfiger.pageCurrent = val;
|
|
getList();
|
|
};
|
|
const changeSize = (val) => {
|
|
pageData.pageConfiger.pageSize = val;
|
|
getList();
|
|
};
|
|
|
|
const getList = () => {
|
|
pageData.tableConfiger.loading = true;
|
|
const params = {
|
|
pageCurrent: pageData.pageConfiger.pageCurrent,
|
|
pageSize: pageData.pageConfiger.pageSize,
|
|
...listQuery.value
|
|
};
|
|
lzJcjPjdbSelectPage(params)
|
|
.then((res) => {
|
|
pageData.tableData = res.records || [];
|
|
pageData.total = res.total;
|
|
})
|
|
.finally(() => {
|
|
pageData.tableConfiger.loading = false;
|
|
});
|
|
};
|
|
|
|
// 新增
|
|
const addEdit = (type, row) => {
|
|
show.value = true;
|
|
nextTick(() => {
|
|
detailDiloag.value.init(type, row);
|
|
});
|
|
};
|
|
|
|
const handleYP = (type, row) => {
|
|
if (type === "研判") {
|
|
ypDialog.value.init(row);
|
|
} else {
|
|
deepYpDialog.value.init(row);
|
|
}
|
|
};
|
|
|
|
/** 选中项 */
|
|
const selectRows = ref([]);
|
|
const handleChooseData = (val) => {
|
|
selectRows.value = val;
|
|
};
|
|
const exportExl = () => {
|
|
const titleObj = {
|
|
jjdbh: "接警单编号",
|
|
bjdh: "报警电话",
|
|
bjsj: "报警时间",
|
|
bjnr: "报警内容",
|
|
jjyxm: "接警员姓名",
|
|
jqdjdm_name: "警情级别",
|
|
jqlbdm_name: "警情类型",
|
|
jqdz: "警情地址",
|
|
bcjjnr: "补充接警内容",
|
|
ypzt_name: "会商状态"
|
|
};
|
|
/** 导出【选中】的数据 （没有就全部）*/
|
|
const needArr =
|
|
selectRows.value?.length > 0 ? selectRows.value : pageData.tableData;
|
|
const data = needArr.map((item) => {
|
|
return {
|
|
...item,
|
|
jqdjdm_name: getMultiDictVal(item.jqdjdm, D_GS_BQ_DJ),
|
|
jqlbdm_name: getMultiDictVal(item.jqlbdm, JQLB),
|
|
ypzt_name: item.hszt === "01" ? "未会商" : "已会商"
|
|
};
|
|
});
|
|
exportExlByObj(titleObj, data, "警情管理");
|
|
};
|
|
// 创建会商
|
|
const showDialog = ref(false);
|
|
const dataList = ref({});
|
|
const lx = ref("01");
|
|
const CreateConsultationMeeting = (val) => {
|
|
dataList.value = val;
|
|
showDialog.value = true;
|
|
};
|
|
// 是否关注
|
|
const Attention = (val, str) => {
|
|
proxy
|
|
.$confirm(`是否${str}该警情？`, "提示", {
|
|
confirmButtonText: "确定",
|
|
cancelButtonText: "取消",
|
|
type: "warning"
|
|
})
|
|
.then(() => {
|
|
// 关注警情
|
|
qcckPost(
|
|
{
|
|
id: val.jjdbh,
|
|
sfgz: val.sfgz === "0" ? "1" : "0"
|
|
},
|
|
"/mosty-gsxt/lzJcjPjdb/jqgz"
|
|
).then((res) => {
|
|
proxy.$message({
|
|
message: `${str}成功`,
|
|
type: "success"
|
|
});
|
|
getList();
|
|
});
|
|
})
|
|
.catch(() => {
|
|
// 取消关注
|
|
});
|
|
};
|
|
|
|
// 表格高度计算
|
|
const tabHeightFn = () => {
|
|
pageData.tableHeight =
|
|
window.innerHeight - searchBox.value.offsetHeight - 220;
|
|
window.onresize = function () {
|
|
tabHeightFn();
|
|
};
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.el-loading-mask {
|
|
background: rgba(0, 0, 0, 0.5) !important;
|
|
}
|
|
</style>
|