更新书话剧

src/views/backOfficeSystem/IntelligentControl/warningControl/components/fkDialog.vue

@@ -1,76 +1,128 @@
 <template>
-    <el-dialog v-model="showDialog" :append-to-body="true" :destroy-on-close="true" title="新增人员" :close-on-click-modal="false">
-        <FormMessage v-model="listQuery" :formList="formData" labelWidth="160px" ref="elform" :rules="rules">
+    <el-dialog v-model="showDialog" :append-to-body="true" :destroy-on-close="true" :title="title" :close-on-click-modal="false">
+        <FormMessage v-model="listQuery" :disabled="title == '反馈' ? false : true" :formList="formData" labelWidth="160px" ref="elform" :rules="rules">
+          <template #mbzrmjxm>
+            <MOSTY.Other width="100%" @click="handleChoose('mbzrmjxm')" clearable v-model="listQuery.mbzrmjxm"  placeholder="请选择民警" :readonly="true" />
+          </template>
+          <template #czzrmj>
+            <MOSTY.Other width="100%" @click="handleChoose('czzrmj')" clearable v-model="listQuery.czzrmj"  placeholder="请选择民警" :readonly="true" />
+          </template>
         </FormMessage>
         <template #footer>
             <div class="flex just-center">
                 <el-button @click="close">取消</el-button>
-                <el-button type="primary" @click="submitForm">确认</el-button>
+                <el-button type="primary" @click="submitForm" :loading="loading" v-if="title == '反馈'">确认</el-button>
             </div>
         </template>
   </el-dialog>
+  <ChooseUser v-model="chooseUserVisible" v-if="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds" :Single="true" />
 </template>
 
 <script setup>
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue"
+import * as MOSTY from "@/components/MyComponents/index";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
 import emitter from "@/utils/eventBus.js";
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
 import { onMounted, reactive, ref ,getCurrentInstance} from 'vue';
+const emit = defineEmits(['change'])
 const { proxy } = getCurrentInstance();
-const { D_BZ_SF } = proxy.$dict('D_BZ_SF')
+const { D_BZ_SF ,D_YJXX_CZCSLX,D_YJXX_CZSSXZ,D_YJXX_CKCZJG,D_YJXX_CKZYLX } = proxy.$dict('D_YJXX_CKZYLX','D_BZ_SF','D_YJXX_CZCSLX','D_YJXX_CZSSXZ','D_YJXX_CKCZJG')
+const chooseUserVisible = ref(false)
+const roleIds = ref([])
 const elform = ref()
 const showDialog = ref(false)
