updchk.vue

<template>
  <div class="eibs-tab">
    <el-divider content-position="left">付汇信息</el-divider>
    <el-row>
      <c-col :span="12">
        <el-form-item label="业务状态" prop="txfmod.txpaym.bsnsts">
          <c-select style="width:100%" v-model="dbwtxfDialogUpd.txfmod.txpaym.bsnsts" disabled dbCode="PYMSTA" uil="CN"
            sort="SRT">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="付汇业务编号" prop="txfmod.txpaym.bsnsrlno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txpaym.bsnsrlno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="备案表编号" prop="txfmod.txpaym.rcrdno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txpaym.rcrdno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="验证码" prop="txfmod.txpaym.dataverfcd">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txpaym.dataverfcd"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="纳税人识别号" prop="txfmod.txpaym.taxpyidnfno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txpaym.taxpyidnfno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="机构名称或个人姓名" prop="txfmod.txpaym.pymtbnknm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txpaym.pymtbnknm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="已核验付汇金额（美元）" prop="txfmod.txpaym.beenchkverfamt">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txpaym.beenchkverfamt"></c-input>
        </el-form-item>
      </c-col>
    </el-row>

    <el-divider content-position="left">服务贸易等项目对外付汇税务备案表</el-divider>
    <el-row>
      <c-col :span="12">
        <el-form-item label="备案表编号" prop="txfmod.txform.rcrdno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.rcrdno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="备案日期" prop="txfmod.txform.rcrddt">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.rcrddt"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="机构名称或个人姓名" prop="txfmod.txform.payernm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.payernm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="地域或住所" prop="txfmod.txform.payeradr">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.payeradr"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="付汇银行" prop="txfmod.txform.pymtbnknm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.pymtbnknm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="付汇账号" prop="txfmod.txform.pymtacctno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.pymtacctno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="纳税人识别号" prop="txfmod.txform.taxpyidnfno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.taxpyidnfno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="主管税务机关代码" prop="txfmod.txform.satraptxtnofccd">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.satraptxtnofccd"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="主管税务机关" prop="txfmod.txform.satraptxtnofcnm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.satraptxtnofcnm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="联系人" prop="txfmod.txform.ctcprsnnm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.ctcprsnnm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="联系电话" prop="txfmod.txform.ctctelno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.ctctelno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="境外收款人名称" prop="txfmod.txform.payeenm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.payeenm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="所属国家或地区" prop="txfmod.txform.payeectrynm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.payeectrynm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="境外收款人地址" prop="txfmod.txform.payeeadr">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.payeeadr"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="收汇银行" prop="txfmod.txform.clctnbnknm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.clctnbnknm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="收汇账号" prop="txfmod.txform.clctnacctno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.clctnacctno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="合同名称" prop="txfmod.txform.ctrnm">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.ctrnm"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="合同号" prop="txfmod.txform.ctrno">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.ctrno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12" class="custom-box-wrap" style="width:50%;">
        <div style="width: 200px;">
          <el-form-item label="合同总金额（或支付标准）" prop="txfmod.txform.ccy">
            <c-select-cur v-model="dbwtxfDialogUpd.txfmod.txform.ccy" style="width:100%" dbCode="CURTXT" sort="SRT"
              disabled :isShowKeyAndLabel="true">
            </c-select-cur>
          </el-form-item>
        </div>
        <div style="width: calc(100% - 200px);">
          <el-form-item label-width="5px" prop="txfmod.txform.ctramt">
            <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.ctramt"></c-input>
          </el-form-item>
        </div>
      </c-col>
      <c-col :span="12">
        <el-form-item label="合同签订日期" prop="txfmod.txform.sgntrdt">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.sgntrdt"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="合同执行期限（起）" prop="txfmod.txform.bgndt">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.bgndt"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="合同执行期限（止）" prop="txfmod.txform.enddt">
          <c-input disabled v-model="dbwtxfDialogUpd.txfmod.txform.enddt"></c-input>
        </el-form-item>
      </c-col>
    </el-row>
    <el-divider content-position="left">付汇登记信息</el-divider>
    <el-row>
      <c-col :span="12">
        <el-form-item prop="payflg" class="checkbox-left">
          <c-checkbox v-model="dbwtxfDialogUpd.payflg" true-label="X" false-label="">无国际收支申报号付汇</c-checkbox>
        </el-form-item>
      </c-col>
    </el-row>
    <el-row>
      <c-table style="text-align: center" highlight-current-row @row-click="handleSetfogRowClick"
        :row-class-name="tableSetfogRowClassName" :list="dbwtxfDialogUpd.txfmod.reglst" :paginationShow="true"
        :border="true" :total="dbwtxfDialogUpd.txfmod.reglst.length">

        <el-table-column label="国际收支申报号" prop="itnlincmpaydclrtnno" min-width="30%">
          <template slot-scope="scope">
            <c-input v-model="scope.row.itnlincmpaydclrtnno"></c-input>
          </template>
        </el-table-column>
        <el-table-column label="交易编码" prop="txncd" min-width="15%">
          <template slot-scope="scope">
            <c-input v-model="scope.row.txncd"></c-input>
          </template>
        </el-table-column>
        <el-table-column label="付汇币种" prop="txnccy" min-width="15%">
          <template slot-scope="scope">
            <c-select :isFixed="true" v-model="scope.row.txnccy" dbCode="CURTXT"></c-select>
          </template>
        </el-table-column>
        <el-table-column label="付汇金额" prop="pymtamt" min-width="20%">
          <template slot-scope="scope">
            <el-form-item label-width="0">
              <c-input-currency v-model="scope.row.pymtamt" :currency="scope.row.txnccy"></c-input-currency>
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="备注" prop="rmk" min-width="20%">
          <template slot-scope="scope">
            <c-input v-model="scope.row.rmk"></c-input>
          </template>
        </el-table-column>
        <el-table-column label="" prop="det" width="150px" fixed="right">
          <template slot-scope="scope" slot="header">
            <c-button circle style="padding: 4px" class="el-icon-plus" size="mini" @click="addRowSetfol(scope)">
            </c-button>
            <c-button style="padding: 4px" circle class="el-icon-minus" size="mini" @click="removeRowSetfol(scope)">
            </c-button>
          </template>
        </el-table-column>
      </c-table>
    </el-row>
    <el-row>
      <div style="text-align: center;margin-top:20px;">
        <el-button type="info" size="small" @click="closeUpdchk()">关 闭</el-button>
        <el-button type="primary" size="small" @click="updpay()">付汇修改</el-button>
        <el-button type="primary" size="small" @click="downloadInfo(dbwtxfDialogUpd)">下 载</el-button>
        <a v-show="false" :download="`TXF_${dbwtxfDialogUpd.txfmod.txform.inr}.pdf`" :href="viewPdfUrl" title="下载"
          ref="downloadA">
          下载
        </a>
      </div>
    </el-row>
  </div>
