1056 lines
28 KiB
Vue
1056 lines
28 KiB
Vue
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<div class="titleBox">
|
|||
|
|
<div class="title">值班报备</div>
|
|||
|
|
<div class="btnBox">
|
|||
|
|
<el-button type="primary" @click="add">
|
|||
|
|
<el-icon style="vertical-align: middle">
|
|||
|
|
<CirclePlus />
|
|||
|
|
</el-icon>
|
|||
|
|
<span style="vertical-align: middle">手动报备</span>
|
|||
|
|
</el-button>
|
|||
|
|
<el-button
|
|||
|
|
:disabled="ids.length == 0"
|
|||
|
|
typeof="danger"
|
|||
|
|
@click="batchDelete"
|
|||
|
|
>
|
|||
|
|
<el-icon style="vertical-align: middle">
|
|||
|
|
<Delete />
|
|||
|
|
</el-icon>
|
|||
|
|
<span style="vertical-align: middle">批量删除</span>
|
|||
|
|
</el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="searchBox" ref="searchBox">
|
|||
|
|
<el-form :model="listQuery" :inline="true">
|
|||
|
|
<el-form-item label="值班部门">
|
|||
|
|
<MOSTY.Department
|
|||
|
|
width="180px"
|
|||
|
|
clearable
|
|||
|
|
filterable
|
|||
|
|
v-model="listQuery.ssbmid"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="值班领导">
|
|||
|
|
<el-input
|
|||
|
|
v-model="listQuery.zbldXm"
|
|||
|
|
placeholder="请输入值班领导姓名"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="起止日期">
|
|||
|
|
<el-date-picker
|
|||
|
|
v-model="Qzrq"
|
|||
|
|
type="daterange"
|
|||
|
|
unlink-panels
|
|||
|
|
range-separator="至"
|
|||
|
|
start-placeholder="开始日期"
|
|||
|
|
end-placeholder="结束日期"
|
|||
|
|
@change="upQzrq"
|
|||
|
|
format="YYYY-MM-DD"
|
|||
|
|
value-format="YYYY-M-D HH:mm:ss"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-button @click="handleFilter"> 查询 </el-button>
|
|||
|
|
<el-button @click="reset()"> 重置 </el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
</div>
|
|||
|
|
<div class="tabBox">
|
|||
|
|
<el-table
|
|||
|
|
:data="tableData"
|
|||
|
|
border
|
|||
|
|
ref="dataTreeList"
|
|||
|
|
@selection-change="handleSelectionChange"
|
|||
|
|
row-key="id"
|
|||
|
|
:tree-props="{ children: 'itemList', hasChildren: true }"
|
|||
|
|
style="width: 100%"
|
|||
|
|
:key="keyCount"
|
|||
|
|
:height="tableHeight"
|
|||
|
|
v-loading="loadingTable"
|
|||
|
|
element-loading-background="rgba(0,0,0,0.3)"
|
|||
|
|
element-loading-text="数据加载中。。"
|
|||
|
|
>
|
|||
|
|
<el-table-column type="selection" width="40" align="center" />
|
|||
|
|
<el-table-column
|
|||
|
|
type="index"
|
|||
|
|
show-overflow-tooltip
|
|||
|
|
align="center"
|
|||
|
|
width="60px"
|
|||
|
|
label="序号"
|
|||
|
|
>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="ssbm"
|
|||
|
|
show-overflow-tooltip
|
|||
|
|
align="center"
|
|||
|
|
label="值班部门"
|
|||
|
|
>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="zbrq"
|
|||
|
|
show-overflow-tooltip
|
|||
|
|
align="center"
|
|||
|
|
label="值班日期"
|
|||
|
|
>
|
|||
|
|
<template #default="{ row }">
|
|||
|
|
<div>
|
|||
|
|
{{ row.zbrq ? row.zbrq.substring(0, 10) : row.zbrq }}
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="kssj"
|
|||
|
|
show-overflow-tooltip
|
|||
|
|
align="center"
|
|||
|
|
label="开始时间"
|
|||
|
|
>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="jssj"
|
|||
|
|
show-overflow-tooltip
|
|||
|
|
align="center"
|
|||
|
|
label="结束时间"
|
|||
|
|
>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="zbldXm"
|
|||
|
|
show-overflow-tooltip
|
|||
|
|
align="center"
|
|||
|
|
label="值班领导"
|
|||
|
|
>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="zbmj"
|
|||
|
|
show-overflow-tooltip
|
|||
|
|
align="center"
|
|||
|
|
label="民警"
|
|||
|
|
>
|
|||
|
|
<template #default="{ row }">
|
|||
|
|
<div>
|
|||
|
|
<el-tag
|
|||
|
|
class="mx-1"
|
|||
|
|
v-for="item in row.zbmj"
|
|||
|
|
v-show="item.jllx == '01'"
|
|||
|
|
:key="item.id"
|
|||
|
|
>{{ item.jlxm }}</el-tag
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
prop="zbfj"
|
|||
|
|
show-overflow-tooltip
|
|||
|
|
align="center"
|
|||
|
|
label="辅警"
|
|||
|
|
>
|
|||
|
|
<template #default="{ row }">
|
|||
|
|
<div>
|
|||
|
|
<el-tag
|
|||
|
|
class="mx-1"
|
|||
|
|
v-for="item in row.zbfj"
|
|||
|
|
v-show="item.jllx == '02'"
|
|||
|
|
:key="item.id"
|
|||
|
|
>{{ item.jlxm }}</el-tag
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column
|
|||
|
|
label="操作"
|
|||
|
|
align="center"
|
|||
|
|
fixed="right"
|
|||
|
|
width="280px"
|
|||
|
|
>
|
|||
|
|
<template #default="{ row }">
|
|||
|
|
<el-button @click="infDate(row)" size="small">详情</el-button>
|
|||
|
|
<el-button
|
|||
|
|
v-if="row.bbzt != 1 && row.bbzt != 0"
|
|||
|
|
@click="update(row)"
|
|||
|
|
size="small"
|
|||
|
|
>修改</el-button
|
|||
|
|
>
|
|||
|
|
<el-button
|
|||
|
|
v-if="row.bbzt != 0 && row.bbzt != 1"
|
|||
|
|
size="small"
|
|||
|
|
@click="baoBei(row, '0')"
|
|||
|
|
>报备</el-button
|
|||
|
|
>
|
|||
|
|
<el-button
|
|||
|
|
v-if="row.bbzt == 0"
|
|||
|
|
size="small"
|
|||
|
|
@click="baoBei(row, '1')"
|
|||
|
|
>结束报备</el-button
|
|||
|
|
>
|
|||
|
|
<el-button type="danger" size="small" @click="delDictItem(row)"
|
|||
|
|
>删除</el-button
|
|||
|
|
>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
<div class="fenye" :style="{ top: tableHeight + 'px' }">
|
|||
|
|
<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>
|
|||
|
|
<div v-if="dialogFormVisible" class="dialog">
|
|||
|
|
<div class="head_box">
|
|||
|
|
<span class="title">{{ title }}</span>
|
|||
|
|
<div>
|
|||
|
|
<el-button
|
|||
|
|
type="primary"
|
|||
|
|
size="small"
|
|||
|
|
@click="submit"
|
|||
|
|
:loading="btnLoading"
|
|||
|
|
>{{ infoLoad ? "开始报备" : "结束报备" }}</el-button
|
|||
|
|
>
|
|||
|
|
<el-button size="small" @click="close">关闭</el-button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<el-form
|
|||
|
|
ref="elform"
|
|||
|
|
:model="form"
|
|||
|
|
:rules="rules"
|
|||
|
|
:inline="true"
|
|||
|
|
label-position="top"
|
|||
|
|
>
|
|||
|
|
<el-form-item label="值班部门" prop="ssbmid">
|
|||
|
|
<!-- <el-input
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.ssbm"
|
|||
|
|
v-if="chackipt"
|
|||
|
|
@focus="chackipt = false"
|
|||
|
|
></el-input> -->
|
|||
|
|
<MOSTY.Department
|
|||
|
|
width="180px"
|
|||
|
|
clearable
|
|||
|
|
filterable
|
|||
|
|
v-model="form.ssbmid"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item label="值班日期" prop="zbrq">
|
|||
|
|
<el-date-picker
|
|||
|
|
:disabled="ischooseTime"
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.zbrq"
|
|||
|
|
placeholder="请选择"
|
|||
|
|
format="YYYY-MM-DD"
|
|||
|
|
value-format="YYYY-MM-DD"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
|
|||
|
|
<el-row class="main_contain">
|
|||
|
|
<el-row class="zbbcList">
|
|||
|
|
<div style="display: flex; flex-wrap: wrap">
|
|||
|
|
<el-form-item label="值班领导">
|
|||
|
|
<el-input
|
|||
|
|
clearable
|
|||
|
|
@click="handleChoose(index, i, 'zzld')"
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.zbldXm"
|
|||
|
|
placeholder="请选择"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="zbzhzXm" label="值班指挥长">
|
|||
|
|
<el-input
|
|||
|
|
clearable
|
|||
|
|
@click="handleChoose(index, i, 'zhz')"
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.zbzhzXm"
|
|||
|
|
placeholder="请选择"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="zzzhzXm" label="专职指挥长">
|
|||
|
|
<el-input
|
|||
|
|
clearable
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.zzzhzXm"
|
|||
|
|
@click="handleChoose(index, i, 'zzzhz')"
|
|||
|
|
placeholder="请选择"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="fzzbXm" label="法制值班">
|
|||
|
|
<el-input
|
|||
|
|
clearable
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.fzzbXm"
|
|||
|
|
@click="handleChoose(index, i, 'fzzb')"
|
|||
|
|
placeholder="请选择"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="zbldDh" label="值班领导电话">
|
|||
|
|
<el-input
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.zbldDh"
|
|||
|
|
placeholder="请填写值班电话"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="hh" label="呼号">
|
|||
|
|
<el-input
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.hh"
|
|||
|
|
placeholder="请填写呼号"
|
|||
|
|
></el-input>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item
|
|||
|
|
label="值班民警"
|
|||
|
|
@click.stop="choosePolice('MJ', i, index)"
|
|||
|
|
>
|
|||
|
|
<div class="ipt">
|
|||
|
|
<el-tag
|
|||
|
|
v-for="(tag, index) in form.mjList"
|
|||
|
|
:key="tag.id"
|
|||
|
|
class="mx-1"
|
|||
|
|
closable
|
|||
|
|
:type="tag.type"
|
|||
|
|
@close="handleClose(tag, 'mj', index)"
|
|||
|
|
>
|
|||
|
|
{{ tag.jlxm }}
|
|||
|
|
</el-tag>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item
|
|||
|
|
label="值班辅警"
|
|||
|
|
@click.stop="choosePolice('FJ', index, i)"
|
|||
|
|
>
|
|||
|
|
<div class="ipt">
|
|||
|
|
<el-tag
|
|||
|
|
v-for="(tag, index) in form.fjList"
|
|||
|
|
:key="tag.id"
|
|||
|
|
class="mx-1"
|
|||
|
|
closable
|
|||
|
|
:type="tag.type"
|
|||
|
|
@close="handleClose(tag, 'fj', index)"
|
|||
|
|
>
|
|||
|
|
{{ tag.jlxm }}
|
|||
|
|
</el-tag>
|
|||
|
|
</div>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item style="width: 100%" label="选择班次" prop="qwbcid">
|
|||
|
|
<el-radio-group @change="setQwbc" v-model="form.qwbcid">
|
|||
|
|
<el-radio
|
|||
|
|
v-for="item in qwbaDataList"
|
|||
|
|
:key="item.id"
|
|||
|
|
:label="item.id"
|
|||
|
|
>
|
|||
|
|
<div class="tags" :style="{ borderColor: item.bcys }">
|
|||
|
|
<span>{{ setHm(item.kssj) }}-{{ setHm(item.jssj) }}</span>
|
|||
|
|
<span>{{ item.bcmc }}</span>
|
|||
|
|
</div>
|
|||
|
|
</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="kssj" label="开始时间">
|
|||
|
|
<el-time-picker
|
|||
|
|
style="width: 100%"
|
|||
|
|
v-model="form.kssj"
|
|||
|
|
format="HH时mm分"
|
|||
|
|
@change="setZqsc"
|
|||
|
|
value-format="HH:mm:ss"
|
|||
|
|
placeholder="请选择开始时间"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="jssj" label="结束时间">
|
|||
|
|
<el-time-picker
|
|||
|
|
style="width: 100%"
|
|||
|
|
format="HH时mm分"
|
|||
|
|
value-format="HH:mm:ss"
|
|||
|
|
v-model="form.jssj"
|
|||
|
|
@change="setZqsc"
|
|||
|
|
placeholder="请选择结束时间"
|
|||
|
|
/>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item prop="zbsc" label="值班时长">
|
|||
|
|
<el-input class="min" v-model="form.zbsc" style="width: 100%" />
|
|||
|
|
</el-form-item>
|
|||
|
|
<div class="zblistLine"></div>
|
|||
|
|
</div>
|
|||
|
|
</el-row>
|
|||
|
|
</el-row>
|
|||
|
|
|
|||
|
|
<el-form-item label="备注" style="width: 100%">
|
|||
|
|
<el-input
|
|||
|
|
v-model="form.bz"
|
|||
|
|
placeholder="请输入关键字"
|
|||
|
|
show-word-limit
|
|||
|
|
type="textarea"
|
|||
|
|
/></el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 值班领导\值班指挥长\专职指挥长/法制值班 -->
|
|||
|
|
<ChooseUser
|
|||
|
|
v-model="chooseUserVisible"
|
|||
|
|
:LeaderType="LeaderType"
|
|||
|
|
@choosedUsersLeader="hanlderChoose"
|
|||
|
|
></ChooseUser>
|
|||
|
|
<!-- 民警 辅警 -->
|
|||
|
|
<template v-if="PoliceType == 'MJ'">
|
|||
|
|
<MjLoad v-model="choosePoliceVisible" @choosedUsers="choosedPolice" />
|
|||
|
|
</template>
|
|||
|
|
<template v-else>
|
|||
|
|
<FjLoad v-model="choosePoliceVisible" @choosedUsers="choosedPolice" />
|
|||
|
|
</template>
|
|||
|
|
<!-- <ChoosePolice
|
|||
|
|
v-model="choosePoliceVisible"
|
|||
|
|
:PoliceType="PoliceType"
|
|||
|
|
@choosedPolice="choosedPolice"
|
|||
|
|
>
|
|||
|
|
</ChoosePolice> -->
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import MjLoad from "@/components/MyComponents/ChooseJz/MjLoad.vue";
|
|||
|
|
import FjLoad from "@/components/MyComponents/ChooseJz/FjLoad.vue";
|
|||
|
|
import ChooseUser from "@/components/MyComponents/ChooseUser";
|
|||
|
|
import ChoosePolice from "@/components/MyComponents/choosePolice";
|
|||
|
|
|
|||
|
|
import {
|
|||
|
|
BbZbbb,
|
|||
|
|
getZbbb,
|
|||
|
|
addZbbb,
|
|||
|
|
getZbbbInfo,
|
|||
|
|
updateZbbb,
|
|||
|
|
deletezBbb,
|
|||
|
|
getMyBbInfoToday,
|
|||
|
|
getMyZbpbToday
|
|||
|
|
} from "@/api/service/workingReport.js";
|
|||
|
|
|
|||
|
|
import { getQwbc } from "@/api/service/shift.js";
|
|||
|
|
import * as MOSTY from "@/components/MyComponents/index";
|
|||
|
|
import { selectDeptPage } from "@/api/user-manage";
|
|||
|
|
import { getqwdj } from "@/api/service/grade.js";
|
|||
|
|
import { getJzList } from "@/api/basicsmanage/servicejz.js";
|
|||
|
|
import { getKfd } from "@/api/basicsmanage/quick-rebate.js";
|
|||
|
|
import { getXfqy } from "@/api/basicsmanage/patrolArea.js";
|
|||
|
|
import {
|
|||
|
|
ref,
|
|||
|
|
reactive,
|
|||
|
|
onMounted,
|
|||
|
|
onUnmounted,
|
|||
|
|
getCurrentInstance,
|
|||
|
|
watch
|
|||
|
|
} from "vue";
|
|||
|
|
const { proxy } = getCurrentInstance();
|
|||
|
|
const { D_ZDY_XFFWLX, D_BZ_ZZLX, D_BZ_WZLX, D_BZ_XLFS } = proxy.$dict(
|
|||
|
|
"D_ZDY_XFFWLX",
|
|||
|
|
"D_BZ_ZZLX",
|
|||
|
|
"D_BZ_WZLX",
|
|||
|
|
"D_BZ_XLFS"
|
|||
|
|
);
|
|||
|
|
const loadingTable = ref(false);
|
|||
|
|
const tableData = ref([]); //表格数据
|
|||
|
|
//搜索数据
|
|||
|
|
const listQuery = ref({
|
|||
|
|
pageCurrent: 1,
|
|||
|
|
pageSize: 20
|
|||
|
|
});
|
|||
|
|
const dialogFormVisible = ref(false); //弹窗
|
|||
|
|
const Qzrq = ref([]); // 搜索时间
|
|||
|
|
const tableHeight = ref(); // 表格高度
|
|||
|
|
const qwbaDataList = ref([]); //勤务班次数据
|
|||
|
|
const form = ref({}); //表单数据
|
|||
|
|
const chooseUserVisible = ref(false); //选择领导
|
|||
|
|
const choosePoliceVisible = ref(false); //民警\辅警弹窗
|
|||
|
|
const LeaderType = ref(""); //领导弹窗
|
|||
|
|
const PoliceType = ref(""); //民警辅警弹窗
|
|||
|
|
const InNum = reactive({
|
|||
|
|
numl: "",
|
|||
|
|
num2: ""
|
|||
|
|
}); //下标
|
|||
|
|
const chackAdd = ref(false); //修改或者增加判断
|
|||
|
|
const btnLoading = ref(false); //按钮截流
|
|||
|
|
const depList = ref([]); //部门数据
|
|||
|
|
const infoLoad = ref(false); //显示新增按钮
|
|||
|
|
const total = ref(0);
|
|||
|
|
const searchBox = ref(null); // 搜索盒子
|
|||
|
|
const ids = ref([]); //批量删除的ID
|
|||
|
|
const chackipt = ref(true);
|
|||
|
|
const keyCount = ref(0); //tabel组件刷新值
|
|||
|
|
const title = ref("巡防报备新增");
|
|||
|
|
const elform = ref(null);
|
|||
|
|
//表单验证
|
|||
|
|
const rules = ref({
|
|||
|
|
zbrq: [
|
|||
|
|
{
|
|||
|
|
required: true,
|
|||
|
|
message: "请选择开始日期",
|
|||
|
|
trigger: "change"
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
ssbmid: [
|
|||
|
|
{
|
|||
|
|
required: true,
|
|||
|
|
message: "请选择值班部门",
|
|||
|
|
trigger: "change"
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
const nowYear = ref(new Date().getFullYear());
|
|||
|
|
const nowmonth = ref(new Date().getMonth() + 1);
|
|||
|
|
const nowDay = ref(new Date().getDate());
|
|||
|
|
const nowtime = ref("");
|
|||
|
|
|
|||
|
|
// 获取当天的值班报备信息或排班信息 没有报备信息则查询排班
|
|||
|
|
const ischooseTime = ref(false);
|
|||
|
|
function getZbbbXx() {
|
|||
|
|
getMyBbInfoToday().then((res) => {
|
|||
|
|
if (res === null) {
|
|||
|
|
getMyZbpbToday().then((respb) => {
|
|||
|
|
if (respb != null) {
|
|||
|
|
let time_month = nowmonth.value; //现在的月份
|
|||
|
|
let time_day = nowDay.value; //现在的天数
|
|||
|
|
if (nowmonth.value < 10) {
|
|||
|
|
time_month = 0 + "" + nowmonth.value;
|
|||
|
|
}
|
|||
|
|
if (nowDay.value < 10) {
|
|||
|
|
time_day = 0 + "" + nowDay.value;
|
|||
|
|
}
|
|||
|
|
nowtime.value = nowYear.value + "-" + time_month + "-" + time_day;
|
|||
|
|
infoLoad.value = true;
|
|||
|
|
form.value = respb;
|
|||
|
|
form.value.ssbmdm = form.value.ssbmdm * 1;
|
|||
|
|
form.value.mjList = JSON.parse(form.value.zbmj);
|
|||
|
|
form.value.fjList = JSON.parse(form.value.zbfj);
|
|||
|
|
form.value.zbrq = nowtime.value;
|
|||
|
|
ischooseTime.value = true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
infoLoad.value = false;
|
|||
|
|
form.value = res;
|
|||
|
|
form.value.ssbmdm = form.value.ssbmdm * 1;
|
|||
|
|
form.value.mjList = JSON.parse(form.value.zbmj);
|
|||
|
|
form.value.fjList = JSON.parse(form.value.zbfj);
|
|||
|
|
ischooseTime.value = false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
onMounted(() => {
|
|||
|
|
handleFilter(); //查询
|
|||
|
|
getQwbcData();
|
|||
|
|
selectDeptPage({}).then((res) => {
|
|||
|
|
depList.value = res.records;
|
|||
|
|
}); //查询部门
|
|||
|
|
tabHeightFn();
|
|||
|
|
window.onresize = function () {
|
|||
|
|
tabHeightFn();
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
//搜索
|
|||
|
|
function handleFilter() {
|
|||
|
|
listQuery.value.pageCurrent = 1;
|
|||
|
|
getListData();
|
|||
|
|
}
|
|||
|
|
//获取列表数据
|
|||
|
|
function getListData() {
|
|||
|
|
loadingTable.value = true;
|
|||
|
|
getZbbb(listQuery.value).then((res) => {
|
|||
|
|
tableData.value = res.records ? res.records : [];
|
|||
|
|
tableData.value.forEach((item) => {
|
|||
|
|
item.zbmj = JSON.parse(item.zbmj);
|
|||
|
|
item.zbfj = JSON.parse(item.zbfj);
|
|||
|
|
});
|
|||
|
|
total.value = res.total;
|
|||
|
|
loadingTable.value = false;
|
|||
|
|
}).catch(()=>{
|
|||
|
|
loadingTable.value = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// 搜索时间处理
|
|||
|
|
function upQzrq() {
|
|||
|
|
if (Qzrq.value.length == 2) {
|
|||
|
|
listQuery.value.startTime = Qzrq.value[0];
|
|||
|
|
listQuery.value.endTime = Qzrq.value[1];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//新增
|
|||
|
|
function add() {
|
|||
|
|
getZbbbXx();
|
|||
|
|
infoLoad.value = true;
|
|||
|
|
chackAdd.value = true;
|
|||
|
|
chackipt.value = false;
|
|||
|
|
title.value = "值班报备新增";
|
|||
|
|
dialogFormVisible.value = true;
|
|||
|
|
}
|
|||
|
|
// 获取班次
|
|||
|
|
function getQwbcData() {
|
|||
|
|
let params = {
|
|||
|
|
pageCurrent: 1,
|
|||
|
|
pageSize: 1000,
|
|||
|
|
bclx: "01"
|
|||
|
|
};
|
|||
|
|
getQwbc(params).then((res) => {
|
|||
|
|
qwbaDataList.value = res.records.map((item) => {
|
|||
|
|
return {
|
|||
|
|
bcys: item.bcys,
|
|||
|
|
kssj: item.kssj,
|
|||
|
|
jssj: item.jssj,
|
|||
|
|
id: item.id,
|
|||
|
|
zqsc: item.zqsc,
|
|||
|
|
bcmc: item.bcmc
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 时分秒截取
|
|||
|
|
function setHm(item) {
|
|||
|
|
return item.split(":")[0] + ":" + item.split(":")[1];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 选择领导menq
|
|||
|
|
function handleChoose(num1, num2, type) {
|
|||
|
|
InNum.num1 = num1;
|
|||
|
|
InNum.num2 = num2;
|
|||
|
|
LeaderType.value = type;
|
|||
|
|
chooseUserVisible.value = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//选则民警、辅警
|
|||
|
|
function choosePolice(type, num1, num2) {
|
|||
|
|
InNum.num1 = num1;
|
|||
|
|
InNum.num2 = num2;
|
|||
|
|
PoliceType.value = type;
|
|||
|
|
choosePoliceVisible.value = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//用户领导
|
|||
|
|
function hanlderChoose(users) {
|
|||
|
|
let type = users.type;
|
|||
|
|
const user = users.userList;
|
|||
|
|
if (type == "zzld") {
|
|||
|
|
form.value.zbldXm = user[0].userName;
|
|||
|
|
form.value.zbldId = user[0].id;
|
|||
|
|
form.value.zbldDh = user[0].mobile;
|
|||
|
|
form.value.zbldSfzh = user[0].idEntityCard;
|
|||
|
|
}
|
|||
|
|
if (type == "zhz") {
|
|||
|
|
form.value.zbzhzXm = user[0].userName;
|
|||
|
|
form.value.zbzhzDh = user[0].mobile;
|
|||
|
|
form.value.zbzhzId = user[0].id;
|
|||
|
|
form.value.zbzhzSfzh = user[0].idEntityCard;
|
|||
|
|
}
|
|||
|
|
if (type == "zzzhz") {
|
|||
|
|
form.value.zzzhzXm = user[0].userName;
|
|||
|
|
form.value.zzzhzDh = user[0].mobile;
|
|||
|
|
form.value.zzzhzId = user[0].id;
|
|||
|
|
form.value.zzzhzSfzh = user[0].idEntityCard;
|
|||
|
|
}
|
|||
|
|
if (type == "fzzb") {
|
|||
|
|
form.value.fzzbXm = user[0].userName;
|
|||
|
|
form.value.fzzbDh = user[0].mobile;
|
|||
|
|
form.value.fzzbId = user[0].id;
|
|||
|
|
form.value.fzzbSfzh = user[0].idEntityCard;
|
|||
|
|
}
|
|||
|
|
if (type == "MJ") {
|
|||
|
|
form.value.mjList = user.map((item) => {
|
|||
|
|
return {
|
|||
|
|
jlId: item.id,
|
|||
|
|
jllx: "01",
|
|||
|
|
jlxm: item.userName,
|
|||
|
|
sfzh: item.idEntityCard,
|
|||
|
|
xbdm: item.sex,
|
|||
|
|
lxdh: item.mobile
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
InNum.num1 = "";
|
|||
|
|
InNum.num2 = "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 选择辅警\民警
|
|||
|
|
function choosedPolice(police) {
|
|||
|
|
if (PoliceType.value == "FJ") {
|
|||
|
|
form.value.fjList = police.map((item) => {
|
|||
|
|
return {
|
|||
|
|
jlId: item.id,
|
|||
|
|
jllx: "02",
|
|||
|
|
jlxm: item.xm,
|
|||
|
|
sfzh: item.sfzh,
|
|||
|
|
xbdm: item.xbdm,
|
|||
|
|
lxdh: item.lxdh
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
} else if (PoliceType.value == "MJ") {
|
|||
|
|
form.value.mjList = police.map((item) => {
|
|||
|
|
return {
|
|||
|
|
jlId: item.ryid,
|
|||
|
|
jllx: "01",
|
|||
|
|
jlxm: item.xm,
|
|||
|
|
sfzh: item.sfzh,
|
|||
|
|
xbdm: item.xbdm,
|
|||
|
|
lxdh: item.lxdh
|
|||
|
|
};
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
InNum.num1 = "";
|
|||
|
|
InNum.num2 = "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 点击班次选取
|
|||
|
|
function setQwbc() {
|
|||
|
|
qwbaDataList.value.forEach((v) => {
|
|||
|
|
if (v.id == form.value.qwbcid) {
|
|||
|
|
form.value.kssj = v.kssj;
|
|||
|
|
form.value.jssj = v.jssj;
|
|||
|
|
form.value.qwbcid = v.id;
|
|||
|
|
form.value.zbsc = v.zqsc;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//提交
|
|||
|
|
function submit() {
|
|||
|
|
if (infoLoad.value) {
|
|||
|
|
elform.value.validate((valid) => {
|
|||
|
|
if (valid) {
|
|||
|
|
let params = JSON.parse(JSON.stringify(form.value));
|
|||
|
|
params.jlList = [];
|
|||
|
|
if (form.value.fjList) {
|
|||
|
|
params.jlList = params.jlList.concat(form.value.fjList);
|
|||
|
|
}
|
|||
|
|
if (form.value.mjList) {
|
|||
|
|
params.jlList = params.jlList.concat(form.value.mjList);
|
|||
|
|
}
|
|||
|
|
params.bbzt = "02";
|
|||
|
|
|
|||
|
|
btnLoading.value = true;
|
|||
|
|
if (chackAdd.value) {
|
|||
|
|
addZbbb(params)
|
|||
|
|
.then((res) => {
|
|||
|
|
// proxy.$message({
|
|||
|
|
// type: "success",
|
|||
|
|
// message: "新增成功"
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
BbZbbb({ id: res, bbzt: 0 }).then(() => {
|
|||
|
|
proxy.$message({
|
|||
|
|
type: "success",
|
|||
|
|
message: `新增成功`
|
|||
|
|
});
|
|||
|
|
btnLoading.value = false;
|
|||
|
|
close();
|
|||
|
|
getListData();
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
.catch(() => {
|
|||
|
|
btnLoading.value = false;
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
updateZbbb(params)
|
|||
|
|
.then(() => {
|
|||
|
|
proxy.$message({
|
|||
|
|
type: "success",
|
|||
|
|
message: "修改成功"
|
|||
|
|
});
|
|||
|
|
close();
|
|||
|
|
btnLoading.value = false;
|
|||
|
|
dialogFormVisible.value = false;
|
|||
|
|
getListData();
|
|||
|
|
})
|
|||
|
|
.catch(() => {
|
|||
|
|
btnLoading.value = false;
|
|||
|
|
dialogFormVisible.value = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
BbZbbb({ id: form.value.id, bbzt: 1 }).then(() => {
|
|||
|
|
proxy.$message({
|
|||
|
|
type: "success",
|
|||
|
|
message: `结束报备成功`
|
|||
|
|
});
|
|||
|
|
btnLoading.value = false;
|
|||
|
|
dialogFormVisible.value = false;
|
|||
|
|
getListData();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//关闭弹窗
|
|||
|
|
function close() {
|
|||
|
|
dialogFormVisible.value = false;
|
|||
|
|
form.value = {};
|
|||
|
|
}
|
|||
|
|
// 点击详情
|
|||
|
|
function infDate(row) {
|
|||
|
|
infoLoad.value = false;
|
|||
|
|
title.value = "巡防报备详情";
|
|||
|
|
getDetail(row);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//点击修改
|
|||
|
|
function update(row) {
|
|||
|
|
infoLoad.value = true;
|
|||
|
|
title.value = "巡防报备修改";
|
|||
|
|
getDetail(row);
|
|||
|
|
}
|
|||
|
|
// 获取详情信息数据
|
|||
|
|
function getDetail(row) {
|
|||
|
|
chackAdd.value = false;
|
|||
|
|
getZbbbInfo(row.id).then((res) => {
|
|||
|
|
form.value = res;
|
|||
|
|
form.value.mjList = JSON.parse(res.zbmj);
|
|||
|
|
form.value.fjList = JSON.parse(res.zbfj);
|
|||
|
|
chackipt.value = true;
|
|||
|
|
dialogFormVisible.value = true;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//巡防力量弹框相关
|
|||
|
|
function handleClose(tag, type, index) {
|
|||
|
|
if (type == "mj") {
|
|||
|
|
form.value.mjList.splice(index, 1);
|
|||
|
|
} else {
|
|||
|
|
form.value.fjList.splice(index, 1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//重置
|
|||
|
|
function reset() {
|
|||
|
|
Qzrq.value = [];
|
|||
|
|
listQuery.value = {
|
|||
|
|
pageCurrent: 1,
|
|||
|
|
pageSize: 20
|
|||
|
|
};
|
|||
|
|
getListData();
|
|||
|
|
}
|
|||
|
|
//计算执勤时长
|
|||
|
|
function setZqsc() {
|
|||
|
|
if (form.value.jssj && form.value.kssj) {
|
|||
|
|
let end = new Date();
|
|||
|
|
end.setHours(form.value.jssj.split(":")[0]);
|
|||
|
|
end.setMinutes(form.value.jssj.split(":")[1]);
|
|||
|
|
let start = new Date();
|
|||
|
|
start.setHours(form.value.kssj.split(":")[0]);
|
|||
|
|
start.setMinutes(form.value.kssj.split(":")[1]);
|
|||
|
|
let time;
|
|||
|
|
if (end >= start) {
|
|||
|
|
time = parseInt(end - start) / 1000 / 60;
|
|||
|
|
} else {
|
|||
|
|
end.setDate(end.getDate() + 1);
|
|||
|
|
time = parseInt(end - start) / 1000 / 60;
|
|||
|
|
}
|
|||
|
|
form.value.zbsc = time;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//报备
|
|||
|
|
function baoBei(row, zt) {
|
|||
|
|
let text = "报备";
|
|||
|
|
if (zt == 1) {
|
|||
|
|
text = "结束报备";
|
|||
|
|
const bbjssj = "";
|
|||
|
|
} else {
|
|||
|
|
text = "开始报备";
|
|||
|
|
}
|
|||
|
|
proxy
|
|||
|
|
.$confirm(`是否${text}？`)
|
|||
|
|
.then(() => {
|
|||
|
|
BbZbbb({ id: row.id, bbzt: zt }).then(() => {
|
|||
|
|
proxy.$message({
|
|||
|
|
type: "success",
|
|||
|
|
message: `${text}成功`
|
|||
|
|
});
|
|||
|
|
getListData();
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
.catch(() => {
|
|||
|
|
proxy.$message.info("已取消操作");
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//删除
|
|||
|
|
function delDictItem(row) {
|
|||
|
|
proxy
|
|||
|
|
.$confirm("确定删除报备数据？", "警告", { type: "warning" })
|
|||
|
|
.then(() => {
|
|||
|
|
deletezBbb([row.id]).then(() => {
|
|||
|
|
proxy.$message({
|
|||
|
|
type: "success",
|
|||
|
|
message: "删除成功"
|
|||
|
|
});
|
|||
|
|
getListData();
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
.catch(() => {
|
|||
|
|
proxy.$message.info("已取消");
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// //批量数据
|
|||
|
|
const handleSelectionChange = (val) => {
|
|||
|
|
ids.value = [];
|
|||
|
|
if (val) {
|
|||
|
|
val.forEach((item) => {
|
|||
|
|
ids.value.push(item.id);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
// 删除方法
|
|||
|
|
function batchDelete() {
|
|||
|
|
proxy
|
|||
|
|
.$confirm("确定批量删除报备数据？", "警告", { type: "warning" })
|
|||
|
|
.then(() => {
|
|||
|
|
deletezBbb(ids.value).then(() => {
|
|||
|
|
proxy.$message({
|
|||
|
|
type: "success",
|
|||
|
|
message: "删除成功"
|
|||
|
|
});
|
|||
|
|
getListData();
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
.catch(() => {
|
|||
|
|
proxy.$message.info("已取消");
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* pageSize 改变触发
|
|||
|
|
*/
|
|||
|
|
const handleSizeChange = (currentSize) => {
|
|||
|
|
listQuery.value.pageSize = currentSize;
|
|||
|
|
getListData();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页码改变触发
|
|||
|
|
*/
|
|||
|
|
const handleCurrentChange = (currentPage) => {
|
|||
|
|
listQuery.value.pageCurrent = currentPage;
|
|||
|
|
getListData();
|
|||
|
|
};
|
|||
|
|
// 表格高度计算
|
|||
|
|
const tabHeightFn = () => {
|
|||
|
|
tableHeight.value = window.innerHeight - searchBox.value.offsetHeight - 240;
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
@import "~@/assets/css/layout.scss";
|
|||
|
|
@import "~@/assets/css/element-plus.scss";
|
|||
|
|
.min {
|
|||
|
|
position: relative;
|
|||
|
|
}
|
|||
|
|
.min::after {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
right: 12px;
|
|||
|
|
bottom: 0;
|
|||
|
|
content: "分钟";
|
|||
|
|
}
|
|||
|
|
.tongji {
|
|||
|
|
line-height: 28px;
|
|||
|
|
color: #81c3ed;
|
|||
|
|
> span {
|
|||
|
|
font-size: 24px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.echarts {
|
|||
|
|
height: 160px;
|
|||
|
|
color: #81c3ed;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
.item {
|
|||
|
|
width: 23%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.chooce-bc {
|
|||
|
|
width: 100%;
|
|||
|
|
min-height: 120px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: flex;
|
|||
|
|
.chooce-bc-top {
|
|||
|
|
padding: 12px;
|
|||
|
|
flex: 1;
|
|||
|
|
border: 1px solid #03438b;
|
|||
|
|
.bc-title {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 30px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #fff;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
.colose {
|
|||
|
|
cursor: pointer;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.choose-bc-bottom {
|
|||
|
|
padding: 12px;
|
|||
|
|
flex: 1;
|
|||
|
|
border: 1px solid #03438b;
|
|||
|
|
.bc-title {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 30px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.chooce-bc-btn-box {
|
|||
|
|
height: 120px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
.chooce-bc-btn-item {
|
|||
|
|
float: left;
|
|||
|
|
cursor: pointer;
|
|||
|
|
margin-right: 7px;
|
|||
|
|
margin-bottom: 4px;
|
|||
|
|
line-height: 12px;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding: 4px;
|
|||
|
|
background: orange;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
.item {
|
|||
|
|
line-height: 14px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.from_label {
|
|||
|
|
width: 100%;
|
|||
|
|
line-height: 2.5em;
|
|||
|
|
text-indent: -68px;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.ipt {
|
|||
|
|
border: 1px solid rgb(7, 85, 188);
|
|||
|
|
width: 100%;
|
|||
|
|
line-height: 32px;
|
|||
|
|
min-height: 32px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
}
|
|||
|
|
.tags {
|
|||
|
|
padding: 4px 12px;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
color: #fff;
|
|||
|
|
border: 2px solid;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column-reverse;
|
|||
|
|
align-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
> span {
|
|||
|
|
line-height: 1em;
|
|||
|
|
font-size: 12px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.el-radio {
|
|||
|
|
margin-bottom: 14px;
|
|||
|
|
}
|
|||
|
|
.check_b {
|
|||
|
|
.active {
|
|||
|
|
background: linear-gradient(0deg, #1983e5, #1b67dd);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|