lcw

src/views/backOfficeSystem/DeploymentDisposal/mpvPeo/model/info.vue

@@ -17,7 +17,7 @@
           <div class="phone-input-container">
             <div class="inputGroup" v-for="(item, index) in listQuery.ryLxdh" :key="index">
               <el-input v-model="listQuery.ryLxdh[index]" class="group" placeholder="请输入电话号码" />
-              <div class="flex align-center but" >
+              <div class="flex align-center but">
                 <el-button type="primary" :icon="Plus" circle @click="addPhone" title="添加电话号码"
                   v-if="listQuery.ryLxdh.length - 1 == index" />
                 <el-button type="success" :icon="Minus" circle @click="removePhone(index)" title="删除电话号码" />
@@ -25,11 +25,25 @@
             </div>
           </div>
         </template>
-
+        <template #gkmjxm>
+          <div>
+            <el-input v-model="listQuery.gkmjxm" class="group" placeholder="请输入管控民警姓名" readonly
+              @click="chooseMarksVisible = true" />
+          </div>
+        </template>
+        <template #gkmjsfzh>
+          <div>
+            <el-input v-model="listQuery.gkmjsfzh" class="group" placeholder="请输入管控民警身份证号" readonly
+              @click="chooseMarksVisible = true" />
+          </div>
+        </template>
+        <!-- { label: "管控民警", prop: "gkmjxm", type: "slot" }, -->
+        <!-- { label: "管控民警身份证号", prop: "gkmjsfzh", type: "slot" }, -->
       </FormMessage>
     </div>
   </div>
   <!-- <ChooseMarks v-model="chooseMarksVisible" @choosed="choosed" :roleIds="roleIds" /> -->
+  <ChooseUser v-model="chooseMarksVisible" @choosedUsers="choosed" :roleIds="roleIds" />
 </template>
 
 <script setup>
@@ -37,7 +51,7 @@ import * as rule from "@/utils/rules.js";
 import * as MOSTY from "@/components/MyComponents/index";
 import { Plus, Minus } from "@element-plus/icons-vue";
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
-import ChooseMarks from "@/components/ChooseList/ChooseMarks/index.vue";
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue";
 import { ref, reactive, onMounted, getCurrentInstance, watch } from "vue";
 import { tbGsxtZdryUpdate } from "@/api/zdr.js";
 const { proxy } = getCurrentInstance();
@@ -63,12 +77,13 @@ const rules = reactive({
   rySfzh: [{ required: true, message: "请输入身份证号", trigger: "blur" }],
   ryLxdh: [{ required: true, message: "请输入联系电话", trigger: "blur" }],
   ryXb: [{ required: true, message: "请选择性别", trigger: "change" }],
-  zyBm: [{ required: true, message: "请选择职业", trigger: "change" }],
   ryMz: [{ required: true, message: "请选择民族", trigger: "change" }],
   ryCsrq: [{ required: true, message: "请选择出生日期", trigger: "change" }],
-  ryJg: [{ required: true, message: "请选择籍贯", trigger: "change" }],
   zdrRyjb: [{ required: true, message: "请选择人员级别", trigger: "change" }],
   zdrYjdj: [{ required: true, message: "请选择预警等级", trigger: "change" }],
+  zrSsbmdm: [{ required: true, message: "请选择责任单位", trigger: "change" }],
+  // gkmjxm: [{ required: true, message: "请选择管控民警", trigger: "change" }],
+  // gkmjsfzh: [{ required: true, message: "请选择管控民警身份证号", trigger: "change" }],
   // rylx: [{ required: true, message: "请选择人员类型", trigger: "change" }]
 });
 const listQuery = ref({ ryLxdh: [""] }); //表单
@@ -90,10 +105,12 @@ const formData = ref([
   { label: "出生日期", prop: "ryCsrq", type: "date" },
   { label: "户籍地区划", prop: "hjdQh", type: "select", options: D_BZ_XZQHDM },
   { label: "户籍地详址", prop: "hjdXz", type: "input" },
-  { label: "户籍地派出所", prop: "hjdPcsdm",depMc:"hjdPcsmc" ,type: "department" },
+  { label: "户籍地派出所", prop: "hjdPcsdm", depMc: "hjdPcsmc", type: "department" },
   { label: "现住地区划", prop: "xzdQh", type: "select", options: D_BZ_XZQHDM },
   { label: "现住地详址", prop: "xzdXz", type: "input" },
-  { label: "现住地派出所", prop: "xzdPcsdm",depMc:"xzdPcsmc" ,type: "department" },
+  { label: "现住地派出所", prop: "xzdPcsdm", depMc: "xzdPcsmc", type: "department" },
+  { label: "管控民警", prop: "gkmjxm", type: "slot" },
+  { label: "民警身份证", prop: "gkmjsfzh", type: "slot" },
   { label: "管辖单位", prop: "gxSsbmdm", depMc: 'gxSsbmmc', type: "department" },
   { label: "诉求单位", prop: "sqSsbmdm", depMc: 'sqSsbmmc', type: "department" },
   { label: "责任单位", prop: "zrSsbmdm", depMc: 'zrSsbmmc', type: "department" },
@@ -171,17 +188,17 @@ const gettbGsxtZdryUpdate = () => {
   }
   elform.value.submit((data) => {
     tbGsxtZdryUpdate(promes).then((res) => {
-    listQuery.value.ryzp = []
-    proxy.$message({
-      message: '更新成功',
-      type: 'success',
-    })
-  }).catch((err) => {
+      listQuery.value.ryzp = []
+      proxy.$message({
+        message: '更新成功',
+        type: 'success',
+      })
+    }).catch((err) => {
 
-  }).finally(() => {
-    loading.value = false
-  });
-})
+    }).finally(() => {
+      loading.value = false
+    });
+  })
 
 
 
@@ -246,7 +263,13 @@ const throwData = () => {
     }
   });
 };
+const choosed = (val) => {
+  roleIds.value = [val[0].id]
+  listQuery.value.gkmjxm = val[0].userName
+  listQuery.value.gkmjsfzh = val[0].idEntityCard
+  console.log(listQuery.value);
 
+};
 defineExpose({
   throwData,
 });