<template>
  <layout-card>
    <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.VEHICLE_MODEL }}
      </el-descriptions-item>
      <el-descriptions-item label="车辆品牌">
        {{ data.VEHICLE_BRAND }}
      </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>
  </layout-card>
</template>

<script setup>
import {
  findByIdTaxationManageInfo,
} from "@/request/taxation_manage.js";
import { useRoute } from "vue-router";
import { ref } from "vue";

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>
