112 lines
2.8 KiB
Vue
112 lines
2.8 KiB
Vue
|
<template>
|
||
|
|
<div class="dialog" v-if="dialogForm">
|
||
|
|
<div class="head_box">
|
||
|
|
<div></div>
|
||
|
|
<div>
|
||
|
|
<el-button @click="close">关闭</el-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form_cnt">
|
||
|
|
<FormMessage v-model="listQuery" :formList="formData" ref="elform" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<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
|
||
|
|
});
|
||
|
|
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 },
|
||
|
|
]);
|
||
|
|
const listQuery = ref({}); //表单
|
||
|
|
const elform = ref();
|
||
|
|
const pageForm = reactive({});
|
||
|
|
onMounted(() => {
|
||
|
|
tabHeightFn();
|
||
|
|
});
|
||
|
|
//
|
||
|
|
// 初始化数据
|
||
|
|
const init = (row) => {
|
||
|
|
dialogForm.value = true;
|
||
|
|
qcckGet({}, `/mosty-gsxt/jjdbYp/getInfo/${row.id}`).then(res => {
|
||
|
|
listQuery.value = res;
|
||
|
|
}).catch(() => {
|
||
|
|
})
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// 关闭
|
||
|
|
const close = () => {
|
||
|
|
listQuery.value = {};
|
||
|
|
dialogForm.value = false;
|
||
|
|
};
|
||
|
|
|
||
|
|
// 表格高度计算
|
||
|
|
const tabHeightFn = () => {
|
||
|
|
pageForm.tableHeight = window.innerHeight - 720;
|
||
|
|
window.onresize = function () {
|
||
|
|
tabHeightFn();
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
defineExpose({ init });
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import "~@/assets/css/layout.scss";
|
||
|
|
@import "~@/assets/css/element-plus.scss";
|
||
|
|
|
||
|
|
::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
|
||
|
|
color: #0072ff;
|
||
|
|
background: rgba(0, 114, 255, 0.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.boxlist {
|
||
|
|
width: 99%;
|
||
|
|
height: 225px;
|
||
|
|
margin-top: 10px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
::v-deep .avatar-uploader {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
::v-deep .el-upload-list {
|
||
|
|
margin-left: 20px;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
::v-deep .el-upload-list__item-name .el-icon {
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
</style>
|