Compare commits

..

2 Commits

Author SHA1 Message Date
lcw
3f15172c03 Merge branch 'main' of http://61.139.16.27:26684/lcw/xzlz_JczWeb 2026-03-19 20:07:31 +08:00
lcw
7a75bc9cc6 lcw 2026-03-19 20:06:24 +08:00
12 changed files with 114 additions and 180 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,14 @@
<div class="waning-cards noScollLine" v-infinite-scroll="gzrgd"> <div class="waning-cards noScollLine" v-infinite-scroll="gzrgd">
<div class="warning-card" v-for="(item, index) in gzrParams.dataList" :key="index"> <div class="warning-card" v-for="(item, index) in gzrParams.dataList" :key="index">
<div class="warning-image"> <div class="warning-image">
<img :src="item.cjzp ? item.cjzp : default_male" alt="抓拍图片" /> <el-image :src="item.cjzp ? item.cjzp : default_male" alt="抓拍图片">
<template #error>
<div class="image-viewer-slot image-slot">
<img :src="default_male" />
</div>
</template>
</el-image>
<!-- <img :src="item.cjzp ? item.cjzp : default_male" alt="抓拍图片" /> -->
</div> </div>
<div class="warning-info"> <div class="warning-info">
<div class="info-item"> <div class="info-item">
@ -53,7 +60,14 @@
<div class="waning-cards noScollLine" v-infinite-scroll="gzcgd"> <div class="waning-cards noScollLine" v-infinite-scroll="gzcgd">
<div class="warning-card" v-for="(item, index) in gzcParams.dataList" :key="index"> <div class="warning-card" v-for="(item, index) in gzcParams.dataList" :key="index">
<div class="warning-image"> <div class="warning-image">
<img :src="item.gczp ? item.gczp : car" alt="抓拍图片" /> <el-image :src="item.gczp ? item.gczp : car" alt="抓拍图片">
<template #error>
<div class="image-viewer-slot image-slot">
<img :src="car" />
</div>
</template>
</el-image>
<!-- <img :src="item.gczp ? item.gczp : car" alt="抓拍图片" /> -->
</div> </div>
<div class="warning-info"> <div class="warning-info">
<div class="info-item"> <div class="info-item">
@ -122,6 +136,9 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue"; import Pages from "@/components/aboutTable/Pages.vue";
import { qcckGet } from "@/api/qcckApi.js"; import { qcckGet } from "@/api/qcckApi.js";
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
const default_male = require('@/assets/images/default_male.png')
const car = require('@/assets/images/car.png')
const props = defineProps({ const props = defineProps({
JczMsg: { JczMsg: {
type: Object, type: Object,
@ -160,8 +177,7 @@ const pageData = reactive({
] ]
}) })
const default_male = ref(require('@/assets/images/default_male.png'))
const car = ref(require('@/assets/images/car.png'))
@ -226,7 +242,7 @@ const gzcParams = ref({
pageCurrent: 1, pageCurrent: 1,
startTime: '', startTime: '',
hphm: "", hphm: "",
total:0 total: 0
}) })
// 过站车 // 过站车
@ -266,7 +282,7 @@ const gzrParams = ref({
pageCurrent: 1, pageCurrent: 1,
startTime: '', startTime: '',
xm: "", xm: "",
total:0 total: 0
}) })

View File

