70 lines
1.6 KiB
Vue
70 lines
1.6 KiB
Vue
<template>
|
|
<div class="dialog" v-if="dialogForm">
|
|
<div class="head_box">
|
|
<span>详情</span>
|
|
<div>
|
|
<el-button size="small" @click="close">关闭</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="cntinfo">
|
|
<FormMessage ref="FormRef" v-model="listQuery" :disabled="true" :formList="formList">
|
|
</FormMessage>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { qcckPost , qcckGet} from "@/api/qcckApi.js";
|
|
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
|
import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
|
|
const emit = defineEmits(["refresh"]);
|
|
const { proxy } = getCurrentInstance();
|
|
const props = defineProps({
|
|
dict: {
|
|
default: [[]], //二维数组
|
|
type: Array
|
|
}
|
|
})
|
|
const dialogForm = ref(false);
|
|
const FormRef = ref();
|
|
const listQuery = ref({});
|
|
|
|
const formList = ref([])
|
|
|
|
|
|
// 初始化数据
|
|
const init = (type, row,) => {
|
|
dialogForm.value = true;
|
|
listQuery.value=row
|
|
formList.value=[
|
|
[
|
|
{ label: "姓名", prop: "xm", type: "input" },
|
|
{ label: "证件号码", prop: "sfzh", type: "input" },
|
|
{ label: "联系电话", prop: "lxdh", type: "input" },
|
|
],
|
|
[
|
|
{ label: "是否年检", prop: "isnj", type:"select",options: props.dict.D_BZ_SF},
|
|
{ label: "年检时间", prop: "njsj", type: "date" },
|
|
],
|
|
]
|
|
|
|
};
|
|
|
|
const close = () => {
|
|
dialogForm.value = false;
|
|
FormRef.value.reset()
|
|
};;
|
|
|
|
defineExpose({init})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import "@/assets/css/layout.scss";
|
|
.mapBox{
|
|
width: calc(100% - 24rem);
|
|
height:500px;
|
|
overflow: hidden;
|
|
margin: 0 12rem;
|
|
}
|
|
</style>
|