This commit is contained in:
2025-09-03 18:12:19 +08:00
parent 24c6a24a4f
commit 3c59cc6111
7 changed files with 748 additions and 705 deletions

View File

@ -1,13 +1,11 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<div></div>
<div>
<el-button @click="close">关闭</el-button>
</div>
<div>详情</div>
<div><el-button @click="close">关闭</el-button></div>
</div>
<div class="form_cnt">
<FormMessage v-model="listQuery" :formList="formData" ref="elform" />
<FormMessage v-model="listQuery" disabled :formList="formData" ref="elform" />
</div>
</div>
</template>
@ -15,41 +13,30 @@
<script setup>
import FormMessage from "@/components/aboutTable/FormMessage.vue";
import { qcckGet } from "@/api/qcckApi.js";
import {
ref,
defineExpose,
reactive,
onMounted,
defineEmits,
} from "vue";
const emit = defineEmits(["change"]);
const props = defineProps({
dic: Object
});
import { ref, defineExpose, onMounted, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const { JQCLJG,JQLB,D_BZ_JQLY,JQLX,JQXL ,JQZL} = proxy.$dict( 'JQCLJG',"JQLB","D_BZ_JQLY","JQLX",'JQXL','JQZL' ); //获取字典数据
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "报警电话", prop: "bjdh", type: "input" },
{ label: "报警地址", prop: "bjdz", type: "input" },
{ label: "报警内容", prop: "bjnr", type: "input" },
{ label: "报警人名称", prop: "bjrmc", type: "input" },
{ label: "报警人证件号码", prop: "bjrzjhm", type: "input" },
{ label: "报警时间", prop: "bjsj", type: "input" },
{ label: "接警完成时间", prop: "jjwcsj", type: "input" },
{ label: "警情子类", prop: "jqzldm", type: "select", options: props.dic.JQZL },
{ label: "警情细类", prop: "jqxldm", type: "select", options: props.dic.JQXL },
{ label: "警情类型", prop: "jqlxdm", type: "select",options: props.dic.JQLX },
{ label: "警情来源", prop: "jqlyfs", type: "select",options: props.dic.D_BZ_JQLY },
{ label: "警情类别", prop: "jqlbdm", type: "select", options: props.dic.JQLB },
// { label: "警情等级", prop: "jqdjdm", type: "select", options: props.dic.JQXL },
{ label: "警情处理状态", prop: "jqclztdm", type: "select",options: props.dic.JQCLJG },
{ label: "报警电话", prop: "bjdh", type: "input" },
{ label: "报警地址", prop: "bjdz", type: "input" },
{ label: "报警内容", prop: "bjnr", type: "input" },
{ label: "报警人名称", prop: "bjrmc", type: "input" },
{ label: "报警人证件号码", prop: "bjrzjhm", type: "input" },
{ label: "报警时间", prop: "bjsj", type: "input" },
{ label: "接警完成时间", prop: "jjwcsj", type: "input" },
{ label: "警情子类", prop: "jqzldm", type: "select", options: JQZL },
{ label: "警情细类", prop: "jqxldm", type: "select", options: JQXL },
{ label: "警情类型", prop: "jqlxdm", type: "select",options: JQLX },
{ label: "警情来源", prop: "jqlyfs", type: "select",options: D_BZ_JQLY },
{ label: "警情类别", prop: "jqlbdm", type: "select", options: JQLB },
{ label: "警情处理状态", prop: "jqclztdm", type: "select",options: JQCLJG },
]);
const listQuery = ref({}); //表单
const elform = ref();
const pageForm = reactive({});
onMounted(() => {
tabHeightFn();
});
//
// 初始化数据
const init = (row) => {
dialogForm.value = true;
@ -59,22 +46,12 @@ const init = (row) => {
})
};
// 关闭
const close = () => {
listQuery.value = {};
dialogForm.value = false;
};
// 表格高度计算
const tabHeightFn = () => {
pageForm.tableHeight = window.innerHeight - 720;
window.onresize = function () {
tabHeightFn();
};
};
defineExpose({ init });
</script>