lcw

src/views/backOfficeSystem/policeReport/components/editAddForm.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">警情{{ title }} </span>
+      <div>
+        <!-- <el-button type="primary" size="small" :loading="loading" @click="submit">保存</el-button> -->
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage :formList="formData" v-model="listQuery" ref="elform">
+      </FormMessage>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, watch } from "vue";
+const emit = defineEmits(["updateDate"]);
+const props = defineProps({
+  dic: {
+    type: Object,
+    default: () => {}
+  }
+});
+const { proxy } = getCurrentInstance();
+
+const dialogForm = ref(false); //弹窗
+const formData = ref( [
+
+  { label: "报警电话", prop: "bjdh", type: "input" },
+  { label: "报警电话用户地址", prop: "bjdhyhdz", type: "input" },
+  { label: "报警电话用户名", prop: "bjdhyhm", type: "input" },
+  { label: "报警地址", prop: "bjdz", type: "input" },
+  { label: "报警人名称", prop: "bjrmc", type: "input" },
+  { label: "报警人证件号码", prop: "bjrzjhm", type: "input" },
+  { label: "报警时间", prop: "bjsj", type: "input" },
+  { label: "警情颜色", prop: "color", type: "select",options: props.dic.D_GS_SSYJ },
+  { label: "管辖单位名称", prop: "gxdwmc", type: "input" },
+  { label: "单位名称", prop: "jcjxtjsdwmc", type: "input" },
+  { label: "接警单编号", prop: "jjdbh", type: "input" },
+  { label: "接警单位名称", prop: "jjdwmc", type: "input" },
+  { label: "接警录音号", prop: "jjlyh", type: "input" },
+  { label: "接警时间", prop: "jjsj", type: "input" },
+  { label: "接警完成时间", prop: "jjwcsj", type: "input" },
+  { label: "接警员编号", prop: "jjybh", type: "input" },
+  { label: "接警员姓名", prop: "jjyxm", type: "input" },
+  { label: "警情标签", prop: "jqbq", type: "select",options: props.dic.D_BZ_JQBQ},
+  { label: "警情地址", prop: "jqdz", type: "input" },
+  { label: "警情类别代码", prop: "jqlbdm", type: "select", options: props.dic.JQLB },
+  { label: "警情类型代码", prop: "jqlxdm", type: "select",options: props.dic.JQLX},
+  { label: "警情来源", prop: "jqly", type: "select",options: props.dic.D_BZ_JQLY},
+  { label: "警情细类代码", prop: "jqxldm", type: "select" ,options: props.dic.JQXL},
+  { label: "警情子类代码", prop: "jqzldm", type: "select" ,options: props.dic.JQZL},
+  { label: "报警内容", prop: "bjnr", type: "textarea", width: "100%" },
+  { label: "补充接警内容", prop: "bcjjnr", type: "textarea", width: "100%" },
+  { label: "被困人员情况说明", prop: "bkryqksm", type: "textarea", width: "100%" },
+])
+const listQuery = ref({}); //表单
+const loading = ref(false);
+const elform = ref();
+const title = ref("详情");
+const init = (type, row) => {
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : "编辑";
+  // 根据id查询详情
+  if (row) {
+    listQuery.value = row;
+  }
+};
+
+
+
+
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  loading.value = false;
+  dialogForm.value = false;
+  listQuery.value = {}
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+</style>