@ -3,127 +3,56 @@
<div class="head_box"> <div class="head_box">
<span class="title">{{ pageInfo[pageType].title }}</span> <span class="title">{{ pageInfo[pageType].title }}</span>
<div> <div>
<el-button <el-button size="small" type="primary" v-if="['add', 'edit'].includes(pageType)" @click="_onSave">保存</el-button>
size="small"
type="primary"
v-if="['add', 'edit'].includes(pageType)"
@click="_onSave"
>保存</el-button
>
<el-button size="small" @click="close">关闭</el-button> <el-button size="small" @click="close">关闭</el-button>
</div> </div>
</div> </div>
<div class="cntinfo"> <div class="cntinfo">
<el-form <el-form ref="elform" :model="listQuery" :inline="true" label-position="top">
ref="elform"
:model="listQuery"
:inline="true"
label-position="top"
>
<el-form-item label="图片" style="width: 10%"> <el-form-item label="图片" style="width: 10%">
<img <img class="imgBox" :src="'http://10.64.201.128:2366/xlpcAdminNew/requestservice/czrk/ryxp.jpg?sfzh=' +
class="imgBox"
:src="
'http://10.64.201.128:2366/xlpcAdminNew/requestservice/czrk/ryxp.jpg?sfzh=' +
listQuery.sfzh listQuery.sfzh
" " />
/>
</el-form-item> </el-form-item>
<el-form-item label="所属部门"> <el-form-item label="所属部门">
<MOSTY.Department <MOSTY.Department :placeholder="listQuery.ssbm" style="width: 100%" ref="cascader" clearable filterable
:placeholder="listQuery.ssbm" :options="depList" :props="props" v-model:modelValue="listQuery.gldwdm" />
style="width: 100%"
ref="cascader"
clearable
filterable
:options="depList"
:props="props"
v-model:modelValue="listQuery.gldwdm"
/>
</el-form-item> </el-form-item>
<el-form-item label="盘查民警姓名"> <el-form-item label="盘查民警姓名">
<el-input <el-input v-model="listQuery.pcmjXm" placeholder="盘查民警姓名" clearable disabled style="width: 100%" />
v-model="listQuery.pcmjXm"
placeholder="盘查民警姓名"
clearable
disabled
style="width: 100%"
/>
</el-form-item> </el-form-item>
<el-form-item label="盘查民警警号" style="width: 40%"> <el-form-item label="盘查民警警号" style="width: 40%">
<el-input <el-input v-model="listQuery.pcmjJh" placeholder="盘查民警警号" clearable disabled style="width: 100%" />
v-model="listQuery.pcmjJh"
placeholder="盘查民警警号"
clearable
disabled
style="width: 100%"
/>
</el-form-item> </el-form-item>
<el-form-item label="被盘查人身份证号" style="width: 40%"> <el-form-item label="被盘查人身份证号" style="width: 40%">
<el-input <el-input v-model="listQuery.sfzh" placeholder="请输入被盘查人身份证号" clearable disabled style="width: 100%" />
v-model="listQuery.sfzh"
placeholder="请输入被盘查人身份证号"
clearable
disabled
style="width: 100%"
/>
</el-form-item> </el-form-item>
<el-form-item label="被盘查人性别" style="width: 40%"> <el-form-item label="被盘查人性别" style="width: 40%">
<el-input <el-input v-model="listQuery.sexmc" placeholder="请输入被盘查人性别" disabled clearable style="width: 100%" />
v-model="listQuery.sexmc"
placeholder="请输入被盘查人性别"
disabled
clearable
style="width: 100%"
/>
</el-form-item> </el-form-item>
<el-form-item label="被盘查人出生日期" style="width: 40%"> <el-form-item label="被盘查人出生日期" style="width: 40%">
<el-input <el-input v-model="listQuery.csrq" disabled placeholder="被盘查人出生日期" />
v-model="listQuery.csrq"
disabled
placeholder="被盘查人出生日期"
/>
</el-form-item> </el-form-item>
<el-form-item label="被盘查人民族" style="width: 40%"> <el-form-item label="被盘查人民族" style="width: 40%">
<el-input <el-input v-model="listQuery.mzmc" disabled placeholder="被盘查人民族" />
v-model="listQuery.mzmc"
disabled
placeholder="被盘查人民族"
/>
</el-form-item> </el-form-item>
<el-form-item label="被盘查人学历" style="width: 40%"> <el-form-item label="被盘查人学历" style="width: 40%">
<el-input <el-input v-model="listQuery.whcdmc" disabled placeholder="被盘查人学历" />
v-model="listQuery.whcdmc"
disabled
placeholder="被盘查人学历"
/>
</el-form-item> </el-form-item>
<el-form-item label="被盘查人籍贯" style="width: 40%"> <el-form-item label="被盘查人籍贯" style="width: 40%">
<el-input <el-input v-model="listQuery.jgdm" disabled placeholder="被盘查人籍贯" />
v-model="listQuery.jgdm"
disabled
placeholder="被盘查人籍贯"
/>
</el-form-item> </el-form-item>
<el-form-item label="被盘查人住址详址" style="width: 40%"> <el-form-item label="被盘查人住址详址" style="width: 40%">
<el-input <el-input v-model="listQuery.zzxz" disabled placeholder="被盘查人住址详址" />
v-model="listQuery.zzxz"
disabled
placeholder="被盘查人住址详址"
/>
</el-form-item> </el-form-item>
<el-form-item label="被盘查人联系电话" style="width: 40%"> <el-form-item label="被盘查人联系电话" style="width: 40%">
<el-input <el-input v-model="listQuery.lxdh" disabled placeholder="被盘查人联系电话" />
v-model="listQuery.lxdh"
disabled
placeholder="被盘查人联系电话"
/>
</el-form-item> </el-form-item>
<el-form-item label="盘查日期" style="width: 40%"> <el-form-item label="盘查日期" style="width: 40%">
@ -134,42 +63,20 @@
</el-form-item> </el-form-item>
<el-form-item label="盘查输入类型" style="width: 40%"> <el-form-item label="盘查输入类型" style="width: 40%">
<el-input <el-input v-model="listQuery.pcsrlxmc" disabled placeholder="盘查输入类型" />
v-model="listQuery.pcsrlxmc"
disabled
placeholder="盘查输入类型"
/>
</el-form-item> </el-form-item>
<el-form-item label="人员标签" style="width: 40%"> <el-form-item label="人员标签" style="width: 40%">
<el-input <el-input v-model="listQuery.bqxxsj" disabled placeholder="人员标签" />
v-model="listQuery.bqxxsj"
disabled
placeholder="人员标签"
/>
</el-form-item> </el-form-item>
<el-form-item label="盘查处理结果" style="width: 40%"> <el-form-item label="盘查处理结果" style="width: 40%">
<el-input <el-input v-model="listQuery.pcclJgmc" disabled placeholder="盘查处理结果" />
v-model="listQuery.pcclJgmc"
disabled
placeholder="盘查处理结果"
/>
</el-form-item> </el-form-item>
<el-form-item label="移交单位" style="width: 40%"> <el-form-item label="移交单位" style="width: 40%">
<el-input <el-input v-model="listQuery.pcclYjdw" disabled placeholder="移交单位" />
v-model="listQuery.pcclYjdw"
disabled
placeholder="移交单位"
/>
</el-form-item> </el-form-item>
<el-form-item label="移交原因" style="width: 100%"> <el-form-item label="移交原因" style="width: 100%">
<el-input <el-input placeholder="移交原因" v-model="listQuery.pcclYjyy" disabled show-word-limit type="textarea" />
placeholder="移交原因"
v-model="listQuery.pcclYjyy"
disabled
show-word-limit
type="textarea"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="head_box"> <div class="head_box">
@ -177,33 +84,20 @@
</div> </div>
<el-form :model="listQuery" :inline="true" label-position="top"> <el-form :model="listQuery" :inline="true" label-position="top">
<div v-if="listQuery.tpList && listQuery.tpList.length > 0"> <div v-if="listQuery.tpList && listQuery.tpList.length > 0">
<el-image <el-image class="image" v-for="(item, index) in listQuery.tpList" :key="index"
class="image" :src="`/mosty-api/mosty-base/minio/image/download/${item.fjid}`" />
v-for="(item, index) in listQuery.tpList"
:key="index"
:src="`/mosty-api/mosty-base/minio/image/download/${item.fjid}`"
/>
</div> </div>
</el-form> </el-form>
<div class="head_box"> <div class="head_box">
<span class="title">盘查物品</span> <span class="title">盘查物品</span>
</div> </div>
<div v-if="listQuery.wpVoList && listQuery.wpVoList.length > 0"> <div v-if="listQuery.wpVoList && listQuery.wpVoList.length > 0">
<el-form <el-form ref="elform" :model="listQuery" :rules="rules" :inline="true" label-position="top">
ref="elform"
:model="listQuery"
:rules="rules"
:inline="true"
label-position="top"
>
<el-form-item label="物品图片" prop="name"> <el-form-item label="物品图片" prop="name">
<div style="height: 120px; display: inline-block"> <div style="height: 120px; display: inline-block">
<el-image <el-image v-for="(item, index) in listQuery.wpVoList[0]?.wpTpIdList" :key="index"
v-for="(item, index) in listQuery.wpVoList[0]?.wpTpIdList" :src="`/mosty-api/mosty-base/minio/image/download/${item}`" class="image">
:key="index" </el-image>
:src="`/mosty-api/mosty-base/minio/image/download/${item}`"
class="image"
/>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="物品描述" prop="name"> <el-form-item label="物品描述" prop="name">
@ -213,7 +107,9 @@
<el-input v-model="listQuery.wpVoList[0].wpsl"></el-input> <el-input v-model="listQuery.wpVoList[0].wpsl"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="物品类型" prop="name"> <el-form-item label="物品类型" prop="name">
<el-input v-model="listQuery.wpVoList[0].wplx"></el-input> <el-select v-model="listQuery.wpVoList[0].wplx" placeholder="请选择物品类型">
<el-option v-for="item in dict.D_BZ_WPLX" :key="item.dm" :label="item.zdmc" :value="item.dm" />
</el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -231,7 +127,7 @@ import { ElMessage } from "element-plus";
const props = defineProps({ const props = defineProps({
dict: { dict: {
type: Object, type: Object,
default: () => {} default: () => { }
} }
}); });
@ -290,21 +186,25 @@ defineExpose({ init });
<style lang="scss" scoped> <style lang="scss" scoped>
.dialog { .dialog {
padding: 20px; padding: 20px;
.head_box { .head_box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 20px; margin-bottom: 20px;
} }
.cntinfo { .cntinfo {
height: calc(100% - 70px); height: calc(100% - 70px);
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
} }
} }
.my_transfer { .my_transfer {
height: calc(100% - 50px); height: calc(100% - 50px);
display: flex; display: flex;
.btn { .btn {
width: 50px; width: 50px;
display: flex; display: flex;
@ -312,62 +212,76 @@ defineExpose({ init });
justify-content: center; justify-content: center;
margin: 0 10px; margin: 0 10px;
} }
.left { .left {
margin: 12px; margin: 12px;
flex: 1; flex: 1;
position: relative; position: relative;
.tableBox { .tableBox {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
.serch { .serch {
position: relative; position: relative;
width: 100%; width: 100%;
// height: 96px; // height: 96px;
> .el-form--inline { >.el-form--inline {
display: block; display: block;
width: 100%; width: 100%;
padding: 0; padding: 0;
> .el-form-item--default {
>.el-form-item--default {
width: 31%; width: 31%;
} }
} }
} }
.tableBox { .tableBox {
width: 100%; width: 100%;
} }
} }
.right { .right {
width: 380px; width: 380px;
margin: 12px; margin: 12px;
} }
} }
.phone { .phone {
width: 95px; width: 95px;
height: 120px; height: 120px;
.el-image { .el-image {
width: 95px; width: 95px;
max-height: 120px; max-height: 120px;
} }
} }
::v-deep .el-upload { ::v-deep .el-upload {
width: 90px; width: 90px;
height: 100px; height: 100px;
border: 1px dashed #e0e0e0; border: 1px dashed #e0e0e0;
margin-bottom: 14px; margin-bottom: 14px;
.el-icon { .el-icon {
margin-top: 34px; margin-top: 34px;
font-size: 26px; font-size: 26px;
} }
.el-image { .el-image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.imgBox { .imgBox {
width: 100px; width: 100px;
height: 120px; height: 120px;
} }
.image { .image {
width: 100px; width: 100px;
height: 100px; height: 100px;

View File

@ -39,7 +39,7 @@
</div> </div>
<!-- 编辑详情 --> <!-- 编辑详情 -->
<!-- 编辑详情 --> <!-- 编辑详情 -->
<EditAddForm ref="detailDiloag" :dict="{ D_BZ_YJLX, D_BZ_YJJB }" /> <EditAddForm ref="detailDiloag" :dict="{ D_BZ_YJLX, D_BZ_YJJB ,D_BZ_WPLX}" />
</div> </div>
</template> </template>
@ -53,7 +53,7 @@ import { BpcryselectCrewList, BpcrygetRypcList } from "@/api/mosty-jcz.js";
import { reactive, ref, onMounted, getCurrentInstance, watch } from "vue"; import { reactive, ref, onMounted, getCurrentInstance, watch } from "vue";
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const urlImg = "/mosty-api/mosty-base/minio/image/download/"; const urlImg = "/mosty-api/mosty-base/minio/image/download/";
const { D_BZ_YJLX, D_BZ_YJJB } = proxy.$dict("D_BZ_YJLX", "D_BZ_YJJB"); const { D_BZ_YJLX, D_BZ_YJJB ,D_BZ_WPLX} = proxy.$dict("D_BZ_YJLX", "D_BZ_YJJB","D_BZ_WPLX");
const searchConfiger = ref([ const searchConfiger = ref([
{ {
label: "姓名", label: "姓名",

View File

@ -63,8 +63,8 @@ const searchConfiger = ref([
{ label: '常驻人口', value: '02' }, { label: '常驻人口', value: '02' },
{ label: '重点人', value: '03' } { label: '重点人', value: '03' }
] }, ] },
{ label: "开始时间", prop: "startTime", placeholder: "请选择开始时间", showType: "dateTime" }, { label: "时间", prop: "startTime", placeholder: "请选择开始时间", showType: "datetimerange" },
{ label: "结束时间", prop: "endTime", placeholder: "请选择结束时间", showType: "dateTime" } // { label: "结束时间", prop: "endTime", placeholder: "请选择结束时间", showType: "dateTime" }
]); ]);
const pageData = reactive({ const pageData = reactive({
@ -89,7 +89,10 @@ const pageData = reactive({
const queryCondition = ref({}); const queryCondition = ref({});
const getList = () => { const getList = () => {
pageData.tableConfiger.loading = true; pageData.tableConfiger.loading = true;
const params = { ...queryCondition.value, ...pageData.pageConfiger }; const params = {
...queryCondition.value,
...pageData.pageConfiger
};
RyGjSelectPage(params) RyGjSelectPage(params)
.then((res) => { .then((res) => {
const r = res?.data?.data || res; const r = res?.data?.data || res;
@ -100,7 +103,15 @@ const getList = () => {
}; };
getList(); getList();
const onSearch = (val) => { queryCondition.value = { ...queryCondition.value, ...val }; getList(); }; const onSearch = (val) => {
queryCondition.value = {
...queryCondition.value,
...val,
startTime: val.startTime ? val.startTime[0] : '',
endTime: val.startTime ? val.startTime[1] : '',
};
getList();
};
const changeNo = (val) => { pageData.pageConfiger.pageCurrent = val; getList(); }; const changeNo = (val) => { pageData.pageConfiger.pageCurrent = val; getList(); };
const changeSize = (val) => { pageData.pageConfiger.pageSize = val; getList(); }; const changeSize = (val) => { pageData.pageConfiger.pageSize = val; getList(); };

View File

@ -18,12 +18,12 @@
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight" <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData"> @chooseData="chooseData">
<template #tp="{ row }"> <!-- <template #tp="{ row }">
<div class="phone"> <div class="phone">
<el-image v-if="row.tp" :src="urlImg + row.tp" fit="cover" lazy /> <el-image v-if="row.tp" :src="urlImg + row.tp" fit="cover" lazy />
<el-image v-else :src="Person" fit="cover" lazy /> <el-image v-else :src="Person" fit="cover" lazy />
</div> </div>
</template> </template> -->
<template #ztzt="{ row }"> <template #ztzt="{ row }">
<dict-tag :options="D_BZ_SF" :value="row.ztzt" :tag="false" /> <dict-tag :options="D_BZ_SF" :value="row.ztzt" :tag="false" />
</template> </template>

View File

@ -14,7 +14,7 @@
<template #yjTp="{ row }"> <template #yjTp="{ row }">
<div class="phone"> <div class="phone">
<el-image v-if="row.tp" :src="urlImg + row.yjTp" fit="cover" lazy /> <el-image v-if="row.tp" :src="urlImg + row.yjTp" fit="cover" lazy />
<el-image v-else :src="Person" fit="cover" lazy /> <el-image v-else :src="row.yjLx=='1'?default_male:car" fit="cover" lazy />
</div> </div>
</template> </template>
<template #yjLx="{ row }"> <template #yjLx="{ row }">
@ -52,6 +52,9 @@ const { proxy } = getCurrentInstance();
const urlImg = "/mosty-api/mosty-base/minio/image/download/"; const urlImg = "/mosty-api/mosty-base/minio/image/download/";
const { D_BZ_YJLX, D_BZ_YJJB, D_BZ_GZYFX } = proxy.$dict("D_BZ_YJLX", "D_BZ_YJJB", "D_BZ_GZYFX"); const { D_BZ_YJLX, D_BZ_YJJB, D_BZ_GZYFX } = proxy.$dict("D_BZ_YJLX", "D_BZ_YJJB", "D_BZ_GZYFX");
const jczList = ref() const jczList = ref()
const default_male = require('@/assets/images/default_male.png')
const car = require('@/assets/images/car.png')
const searchConfiger = ref([ const searchConfiger = ref([
{ {
label: "感知源编号", label: "感知源编号",

View File

@ -18,12 +18,12 @@
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight" <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
@chooseData="chooseData"> @chooseData="chooseData">
<template #tp="{ row }"> <!-- <template #tp="{ row }">
<div class="phone"> <div class="phone">
<el-image v-if="row.tp" :src="urlImg + row.tp" fit="cover" lazy /> <el-image v-if="row.tp" :src="urlImg + row.tp" fit="cover" lazy />
<el-image v-else :src="Person" fit="cover" lazy /> <el-image v-else :src="Person" fit="cover" lazy />
</div> </div>
</template> </template> -->
<!-- 操作 --> <!-- 操作 -->
<template #controls="{ row }"> <template #controls="{ row }">
<el-link type="primary" @click="addEdit('edit', row)">修改</el-link> <el-link type="primary" @click="addEdit('edit', row)">修改</el-link>

View File

@ -67,7 +67,7 @@ const getPageList = () => {
.then((res) => { .then((res) => {
warningList.data = warningList.data =
linkQuery.value.pageNum == 1 linkQuery.value.pageNum == 1
? res.records ? res.records?res.records : []
: warningList.data.concat(res.records); : warningList.data.concat(res.records);
warningList.total = res.total; warningList.total = res.total;
}) })

View File

@ -1,18 +1,10 @@
<template> <template>
<div <div class="waning-cards noScollLine" v-infinite-scroll="rollingLoading" v-loading="loading">
class="waning-cards noScollLine" <div class="warning-card" v-for="(item, index) in warningList.data" :key="index"
v-infinite-scroll="rollingLoading" @click="plotThetrajectory(item.yjRysfzh)">
v-loading="loading"
>
<div
class="warning-card"
v-for="(item, index) in warningList.data"
:key="index"
@click="plotThetrajectory(item.yjRysfzh)"
>
<div class="warning-image"> <div class="warning-image">
<img :src="item.yjTp" alt="预警图片" v-if="item.yjTp&&!item.yjTp.includes('baidu')" /> <img :src="item.yjTp" alt="预警图片" v-if="item.yjTp && !item.yjTp.includes('baidu')" />
<img src="@/assets/images/default_male.png" alt="预警图片" v-else/> <img src="@/assets/images/default_male.png" alt="预警图片" v-else />
</div> </div>
<div class="warning-info"> <div class="warning-info">
<div class="info-item"> <div class="info-item">
@ -48,9 +40,9 @@
<script setup> <script setup>
import { reactive, ref, getCurrentInstance } from "vue"; import { reactive, ref, getCurrentInstance } from "vue";
import { jczgetPageList,tbYjxxGsgj } from "@/api/mosty-jcz.js"; import { jczgetPageList, tbYjxxGsgj } from "@/api/mosty-jcz.js";
import { IdCard } from "@/utils/dict.js"; import { IdCard } from "@/utils/dict.js";
import {ElMessage} from 'element-plus' import { ElMessage } from 'element-plus'
import Empty from "@/components/MyComponents/Empty/index.vue"; import Empty from "@/components/MyComponents/Empty/index.vue";
import emitter from "@/utils/eventBus.js"; import emitter from "@/utils/eventBus.js";
const props = defineProps({ const props = defineProps({
@ -77,8 +69,7 @@ const getPageList = () => {
.then((res) => { .then((res) => {
warningList.data = warningList.data =
linkQuery.value.pageNum == 1 linkQuery.value.pageNum == 1
? res.records ? res.records ? res.records : [] : warningList.data.concat(res.records);
: warningList.data.concat(res.records);
warningList.total = res.total; warningList.total = res.total;
}) })
.catch((err) => { .catch((err) => {
@ -214,6 +205,7 @@ getPageList();
.warning-image { .warning-image {
width: 60px; width: 60px;
height: 80px; height: 80px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;