</template>
<script>
  import Utils from "~/utils";
  import commonFunctions from "~/mixin/commonFunctions.js";
  import event from "../event";
  import Check from "../model/check";
  import Dbwtxf from "../model";
  export default {
    inject: ["root"],
    props: ["model", "codes", "reqUpd"],
    mixins: [event, Check, commonFunctions],
    data() {
      return {
        dbwtxfDialogUpd: new Dbwtxf().data,
        currentSetfolIndex: -1,
        viewPdfUrl: "",
      }
    },
    mounted() {
      this.upd(this.reqUpd);
    },
    methods: {
      closeUpdchk() {
        let reqData = {
          tabVal: "inflst",
          updChkIsCreate: "N",
          oldUpdChkBsnsrlno: "",
        }
        this.$emit("updateActiveName", reqData);
      },
      provideMethodUpd() {
        this.upd(this.reqUpd);
      },
      handleSetfogRowClick(row) {
        this.currentSetfolIndex = row.index;
      },
      tableSetfogRowClassName({
        row,
        rowIndex
      }) {
        row.index = rowIndex;
      },
      addRowSetfol(row) {
        let newRow = {
          itnlincmpaydclrtnno: "",
          txncd: "",
          txnccy: "",
          pymtamt: 0,
          rmk: "",
        };
        let start = 0;
        if (this.dbwtxfDialogUpd.txfmod.reglst) {
          start = this.dbwtxfDialogUpd.txfmod.reglst.length;
        }
        this.dbwtxfDialogUpd.txfmod.reglst.splice(start, 0, newRow);
      },
      removeRowSetfol() {
        if (this.currentSetfolIndex === -1) {
          this.$notify.error({
            title: "错误",
            message: "请选择一条数据删除!"
          });
          return;
        }
        this.dbwtxfDialogUpd.txfmod.reglst.splice(this.currentSetfolIndex, 1);
        this.currentSetfolIndex = -1;
      },
    }
  }
</script>
<style lang="less" scoped>
  .currentPage {
    .el-table--enable-row-hover {
      .el-table__body {
        tr:hover>td {
          background-color: #c694dc !important;
        }
      }
    }

    ::v-deep .el-checkbox {
      float: none;
    }
  }
</style>