<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>
