更新
This commit is contained in:
@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user