<template>
  <div>
    <title-bar :title="title" @clickLef="onClick">
      <van-icon slot="left" name="cross" size="24" />
    </title-bar>
    <sub-title>异常经营名录</sub-title>
    <div class="content">
      <div class="customer-management-information-content">
        <div v-if="unusualMngInfoList.length > 0 ">
          <table class="customer-management-information-form">
            <tr>
              <td style="width:10%" >列入时间</td>
              <td style="width:10%">列入机关</td>
              <td style="width:35%">列入原因</td>
              <td style="width:10%">移出时间</td>
              <td style="width:35%">移出原因</td>
            </tr>
            <tr v-for="(item, index) in unusualMngInfoList" :key="index">
              <td>{{ item.ABNTIME }}</td>
              <td>{{ item.IN_REGORG }}</td>
              <td>{{ item.SPECAUSE }}</td>
              <td>{{ item.EABNTIME }}</td>
              <td>{{ item.ERECCAUSE }}</td>
            </tr>
          </table>
        </div>
        <div v-else>
          <table class="customer-management-information-form">
            <tr>
              <td style="width:10%" >列入时间</td>
              <td style="width:10%">列入机关</td>
              <td style="width:35%">列入原因</td>
              <td style="width:10%">移出时间</td>
              <td style="width:35%">移出原因</td>
            </tr>
            <tr>
              <td colspan="5">暂无数据</td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </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 2022-02-10 上午 11:58
 */
@Component({
  name: "YCJYMLView",
  components: { TitleBar },
})
export default class YCJYMLView extends Vue {
  title = "工商-异常经营名录"; // 页面标题
  unusualMngInfoList = [] ; //异常经营列表
  onClick() {
  }
  mounted() {
    this.selectCustInfo();
  }
  /**
   * @Description 经营风险查询
   * @Author JiangTao
   * @Date 2021-11-25 下午 04:57
   */
  selectCustInfo(pageNo = 1) {
    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: '1'
        },
        {
          GS_QUERY_OPTION_LIST: '8'
        }
      ],
      ProdId: Public.getProdId(),
      SvrCode: Public.getSvrCode(nettyApi.TRADE_CODE.selectGSXXCX),
      ClientNo: this.$store.getters.getCustInfo.cus_id,
      tc: nettyApi.TRADE_CODE.selectGSXXCX
    };
    NativeUI.showWaiting('正在查询...');
    IF.transferDataInter(nettyApi.commonRq, param).then((res:any) => {
      NativeUI.closeWaiting();
      this.unusualMngInfoList = [];
      if (res.rc === '1') {
        if (res.GOV_EXCEPTIONREASON_ARRAY.length !== 0) {
          this.unusualMngInfoList = res.GOV_EXCEPTIONREASON_ARRAY;
        }
      } else {
        if (res.ret_code != '4999999') {
          NativeUI.toast(res.msg);
        }
      }
    });
  }
}
</script>

<style scoped></style>