Wgjfinp.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <c-col :span="8">
        <el-form-item label="" class="checkbox-left">
          <c-checkbox v-model="model.wgjfinrcv" :disabled="this.model.isdisabledwgjfinrcv" true-label="X" false-label="" @change="wgjfinrcv">外管局融资还款登记</c-checkbox>
        </el-form-item>
      </c-col>
      <c-col :span="8" v-if="model.bpdgrp.rec.fintyp=='D' || model.bpdgrp.rec.fintyp=='P' || model.bpdgrp.rec.fintyp=='I'">
        <el-form-item label="" class="checkbox-left">
          <c-checkbox v-model="model.bpdgrp.rec.cifflg" disabled true-label="X" false-label="" @change="clickCifflg">是否信保融资</c-checkbox>
        </el-form-item>
      </c-col>
      <c-col :span="8" v-if="model.wgjfinrcv === 'X' && (model.blcgrp.rec.ownref || model.zxbgrp.rec.ownref)">
        <el-form-item label="" class="checkbox-left">
          <el-button size="small" type="primary" @click="showDanDialog">查看报关单相关信息</el-button>
        </el-form-item>
      </c-col>
    </c-col>

    <el-dialog title="报关单信息" :visible.sync="dialogVisible" :modal-append-to-body="false" :close-on-click-modal="false" destroy-on-close width="75%">
      <!-- <div v-if="!bmsLoading && bmsTabLst.length === 0">暂无数据</div> -->
      <div style="width: 100%;height: 100%;">
        <el-table :data="danTabLst" height="calc(100% - 32px)" id='tableRef' style="width: 100%;">
          <el-table-column label="进口企业名称" prop="clinam" width="auto">
          </el-table-column>
          <el-table-column label="发票号" prop="ineref" width="auto">
          </el-table-column>
          <el-table-column label="发票金额" prop="ineamt" width="auto">
          </el-table-column>
          <el-table-column label="报关单编号" prop="cusref" width="auto">
          </el-table-column>
          <el-table-column label="关单币种" prop="cur" width="auto">
          </el-table-column>
          <el-table-column label="报关单占用金额" prop="cusamt" width="auto">
          </el-table-column>
          <el-table-column label="使用情况" prop="usesta" width="auto">
          </el-table-column>
          <el-table-column label="核验情况" prop="chksta" width="auto">
          </el-table-column>
          <el-table-column label="核验结果" prop="chkret" width="auto">
          </el-table-column>
        </el-table>
        <el-pagination :current-page="currentPage" :page-size="pageSize" :total="total" layout="prev, pager, next, jumper">
        </el-pagination>
      </div>

      <c-col :span="24" style="margin-top: 50px;" v-if="model.wgjfinrcv == 'X' && this.model.bpdgrp.rec.cifflg != 'X'">
        <c-col :span="12" style="padding-right: 20px">
          <c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
            <div style="width: 100%;">
              <el-form-item label="发票数量" prop="blcgrp.rec.inenum">
                <c-input disabled v-model="model.blcgrp.rec.inenum" placeholder="请输入发票数量"></c-input>
              </el-form-item>
            </div>
            <div style="margin-left: 10px;">
              <span style="height:32px;line-height:32px">条</span>
            </div>
          </c-col>

          <c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
            <div style="width: 100%;">
              <el-form-item label="报关单数量" prop="blcgrp.rec.cusnum">
                <c-input disabled v-model="model.blcgrp.rec.cusnum" placeholder="请输入报关单数量"></c-input>
              </el-form-item>
            </div>
            <div style="margin-left: 10px;">
              <span style="height:32px;line-height:32px">条</span>
            </div>
          </c-col>

        </c-col>

        <c-col :span="12" style="padding-left: 20px">
          <c-col :span="24">
            <c-form-item label="发票总金额" prop="blcp.totamt">
              <c-input-currency disabled v-model="model.blcp.totamt" placeholder="请输入发票总金额"></c-input-currency>
            </c-form-item>
          </c-col>

          <c-col :span="24">
            <c-form-item label="报关单总金额" prop="blcp.bgdamt">
              <c-input-currency disabled v-model="model.blcp.bgdamt" placeholder="请输入报关单总金额"></c-input-currency>
            </c-form-item>
          </c-col>

        </c-col>
      </c-col>

      <c-col :span="24" style="margin-top: 50px;" v-if="model.wgjfinrcv == 'X' && this.model.bpdgrp.rec.cifflg == 'X'">
        <c-col :span="12" style="padding-right: 20px">
          <c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
            <div style="width: 100%;">
              <el-form-item label="发票数量" prop="zxbgrp.rec.inenum">
                <c-input disabled v-model="model.zxbgrp.rec.inenum" placeholder="请输入发票数量"></c-input>
              </el-form-item>
            </div>
            <div style="margin-left: 10px;">
              <span style="height:32px;line-height:32px">条</span>
            </div>
          </c-col>

          <c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
            <div style="width: 100%;">
              <el-form-item label="报关单数量" prop="zxbgrp.rec.cusnum">
                <c-input disabled v-model="model.zxbgrp.rec.cusnum" placeholder="请输入报关单数量"></c-input>
              </el-form-item>
            </div>
            <div style="margin-left: 10px;">
              <span style="height:32px;line-height:32px">条</span>
            </div>
          </c-col>

        </c-col>

        <c-col :span="12" style="padding-left: 20px">
          <c-col :span="24">
            <c-form-item label="发票总金额" prop="zxbp.totamt">
              <c-input-currency disabled v-model="model.zxbp.totamt" placeholder="请输入发票总金额"></c-input-currency>
            </c-form-item>
          </c-col>

          <c-col :span="24">
            <c-form-item label="报关单总金额" prop="zxbp.bgdamt">
              <c-input-currency disabled v-model="model.zxbp.bgdamt" placeholder="请输入报关单总金额"></c-input-currency>
            </c-form-item>
          </c-col>

        </c-col>
      </c-col>
    </el-dialog>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      dialogVisible: false,
      danTabLst: [],
      total: 0,
      currentPage: 1,
      pageNum: 1, // 页数
      pageSizes: [5, 10, 20, 30, 40, 50, 100],
      pageSize: 5, // 条数
      inenum: "",
      cusnum: "",
      totamt: "",
      bgdamt: ""
    };
  },
  methods: {
    wgjfinrcv() {
      if (this.model.wgjfinrcv == "") {
        this.model.bpdgrp.rec.cifflg = "";
      }
    },
    clickCifflg() {
      if (this.model.bpdgrp.rec.cifflg == "X") {
        this.model.wgjfinrcv = "X";
      }
    },
    showDanDialog() {
      if (this.model.bpdgrp.rec.cifflg == "X") {
        this.danTabLst = this.model.zxbp.danlst;
      } else {
        this.danTabLst = this.model.blcp.danlst;
      }
      this.dialogVisible = true;
    }
  },
  computed: {
    isDisabledWgjfinrcv() {
      if (!this.model.blcgrp.rec.inr && this.model.zxbgrp.rec.inr) {
        this.model.wgjfinrcv = "";
        return true;
      } else {
        if (
          this.model.finmod.cbs.cbb.amt == this.model.finmod.cbs.cbe.amt &&
          this.model.finmod.cbs.cbb.intamt ==
            this.model.finmod.cbs.cbe.intamt &&
          this.model.finmod.cbs.cbb.intamt1 ==
            this.model.finmod.cbs.cbe.intamt1 &&
          this.model.finmod.cbs.cbb.intamt2 ==
            this.model.finmod.cbs.cbe.intamt2 &&
          this.model.finmod.cbs.cbb.intamty1 ==
            this.model.finmod.cbs.cbe.intamty1 &&
          this.model.finmod.cbs.cbb.intamty2 ==
            this.model.finmod.cbs.cbe.intamty2 &&
          !this.model.finmod.cbs.calflg &&
          this.model.mtabut.clsflg == "C"
        ) {
          return false;
        } else {
          this.model.wgjfinrcv = "";
        }
      }
    }
  },
  created() {}
};
</script>
<style>
</style>