修改卡口

src/views/backOfficeSystem/peopleManag/checkpoint/components/editAddForm.vue

@@ -3,185 +3,80 @@
     <div class="head_box">
       <span class="title">{{ pageInfo[pageType].title }}</span>
       <div>
-        <el-button
+        <el-button size="small" type="primary" v-if="['add', 'edit'].includes(pageType)" @click="_onSave">保存</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
+      <el-form ref="formRef" :model="listQuery" :rules="rules" :inline="true" label-position="top">
-        ref="formRef"
-        :model="listQuery"
-        :rules="rules"
-        :inline="true"
-        label-position="top"
-      >
         <el-form-item style="width: 40%" prop="ssbmdm" label="所属部门">
-          <MOSTY.Department
+          <MOSTY.Department width="100%" clearable :disabled="forbidden" v-model="listQuery.ssbmdm"
-            width="100%"
+            :placeholder="listQuery.ssbm ? listQuery.ssbm : '请选择所属部门'" />
-            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
+          <el-input :disabled="forbidden" v-model="listQuery.jczmc" placeholder="请输入环林卡口名称" style="width: 100%"
-            :disabled="forbidden"
+            clearable />
-            v-model="listQuery.jczmc"
-            placeholder="请输入环林卡口名称"
-            style="width: 100%"
-            clearable
-          />
         </el-form-item>
 
         <el-form-item style="width: 40%" prop="zqlx" label="执勤类型">
-          <el-select
+          <el-select :disabled="forbidden" v-model="listQuery.zqlx" placeholder="请选择执勤类型">
-            :disabled="forbidden"
+            <el-option v-for="dict in dict.D_BZ_ZQLX" :key="dict.value" :value="dict.value"
-            v-model="listQuery.zqlx"
+              :label="dict.label"></el-option>
-            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
+          <el-select :disabled="forbidden" v-model="listQuery.jczlx" placeholder="请选择环林卡口类型">
-            :disabled="forbidden"
+            <el-option v-for="dict in dict.D_BZ_JCZLX" :key="dict.value" :value="dict.value"
-            v-model="listQuery.jczlx"
+              :label="dict.label"></el-option>
-            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
+          <el-select :disabled="forbidden" v-model="listQuery.rwlx" placeholder="请选择任务类型">
-            :disabled="forbidden"
+            <el-option v-for="dict in dict.D_BZ_JCZRWLX" :key="dict.value" :value="dict.value"
-            v-model="listQuery.rwlx"
+              :label="dict.label"></el-option>
-            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
+          <el-select :disabled="forbidden" v-model="listQuery.jczjb" placeholder="请选择环林卡口级别">
-            :disabled="forbidden"
+            <el-option v-for="dict in dict.D_BZ_JCZJB" :key="dict.value" :value="dict.value"
-            v-model="listQuery.jczjb"
+              :label="dict.label"></el-option>
-            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
+          <el-input :disabled="forbidden" @click="openChooseUser('fzr')" v-model="listQuery.fzr" placeholder="请输入负责人"
-            :disabled="forbidden"
+            style="width: 100%" clearable />
-            @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
+          <el-input :disabled="forbidden" v-model="listQuery.lxdh" placeholder="请输入联系电话" style="width: 100%"
-            :disabled="forbidden"
+            clearable />
-            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
+            <el-tag v-for="(item, idx) in lszqData" :key="item.id" closable @close="handleCloseLszq(item, idx)">{{
-              v-for="(item, idx) in lszqData"
+              item.userName }}</el-tag>
-              :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
+          <el-select :disabled="forbidden" v-model="listQuery.dllx" placeholder="请选择道路类型">
-            :disabled="forbidden"
+            <el-option v-for="dict in dict.D_BZ_DLLX" :key="dict.value" :value="dict.value"
-            v-model="listQuery.dllx"
+              :label="dict.label"></el-option>
-            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
+          <el-input :disabled="forbidden" v-model="listQuery.xxdz" placeholder="请输入环林卡口地址" style="width: 100%"
-            :disabled="forbidden"
+            clearable />
-            v-model="listQuery.xxdz"
-            placeholder="请输入环林卡口地址"
-            style="width: 100%"
-            clearable
-          />
         </el-form-item>
-        <el-form-item
+        <el-form-item label="全景图(前方、后方、临时卡点图片)" prop="qjfjid" style="width: 48%">
-          label="全景图(前方、后方、临时卡点图片)"
+          <MOSTY.Upload :disableds="forbidden" width="100%" :isImg="true" :limit="3" v-model="listQuery.qjfjid">
-          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
+            <el-input :disabled="false" v-model="listQuery.jd" clearable placeholder="请选择坐标"
-              :disabled="false"
+              style="width: 42%"></el-input>
-              v-model="listQuery.jd"
+            <el-input :disabled="false" v-model="listQuery.wd" clearable placeholder="请选择坐标"
-              clearable
+              style="width: 42%; margin-left: 1%"></el-input>
-              placeholder="请选择坐标"
+            <el-button @click="selectLocation" :disabled="forbidden">选择定位</el-button>
-              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
+    <ChooseUser v-model="chooseUserVisible" @choosedUsers="saveUsers" :Single="Single"></ChooseUser>
-      v-model="chooseUserVisible"
-      @choosedUsers="saveUsers"
-    ></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%;