Compare commits
2 Commits
5cbde4297d
...
3f15172c03
| Author | SHA1 | Date | |
|---|---|---|---|
| 3f15172c03 | |||
| 7a75bc9cc6 |
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
@ -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
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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: "姓名",
|
||||||
|
|||||||
@ -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(); };
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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: "感知源编号",
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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;
|
||||||
})
|
})
|
||||||
|
|||||||
@ -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%;
|
||||||
|
|||||||
Reference in New Issue
Block a user