forked from integrated_whb/integrated_whb_vue
89 lines
3.0 KiB
Vue
89 lines
3.0 KiB
Vue
<template>
|
|
<layout-card>
|
|
<div id="printContainer">
|
|
<el-divider content-position="left">基本信息</el-divider>
|
|
<el-descriptions border>
|
|
<el-descriptions-item label="登记编号">
|
|
{{ data.RECORD_NUMBER }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="车牌号">
|
|
{{ data.PLATE_NUMBER }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="车架号">
|
|
{{ data.FRAMES_NUMBER }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="车辆类型">
|
|
{{ data.VEHICLE_TYPE }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="联系人">
|
|
{{ data.VEHICLEOWNER }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="联系电话">
|
|
{{ data.CONTACT_NUMBER }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="初登日期">
|
|
{{ data.FIRSTSHOW_DATE }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
|
|
<el-divider content-position="left">挂车税费信息</el-divider>
|
|
<el-descriptions border>
|
|
<el-descriptions-item label="登记人">
|
|
{{ data.REGISTRANT }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="办理日期">
|
|
{{ data.TRANSACTION_DATA }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="税费周期">
|
|
{{ data.TAXESDUES_PERIOD }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="到期日期">
|
|
{{ data.EXPIRE_DATE }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="提醒天数">
|
|
{{ data.REMINDER_DAY }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="提醒日期">
|
|
{{ data.REMINDER_DATA }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="提醒状态">
|
|
<span v-if="data.REMINDER_STATUS === '0'">开启</span>
|
|
<span v-else-if="data.REMINDER_STATUS === '1'">关闭</span>
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-descriptions :column="1" border>
|
|
<el-descriptions-item label="税费资料">
|
|
{{ data.TAXESDUES_MATERIAL }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-descriptions :column="1" border>
|
|
<el-descriptions-item label="备注">
|
|
{{ data.REMARK }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
</div>
|
|
<div class="mt-10 tc">
|
|
<el-button v-print="'#printContainer'" type="primary">打印</el-button>
|
|
</div>
|
|
<div v-html="PRINT_STYLE" />
|
|
</layout-card>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { findByIdTaxationManageInfo } from "@/request/taxation_manage.js";
|
|
import { useRoute } from "vue-router";
|
|
import { ref } from "vue";
|
|
import { PRINT_STYLE } from "@/assets/js/constant.js";
|
|
|
|
const route = useRoute();
|
|
const { TAXATION_ID } = route.query;
|
|
const data = ref({});
|
|
const getData = async () => {
|
|
const { pd } = await findByIdTaxationManageInfo({ TAXATION_ID });
|
|
data.value = pd;
|
|
};
|
|
getData();
|
|
</script>
|
|
|
|
<style scoped></style>
|