更新页面

This commit is contained in:
2026-01-23 16:39:34 +08:00
parent aedcfb6a99
commit a8904c2a67
3 changed files with 27 additions and 29 deletions

View File

@ -26,7 +26,7 @@
<el-table-column v-for="(item, index) in tableColumn" :align="getConfiger?.align" :prop="item.prop" :key="index"
:label="item.label" :width="item.width" style="width: 100%; font-size: 14px"
:show-overflow-tooltip="item.showOverflowTooltip || false" :sortable="item.sortable || false">
:show-overflow-tooltip="item.showOverflowTooltip || true" :sortable="item.sortable || false">
<!-- 使用自定义 -->
<template v-if="item.showSolt" #default="scope">
<slot :name="item.prop" v-bind="scope"></slot>

View File

@ -7,13 +7,13 @@
</PageTitle>
<FouColorWarning v-if="qh==1" />
<SevenWarning v-if="qh==2" />
<IdentityWarning v-if="qh==3" />
<BehaviorWarning v-if="qh==4" />
<CombinedWarning v-if="qh==5" />
<PortraitWarning v-if="qh==6" />
<VehicleWarning v-if="qh==7" />
<ControlWarning v-if="qh==8" />
<RegionalControl v-if="qh==9" />
<IdentityWarning v-if="qh==3" />
<BehaviorWarning v-if="qh==4" />
<CombinedWarning v-if="qh==5" />
<PortraitWarning v-if="qh==6" />
<VehicleWarning v-if="qh==7" />
<ControlWarning v-if="qh==8" />
<RegionalControl v-if="qh==9" />
</div>
</template>
<script setup>
@ -29,15 +29,8 @@ import ControlWarning from "@/views/backOfficeSystem/fourColorManage/warningCont
import RegionalControl from "@/views/backOfficeSystem/fourColorManage/warningControl/regionalControl/index.vue"
import { ref } from "vue";
const butList=ref(["预警整合","七类重点","身份预警","行为预警","组合预警","人像预警","车辆预警","布控预警","区域预警"])
const qh = ref(1)
const add = (flag) => {
qh.value = flag
}
</script>

View File

@ -11,15 +11,15 @@
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
<template #yjtp="{ row }">
<div v-if="!row.yjtp || row.yjtp.includes('baidu')">
<img src="@/assets/images/car.png" width="65" height="70" v-if="row.yjlb == 2" />
<img src="@/assets/images/default_male.png" width="65" height="70" v-else />
<img src="@/assets/images/car.png" width="30" height="40" v-if="row.yjlb == 2" />
<img src="@/assets/images/default_male.png" width="30" height="40" v-else />
</div>
<el-image preview-teleported v-else @click.stop style="width: 65px; height: 70px" :src="row.yjtp"
<el-image preview-teleported v-else @click.stop style="width: 30px; height: 40px" :src="row.yjtp"
:preview-src-list="[row.yjtp]" show-progress>
<template #error>
<div class="image-slot error">
<img src="@/assets/images/car.png" width="65" height="70" v-if="row.yjlb == 2" />
<img src="@/assets/images/default_male.png" width="65" height="70" v-else />
<img src="@/assets/images/car.png" width="30" height="40" v-if="row.yjlb == 2" />
<img src="@/assets/images/default_male.png" width="30" height="40" v-else />
</div>
</template>
</el-image>
@ -28,8 +28,8 @@
<template #yjjb="{ row }">
<DictTag :value="row.yjjb" :tag="false" :color="bqYs(row.yjjb)" :options="D_BZ_YJJB" />
</template>
<template #yjlx="{ row }">
<DictTag :value="row.yjlx" :tag="false" :options="D_GS_ZDQT_YJLB" />
<template #yjLylx="{ row }">
<DictTag :value="row.yjLylx" :tag="false" :options="D_BZ_YJLY" />
</template>
<template #yjlb="{ row }">
<DictTag :value="row.yjlb" :options="D_BZ_YJLX" />
@ -64,13 +64,15 @@ import { qcckGet, qcckPost } from "@/api/qcckApi.js";
import HolographicArchive from '@/views/home/components/holographicArchive.vue'
import { reactive, ref, onMounted, getCurrentInstance, computed, watch } from "vue";
const { proxy } = getCurrentInstance();
const { D_BZ_YJJB, D_GS_ZDQT_YJLB, D_BZ_YJLX } = proxy.$dict("D_BZ_YJJB", "D_GS_ZDQT_YJLB", "D_BZ_YJLX"); //获取字典数据
const { D_BZ_YJJB, D_BZ_YJLX,D_BZ_YJLY } = proxy.$dict("D_BZ_YJJB","D_BZ_YJLX",'D_BZ_YJLY'); //获取字典数据
const searchBox = ref(); //搜索框
import { holographicProfileJump } from "@/utils/tools.js"
const searchConfiger = ref(
[
{ label: "预警级别", prop: 'yjjbList', placeholder: "请输入姓名", showType: "select", options: D_BZ_YJJB },
{ label: "预警类型", prop: 'yjlxList', placeholder: "请输入身份证号码", showType: "select", options: D_GS_ZDQT_YJLB },
{ label: "来源类型", prop: 'yjlxList', placeholder: "请输入身份证号码", showType: "select", options: D_BZ_YJLY },
{ label: "部门", prop: 'ssdmdm', showType: "department"},
{ label: "时间", prop: 'timeRange', showType: "datetimerange"},
]);
const queryFrom = ref({});
@ -90,14 +92,14 @@ const pageData = reactive({
}, //分页
controlsWidth: 160, //操作栏宽度
tableColumn: [
{ label: "预警图片", prop: "yjtp", showSolt: true },
{ label: "预警图片", prop: "yjtp", showSolt: true, width: 120 },
{ label: "姓名", prop: "ryxm" },
{ label: "身份证号", prop: "rysfzh", width: 200 },
{ label: "预警标签", prop: "yjbq", width: 150 },
{ label: "身份证号", prop: "rysfzh", width: 170 },
{ label: "预警标签", prop: "yjbq", width: 120 },
{ label: "预警地址", prop: "yjdz" },
{ label: "预警级别", prop: "yjjb", showSolt: true },
{ label: "预警级别", prop: "yjjb", showSolt: true, width: 85 },
{ label: "预警类别", prop: "yjlb", showSolt: true },
{ label: "预警类型", prop: "yjlx", showSolt: true },
{ label: "来源类型", prop: "yjLylx", showSolt: true },
{ label: "预警时间", prop: "yjsj", width: 200 },
{ label: "所属部门", prop: "ssbm" },
{ label: "车牌号", prop: "cph" },
@ -113,6 +115,8 @@ onMounted(() => {
// 搜索
const onSearch = (val) => {
queryFrom.value = { ...val }
queryFrom.value.startTime = val.timeRange ? val.timeRange[0] : ''
queryFrom.value.endTime = val.timeRange ? val.timeRange[1] : ''
pageData.pageConfiger.pageCurrent = 1;
getList()
}
@ -133,6 +137,7 @@ const getList = () => {
pageCurrent: pageData.pageConfiger.pageCurrent,
pageSize: pageData.pageConfiger.pageSize
}
delete promes.timeRange;
qcckPost(promes, '/mosty-gsxt/tbYjxx/getPageAllList').then((res) => {
console.log(res);
pageData.total = res.total || 0;