<template>
  <div class="d-page d-flex flex-column">
    <title-bar :title="pageTitle" @clickLef="onClick">
      <van-icon slot="left" name="cross" size="24" />
    </title-bar>
    <anchor-nav ref="refAnchorNav" :navList="navList">
      <!-- 年报信息 -->
      <template slot="socktRightChangeInfoList">
        <div class="content">
          <div class="customer-management-information-content">
            <!--股权变更信息-->
            <div v-if="socktRightChangeInfoList.length >0">
              <table class="customer-management-information-form">
                <tr>
                  <td style="width:5%">序号</td>
                  <td>股权变更日期</td>
                  <td>转让前股权比例</td>
                  <td>转让后股权比例</td>
                  <td>股东名称</td>
                </tr>
                <tr v-for="(item, index) in socktRightChangeInfoList" :key="index">
                  <td style="width:5%">{{ index + 1 }}</td>
                  <td>{{ item.ALT_DATE }}</td>
                  <td>{{ item.TRANS_AM_PR }}</td>
                  <td>{{ item.TRANS_AM_AFT }}</td>
                  <td>{{ item.INV }}</td>
                </tr>
              </table>
            </div>
            <div v-else>
              <table class="customer-management-information-form">
                <tr>
                  <td style="width:5%">序号</td>
                  <td>股权变更日期</td>
                  <td>转让前股权比例</td>
                  <td>转让后股权比例</td>
                  <td>股东名称</td>
                </tr>
                <tr>
                  <td colspan="5">暂无数据</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </template>
      <!-- 网站信息 -->
      <template slot="webInfoList">
        <div class="content">
          <div class="customer-management-information-content">
            <div v-if="webInfoList.length > 0">
              <table class="customer-management-information-form">
                <tr>
                  <td style="width:5%">序号</td>
                  <td>网站(网店)类型</td>
                  <td>网站(网店)名称</td>
                  <td>网站(网店)地址</td>
                </tr>
                <tr v-for="(item, index) in webInfoList " :key="index">
                  <td style="width:5%">{{ index+1 }}</td>
                  <td>{{ item.WEB_TYPE }}</td>
                  <td>{{ item.WEBSIT_NAME }}</td>
                  <td>{{ item.DOMAIN }}</td>
                </tr>
              </table>
            </div>
            <div v-else>
              <table class="customer-management-information-form">
                <tr>
                  <td style="width:5%">序号</td>
                  <td>网站(网店)类型</td>
                  <td>网站(网店)名称</td>
                  <td>网站(网店)地址</td>
                </tr>
                <tr>
                  <td colspan="5">暂无数据</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </template>
      <!--社会保险信息-->
      <template slot="socialInsuranceInfoList">
        <div class="content">
          <div class="customer-management-information-content">
            <div v-if="socialInsuranceInfoList.length > 0">
              <table class="customer-management-information-form">
                <tr>
                  <td style="width: 5%">序号</td>
                  <td style="width: 30%">险种</td>
                  <td style="width: 15%">参保人数</td>
                  <td style="width: 15%">缴费基础</td>
                  <td style="width: 20%">本期实际缴费金额</td>
                  <td style="width: 15%">累计欠缴金额</td>
                </tr>
                <tr v-for="(item, index) in socialInsuranceInfoList" :key="index">
                  <td>{{ index+1 }}</td>
                  <td>{{ item.shbxxxTitle }}</td>
                  <td>{{ item.Cbno }}</td>
                  <td>{{ item.Jfjs }}</td>
                  <td>{{ item.Nowmoney }}</td>
                  <td>{{ item.Total }}</td>
                </tr>
              </table>
            </div>
            <div v-else>
              <table class="customer-management-information-form">
                <tr>
                  <td style="width: 5%">序号</td>
                  <td style="width: 30%">险种</td>
                  <td style="width: 15%">参保人数</td>
                  <td style="width: 15%">缴费基础</td>
                  <td style="width: 20%">本期实际缴费金额</td>
                  <td style="width: 15%">累计欠缴金额</td>
                </tr>
                <tr>
                  <td colspan="6">暂无数据</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </template>
    </anchor-nav>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import Public from "@/public/ts/Public";
import nettyApi from "@/constants/api/ms-netty/netty.api";
import { NativeUI } from "@/public/ts/NativeUI";
import IF from "@/public/factory/InterFaceFactory";
/**
 * @Description 年报信息
 * @Author JiangTao
 * @Date 2021-11-10 下午 03:13
 */
