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">
<span class="title">{{ title }}</span>
<span class="close" @click="closeDialog">
<el-icon :size="22"><CircleClose /></el-icon>
<el-icon :size="22">
<CircleClose />
</el-icon>
</span>
</div>
<div class="search">
<el-form ref="formRef" :model="listQuery">
<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 label=" 时间段">
<el-date-picker
v-model="timeRange"
popper-class="jl-time"
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 label=" 时间段">
<el-date-picker v-model="timeRange" popper-class="jl-time" 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-button class="serchBtn" @click="handleFilter"> 查询 </el-button>
@ -37,67 +27,25 @@
</el-form>
</div>
<div class="datalist">
<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
prop="jlxm"
show-overflow-tooltip
align="center"
label="姓名"
>
<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 prop="jlxm" show-overflow-tooltip align="center" label="姓名">
</el-table-column>
<el-table-column
prop="xbdm"
show-overflow-tooltip
align="center"
label="性别"
>
<el-table-column prop="xbdm" show-overflow-tooltip align="center" label="性别">
<template #default="{ row }">
{{ row.sfzh.charAt(16) % 2 ? "男" : "女" }}
</template>
</el-table-column>
<el-table-column
prop="sfzh"
show-overflow-tooltip
align="center"
label="身份证号码"
>
<el-table-column prop="sfzh" show-overflow-tooltip align="center" label="身份证号码">
</el-table-column>
<el-table-column
prop="ssbm"
label="所属部门"
show-overflow-tooltip
align="center"
></el-table-column>
<el-table-column
prop="lxdh"
label="联系电话"
align="center"
></el-table-column>
<el-table-column prop="ssbm" label="所属部门" show-overflow-tooltip align="center"></el-table-column>
<el-table-column prop="lxdh" label="联系电话" align="center"></el-table-column>
</el-table>
</div>
<div class="fenye">
<el-pagination
class="pagination"
@size-change="handleSizeChange"
@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 class="pagination" @size-change="handleSizeChange" @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>
</div>
</div>
@ -174,7 +122,7 @@ function getList() {
pageSize: listQuery.value.pageSize,
xfbmdm: listQuery.value.ssbmdm
};
if(timeRange.value.length > 0){
if (timeRange.value.length > 0) {
pramas.startTime = timeRange.value[0]
pramas.endTime = timeRange.value[1]
}
@ -195,6 +143,7 @@ function getList() {
right: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 99;
.container {
position: absolute;
top: 0;
@ -244,10 +193,12 @@ function getList() {
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
::v-deep .el-form-item{
::v-deep .el-form-item {
align-items: center;
}
::v-deep .el-input__inner{
::v-deep .el-input__inner {
margin: 0 !important;
}
</style>

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

@ -1,35 +1,26 @@
<template>
<div class="bigBox" v-if="modelValue">
<div
class="container"
:class="title == '街面巡组-实际列表' ? 'container1' : ''"
>
<div class="container" :class="title == '街面巡组-实际列表' ? 'container1' : ''">
<div class="header">
<span class="title">{{ title }}</span>
<span class="close" @click="closeDialog">
<el-icon :size="22"><CircleClose /></el-icon>
<el-icon :size="22">
<CircleClose />
</el-icon>
</span>
</div>
<div class="search">
<el-form ref="formRef" :model="listQuery">
<el-form-item label="所属部门">
<MOSTY.Department width="200px" clearable v-model="listQuery.ssbmdm"/>
</el-form-item> &nbsp;&nbsp;
<MOSTY.Department width="200px" clearable v-model="listQuery.ssbmdm" />
</el-form-item> &nbsp;&nbsp;
<el-form-item label=" 负责人">
<el-input v-model="listQuery.fzrXm" placeholder="请输入负责人" />
</el-form-item> &nbsp;&nbsp;
</el-form-item> &nbsp;&nbsp;
<el-form-item label=" 时间段">
<el-date-picker
v-model="timeRange"
popper-class="jl-time"
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-date-picker v-model="timeRange" popper-class="jl-time" 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-button class="serchBtn" @click="handleFilter"> 查询 </el-button>
@ -39,10 +30,10 @@
</div>
<div class="datalist">
<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="部门名称" show-overflow-tooltip align="center" prop="ssbm"/>
<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="巡组名称" align="center" prop="jzMc">
<template #default="{ row }">
<template #default="{ row }">
<div v-if="row.jzMc">{{ row.jzMc }}</div>
<div v-else>{{ row.fzrXm }}巡组</div>
</template>
@ -61,7 +52,7 @@
</el-table-column>
<el-table-column label="巡逻车辆" align="center" prop="">
<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>
</el-table-column>
<el-table-column label="负责人" align="center" prop="fzrXm" />
@ -76,16 +67,9 @@
</el-table>
</div>
<div class="fenye">
<el-pagination
class="pagination"
@size-change="handleSizeChange"
@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 class="pagination" @size-change="handleSizeChange" @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>
</div>
</div>
@ -100,7 +84,7 @@ import { timeValidate } from "@/utils/time.js";
import { http } from "@/api/service";
import { ref, onMounted, getCurrentInstance, reactive, onUnmounted } from "vue";
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 list = reactive({
tableData: []
@ -176,7 +160,7 @@ function getList() {
fzrXm: listQuery.value.fzrXm,
ssbmdm: listQuery.value.ssbmdm,
};
if(timeRange.value.length > 0){
if (timeRange.value.length > 0) {
pramas.startTime = timeRange.value[0]
pramas.endTime = timeRange.value[1]
}
@ -249,6 +233,7 @@ function getList() {
height: 60px;
}
}
.container1 {
width: 82%;
}
@ -261,12 +246,15 @@ function getList() {
.serchBtn {
margin-left: 20px;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
::v-deep .el-form-item{
::v-deep .el-form-item {
align-items: center;
}
::v-deep .el-input__inner{
::v-deep .el-input__inner {
margin: 0 !important;
}
</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>
</template>
</el-table-column>
<el-table-column label="实际巡逻时间" align="center" prop="bbkssj" />
<el-table-column label="巡逻车辆" align="center" prop="">
<template #default="{ row }">
<el-tag v-for="(item, index) in row.pbcl" :key="index">