feat: 接口参数调整
This commit is contained in:
@ -1,13 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- 表格 -->
|
<!-- 表格 -->
|
||||||
<div class="tabBox" :style="{height:!search?maxHeight+200+'px':(maxHeight+150)+'px'}">
|
<div class="tabBox" :style="{ height: !search ? maxHeight + 200 + 'px' : (maxHeight + 150) + 'px' }">
|
||||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="maxHeight+'px'"
|
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="maxHeight + 'px'"
|
||||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||||
:expand="true" >
|
:expand="true">
|
||||||
<template #expand="{ props }">
|
<template #expand="{ props }">
|
||||||
<div class="expand-content" style="max-width: 100%">
|
<div class="expand-content" style="max-width: 100%">
|
||||||
<Items :data="props" :dict="dict" />
|
<Items :data="props" :dict="dict" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template #yjTp="{ row }">
|
<template #yjTp="{ row }">
|
||||||
@ -54,7 +54,7 @@
|
|||||||
<el-button type="success" @click="showFeedback(item, '反馈')" v-if="item.czzt == '02'">反馈</el-button>
|
<el-button type="success" @click="showFeedback(item, '反馈')" v-if="item.czzt == '02'">反馈</el-button>
|
||||||
<el-button type="success" @click="showFeedback(item, '查看反馈')" v-if="item.czzt == '03'">查看反馈</el-button> -->
|
<el-button type="success" @click="showFeedback(item, '查看反馈')" v-if="item.czzt == '03'">查看反馈</el-button> -->
|
||||||
</MyTable>
|
</MyTable>
|
||||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="maxHeight+100" :pageConfiger="{
|
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="maxHeight + 100" :pageConfiger="{
|
||||||
...pageData.pageConfiger,
|
...pageData.pageConfiger,
|
||||||
total: pageData.total
|
total: pageData.total
|
||||||
}"></Pages>
|
}"></Pages>
|
||||||
@ -116,13 +116,13 @@ const pageData = reactive({
|
|||||||
}, //分页
|
}, //分页
|
||||||
controlsWidth: 300, //操作栏宽度
|
controlsWidth: 300, //操作栏宽度
|
||||||
tableColumn: [
|
tableColumn: [
|
||||||
{ label: "预警图片", prop: "yjTp", showSolt: true,width: 100 },
|
{ label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
|
||||||
{ label: "处置状态", prop: "czzt", showSolt: true },
|
{ label: "处置状态", prop: "czzt", showSolt: true },
|
||||||
{ label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
|
{ label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
|
||||||
{ label: "姓名", prop: "yjRyxm" },
|
{ label: "姓名", prop: "yjRyxm" },
|
||||||
{ label: "年龄", prop: "nl", showSolt: true,width: 80 },
|
{ label: "年龄", prop: "nl", showSolt: true, width: 80 },
|
||||||
{ label: "数据来源", prop: "yjLylx", showOverflowTooltip: true },
|
{ label: "数据来源", prop: "yjLylx", showOverflowTooltip: true },
|
||||||
{ label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
|
{ label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
|
||||||
// { label: "预警级别", prop: "yjJb", showSolt: true },
|
// { label: "预警级别", prop: "yjJb", showSolt: true },
|
||||||
// { label: "相似度", prop: "xsd", showSolt: true },
|
// { label: "相似度", prop: "xsd", showSolt: true },
|
||||||
{ label: "布控车牌号", prop: "yjClcph", showOverflowTooltip: true },
|
{ label: "布控车牌号", prop: "yjClcph", showOverflowTooltip: true },
|
||||||
@ -163,6 +163,7 @@ const getList = (val) => {
|
|||||||
pageData.tableData = res.records.map(item => {
|
pageData.tableData = res.records.map(item => {
|
||||||
return {
|
return {
|
||||||
...item,
|
...item,
|
||||||
|
yjLx: '01', // 人员预警
|
||||||
yjTp: item.yjlx == '01' ? item.yjTpreplace(ORDIMG, IMGYM) : item.yjTp
|
yjTp: item.yjlx == '01' ? item.yjTpreplace(ORDIMG, IMGYM) : item.yjTp
|
||||||
}
|
}
|
||||||
}) || [];
|
}) || [];
|
||||||
@ -251,6 +252,7 @@ defineExpose({
|
|||||||
.el-loading-mask {
|
.el-loading-mask {
|
||||||
background: rgba(0, 0, 0, 0.5) !important;
|
background: rgba(0, 0, 0, 0.5) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 预警级别行样式 */
|
/* 预警级别行样式 */
|
||||||
.warning-level-01 {
|
.warning-level-01 {
|
||||||
background-color: rgba(255, 2, 2, 0.1) !important;
|
background-color: rgba(255, 2, 2, 0.1) !important;
|
||||||
@ -259,6 +261,7 @@ defineExpose({
|
|||||||
.warning-level-01:hover {
|
.warning-level-01:hover {
|
||||||
background-color: rgba(255, 2, 2, 0.15) !important;
|
background-color: rgba(255, 2, 2, 0.15) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning-level-02 {
|
.warning-level-02 {
|
||||||
background-color: rgba(255, 140, 0, 0.1) !important;
|
background-color: rgba(255, 140, 0, 0.1) !important;
|
||||||
}
|
}
|
||||||
@ -266,6 +269,7 @@ defineExpose({
|
|||||||
.warning-level-02:hover {
|
.warning-level-02:hover {
|
||||||
background-color: rgba(255, 140, 0, 0.15) !important;
|
background-color: rgba(255, 140, 0, 0.15) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning-level-03 {
|
.warning-level-03 {
|
||||||
background-color: rgba(255, 210, 8, 0.1) !important;
|
background-color: rgba(255, 210, 8, 0.1) !important;
|
||||||
}
|
}
|
||||||
@ -273,6 +277,7 @@ defineExpose({
|
|||||||
.warning-level-03:hover {
|
.warning-level-03:hover {
|
||||||
background-color: rgba(255, 210, 8, 0.15) !important;
|
background-color: rgba(255, 210, 8, 0.15) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning-level-04 {
|
.warning-level-04 {
|
||||||
background-color: rgba(0, 0, 255, 0.1) !important;
|
background-color: rgba(0, 0, 255, 0.1) !important;
|
||||||
}
|
}
|
||||||
@ -280,6 +285,7 @@ defineExpose({
|
|||||||
.warning-level-04:hover {
|
.warning-level-04:hover {
|
||||||
background-color: rgba(0, 0, 255, 0.15) !important;
|
background-color: rgba(0, 0, 255, 0.15) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 确保行样式应用到所有单元格 */
|
/* 确保行样式应用到所有单元格 */
|
||||||
.warning-level-01 td,
|
.warning-level-01 td,
|
||||||
.warning-level-02 td,
|
.warning-level-02 td,
|
||||||
|
|||||||
@ -13,11 +13,6 @@
|
|||||||
<!-- 搜索 -->
|
<!-- 搜索 -->
|
||||||
<div ref="searchBox" class="searchBox" v-if="search">
|
<div ref="searchBox" class="searchBox" v-if="search">
|
||||||
<el-form :model="listQuery" label-width="auto" :inline="true" ref="searchArr">
|
<el-form :model="listQuery" label-width="auto" :inline="true" ref="searchArr">
|
||||||
<!-- <el-form-item label="布控类型" prop="yjlx">
|
|
||||||
<el-select v-model="listQuery.yjlx" placeholder="请选择预警类型">
|
|
||||||
<el-option v-for="item in D_BZ_YJLX" :key="item.value" :label="item.label" :value="item.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item> -->
|
|
||||||
<el-form-item label="布控人员" prop="yjRyxm ">
|
<el-form-item label="布控人员" prop="yjRyxm ">
|
||||||
<el-select clearable v-model="listQuery.yjRyxm" filterable remote reserve-keyword placeholder="请输入布控人员"
|
<el-select clearable v-model="listQuery.yjRyxm" filterable remote reserve-keyword placeholder="请输入布控人员"
|
||||||
:remote-method="remoteMethod" :loading="loading" style="width: 240px">
|
:remote-method="remoteMethod" :loading="loading" style="width: 240px">
|
||||||
@ -42,7 +37,7 @@
|
|||||||
ref="localWarningRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT }" :search="search" />
|
ref="localWarningRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT }" :search="search" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog v-model="showDc" title="导出预警" width="80%" align-center>
|
<el-dialog v-model="showDc" title="导出预警" width="80%">
|
||||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="500"
|
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="500"
|
||||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||||
<template #yjTp="{ row }">
|
<template #yjTp="{ row }">
|
||||||
@ -137,6 +132,8 @@ const shortcuts = [
|
|||||||
},
|
},
|
||||||
]
|
]
|
||||||
const pageData = reactive({
|
const pageData = reactive({
|
||||||
|
/** 表格高度 */
|
||||||
|
tableHeight: 600,
|
||||||
tableData: [], //表格数据
|
tableData: [], //表格数据
|
||||||
keyCount: 0,
|
keyCount: 0,
|
||||||
tableConfiger: {
|
tableConfiger: {
|
||||||
@ -183,7 +180,7 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
});
|
});
|
||||||
const listQuery = ref({
|
const listQuery = ref({
|
||||||
yjlx: '1', // 1.人员预警
|
// yjlx: '1', // 1.人员预警
|
||||||
})
|
})
|
||||||
const opentions = ref([])
|
const opentions = ref([])
|
||||||
const localWarningRef = ref(null);
|
const localWarningRef = ref(null);
|
||||||
@ -192,7 +189,7 @@ const localWarningRef = ref(null);
|
|||||||
const onSearch = () => {
|
const onSearch = () => {
|
||||||
const promes = {
|
const promes = {
|
||||||
yjRyxm: listQuery.value.yjRyxm,
|
yjRyxm: listQuery.value.yjRyxm,
|
||||||
yjlx: listQuery.value.yjlx,
|
// yjLx: listQuery.value.yjlx,
|
||||||
startTime: listQuery.value.time ? listQuery.value.time[0] : '',
|
startTime: listQuery.value.time ? listQuery.value.time[0] : '',
|
||||||
endTime: listQuery.value.time ? listQuery.value.time[1] : '',
|
endTime: listQuery.value.time ? listQuery.value.time[1] : '',
|
||||||
}
|
}
|
||||||
@ -234,7 +231,7 @@ const openSearch = () => {
|
|||||||
// 表格高度计算
|
// 表格高度计算
|
||||||
const tabHeightFn = () => {
|
const tabHeightFn = () => {
|
||||||
if (search.value) {
|
if (search.value) {
|
||||||
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
|
pageData.tableHeight = window.innerHeight - (searchBox.value?.offsetHeight || 0) - 250;
|
||||||
} else {
|
} else {
|
||||||
pageData.tableHeight = window.innerHeight - 250;
|
pageData.tableHeight = window.innerHeight - 250;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -163,6 +163,7 @@ const getList = (val) => {
|
|||||||
pageData.tableData = res.records.map(item => {
|
pageData.tableData = res.records.map(item => {
|
||||||
return {
|
return {
|
||||||
...item,
|
...item,
|
||||||
|
yjLx: '02', // 车辆预警
|
||||||
yjTp: item.yjlx == '01' ? item.yjTpreplace(ORDIMG, IMGYM) : item.yjTp
|
yjTp: item.yjlx == '01' ? item.yjTpreplace(ORDIMG, IMGYM) : item.yjTp
|
||||||
}
|
}
|
||||||
}) || [];
|
}) || [];
|
||||||
|
|||||||
@ -13,17 +13,6 @@
|
|||||||
<!-- 搜索 -->
|
<!-- 搜索 -->
|
||||||
<div ref="searchBox" class="searchBox" v-if="search">
|
<div ref="searchBox" class="searchBox" v-if="search">
|
||||||
<el-form :model="listQuery" label-width="auto" :inline="true" ref="searchArr">
|
<el-form :model="listQuery" label-width="auto" :inline="true" ref="searchArr">
|
||||||
<!-- <el-form-item label="布控类型" prop="yjlx">
|
|
||||||
<el-select v-model="listQuery.yjlx" placeholder="请选择预警类型">
|
|
||||||
<el-option v-for="item in D_BZ_YJLX" :key="item.value" :label="item.label" :value="item.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item> -->
|
|
||||||
<el-form-item label="布控人员" prop="yjRyxm ">
|
|
||||||
<el-select clearable v-model="listQuery.yjRyxm" filterable remote reserve-keyword placeholder="请输入布控人员"
|
|
||||||
:remote-method="remoteMethod" :loading="loading" style="width: 240px">
|
|
||||||
<el-option v-for="item in opentions" :key="item.rySfzh" :label="item.ryXm" :value="item.rySfzh" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="时间筛选">
|
<el-form-item label="时间筛选">
|
||||||
<el-date-picker v-model="listQuery.time" type="datetimerange" :shortcuts="shortcuts" range-separator="To"
|
<el-date-picker v-model="listQuery.time" type="datetimerange" :shortcuts="shortcuts" range-separator="To"
|
||||||
start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss"
|
start-placeholder="开始时间" end-placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
@ -42,7 +31,7 @@
|
|||||||
ref="localWarningRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT }" :search="search" />
|
ref="localWarningRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_BZ_YJLYXT }" :search="search" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog v-model="showDc" title="导出预警" width="80%" align-center>
|
<el-dialog v-model="showDc" title="导出预警" width="80%">
|
||||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="500"
|
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="500"
|
||||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||||
<template #yjTp="{ row }">
|
<template #yjTp="{ row }">
|
||||||
@ -137,6 +126,8 @@ const shortcuts = [
|
|||||||
},
|
},
|
||||||
]
|
]
|
||||||
const pageData = reactive({
|
const pageData = reactive({
|
||||||
|
/** 表格高度 */
|
||||||
|
tableHeight: 600,
|
||||||
tableData: [], //表格数据
|
tableData: [], //表格数据
|
||||||
keyCount: 0,
|
keyCount: 0,
|
||||||
tableConfiger: {
|
tableConfiger: {
|
||||||
@ -183,7 +174,6 @@ onMounted(() => {
|
|||||||
})
|
})
|
||||||
});
|
});
|
||||||
const listQuery = ref({
|
const listQuery = ref({
|
||||||
yjlx: '2', // 2.车辆预警
|
|
||||||
})
|
})
|
||||||
const opentions = ref([])
|
const opentions = ref([])
|
||||||
const localWarningRef = ref(null);
|
const localWarningRef = ref(null);
|
||||||
@ -192,7 +182,7 @@ const localWarningRef = ref(null);
|
|||||||
const onSearch = () => {
|
const onSearch = () => {
|
||||||
const promes = {
|
const promes = {
|
||||||
yjRyxm: listQuery.value.yjRyxm,
|
yjRyxm: listQuery.value.yjRyxm,
|
||||||
yjlx: listQuery.value.yjlx,
|
// yjlx: listQuery.value.yjlx,
|
||||||
startTime: listQuery.value.time ? listQuery.value.time[0] : '',
|
startTime: listQuery.value.time ? listQuery.value.time[0] : '',
|
||||||
endTime: listQuery.value.time ? listQuery.value.time[1] : '',
|
endTime: listQuery.value.time ? listQuery.value.time[1] : '',
|
||||||
}
|
}
|
||||||
@ -234,7 +224,7 @@ const openSearch = () => {
|
|||||||
// 表格高度计算
|
// 表格高度计算
|
||||||
const tabHeightFn = () => {
|
const tabHeightFn = () => {
|
||||||
if (search.value) {
|
if (search.value) {
|
||||||
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
|
pageData.tableHeight = window.innerHeight - (searchBox.value?.offsetHeight || 0) - 250;
|
||||||
} else {
|
} else {
|
||||||
pageData.tableHeight = window.innerHeight - 250;
|
pageData.tableHeight = window.innerHeight - 250;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user