DY-JMXF/dy_web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
给我
2026-03-09 17:52:25 +08:00
parent 5b48424bf5
commit 57ee80bf3c
3 changed files with 49 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/views/largeScreen/home/components/dialog/grouListJmll.vue
View File

@ -4,31 +4,21 @@
<div class="header"> <div class="header">
<span class="title">{{ title }}</span> <span class="title">{{ title }}</span>
<span class="close" @click="closeDialog"> <span class="close" @click="closeDialog">
<el-icon :size="22"><CircleClose /></el-icon> <el-icon :size="22">
<CircleClose />
</el-icon>
</span> </span>
</div> </div>
<div class="search"> <div class="search">
<el-form ref="formRef" :model="listQuery"> <el-form ref="formRef" :model="listQuery">
<el-form-item label="所属部门"> <el-form-item label="所属部门">
<MOSTY.Department <MOSTY.Department width="200px" clearable v-model="listQuery.ssbmdm" />
width="200px"
clearable
v-model="listQuery.ssbmdm"
/>
</el-form-item> </el-form-item>
&nbsp;&nbsp; &nbsp;&nbsp;
<el-form-item label=" 时间段"> <el-form-item label=" 时间段">
<el-date-picker <el-date-picker v-model="timeRange" popper-class="jl-time" type="datetimerange" start-placeholder="开始时间"
v-model="timeRange" end-placeholder="结束时间" range-separator="至" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
popper-class="jl-time" placeholder="请选择开始时间"></el-date-picker>
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
range-separator="至"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择开始时间"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="serchBtn" @click="handleFilter"> 查询 </el-button> <el-button class="serchBtn" @click="handleFilter"> 查询 </el-button>
@ -37,67 +27,25 @@
</el-form> </el-form>
</div> </div>
<div class="datalist"> <div class="datalist">
<el-table <el-table ref="multipleUserRef" :data="list.tableData" border width="100%" height="100%">
ref="multipleUserRef" <el-table-column label="序号" type="index" align="center" width="80" />
:data="list.tableData" <el-table-column prop="jlxm" show-overflow-tooltip align="center" label="姓名">
border
width="100%"
height="100%"
>
<el-table-column
label="序号"
type="index"
align="center"
width="80"
/>
<el-table-column
prop="jlxm"
show-overflow-tooltip
align="center"
label="姓名"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="xbdm" show-overflow-tooltip align="center" label="性别">
prop="xbdm"
show-overflow-tooltip
align="center"
label="性别"
>
<template #default="{ row }"> <template #default="{ row }">
{{ row.sfzh.charAt(16) % 2 ? "男" : "女" }} {{ row.sfzh.charAt(16) % 2 ? "男" : "女" }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="sfzh" show-overflow-tooltip align="center" label="身份证号码">
prop="sfzh"
show-overflow-tooltip
align="center"
label="身份证号码"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="ssbm" label="所属部门" show-overflow-tooltip align="center"></el-table-column>
prop="ssbm" <el-table-column prop="lxdh" label="联系电话" align="center"></el-table-column>
label="所属部门"
show-overflow-tooltip
align="center"
></el-table-column>
<el-table-column
prop="lxdh"
label="联系电话"
align="center"
></el-table-column>
</el-table> </el-table>
</div> </div>
<div class="fenye"> <div class="fenye">
<el-pagination <el-pagination class="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange"
class="pagination" :current-page="listQuery.pageCurrent" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.pageSize"
@size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper" :total="total">
@current-change="handleCurrentChange"
:current-page="listQuery.pageCurrent"
:page-sizes="[10, 20, 50, 100]"
:page-size="listQuery.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
@ -174,7 +122,7 @@ function getList() {
pageSize: listQuery.value.pageSize, pageSize: listQuery.value.pageSize,
xfbmdm: listQuery.value.ssbmdm xfbmdm: listQuery.value.ssbmdm
}; };
if(timeRange.value.length > 0){ if (timeRange.value.length > 0) {
pramas.startTime = timeRange.value[0] pramas.startTime = timeRange.value[0]
pramas.endTime = timeRange.value[1] pramas.endTime = timeRange.value[1]
} }
@ -195,6 +143,7 @@ function getList() {
right: 0; right: 0;
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
z-index: 99; z-index: 99;
.container { .container {
position: absolute; position: absolute;
top: 0; top: 0;
@ -244,10 +193,12 @@ function getList() {
@import "~@/assets/css/layout.scss"; @import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss"; @import "~@/assets/css/element-plus.scss";
::v-deep .el-form-item{
::v-deep .el-form-item {
align-items: center; align-items: center;
} }
::v-deep .el-input__inner{
::v-deep .el-input__inner {
margin: 0 !important; margin: 0 !important;
} }
</style> </style>

62
src/views/largeScreen/home/components/dialog/grouListJmxz.vue
View File

@ -1,35 +1,26 @@
<template> <template>
<div class="bigBox" v-if="modelValue"> <div class="bigBox" v-if="modelValue">
<div <div class="container" :class="title == '街面巡组-实际列表' ? 'container1' : ''">
class="container"
:class="title == '街面巡组-实际列表' ? 'container1' : ''"
>
<div class="header"> <div class="header">
<span class="title">{{ title }}</span> <span class="title">{{ title }}</span>
<span class="close" @click="closeDialog"> <span class="close" @click="closeDialog">
<el-icon :size="22"><CircleClose /></el-icon> <el-icon :size="22">
<CircleClose />
</el-icon>
</span> </span>
</div> </div>
<div class="search"> <div class="search">
<el-form ref="formRef" :model="listQuery"> <el-form ref="formRef" :model="listQuery">
<el-form-item label="所属部门"> <el-form-item label="所属部门">
<MOSTY.Department width="200px" clearable v-model="listQuery.ssbmdm"/> <MOSTY.Department width="200px" clearable v-model="listQuery.ssbmdm" />
</el-form-item> &nbsp;&nbsp; </el-form-item> &nbsp;&nbsp;
<el-form-item label=" 负责人"> <el-form-item label=" 负责人">
<el-input v-model="listQuery.fzrXm" placeholder="请输入负责人" /> <el-input v-model="listQuery.fzrXm" placeholder="请输入负责人" />
</el-form-item> &nbsp;&nbsp; </el-form-item> &nbsp;&nbsp;
<el-form-item label=" 时间段"> <el-form-item label=" 时间段">
<el-date-picker <el-date-picker v-model="timeRange" popper-class="jl-time" type="datetimerange" start-placeholder="开始时间"
v-model="timeRange" end-placeholder="结束时间" range-separator="至" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss"
popper-class="jl-time" placeholder="请选择开始时间"></el-date-picker>
type="datetimerange"
start-placeholder="开始时间"
end-placeholder="结束时间"
range-separator="至"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择开始时间"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="serchBtn" @click="handleFilter"> 查询 </el-button> <el-button class="serchBtn" @click="handleFilter"> 查询 </el-button>
@ -39,10 +30,10 @@
</div> </div>
<div class="datalist"> <div class="datalist">
<el-table ref="multipleUserRef" :data="list.tableData" border width="100%" height="100%"> <el-table ref="multipleUserRef" :data="list.tableData" border width="100%" height="100%">
<el-table-column label="序号" type="index" align="center" width="80"/> <el-table-column label="序号" type="index" align="center" width="80" />
<el-table-column label="部门名称" show-overflow-tooltip align="center" prop="ssbm"/> <el-table-column label="部门名称" show-overflow-tooltip align="center" prop="ssbm" />
<el-table-column label="巡组名称" align="center" prop="jzMc"> <el-table-column label="巡组名称" align="center" prop="jzMc">
<template #default="{ row }"> <template #default="{ row }">
<div v-if="row.jzMc">{{ row.jzMc }}</div> <div v-if="row.jzMc">{{ row.jzMc }}</div>
<div v-else>{{ row.fzrXm }}巡组</div> <div v-else>{{ row.fzrXm }}巡组</div>
</template> </template>
@ -61,7 +52,7 @@
</el-table-column> </el-table-column>
<el-table-column label="巡逻车辆" align="center" prop=""> <el-table-column label="巡逻车辆" align="center" prop="">
<template #default="{ row }"> <template #default="{ row }">
<el-tag v-for="(item, index) in checkJson(row.pbcl)" :key="index" >{{ item }}</el-tag> <el-tag v-for="(item, index) in checkJson(row.pbcl)" :key="index">{{ item }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="负责人" align="center" prop="fzrXm" /> <el-table-column label="负责人" align="center" prop="fzrXm" />
@ -76,16 +67,9 @@
</el-table> </el-table>
</div> </div>
<div class="fenye"> <div class="fenye">
<el-pagination <el-pagination class="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange"
class="pagination" :current-page="listQuery.pageCurrent" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.pageSize"
@size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper" :total="total">
@current-change="handleCurrentChange"
:current-page="listQuery.pageCurrent"
:page-sizes="[10, 20, 50, 100]"
:page-size="listQuery.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
@ -100,7 +84,7 @@ import { timeValidate } from "@/utils/time.js";
import { http } from "@/api/service"; import { http } from "@/api/service";
import { ref, onMounted, getCurrentInstance, reactive, onUnmounted } from "vue"; import { ref, onMounted, getCurrentInstance, reactive, onUnmounted } from "vue";
const { proxy } = getCurrentInstance(); const { proxy } = getCurrentInstance();
const { D_BZ_BBFS} = proxy.$dict("D_BZ_BBFS"); const { D_BZ_BBFS } = proxy.$dict("D_BZ_BBFS");
const timeRange = ref([]) const timeRange = ref([])
const list = reactive({ const list = reactive({
tableData: [] tableData: []
@ -176,7 +160,7 @@ function getList() {
fzrXm: listQuery.value.fzrXm, fzrXm: listQuery.value.fzrXm,
ssbmdm: listQuery.value.ssbmdm, ssbmdm: listQuery.value.ssbmdm,
}; };
if(timeRange.value.length > 0){ if (timeRange.value.length > 0) {
pramas.startTime = timeRange.value[0] pramas.startTime = timeRange.value[0]
pramas.endTime = timeRange.value[1] pramas.endTime = timeRange.value[1]
} }
@ -249,6 +233,7 @@ function getList() {
height: 60px; height: 60px;
} }
} }
.container1 { .container1 {
width: 82%; width: 82%;
} }
@ -261,12 +246,15 @@ function getList() {
.serchBtn { .serchBtn {
margin-left: 20px; margin-left: 20px;
} }
@import "~@/assets/css/layout.scss"; @import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss"; @import "~@/assets/css/element-plus.scss";
::v-deep .el-form-item{
::v-deep .el-form-item {
align-items: center; align-items: center;
} }
::v-deep .el-input__inner{
::v-deep .el-input__inner {
margin: 0 !important; margin: 0 !important;
} }
</style> </style>

2
src/views/largeScreen/home/components/dialog/grouListXllsclc.vue
View File

@ -60,9 +60,7 @@
<span v-show="row.bblx != '02'">{{ row.kssj + "至" + row.jssj }}</span> <span v-show="row.bblx != '02'">{{ row.kssj + "至" + row.jssj }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="实际巡逻时间" align="center" prop="bbkssj" /> <el-table-column label="实际巡逻时间" align="center" prop="bbkssj" />
<el-table-column label="巡逻车辆" align="center" prop=""> <el-table-column label="巡逻车辆" align="center" prop="">
<template #default="{ row }"> <template #default="{ row }">
<el-tag v-for="(item, index) in row.pbcl" :key="index"> <el-tag v-for="(item, index) in row.pbcl" :key="index">