This commit is contained in:
lcw
2025-07-09 18:02:06 +08:00
parent 9f84ea1564
commit e54185f48b
17 changed files with 556 additions and 818 deletions

View File

@ -3,48 +3,26 @@
<div class="head_box">
<span class="title">{{ pageInfo[pageType].title }}</span>
<div>
<el-button
size="small"
type="primary"
v-if="['add', 'edit'].includes(pageType)"
@click="_onSave"
>保存</el-button
>
<el-button size="small" type="primary" v-if="['add', 'edit'].includes(pageType)" @click="_onSave">保存</el-button>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<div class="flex align-center">
报备单位
<MOSTY.Department
v-model="listQuery.ssbmdm"
placeholder="请选择部门"
@getDepValue="changeDep"
/>
<MOSTY.Department v-model="listQuery.ssbmdm" placeholder="请选择部门" @getDepValue="changeDep" v-if="!showDetails" />
</div>
<el-form
ref="formRef"
class="info"
:model="listQuery"
:inline="true"
:rules="rules"
>
<el-form ref="formRef" class="info" :model="listQuery" :inline="true" :rules="rules">
<div class="bblxItem">
<div class="btItem">环林卡口设置</div>
<div class="info">
<el-form-item>
<ChooseTable
:deptment="deptment"
v-if="!isDetail"
:configer="{
width: 800,
lx: 'jcz',
isRadio: true
}"
v-model="listQuery.jczList"
:dic="props.dic"
/>
<ChooseTable :deptment="deptment" v-if="!isDetail" :configer="{
width: 800,
lx: 'jcz',
isRadio: true
}" v-model="listQuery.jczList" :dic="props.dic" />
<div class="peolist" v-if="listQuery.jczList">
<el-tag type="primary" :key="item">{{
@ -63,37 +41,18 @@
<div class="btItem">班次设置</div>
<div class="info">
<el-form-item prop="kssj">
<el-time-picker
v-model="listQuery.bcKssj"
:disabled="isDetail"
placeholder="开始时间"
format="HH:mm:ss"
value-format="HH:mm:ss"
/>
<el-time-picker v-model="listQuery.bcKssj" :disabled="isDetail" placeholder="开始时间" format="HH:mm:ss"
value-format="HH:mm:ss" />
</el-form-item>
<el-form-item prop="bcKts">
<el-select
clearable
v-model="listQuery.bcKtsDict"
placeholder="请选择"
style="width: 100%"
>
<el-option
v-for="(item, index) in dic.D_QW_BC_KTS"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
<el-select clearable v-model="listQuery.bcKtsDict" placeholder="请选择" style="width: 100%" :disabled="isDetail">
<el-option v-for="(item, index) in dic.D_QW_BC_KTS" :key="index" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item prop="jssj">
<el-time-picker
v-model="listQuery.bcJssj"
:disabled="isDetail"
format="HH:mm:ss"
placeholder="结束时间"
value-format="HH:mm:ss"
/>
<el-time-picker v-model="listQuery.bcJssj" :disabled="isDetail" format="HH:mm:ss" placeholder="结束时间"
value-format="HH:mm:ss" />
</el-form-item>
</div>
</div>
@ -101,42 +60,21 @@
<div class="btItem">负责人</div>
<div class="info">
<el-form-item>
<ChooseTable
:deptment="deptment"
@change="handleFzr"
v-if="!isDetail"
:configer="{
width: 700,
lx: 'mj',
rowKey: 'id',
isRadio: true
}"
:dic="props.dic"
/>
<ChooseTable :deptment="deptment" @change="handleFzr" v-if="!isDetail" :configer="{
width: 700,
lx: 'mj',
rowKey: 'id',
isRadio: true
}" :dic="props.dic" />
</el-form-item>
<el-form-item prop="fzrXm">
<el-input
readonly
v-model="listQuery.fzrXm"
placeholder="负责人"
clearable
/>
<el-input readonly v-model="listQuery.fzrXm" placeholder="负责人" clearable />
</el-form-item>
<el-form-item prop="fzrSfzh">
<el-input
readonly
v-model="listQuery.fzrSfzh"
placeholder="身份证"
clearable
/>
<el-input readonly v-model="listQuery.fzrSfzh" placeholder="身份证" clearable />
</el-form-item>
<el-form-item prop="fzrLxdh">
<el-input
readonly
v-model="listQuery.fzrLxdh"
placeholder="负责人电话"
clearable
/>
<el-input readonly v-model="listQuery.fzrLxdh" placeholder="负责人电话" clearable />
</el-form-item>
</div>
</div>
@ -149,17 +87,11 @@
<div class="num">
{{ mjData ? mjData.length : 0 }}
</div>
<ChooseTable
:deptment="deptment"
v-if="!isDetail"
:dic="props.dic"
:configer="{
lx: 'mj',
rowKey: 'ryid',
placement: 'top-start'
}"
v-model="mjData"
/>
<ChooseTable :deptment="deptment" v-if="!isDetail" :dic="props.dic" :configer="{
lx: 'mj',
rowKey: 'ryid',
placement: 'top-start'
}" v-model="mjData" />
<div class="peolist">
<el-tag type="primary" v-for="item in mjData" :key="item">{{
item.jlxm || item.xm
@ -176,13 +108,8 @@
</div>
<!-- :deptment="props.dep"
:dic="props.dic" -->
<ChooseTable
:deptment="deptment"
:dic="props.dic"
v-if="!isDetail"
:configer="{ lx: 'fj', placement: 'top-start' }"
v-model="fjData"
/>
<ChooseTable :deptment="deptment" :dic="props.dic" v-if="!isDetail"
:configer="{ lx: 'fj', placement: 'top-start' }" v-model="fjData" />
<div class="peolist">
<el-tag type="primary" v-for="item in fjData" :key="item">{{
item.jlxm || item.xm
@ -202,24 +129,13 @@
<div class="num">
{{ listQuery.zdList ? listQuery.zdList.length : 0 }}
</div>
<ChooseTable
:dic="props.dic"
v-if="!isDetail"
:deptment="deptment"
:configer="{
lx: 'znzb',
rowKey: 'id',
placement: 'top-start'
}"
v-model="listQuery.zdList"
/>
<ChooseTable :dic="props.dic" v-if="!isDetail" :deptment="deptment" :configer="{
lx: 'znzb',
rowKey: 'id',
placement: 'top-start'
}" v-model="listQuery.zdList" />
<div class="peolist">
<el-tag
type="primary"
v-for="item in listQuery.zdList"
:key="item"
>{{ item.sbmc }}</el-tag
>
<el-tag type="primary" v-for="item in listQuery.zdList" :key="item">{{ item.sbmc }}</el-tag>
</div>
</div>
</el-form-item>
@ -270,24 +186,13 @@
<div class="num">
{{ listQuery.clList ? listQuery.clList.length : 0 }}
</div>
<ChooseTable
:deptment="deptment"
v-if="!isDetail"
:dic="props.dic"
:configer="{
lx: 'cl',
rowKey: 'id',
placement: 'top-start'
}"
v-model="listQuery.clList"
/>
<ChooseTable :deptment="deptment" v-if="!isDetail" :dic="props.dic" :configer="{
lx: 'cl',
rowKey: 'id',
placement: 'top-start'
}" v-model="listQuery.clList" />
<div class="peolist">
<el-tag
type="primary"
v-for="item in listQuery.clList"
:key="item"
>{{ item.cph }}</el-tag
>
<el-tag type="primary" v-for="item in listQuery.clList" :key="item">{{ item.cph }}</el-tag>
</div>
</div>
</el-form-item>
@ -298,14 +203,10 @@
<div class="btItem">警用器械</div>
<div class="info">
<el-form-item>
<div
v-for="(item, index) in listQuery.qxList"
:key="index"
style="width: 30%; margin-bottom: 10px"
>
<div v-for="(item, index) in listQuery.qxList" :key="index" style="width: 30%; margin-bottom: 10px">
<div class="flex">
<div style="width: 30%">{{ item.qxmc }}</div>
<el-input-number v-model="item.qxsl" :step="1" />
<el-input-number :disabled="isDetail" v-model="item.qxsl" :step="1" />
</div>
</div>
</el-form-item>
@ -326,12 +227,12 @@ import { timeValidate } from "@/utils/tools.js";
const props = defineProps({
dic: {
type: Object,
default: () => {}
default: () => { }
},
isDetail: {
type: Boolean,
default: false
}
// isDetail: {
// type: Boolean,
// default: true
// }
});
const emit = defineEmits(["getjczgetXfllList"]);
const formRef = ref(null);
@ -353,11 +254,13 @@ const pageInfo = {
let pageType = ref("add");
const mjData = ref([]);
const fjData = ref([]);
const isDetail=ref(false)
// 初始化数据
const init = (type, row) => {
pageType.value = type;
dialogForm.value = true;
// 根据type和row初始化表单数据
isDetail.value=type=="detail"
if (row) {
listQuery.value = { ...row };
if (row.ryList.length > 0) {
@ -392,8 +295,6 @@ const rules = ref({
const _onSave = () => {
const data = [...mjData.value, ...fjData.value];
console.log(data, "-------------------------------------");
listQuery.value.ryList = ChegeMj(data);
const time = new Date();
listQuery.value.bbSjBbrq = timeValidate(time);
@ -509,18 +410,21 @@ defineExpose({ init });
align-items: center;
margin-bottom: 20px;
}
.cntinfo {
height: calc(100% - 70px);
overflow: hidden;
overflow-y: auto;
color: #000;
}
.bblxItem {
width: 100%;
line-height: 40px;
min-height: 40px;
display: flex;
color: #000;
.btItem {
width: 180px;
padding: 7px 0;
@ -528,17 +432,20 @@ defineExpose({ init });
margin-top: 1px;
text-align: center;
}
.info {
flex: 1;
background: #0000000a;
margin-top: 1px;
padding: 10px;
box-sizing: border-box;
.gapline {
height: 1px;
border-top: 1px dashed #66cbff;
margin: 4px 0;
}
.dl-car {
min-width: 200px;
display: inline-block;
@ -547,6 +454,7 @@ defineExpose({ init });
padding: 0;
border-radius: 5px;
position: relative;
dt {
display: flex;
justify-content: space-between;
@ -561,12 +469,14 @@ defineExpose({ init });
height: 30px;
border-radius: 5px 5px 0 0;
}
.peo {
border-bottom: solid 1px #01d608;
background: #dbf3cf;
color: #339d00;
}
}
.dl-car::before {
position: absolute;
content: "";
@ -577,6 +487,7 @@ defineExpose({ init });
background: url("~@/assets/images/peo.png");
}
}
.num {
width: 50px;
height: 30px;
@ -587,6 +498,7 @@ defineExpose({ init });
border-radius: 4px;
margin-right: 10px;
}
.subBtn {
padding-left: 100px;
box-sizing: border-box;
@ -596,9 +508,11 @@ defineExpose({ init });
::v-deep .el-form-item--default {
margin-bottom: 0;
}
::v-deep .el-form-item {
margin-bottom: 10px;
}
::v-deep .el-form--inline .el-form-item {
margin-right: 20px;
margin-top: 10px;

View File

@ -1,7 +1,7 @@
<template>
<div>
<div class="titleBox">
<PageTitle title="单位保安信息">
<PageTitle title="勤务报备">
<el-button type="primary" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<span style="vertical-align: middle" @click="addEdit('add', row)"
@ -30,6 +30,7 @@
<template #controls="{ row }">
<el-link type="primary" @click="addEdit('edit', row)">编辑</el-link>
<el-link type="primary" @click="delDictItem(row.id)">删除</el-link>
<el-link type="primary" @click="addEdit('detail', row)">详情</el-link>
</template>
</MyTable>
<Pages
@ -146,6 +147,7 @@ const getjczgetXfllList = () => {
XfbbselectPage({ pageSize: 10, pageCurrent: 1 }).then((res) => {
pageData.tableData = res.records || [];
pageData.total = res.total;
}).finally(() => {
pageData.tableConfiger.loading = false;
});
};