lcw

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

@@ -31,7 +31,8 @@
           />
         </el-form-item>
         <el-form-item style="width: 40%" prop="sbmc" label="感知源名称">
-          <el-input     :disabled="forbidden"
+          <el-input   readonly  :disabled="forbidden"
+          @click="openDialog=true"
             v-model="listQuery.sbmc"
             placeholder="请输入感知源名称"
             style="width: 100%"
@@ -97,7 +98,7 @@
             ></el-option>
           </el-select>
         </el-form-item> -->
-        <el-form-item style="width: 40%" label="环林卡口名称">
+        <el-form-item style="width: 40%" label="环林卡口名称" prop="jczmc">
           <div class="diviput"  @click="!forbidden?showJcz = true:''">
             <span v-if="listQuery.jczmc">{{ listQuery.jczmc }}</span>
             <span class="placeholder" v-else> 请选择布控卡口</span>
@@ -128,6 +129,7 @@
     </div>
   </div>
   <Jczloder v-model="showJcz" :Single="true" @choosedJcz="JczMsg" :data="[]" />
+  <ChooseGzy v-model="openDialog" @choose="chooseDataGzy" />
 </template>
 
 <script setup>
@@ -136,6 +138,7 @@ import { TtbJczSxtAdd, Ttbgetupdate } from "@/api/mosty-jcz.js";
 import * as MOSTY from "@/components/MyComponents/index";
 import emitter from "@/utils/eventBus.js";
 import Jczloder from "@/components/loder/Jczloder.vue";
+import ChooseGzy from "@/components/chooseList/chooseGzy.vue";
 import GdMap from "@/components/GdMap/index.vue";
 import { ElMessage } from "element-plus";
 const props = defineProps({
@@ -175,7 +178,13 @@ const rules = reactive({
       required: true,
       message: "请输入经度"
     }
-  ]
+  ],
+  jczmc: [
+    {
+      required: true,
+      message: "请输入环林卡口名称"
+    }
+  ],
 });
 const formRef = ref(null);
 const emit = defineEmits(["getjczgetXfllList"]);
@@ -223,8 +232,6 @@ const init = (type, row) => {
 //保存
 const _onSave = () => {
   if (!formRef) return;
-  console.log(listQuery.value);
-
   formRef.value.validate((valid, fields) => {
     if (valid) {
       if (pageType.value == "add") {
@@ -284,6 +291,19 @@ const JczMsg = (val) => {
   listQuery.value.jczmc = val.jczmc;
   listQuery.value.jczid = val.id;
 };
+const chooseDataGzy = (val) => {
+  listQuery.value.sbmc = val.sbmc
+  listQuery.value.sblx = val.sblx
+  listQuery.value.sbbh = val.sbbh
+  listQuery.value.wd = val.wd
+  listQuery.value.jd = val.jd
+  listQuery.value.dzmc = val.dzmc
+  listQuery.value.csmc = val.csmc
+  listQuery.value.sblxdm = val.sblxdm
+  listQuery.value.sblx = val.sblx
+}
+// 选择感知源
+const openDialog=ref(false)
 defineExpose({ init });
 </script>
 

src/views/backOfficeSystem/peopleManag/PerceptualSource/index.vue

@@ -2,12 +2,12 @@
   <div>
     <div class="titleBox">
       <PageTitle title="感知源管理">
-        <el-button :disabled="ids.length<=0" type="primary" @click="delDictItem(ids)" v-if="Auth">
+        <!-- <el-button :disabled="ids.length<=0" type="primary" @click="delDictItem(ids)" v-if="Auth">
           <el-icon style="vertical-align: middle">
             <CirclePlus />
           </el-icon>
           <span style="vertical-align: middle" >批量删除</span>
-        </el-button>
+        </el-button> -->
         <el-button type="primary" @click="addEdit('add', '')" v-if="Auth">
           <el-icon style="vertical-align: middle">
             <CirclePlus />
@@ -55,6 +55,7 @@
     <EditAddForm ref="detailDiloag" :dict="{ D_BZ_SF, D_BZ_SBLX, D_BZ_DWFL, D_BZ_GZSBLX }"
       @getjczgetXfllList="getjczgetXfllList" />
   </div>
+
 </template>
 
 <script setup>
@@ -67,8 +68,9 @@ import EditAddForm from "./components/editAddForm.vue";
 import { TtbgetPageList, gzydeleteList } from "@/api/mosty-jcz.js";
 import { isAuth } from '@/utils/tools.js'
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
-const { proxy } = getCurrentInstance();
 const urlImg = "/mosty-api/mosty-base/minio/image/download/";
+
+const { proxy } = getCurrentInstance();
 const { D_BZ_SBLX, D_BZ_SF, D_BZ_DWFL, D_BZ_GZSBLX } = proxy.$dict(
   "D_BZ_SBLX",
   "D_BZ_SF",
@@ -103,7 +105,7 @@ const pageData = reactive({
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "checkBox",
+    showSelectType: "null",
     loading: false
   },
   total: 0,
@@ -207,6 +209,9 @@ const tabHeightFn = () => {
 const chooseData = (val) => {
 ids.value=val.map(item=>item.id)
 }
+
+
+
 </script>
 
 <style>