<template>
    <div id="category">
      <!--头部-->
      <!-- <Header/> -->
      <div class="header-title">
        <span class="header-title-return-back" @click="returnClick"><van-icon name="arrow-left" /></span>
        <span class="header-title-name">进出口情况</span>
      </div>
  
      <div class="manage-body">
        <van-cell-group>
            <van-cell>
                <div class="">
                    <div class="wt-84-per hg-14-rem"><span class="fs-16 fw-bold">备案信息</span></div>
                </div>
            </van-cell>
            <van-cell style="width: 50%;float: left;">
                <template #title>
                    <span class="custom-title cl-gray">注册日期</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.regDate }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 50%;">
                <template #title>
                    <span class="custom-title cl-gray">注册海关</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.regGov }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 50%;float: left;">
                <template #title>
                    <span class="custom-title cl-gray">行政区划:</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.administrativeArea }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 50%;">
                <template #title>
                    <span class="custom-title cl-gray">经济区划:</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.economicArea }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 100%;float: left;">
                <template #title>
                    <span class="custom-title cl-gray">经营类别</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.tradeType }}</span>
                </template>
            </van-cell>
<!--            <van-cell style="width: 50%;">-->
<!--                <template #title>-->
<!--                    <span class="custom-title cl-gray">统计经济区划</span>-->
<!--                </template>-->
<!--                <template #label>-->
<!--                    <span class="custom-title cl-black">{{ importExportList.economicArea }}</span>-->
<!--                </template>-->
<!--            </van-cell>-->
            <van-cell style="width: 50%;float: left;">
                <template #title>
                    <span class="custom-title cl-gray">海关注销标志</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.cancellationFlag }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 50%;">
                <template #title>
                    <span class="custom-title cl-gray">年报情况</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.annualStatus }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 50%;float: left;">
                <template #title>
                    <span class="custom-title cl-gray">行业种类</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.industryType }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 50%;">
                <template #title>
                    <span class="custom-title cl-gray">跨境贸易电子商务类型</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.ebusinessType }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 100%;">
                <template #title>
                    <span class="custom-title cl-gray">信用等级</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.creditGrade }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 100%;">
                <template #title>
                    <span class="custom-title cl-gray">地址</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.regDate }}</span>
                </template>
            </van-cell>
        </van-cell-group>
      </div>

      <div class="manage-body">
        <van-cell-group>
            <van-cell>
                <div class="">
                    <div class="wt-84-per hg-14-rem"><span class="fs-16 fw-bold">备案编码</span></div>
                </div>
            </van-cell>
            <van-cell style="width: 50%;float: left;">
                <template #title>
                    <span class="custom-title cl-gray">海关备案编码</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.regNo }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 50%;">
                <template #title>
                    <span class="custom-title cl-gray">经营类别</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.tradeType }}</span>
                </template>
            </van-cell>
            <van-cell style="width: 100%;">
                <template #title>
                    <span class="custom-title cl-gray">报关有效期</span>
                </template>
                <template #label>
                    <span class="custom-title cl-black">{{ importExportList.expireDate }}</span>
                </template>
            </van-cell>
        </van-cell-group>
      </div>
    </div>

  </template>
  
  <script>
  import { Button, Col, Row, Icon, Field, Tab, Tabs, Step, Steps } from 'vant';
  
  // 3. 引入接口
  import {postImportExport} from "@/service/api/customerDashboard";

  
  export default {
    name: "EximInfo",

    data() {
      return {
        importExportList: {},
      }
    },
    components: {
      VanButton: Button,
      VanRow: Row,
      VanCol: Col,
      VanIcon: Icon,
      VanField: Field,
      VanTab: Tab,
      VanTabs: Tabs,
      VanStep: Step,
      VanSteps: Steps,
    },
    created() {
      this.postFinancing();
    },
    methods: {
      // 获取行政许可
      async postFinancing(){
        let params = {
          // companyId: '471a64902d631f6d84c2b62c303bbbde',
          companyId: sessionStorage.getItem('companyId'),
        }
        let result = await postImportExport(params);
        this.importExportList = result;
      },
      returnClick() {
        this.$router.go(-1)
      },

    },
  }
  </script>
  
  <style lang="less" scoped>
  
  .header-title {
    height: 46px;
    width: 100%;
    background-color: #fff;
    text-align: center;
  }
  .header-title-name {
    font-weight: bold;
    line-height: 46px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
  }
  .header-title-return {
    position: absolute;
    top: 13px;
    left: 20px;
    font-size: 15px;
  }
  .manage-body {
    margin-top: 10px;
    background-color: #fff;
    padding: 20px 10px 0px 10px;
  }
  .icon-mg {
    margin-left: 3px;
  }
  </style>../../service/api/index