lcw
This commit is contained in:
@ -13,7 +13,14 @@
|
||||
<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-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 class="warning-info">
|
||||
<div class="info-item">
|
||||
@ -53,7 +60,14 @@
|
||||
<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-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 class="warning-info">
|
||||
<div class="info-item">
|
||||
@ -122,6 +136,9 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { qcckGet } from "@/api/qcckApi.js";
|
||||
import { useRoute } from 'vue-router'
|
||||
const default_male = require('@/assets/images/default_male.png')
|
||||
const car = require('@/assets/images/car.png')
|
||||
|
||||
const props = defineProps({
|
||||
JczMsg: {
|
||||
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,
|
||||
startTime: '',
|
||||
hphm: "",
|
||||
total:0
|
||||
total: 0
|
||||
})
|
||||
|
||||
// 过站车
|
||||
@ -266,7 +282,7 @@ const gzrParams = ref({
|
||||
pageCurrent: 1,
|
||||
startTime: '',
|
||||
xm: "",
|
||||
total:0
|
||||
total: 0
|
||||
})
|
||||
|
||||
|
||||
@ -292,10 +308,10 @@ const getPageR = () => {
|
||||
}
|
||||
const gzrgd = () => {
|
||||
if (gzrParams.value.dataList.length == gzrParams.value.total) {
|
||||
return
|
||||
return
|
||||
}
|
||||
gzrParams.value.pageCurrent++
|
||||
getJczrlSelectPage()
|
||||
gzrParams.value.pageCurrent++
|
||||
getJczrlSelectPage()
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@ -3,127 +3,56 @@
|
||||
<div class="head_box">
|
||||
<span class="title">{{ pageInfo[pageType].title }}</span>
|
||||
<div>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
v-if="['add', 'edit'].includes(pageType)"
|
||||
@click="_onSave"
|
||||
>保存</el-button
|
||||
>
|
||||
<el-button size="small" type="primary" v-if="['add', 'edit'].includes(pageType)" @click="_onSave">保存</el-button>
|
||||
<el-button size="small" @click="close">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cntinfo">
|
||||
<el-form
|
||||
ref="elform"
|
||||
:model="listQuery"
|
||||
:inline="true"
|
||||
label-position="top"
|
||||
>
|
||||
<el-form ref="elform" :model="listQuery" :inline="true" label-position="top">
|
||||
<el-form-item label="图片" style="width: 10%">
|
||||
<img
|
||||
class="imgBox"
|
||||
:src="
|
||||
'http://10.64.201.128:2366/xlpcAdminNew/requestservice/czrk/ryxp.jpg?sfzh=' +
|
||||
listQuery.sfzh
|
||||
"
|
||||
/>
|
||||
<img class="imgBox" :src="'http://10.64.201.128:2366/xlpcAdminNew/requestservice/czrk/ryxp.jpg?sfzh=' +
|
||||
listQuery.sfzh
|
||||
" />
|
||||
</el-form-item>
|
||||
<el-form-item label="所属部门">
|
||||
<MOSTY.Department
|
||||
:placeholder="listQuery.ssbm"
|
||||
style="width: 100%"
|
||||
ref="cascader"
|
||||
clearable
|
||||
filterable
|
||||
:options="depList"
|
||||
:props="props"
|
||||
v-model:modelValue="listQuery.gldwdm"
|
||||
/>
|
||||
<MOSTY.Department :placeholder="listQuery.ssbm" style="width: 100%" ref="cascader" clearable filterable
|
||||
:options="depList" :props="props" v-model:modelValue="listQuery.gldwdm" />
|
||||
</el-form-item>
|
||||
<el-form-item label="盘查民警姓名">
|
||||
<el-input
|
||||
v-model="listQuery.pcmjXm"
|
||||
placeholder="盘查民警姓名"
|
||||
clearable
|
||||
disabled
|
||||
style="width: 100%"
|
||||
/>
|
||||
<el-input v-model="listQuery.pcmjXm" placeholder="盘查民警姓名" clearable disabled style="width: 100%" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="盘查民警警号" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.pcmjJh"
|
||||
placeholder="盘查民警警号"
|
||||
clearable
|
||||
disabled
|
||||
style="width: 100%"
|
||||
/>
|
||||
<el-input v-model="listQuery.pcmjJh" placeholder="盘查民警警号" clearable disabled style="width: 100%" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="被盘查人身份证号" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.sfzh"
|
||||
placeholder="请输入被盘查人身份证号"
|
||||
clearable
|
||||
disabled
|
||||
style="width: 100%"
|
||||
/>
|
||||
<el-input v-model="listQuery.sfzh" placeholder="请输入被盘查人身份证号" clearable disabled style="width: 100%" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="被盘查人性别" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.sexmc"
|
||||
placeholder="请输入被盘查人性别"
|
||||
disabled
|
||||
clearable
|
||||
style="width: 100%"
|
||||
/>
|
||||
<el-input v-model="listQuery.sexmc" placeholder="请输入被盘查人性别" disabled clearable style="width: 100%" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="被盘查人出生日期" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.csrq"
|
||||
disabled
|
||||
placeholder="被盘查人出生日期"
|
||||
/>
|
||||
<el-input v-model="listQuery.csrq" disabled placeholder="被盘查人出生日期" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="被盘查人民族" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.mzmc"
|
||||
disabled
|
||||
placeholder="被盘查人民族"
|
||||
/>
|
||||
<el-input v-model="listQuery.mzmc" disabled placeholder="被盘查人民族" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="被盘查人学历" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.whcdmc"
|
||||
disabled
|
||||
placeholder="被盘查人学历"
|
||||
/>
|
||||
<el-input v-model="listQuery.whcdmc" disabled placeholder="被盘查人学历" />
|
||||
</el-form-item>
|
||||
<el-form-item label="被盘查人籍贯" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.jgdm"
|
||||
disabled
|
||||
placeholder="被盘查人籍贯"
|
||||
/>
|
||||
<el-input v-model="listQuery.jgdm" disabled placeholder="被盘查人籍贯" />
|
||||
</el-form-item>
|
||||
<el-form-item label="被盘查人住址详址" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.zzxz"
|
||||
disabled
|
||||
placeholder="被盘查人住址详址"
|
||||
/>
|
||||
<el-input v-model="listQuery.zzxz" disabled placeholder="被盘查人住址详址" />
|
||||
</el-form-item>
|
||||
<el-form-item label="被盘查人联系电话" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.lxdh"
|
||||
disabled
|
||||
placeholder="被盘查人联系电话"
|
||||
/>
|
||||
<el-input v-model="listQuery.lxdh" disabled placeholder="被盘查人联系电话" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="盘查日期" style="width: 40%">
|
||||
@ -134,42 +63,20 @@
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="盘查输入类型" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.pcsrlxmc"
|
||||
disabled
|
||||
placeholder="盘查输入类型"
|
||||
/>
|
||||
<el-input v-model="listQuery.pcsrlxmc" disabled placeholder="盘查输入类型" />
|
||||
</el-form-item>
|
||||
<el-form-item label="人员标签" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.bqxxsj"
|
||||
disabled
|
||||
placeholder="人员标签"
|
||||
/>
|
||||
<el-input v-model="listQuery.bqxxsj" disabled placeholder="人员标签" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="盘查处理结果" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.pcclJgmc"
|
||||
disabled
|
||||
placeholder="盘查处理结果"
|
||||
/>
|
||||
<el-input v-model="listQuery.pcclJgmc" disabled placeholder="盘查处理结果" />
|
||||
</el-form-item>
|
||||
<el-form-item label="移交单位" style="width: 40%">
|
||||
<el-input
|
||||
v-model="listQuery.pcclYjdw"
|
||||
disabled
|
||||
placeholder="移交单位"
|
||||
/>
|
||||
<el-input v-model="listQuery.pcclYjdw" disabled placeholder="移交单位" />
|
||||
</el-form-item>
|
||||
<el-form-item label="移交原因" style="width: 100%">
|
||||
<el-input
|
||||
placeholder="移交原因"
|
||||
v-model="listQuery.pcclYjyy"
|
||||
disabled
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
<el-input placeholder="移交原因" v-model="listQuery.pcclYjyy" disabled show-word-limit type="textarea" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="head_box">
|
||||
@ -177,33 +84,20 @@
|
||||
</div>
|
||||
<el-form :model="listQuery" :inline="true" label-position="top">
|
||||
<div v-if="listQuery.tpList && listQuery.tpList.length > 0">
|
||||
<el-image
|
||||
class="image"
|
||||
v-for="(item, index) in listQuery.tpList"
|
||||
:key="index"
|
||||
:src="`/mosty-api/mosty-base/minio/image/download/${item.fjid}`"
|
||||
/>
|
||||
<el-image class="image" v-for="(item, index) in listQuery.tpList" :key="index"
|
||||
:src="`/mosty-api/mosty-base/minio/image/download/${item.fjid}`" />
|
||||
</div>
|
||||
</el-form>
|
||||
<div class="head_box">
|
||||
<span class="title">盘查物品</span>
|
||||
</div>
|
||||
<div v-if="listQuery.wpVoList && listQuery.wpVoList.length > 0">
|
||||
<el-form
|
||||
ref="elform"
|
||||
:model="listQuery"
|
||||
:rules="rules"
|
||||
:inline="true"
|
||||
label-position="top"
|
||||
>
|
||||
<el-form ref="elform" :model="listQuery" :rules="rules" :inline="true" label-position="top">
|
||||
<el-form-item label="物品图片" prop="name">
|
||||
<div style="height: 120px; display: inline-block">
|
||||
<el-image
|
||||
v-for="(item, index) in listQuery.wpVoList[0]?.wpTpIdList"
|
||||
:key="index"
|
||||
:src="`/mosty-api/mosty-base/minio/image/download/${item}`"
|
||||
class="image"
|
||||
/>
|
||||
<el-image v-for="(item, index) in listQuery.wpVoList[0]?.wpTpIdList" :key="index"
|
||||
:src="`/mosty-api/mosty-base/minio/image/download/${item}`" class="image">
|
||||
</el-image>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="物品描述" prop="name">
|
||||
@ -213,7 +107,9 @@
|
||||
<el-input v-model="listQuery.wpVoList[0].wpsl"></el-input>
|
||||
</el-form-item>
|
||||
<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>
|
||||
</div>
|
||||
@ -231,7 +127,7 @@ import { ElMessage } from "element-plus";
|
||||
const props = defineProps({
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
default: () => { }
|
||||
}
|
||||
});
|
||||
|
||||
@ -290,21 +186,25 @@ defineExpose({ init });
|
||||
<style lang="scss" scoped>
|
||||
.dialog {
|
||||
padding: 20px;
|
||||
|
||||
.head_box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.cntinfo {
|
||||
height: calc(100% - 70px);
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.my_transfer {
|
||||
height: calc(100% - 50px);
|
||||
display: flex;
|
||||
|
||||
.btn {
|
||||
width: 50px;
|
||||
display: flex;
|
||||
@ -312,62 +212,76 @@ defineExpose({ init });
|
||||
justify-content: center;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.left {
|
||||
margin: 12px;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
|
||||
.tableBox {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.serch {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
// height: 96px;
|
||||
> .el-form--inline {
|
||||
>.el-form--inline {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
> .el-form-item--default {
|
||||
|
||||
>.el-form-item--default {
|
||||
width: 31%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tableBox {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 380px;
|
||||
margin: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.phone {
|
||||
width: 95px;
|
||||
height: 120px;
|
||||
|
||||
.el-image {
|
||||
width: 95px;
|
||||
max-height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-upload {
|
||||
width: 90px;
|
||||
height: 100px;
|
||||
border: 1px dashed #e0e0e0;
|
||||
margin-bottom: 14px;
|
||||
|
||||
.el-icon {
|
||||
margin-top: 34px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.el-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.imgBox {
|
||||
width: 100px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
</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>
|
||||
</template>
|
||||
|
||||
@ -53,7 +53,7 @@ import { BpcryselectCrewList, BpcrygetRypcList } from "@/api/mosty-jcz.js";
|
||||
import { reactive, ref, onMounted, getCurrentInstance, watch } from "vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
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([
|
||||
{
|
||||
label: "姓名",
|
||||
|
||||
@ -63,8 +63,8 @@ const searchConfiger = ref([
|
||||
{ label: '常驻人口', value: '02' },
|
||||
{ label: '重点人', value: '03' }
|
||||
] },
|
||||
{ label: "开始时间", prop: "startTime", placeholder: "请选择开始时间", showType: "dateTime" },
|
||||
{ label: "结束时间", prop: "endTime", placeholder: "请选择结束时间", showType: "dateTime" }
|
||||
{ label: "时间", prop: "startTime", placeholder: "请选择开始时间", showType: "datetimerange" },
|
||||
// { label: "结束时间", prop: "endTime", placeholder: "请选择结束时间", showType: "dateTime" }
|
||||
]);
|
||||
|
||||
const pageData = reactive({
|
||||
@ -89,7 +89,10 @@ const pageData = reactive({
|
||||
const queryCondition = ref({});
|
||||
const getList = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
const params = { ...queryCondition.value, ...pageData.pageConfiger };
|
||||
const params = {
|
||||
...queryCondition.value,
|
||||
...pageData.pageConfiger
|
||||
};
|
||||
RyGjSelectPage(params)
|
||||
.then((res) => {
|
||||
const r = res?.data?.data || res;
|
||||
@ -100,7 +103,15 @@ const 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 changeSize = (val) => { pageData.pageConfiger.pageSize = val; getList(); };
|
||||
|
||||
|
||||
@ -18,12 +18,12 @@
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||
@chooseData="chooseData">
|
||||
<template #tp="{ row }">
|
||||
<!-- <template #tp="{ row }">
|
||||
<div class="phone">
|
||||
<el-image v-if="row.tp" :src="urlImg + row.tp" fit="cover" lazy />
|
||||
<el-image v-else :src="Person" fit="cover" lazy />
|
||||
</div>
|
||||
</template>
|
||||
</template> -->
|
||||
<template #ztzt="{ row }">
|
||||
<dict-tag :options="D_BZ_SF" :value="row.ztzt" :tag="false" />
|
||||
</template>
|
||||
@ -109,7 +109,7 @@ const pageData = reactive({
|
||||
}, //分页
|
||||
controlsWidth: 250, //操作栏宽度
|
||||
tableColumn: [
|
||||
{ label: "图片", prop: "tp", showSolt: true },
|
||||
// { label: "图片", prop: "tp", showSolt: true },
|
||||
{ label: "民警姓名", prop: "xm" },
|
||||
{ label: "身份证号码", prop: "sfzh" },
|
||||
{ label: "警号", prop: "jh" },
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<template #yjTp="{ row }">
|
||||
<div class="phone">
|
||||
<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>
|
||||
</template>
|
||||
<template #yjLx="{ row }">
|
||||
@ -52,6 +52,9 @@ const { proxy } = getCurrentInstance();
|
||||
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 jczList = ref()
|
||||
const default_male = require('@/assets/images/default_male.png')
|
||||
const car = require('@/assets/images/car.png')
|
||||
|
||||
const searchConfiger = ref([
|
||||
{
|
||||
label: "感知源编号",
|
||||
|
||||
@ -18,12 +18,12 @@
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||
@chooseData="chooseData">
|
||||
<template #tp="{ row }">
|
||||
<!-- <template #tp="{ row }">
|
||||
<div class="phone">
|
||||
<el-image v-if="row.tp" :src="urlImg + row.tp" fit="cover" lazy />
|
||||
<el-image v-else :src="Person" fit="cover" lazy />
|
||||
</div>
|
||||
</template>
|
||||
</template> -->
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link type="primary" @click="addEdit('edit', row)">修改</el-link>
|
||||
@ -199,7 +199,7 @@ const pageData = reactive({
|
||||
}, //分页
|
||||
controlsWidth: 250, //操作栏宽度
|
||||
tableColumn: [
|
||||
{ label: "图片", prop: "tp", showSolt: true },
|
||||
// { label: "图片", prop: "tp", showSolt: true },
|
||||
{ label: "民警姓名", prop: "xm" },
|
||||
{ label: "身份证号码", prop: "sfzh" },
|
||||
{ label: "警号", prop: "jh" },
|
||||
|
||||
@ -67,7 +67,7 @@ const getPageList = () => {
|
||||
.then((res) => {
|
||||
warningList.data =
|
||||
linkQuery.value.pageNum == 1
|
||||
? res.records
|
||||
? res.records?res.records : []
|
||||
: warningList.data.concat(res.records);
|
||||
warningList.total = res.total;
|
||||
})
|
||||
|
||||
@ -1,18 +1,10 @@
|
||||
<template>
|
||||
<div
|
||||
class="waning-cards noScollLine"
|
||||
v-infinite-scroll="rollingLoading"
|
||||
v-loading="loading"
|
||||
>
|
||||
<div
|
||||
class="warning-card"
|
||||
v-for="(item, index) in warningList.data"
|
||||
:key="index"
|
||||
@click="plotThetrajectory(item.yjRysfzh)"
|
||||
>
|
||||
<div class="waning-cards noScollLine" v-infinite-scroll="rollingLoading" v-loading="loading">
|
||||
<div class="warning-card" v-for="(item, index) in warningList.data" :key="index"
|
||||
@click="plotThetrajectory(item.yjRysfzh)">
|
||||
<div class="warning-image">
|
||||
<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="item.yjTp" alt="预警图片" v-if="item.yjTp && !item.yjTp.includes('baidu')" />
|
||||
<img src="@/assets/images/default_male.png" alt="预警图片" v-else />
|
||||
</div>
|
||||
<div class="warning-info">
|
||||
<div class="info-item">
|
||||
@ -48,9 +40,9 @@
|
||||
|
||||
<script setup>
|
||||
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 {ElMessage} from 'element-plus'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import Empty from "@/components/MyComponents/Empty/index.vue";
|
||||
import emitter from "@/utils/eventBus.js";
|
||||
const props = defineProps({
|
||||
@ -77,8 +69,7 @@ const getPageList = () => {
|
||||
.then((res) => {
|
||||
warningList.data =
|
||||
linkQuery.value.pageNum == 1
|
||||
? res.records
|
||||
: warningList.data.concat(res.records);
|
||||
? res.records ? res.records : [] : warningList.data.concat(res.records);
|
||||
warningList.total = res.total;
|
||||
})
|
||||
.catch((err) => {
|
||||
@ -214,6 +205,7 @@ getPageList();
|
||||
.warning-image {
|
||||
width: 60px;
|
||||
height: 80px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
Reference in New Issue
Block a user