feat: 接口参数调整
This commit is contained in:
@ -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