@Component({
  name: "AnnualReport",
  components: { TitleBar },
})
export default class AnnualReport extends Vue {
  pageTitle = "年报信息"; // 页面标题
  //股权变更信息
  socktRightChangeInfoList:any[] = [];
  //网站信息
  webInfoList:any[] = [];
  //社会保险信息
  socialInsuranceInfoList:any[] = [];
  recentTime = 0; //最近一年年报信息
  navList = [
    { key: "socktRightChangeInfoList", titleText: "股权变更信息" },
    { key: "webInfoList", titleText: "网站信息" },
    { key: "socialInsuranceInfoList", titleText: "社会保险信息" }
  ];
  onClick() {

  }
  mounted() {
    this.pageTitle = this.$route.meta?.name;
    this.selectNBinfo();
  }
  /**
   * @author: zmk
   * @description: 查询年报信息
   * */
  selectNBinfo() {
    let param = {
      CUST_FULL_NAME: this.$store.getters.getCusInfo.cus_name,
      CERT_ARRAY_INFO: [
        {
          CERT_TYPE: Public.getGScode(this.$store.getters.getCusInfo.cert_type),
          CERT_NO: this.$store.getters.getCusInfo.cert_code
        }
      ],
      GS_QUERY_OPTION_ARRAY: [
        {
          GS_QUERY_OPTION_LIST: '26'
        }
      ],
      ProdId: Public.getProdId(),
      SvrCode: Public.getSvrCode(nettyApi.TRADE_CODE.selectGSXXCX),
      ClientNo: this.$store.getters.getCusInfo.cus_id,
      tc: nettyApi.TRADE_CODE.selectGSXXCX
    };
    NativeUI.showWaiting('正在查询....');
    IF.transferDataInter(nettyApi.commonRq, param).then((res: any) => {
      NativeUI.closeWaiting();
      let a = '2020';
      this.pageTitle = "年报信息"+ a;
      if (res.rc === '1') {
        //获取最近一年的年报信息
        if (res.YEAR_REPORT_BASIC && res.YEAR_REPORT_BASIC.length > 0) {
          let ancheId = ""; //年报ID
          for (let i = 0; i < res.YEAR_REPORT_BASIC.length; i++) {
            if (Number(res.YEAR_REPORT_BASIC[i].ANCHE_YEAR) > this.recentTime) {
              this.recentTime = Number(res.YEAR_REPORT_BASIC[i].ANCHE_YEAR);
              this.pageTitle = "年报信息"+this.recentTime;
              ancheId = res.YEAR_REPORT_BASIC[i].ANCHEID;
            }
          }
          //根据ID获取股权变更信息
          for (let j = 0; j < res.YEAR_REPORT_ALTERSTOCK_INFO.length; j++) {
            if (ancheId == res.YEAR_REPORT_ALTERSTOCK_INFO[j].ANCHEID) {
              this.socktRightChangeInfoList.push(res.YEAR_REPORT_ALTERSTOCK_INFO[j]);
            }
          }
          //根据ID获取网站信息
          for (let k = 0; k < res.YEAR_REPORT_WEBSITEINFO_INFO.length; k++) {
            console.log("涛哥哥", ancheId);
            if (ancheId == res.YEAR_REPORT_WEBSITEINFO_INFO[k].ANCHEID) {
              this.webInfoList.push(res.YEAR_REPORT_WEBSITEINFO_INFO[k]);
            }
          }
          console.log("涛哥哥1", this.webInfoList);
          //社会保险信息
          let socialInsuranceInfo;
          for (let i = 0; i < res.YEAR_REPORT_SOCSEC_INFO.length; i++) {
            if (ancheId == res.YEAR_REPORT_SOCSEC_INFO[i].ANCHEID) {
              socialInsuranceInfo = res.YEAR_REPORT_SOCSEC_INFO[i];
              break;
            }
          }
          // 将社会保险信息组装成列表
          let obja: any = {},
            objb: any = {},
            objc: any = {},
            objd: any = {},
            obje: any = {};
          obja.Cbno = socialInsuranceInfo.SO110;
          obja.Jfjs = socialInsuranceInfo.TOTALWAGES_SO110;
          obja.Nowmoney = socialInsuranceInfo.TOTALPAYMENT_SO110;
          obja.Total = socialInsuranceInfo.UNPAIDSOCIALINS_SO110;
          obja.shbxxxTitle = '城镇职工基本养老保险';
          objb.Cbno = socialInsuranceInfo.SO210;
          objb.Jfjs = socialInsuranceInfo.TOTALWAGES_SO210;
          objb.Nowmoney = socialInsuranceInfo.TOTALPAYMENT_SO210;
          objb.Total = socialInsuranceInfo.UNPAIDSOCIALINS_SO210;
          objb.shbxxxTitle = '失业保险';
          objc.Cbno = socialInsuranceInfo.SO310;
          objc.Jfjs = socialInsuranceInfo.TOTALWAGES_SO410;
          objc.Nowmoney = socialInsuranceInfo.UNPAIDSOCIALINS_SO310;
          objc.Total = socialInsuranceInfo.TOTALPAYMENT_SO310;
          objc.shbxxxTitle = '职工基本医疗保险';
          objd.Cbno = socialInsuranceInfo.SO410;
          objd.Jfjs = socialInsuranceInfo.TOTALWAGES_SO410;
          objd.Nowmoney = socialInsuranceInfo.UNPAIDSOCIALINS_SO410;
          objd.Total = socialInsuranceInfo.TOTALPAYMENT_SO410;
          objd.shbxxxTitle = '工伤保险';
          obje.Cbno = socialInsuranceInfo.SO510;
          obje.Jfjs = socialInsuranceInfo.TOTALWAGES_SO510;
          obje.Nowmoney = socialInsuranceInfo.UNPAIDSOCIALINS_SO510;
          obje.Total = socialInsuranceInfo.TOTALPAYMENT_SO510;
          obje.shbxxxTitle = '生育保险';
          this.socialInsuranceInfoList = [obja, objb, objc, objd, obje];
        } else {
          if (res.ret_code != '4999999') {
            NativeUI.toast(res.msg);
          }
        }
      }
    });
  }
  activated() {}
}
</script>

<style scoped>
span {
  color: #999999;
  font-size: 16px;
}
</style>