110 lines
3.8 KiB
Vue
110 lines
3.8 KiB
Vue
|
|
<template>
|
|
<div class="detail-popup">
|
|
<popup ref="popupRef" title="开票申请详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose">
|
|
<el-form ref="formRef" :model="formData">
|
|
<el-descriptions :column="3" title="房子出租" border>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}萨达撒旦发射点发射
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}萨达撒旦发射点发射点发射点大师傅士大夫都是
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}点发射点大师傅士大夫都是
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}点发
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}点发点发射点大师傅士大夫都是点发射点大师傅士大夫都是
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}点发点发射点大师傅士大夫都是
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-descriptions :column="3" title="空闲土地出租" border>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-descriptions :column="3" title="农副产品出售" border>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-descriptions :column="3" title="空闲资产出租/出售" border>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-descriptions :column="3" title="房屋装饰建设" border>
|
|
<el-descriptions-item label="开票公司名称" label-align="left">
|
|
{{ formData.invoicing_company_name }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
</el-form>
|
|
</popup>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup name="customdetail">
|
|
|
|
import type { FormInstance } from 'element-plus'
|
|
|
|
const emit = defineEmits(['success', 'close'])
|
|
const formRef = shallowRef<FormInstance>()
|
|
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
|
|
|
|
|
|
|
// 表单数据
|
|
const formData = reactive({
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
// 获取详情
|
|
const setFormData = async (data: Record<any, any>) => {
|
|
Object.assign(formData, data)
|
|
}
|
|
|
|
|
|
|
|
|
|
// 提交按钮
|
|
const handleSubmit = async () => {
|
|
popupRef.value?.close()
|
|
|
|
}
|
|
|
|
//打开弹窗
|
|
const open = () => {
|
|
popupRef.value?.open()
|
|
}
|
|
|
|
// 关闭回调
|
|
const handleClose = () => {
|
|
emit('close')
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
defineExpose({
|
|
open,
|
|
setFormData,
|
|
})
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.tit {
|
|
font-size: 1.2em;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|