zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lcw

Browse Source
This commit is contained in:
lcw
2026-04-01 00:14:43 +08:00
parent af838854fa
commit 582b8677fc
24 changed files with 4234 additions and 1232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

261
src/views/backOfficeSystem/policeReport/index.vue
View File

@ -2,17 +2,32 @@
<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
: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">
<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> -->
@ -25,52 +40,98 @@
<!-- <template #ypzt="{ row }">
{{ row.ypzt === '01' ? '已研判' : '未研判' }}
</template> -->
<template #hszt="{ row }">
{{ row.hszt === '01' ? '未会商' : '已会商' }}
<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="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
@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" />
<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" />
<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 { 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 { 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"
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 {
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 show = ref(false);
const searchConfiger = ref([
{
label: "接警员姓名",
@ -97,6 +158,12 @@ const searchConfiger = ref([
showType: "select",
options: D_GS_BQ_DJ
},
{
label: "监测时间",
prop: "startTime",
placeholder: "请选择监测时间",
showType: "datetimerange"
}
]);
const searchBox = ref(); //搜索框
const pageData = reactive({
@ -105,7 +172,7 @@ const pageData = reactive({
tableConfiger: {
rowHieght: 61,
showSelectType: "checkbox",
loading: false,
loading: false
},
total: 0,
pageConfiger: {
@ -124,37 +191,40 @@ const pageData = reactive({
{ label: "警情类型", prop: "jqlbdm", showSolt: true },
{ label: "警情地址", prop: "jqdz" },
{ label: "补充接警内容", prop: "bcjjnr", showOverflowTooltip: true },
{ label: "会商状态", prop: "hszt", showSolt: true },
{ label: "会商状态", prop: "hszt", showSolt: true }
]
});
onMounted(() => {
tabHeightFn();
getList()
getList();
});
const listQuery = ref({})
const listQuery = ref({});
// 搜索
const onSearch = (val) => {
listQuery.value = { ...val };
listQuery.value = {
...val,
startTime: val.startTime ? val.startTime[0] : "",
endTime: val.startTime ? val.startTime[1] : ""
};
pageData.pageConfiger.pageCurrent = 1;
getList()
}
const ces=ref()
getList();
};
const ces = ref();
// 点击关注
const getSlect = () => {
listQuery.value = { ...ces.value.searchObj , sfgz: 1 };
listQuery.value = { ...ces.value.searchObj, sfgz: 1 };
pageData.pageConfiger.pageCurrent = 1;
getList()
}
getList();
};
const changeNo = (val) => {
pageData.pageConfiger.pageCurrent = val;
getList()
}
getList();
};
const changeSize = (val) => {
pageData.pageConfiger.pageSize = val;
getList()
}
getList();
};
const getList = () => {
pageData.tableConfiger.loading = true;
@ -162,36 +232,38 @@ const getList = () => {
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;
})
}
};
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,);
})
detailDiloag.value.init(type, row);
});
};
const handleYP = (type, row) => {
if (type === '研判') {
if (type === "研判") {
ypDialog.value.init(row);
} else {
deepYpDialog.value.init(row);
}
}
};
/** 选中项 */
const selectRows = ref([])
const selectRows = ref([]);
const handleChooseData = (val) => {
selectRows.value = val
}
selectRows.value = val;
};
const exportExl = () => {
const titleObj = {
jjdbh: "接警单编号",
@ -203,65 +275,70 @@ const exportExl = () => {
jqlbdm_name: "警情类型",
jqdz: "警情地址",
bcjjnr: "补充接警内容",
ypzt_name: "会商状态",
}
ypzt_name: "会商状态"
};
/** 导出【选中】的数据 （没有就全部）*/
const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
const data = needArr.map(item => {
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, '警情管理')
}
ypzt_name: item.hszt === "01" ? "未会商" : "已会商"
};
});
exportExlByObj(titleObj, data, "警情管理");
};
// 创建会商
const showDialog = ref(false)
const dataList = ref({})
const lx = ref('01')
const showDialog = ref(false);
const dataList = ref({});
const lx = ref("01");
const CreateConsultationMeeting = (val) => {
dataList.value = val
showDialog.value=true
}
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'
const Attention = (val, str) => {
proxy
.$confirm(`是否${str}该警情？`, "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
getList()
})
}).catch(() => {
// 取消关注
});
}
.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;
pageData.tableHeight =
window.innerHeight - searchBox.value.offsetHeight - 220;
window.onresize = function () {
tabHeightFn();
};
};
</script>
<style >
<style>
.el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important;
}
</style>