lcw/xzlz_JczWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改卡口

Browse Source
This commit is contained in:
13684185576
2025-12-08 16:40:47 +08:00
parent 72d3d50f09
commit a950b49fe4
1 changed files with 48 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
src/views/backOfficeSystem/peopleManag/checkpoint/components/editAddForm.vue
View File

@ -3,185 +3,80 @@
<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">
<el-form
ref="formRef"
:model="listQuery"
:rules="rules"
:inline="true"
label-position="top"
>
<el-form ref="formRef" :model="listQuery" :rules="rules" :inline="true" label-position="top">
<el-form-item style="width: 40%" prop="ssbmdm" label="所属部门">
<MOSTY.Department
width="100%"
clearable
:disabled="forbidden"
v-model="listQuery.ssbmdm"
:placeholder="listQuery.ssbm ? listQuery.ssbm : '请选择所属部门'"
/>
<MOSTY.Department width="100%" clearable :disabled="forbidden" v-model="listQuery.ssbmdm"
:placeholder="listQuery.ssbm ? listQuery.ssbm : '请选择所属部门'" />
</el-form-item>
<el-form-item style="width: 40%" prop="jczmc" label="环林卡口名称">
<el-input
:disabled="forbidden"
v-model="listQuery.jczmc"
placeholder="请输入环林卡口名称"
style="width: 100%"
clearable
/>
<el-input :disabled="forbidden" v-model="listQuery.jczmc" placeholder="请输入环林卡口名称" style="width: 100%"
clearable />
</el-form-item>
<el-form-item style="width: 40%" prop="zqlx" label="执勤类型">
<el-select
:disabled="forbidden"
v-model="listQuery.zqlx"
placeholder="请选择执勤类型"
>
<el-option
v-for="dict in dict.D_BZ_ZQLX"
:key="dict.value"
:value="dict.value"
:label="dict.label"
></el-option>
<el-select :disabled="forbidden" v-model="listQuery.zqlx" placeholder="请选择执勤类型">
<el-option v-for="dict in dict.D_BZ_ZQLX" :key="dict.value" :value="dict.value"
:label="dict.label"></el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" prop="jczlx" label="环林卡口类型">
<el-select
:disabled="forbidden"
v-model="listQuery.jczlx"
placeholder="请选择环林卡口类型"
>
<el-option
v-for="dict in dict.D_BZ_JCZLX"
:key="dict.value"
:value="dict.value"
:label="dict.label"
></el-option>
<el-select :disabled="forbidden" v-model="listQuery.jczlx" placeholder="请选择环林卡口类型">
<el-option v-for="dict in dict.D_BZ_JCZLX" :key="dict.value" :value="dict.value"
:label="dict.label"></el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" prop="rwlx" label="任务类型">
<el-select
:disabled="forbidden"
v-model="listQuery.rwlx"
placeholder="请选择任务类型"
>
<el-option
v-for="dict in dict.D_BZ_JCZRWLX"
:key="dict.value"
:value="dict.value"
:label="dict.label"
></el-option>
<el-select :disabled="forbidden" v-model="listQuery.rwlx" placeholder="请选择任务类型">
<el-option v-for="dict in dict.D_BZ_JCZRWLX" :key="dict.value" :value="dict.value"
:label="dict.label"></el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" prop="jczjb" label="环林卡口级别">
<el-select
:disabled="forbidden"
v-model="listQuery.jczjb"
placeholder="请选择环林卡口级别"
>
<el-option
v-for="dict in dict.D_BZ_JCZJB"
:key="dict.value"
:value="dict.value"
:label="dict.label"
></el-option>
<el-select :disabled="forbidden" v-model="listQuery.jczjb" placeholder="请选择环林卡口级别">
<el-option v-for="dict in dict.D_BZ_JCZJB" :key="dict.value" :value="dict.value"
:label="dict.label"></el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" prop="fzr" label="负责人">
<el-input
:disabled="forbidden"
@click="openChooseUser('fzr')"
v-model="listQuery.fzr"
placeholder="请输入负责人"
style="width: 100%"
clearable
/>
<el-input :disabled="forbidden" @click="openChooseUser('fzr')" v-model="listQuery.fzr" placeholder="请输入负责人"
style="width: 100%" clearable />
</el-form-item>
<el-form-item style="width: 40%" prop="lxdh" label="联系电话">
<el-input
:disabled="forbidden"
v-model="listQuery.lxdh"
placeholder="请输入联系电话"
style="width: 100%"
clearable
/>
<el-input :disabled="forbidden" v-model="listQuery.lxdh" placeholder="请输入联系电话" style="width: 100%"
clearable />
</el-form-item>
<el-form-item style="width: 40%" prop="fzr" label="临时执勤人员">
<div class="ipt" @click="openChooseUser('lszq')">
<el-tag
v-for="(item, idx) in lszqData"
:key="item.id"
closable
@close="handleCloseLszq(item, idx)"
>{{ item.userName }}</el-tag
>
<el-tag v-for="(item, idx) in lszqData" :key="item.id" closable @close="handleCloseLszq(item, idx)">{{
item.userName }}</el-tag>
</div>
</el-form-item>
<el-form-item style="width: 40%" prop="dllx" label="道路类型">
<el-select
:disabled="forbidden"
v-model="listQuery.dllx"
placeholder="请选择道路类型"
>
<el-option
v-for="dict in dict.D_BZ_DLLX"
:key="dict.value"
:value="dict.value"
:label="dict.label"
></el-option>
<el-select :disabled="forbidden" v-model="listQuery.dllx" placeholder="请选择道路类型">
<el-option v-for="dict in dict.D_BZ_DLLX" :key="dict.value" :value="dict.value"
:label="dict.label"></el-option>
</el-select>
</el-form-item>
<el-form-item style="width: 40%" prop="xxdz" label="环林卡口地址">
<el-input
:disabled="forbidden"
v-model="listQuery.xxdz"
placeholder="请输入环林卡口地址"
style="width: 100%"
clearable
/>
<el-input :disabled="forbidden" v-model="listQuery.xxdz" placeholder="请输入环林卡口地址" style="width: 100%"
clearable />
</el-form-item>
<el-form-item
label="全景图(前方、后方、临时卡点图片)"
prop="qjfjid"
style="width: 48%"
>
<MOSTY.Upload
:disableds="forbidden"
width="100%"
:isImg="true"
:limit="3"
v-model="listQuery.qjfjid"
>
<el-form-item label="全景图(前方、后方、临时卡点图片)" prop="qjfjid" style="width: 48%">
<MOSTY.Upload :disableds="forbidden" width="100%" :isImg="true" :limit="3" v-model="listQuery.qjfjid">
</MOSTY.Upload>
</el-form-item>
<el-form-item style="width: 85%" prop="jd" label="坐标位置">
<div class="latlng flex">
<el-input
:disabled="false"
v-model="listQuery.jd"
clearable
placeholder="请选择坐标"
style="width: 42%"
></el-input>
<el-input
:disabled="false"
v-model="listQuery.wd"
clearable
placeholder="请选择坐标"
style="width: 42%; margin-left: 1%"
></el-input>
<el-button @click="selectLocation" :disabled="forbidden"
>选择定位</el-button
>
<el-input :disabled="false" v-model="listQuery.jd" clearable placeholder="请选择坐标"
style="width: 42%"></el-input>
<el-input :disabled="false" v-model="listQuery.wd" clearable placeholder="请选择坐标"
style="width: 42%; margin-left: 1%"></el-input>
<el-button @click="selectLocation" :disabled="forbidden">选择定位</el-button>
</div>
</el-form-item>
<el-form-item style="width: 100%">
@ -191,10 +86,7 @@
</el-form-item>
</el-form>
</div>
<ChooseUser
v-model="chooseUserVisible"
@choosedUsers="saveUsers"
></ChooseUser>
<ChooseUser v-model="chooseUserVisible" @choosedUsers="saveUsers" :Single="Single"></ChooseUser>
</div>
</template>
@ -209,9 +101,10 @@ import { ElMessage } from "element-plus";
const props = defineProps({
dict: {
type: Object,
default: () => {}
default: () => { }
}
});
const Single=ref(true)
const chooseUserType = ref(); //选择民警的类型
const chooseUserVisible = ref(false);
const rules = reactive({
@ -303,6 +196,11 @@ const init = (type, row) => {
};
const openChooseUser = (val) => {
chooseUserType.value = val;
if (val == 'lszq') {
Single.value = false;
} else {
Single.value = true;
}
chooseUserVisible.value = true;
};
//保存
@ -310,6 +208,7 @@ const _onSave = () => {
if (!formRef) return;
formRef.value.validate((valid, fields) => {
if (valid) {
listQuery.value.lszqry=JSON.stringify(lszqData.value)
if (pageType.value == "add") {
JczaddJcz(listQuery.value).then((res) => {
ElMessage({ message: "新增成功", type: "success" });
@ -436,12 +335,12 @@ defineExpose({ init });
width: 100%;
// height: 96px;
> .el-form--inline {
>.el-form--inline {
display: block;
width: 100%;
padding: 0;
> .el-form-item--default {
>.el-form-item--default {
width: 31%;
}
}
@ -492,6 +391,7 @@ defineExpose({ init });
box-sizing: border-box;
background: #000;
}
.ipt {
border: 1px solid #e9e9e9;
width: 100%;