+const loading = ref(false)
+const choosetype = ref('')
 const listQuery = ref({})
 const formData = ref([
-  { label: "发现目标状态", prop: "fxmbzt", type: "select",options: D_BZ_SF },
-  { label: "发现目标责任单位", prop: "fxmbzedw", type: "department" },
-  { label: "发现目标责任民警", prop: "fxzrmj", type: "input" },
+  { label: "发现目标状态", prop: "mbzt", type: "select",options: D_BZ_SF },
+  { label: "发现目标责任单位", prop: "mbzrdwdm", type: "department" ,depMc:'mbzrdw'},
+  { label: "发现目标责任民警", prop: "mbzrmjxm", type: "slot"},
   { label: "是否本人", prop: "sfbr", type: "select",options: D_BZ_SF },
   { label: "处置时间", prop: "czsj", type: "datetime" },
   { label: "处置地址", prop: "czdz", type: "textarea",width:'100%'},
   { label: "详细地址", prop: "xxdz", type: "textarea",width:'100%' },
-  { label: "处置责任单位", prop: "czzrdw", type: "department" },
-  { label: "处置责任民警", prop: "czzrmj", type: "input" },
-  { label: "常控处置措施类型", prop: "ckczcslx", type: "select" },
-  { label: "常控处置措施细类", prop: "ckczcsxl", type: "select" },
-  { label: "常控处置结果", prop: "ckczjg", type: "input" },
+  { label: "处置责任单位", prop: "czzrdwdm", type: "department",depMc:'czzrdw' },
+  { label: "处置责任民警", prop: "czzrmj", type: "slot" },
+  { label: "常控处置措施类型", prop: "ckczcslx", type: "select" ,options: D_YJXX_CZCSLX},
+  { label: "常控处置措施细类", prop: "ckczcsxl", type: "select",options: D_YJXX_CZSSXZ},
+  { label: "常控处置结果", prop: "ckczjg", type: "select",options: D_YJXX_CKCZJG },
   { label: "常控立线侦察评估", prop: "cklxzcpg", type: "input" },
   { label: "常控立线侦察依据", prop: "cklxzcpgyj", type: "input" },
-  { label: "常控从事职业类型", prop: "cszylx", type: "select" },
+  { label: "常控从事职业类型", prop: "ckzylx", type: "select",options: D_YJXX_CKZYLX },
   { label: "是否尿检", prop: "sfnj", type: "radio",options:  D_BZ_SF  },
-  { label: "常控不尿检理由", prop: "fjdz", type: "textarea",width:'100%' },
-  { label: "常控处置反馈补充信息", prop: "fjdz", type: "input" },
+  { label: "常控不尿检理由", prop: "ckbnjly", type: "textarea",width:'100%' },
+  { label: "常控处置反馈补充信息", prop: "ckczbcxx", type: "textarea",width:'100%' },
 ])
 const rules = reactive({
-  fxmbzt: [{ required: true, message: "请选择发现目标状态", trigger: "change" }],
+  mbzt: [{ required: true, message: "请选择发现目标状态", trigger: "change" }],
   fxmbzedw: [{ required: true, message: "请选择发现目标责任单位", trigger: "change" }],
-  fxzrmj: [{ required: true, message: "请选择发现目标责任民警", trigger: "change" }],
+  mbzrmjxm: [{ required: true, message: "请选择发现目标责任民警", trigger: "change" }],
   sfbr:[{ required: true, message: "请选择是否本人", trigger: "change" }],
   czsj:[{ required: true, message: "请选择处置时间", trigger: "change" }],
   czdz:[{ required: true, message: "请选择处置地址", trigger: "blur" }],
   xxdz:[{ required: true, message: "请选择详细地址", trigger: "blur" }],
-  czzrdw:[{ required: true, message: "请选择处置责任单位", trigger: "change" }],
+  czzrdwdm:[{ required: true, message: "请选择处置责任单位", trigger: "change" }],
   czzrmj:[{ required: true, message: "请选择处置责任民警", trigger: "change" }],
   ckczcslx:[{ required: true, message: "请选择常控处置措施类型", trigger: "change" }],
   ckczcsxl:[{ required: true, message: "请选择常控处置措施细类", trigger: "change" }],
   ckczjg:[{ required: true, message: "请输入常控处置结果", trigger: "blur" }],
   cklxzcpg:[{ required: true, message: "请输入常控立线侦察评估", trigger: "blur" }],
   cklxzcpgyj:[{ required: true, message: "请输入常控立线侦察依据", trigger: "blur" }],
-  cszylx:[{ required: true, message: "请选择常控从事职业类型", trigger: "change" }],
+  ckzylx:[{ required: true, message: "请选择常控从事职业类型", trigger: "change" }],
   sfnj:[{ required: true, message: "请选择是否尿检", trigger: "change" }],
 })
 
+const title = ref('')
 onMounted(() => {
-  emitter.on("openFkDialog", () => {
-    showDialog.value = true
+  emitter.on("openFkDialog", (val) => {
+    showDialog.value = true;
+    listQuery.value = {yjid:val.id}
+    title.value = val.type;
+    if(val.type == '查看反馈'){
+      qcckGet({}, "/mosty-gsxt/tbYjxx/getInfo/"+val.id).then((res) => {
+        let list = res.fkList || []
+        listQuery.value =  list.length > 0 ? list[0] : {};
+      });
+    }
   })
 })
 
+const handleChoose = (type)=>{
+  chooseUserVisible.value = true,
+  choosetype.value = type;
+
+}
+
+// 选取角色
+const handleUserSelected = (val) => {
+  switch(choosetype.value){
+    case 'mbzrmjxm':
+      listQuery.value.mbzrmjxm = val[0].userName
+      listQuery.value.mbzrmjsfzh = val[0].inDustRialId
+      break;
+      case 'czzrmj':
+      listQuery.value.czzrmj = val[0].userName
+      listQuery.value.czzrmjsfzh = val[0].inDustRialId
+      break;
+  }
+  
+}
+
 const submitForm = () =>{
     elform.value.submit((val)=>{
-        // let obj = { data:val,type:title.value ,index:order.value}
-        // emit('change',obj)
-        // emit('update:modelValue',false)
+    loading.value = true;
+    qcckPost(val, "/mosty-gsxt/tbYjxx/yjfk").then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: "反馈成功" });
+      emit('change')
+      close()
+    }).catch(() => {
+      loading.value = false;
     })
+       
+  })
 }
 
 const close = () => {