addchk.vue

<template>
  <div class="eibs-tab">
    <el-row>
      <c-col :span="12">
        <el-form-item prop="txfflg" class="checkbox-left">
          <c-checkbox v-model="dbwtxfDialog.txfmod.txfflg" true-label="X" false-label="">税务备案表核验</c-checkbox>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="业务编号" prop="ywbh">
          <c-input v-model="dbwtxfDialog.txfmod.ywbh" maxlength="16" placeholder="请输入业务编号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="备案表编号" prop="rcrdno">
          <c-input v-model="dbwtxfDialog.txfmod.rcrdno" maxlength="16" placeholder="请输入备案表编号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="验证码" prop="dataverfcd">
          <c-input v-model="dbwtxfDialog.txfmod.dataverfcd" maxlength="16" placeholder="请输入验证码"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <div style="text-align: center">
          <c-button size="small" type="primary" :disabled="dbwtxfDialog.txfmod.txfflg != 'X'" @click="subtxf()">
            提交核验
          </c-button>
        </div>
      </c-col>
    </el-row>

    <el-divider content-position="left" v-if="dbwtxfDialog.txfmod.txfrst == 'N'">核验结果</el-divider>
    <el-row v-if="dbwtxfDialog.txfmod.txfrst == 'N'">
      <c-col :span="12">
        <el-form-item label="备案表编号" prop="txfmod.rcrdno">
          <c-input disabled v-model="dbwtxfDialog.txfmod.rcrdno"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="验证码" prop="txfmod.dataverfcd">
          <c-input disabled v-model="dbwtxfDialog.txfmod.dataverfcd"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="备案表一致性匹配结果" prop="txfmod.txfrst">
          <c-select style="width:100%" v-model="dbwtxfDialog.txfmod.txfrst" disabled dbCode="TXFRST" uil="CN"
            sort="SRT">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="说明" prop="txfmod.explan">
          <c-input disabled v-model="dbwtxfDialog.txfmod.explan"></c-input>
        </el-form-item>
      </c-col>
    </el-row>

    <el-divider content-position="left" v-if="dbwtxfDialog.txfmod.txfrst == 'Y'">付汇信息</el-divider>
    <el-row v-if="dbwtxfDialog.txfmod.txfrst == 'Y'">
      <c-col :span="12">
        <el-form-item label="备案表状态" prop="txfmod.txform.sta">
          <c-input disabled v-model="dbwtxfDialog.txfmod.txform.sta"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="付汇业务编号" prop="txfmod.txpaym.bsnsrlno">
          <c-input disabled v-model="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.txfmod.txpaym.beenchkverfamt"></c-input>
        </el-form-item>
      </c-col>
    </el-row>

    <el-divider content-position="left" v-if="dbwtxfDialog.txfmod.txfrst == 'Y'">服务贸易等项目对外付汇税务备案表</el-divider>
    <el-row v-if="dbwtxfDialog.txfmod.txfrst == 'Y'">
      <c-col :span="12">
        <el-form-item label="备案表编号" prop="txfmod.txform.rcrdno">
          <c-input disabled v-model="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.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="dbwtxfDialog.txfmod.txform.enddt"></c-input>
        </el-form-item>
      </c-col>
    </el-row>

    <el-dialog :visible.sync="dialogFormVisible" title="付汇登记信息" :modal-append-to-body="false" :lock-scroll="false"
      :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false" width="70%" v-dialogDrag>
      <el-form ref="dialogForm" :model="dbwtxfDialog" label-width="120px" label-position="right" label-suffix="：">
        <el-row>
          <c-col :span="12">
            <el-form-item prop="payflg" class="checkbox-left">
              <c-checkbox v-model="dbwtxfDialog.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="dbwtxfDialog.txfmod.reglst" :paginationShow="true"
            :border="true" :total="dbwtxfDialog.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-select v-model="scope.row.txncd" :isShowKeyAndLabel="true">
                  <el-option v-for="item in txncdList" :key="item.cod" :label="formatLabel(item)" :value="item.cod">
                  </el-option>
                </c-select>
              </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-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancelDialog" type="info">取 消</el-button>
        <el-button @click="submitDialog" type="primary">保 存</el-button>
      </div>
    </el-dialog>

    <el-row v-if="dbwtxfDialog.txfmod.txfrst == 'Y'">
      <div style="text-align: center">
        <el-button type="info" v-if="payBtnIsShow == 'N'" @click="closeAddchk()">关 闭</el-button>
        <el-button type="primary" v-if="payBtnIsShow == 'N'" size="small" @click="busacp()">业务受理</el-button>
        <el-button type="info" v-if="payBtnIsShow == 'Y'" @click="showPayPage()">录入付汇登记信息</el-button>
        <el-button type="primary" v-if="payBtnIsShow == 'Y'" size="small" @click="calpay(dbwtxfDialog)">付汇取消</el-button>
        <el-button type="primary" v-if="payBtnIsShow == 'Y'" size="small" @click="downloadInfo(dbwtxfDialog)">下载</el-button>
        <a v-show="false" :download="`TXF_${dbwtxfDialog.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"],
    mixins: [event, Check, commonFunctions],
    data() {
      return {
        dbwtxfDialog: new Dbwtxf().data,
        currentSetfolIndex: -1,
        payBtnIsShow: "N",
        viewPdfUrl: "",
        dialogFormVisible: false,
        txncdList:[],
      }
    },
    mounted() {},
    methods: {
      closeAddchk() {
        this.dbwtxfDialog.txfmod.txfrst = "close";
      },
      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.dbwtxfDialog.txfmod.reglst) {
          start = this.dbwtxfDialog.txfmod.reglst.length;
        }
        this.dbwtxfDialog.txfmod.reglst.splice(start, 0, newRow);
      },
      removeRowSetfol() {
        if (this.currentSetfolIndex === -1) {
          this.$notify.error({
            title: "错误",
            message: "请选择一条数据删除!"
          });
          return;
        }
        this.dbwtxfDialog.txfmod.reglst.splice(this.currentSetfolIndex, 1);
        this.currentSetfolIndex = -1;
      },
      showPayPage() {
        this.dbwtxfDialog.txfmod.reglst = this.dbwtxfDialog.txfmod.oldreglst;
        this.selectBopcod();
        this.dialogFormVisible = true;
      },
      cancelDialog() {
        this.dialogFormVisible = false;
      },
      submitDialog() {
        for (var i = 0; i < this.dbwtxfDialog.txfmod.reglst.length; i++) {
          var item = this.dbwtxfDialog.txfmod.reglst[i];
          if (item.txnccy == '') {
            this.$notify.warning({
              title: '提示',
              message: '请输入付汇币种'
            });
            return;
          }
          if (item.pymtamt == '') {
            this.$notify.warning({
              title: '提示',
              message: '请输入付汇金额'
            });
            return;
          }
          if (item.txncd == '') {
            this.$notify.warning({
              title: '提示',
              message: '请输入交易编码'
            });
            return;
          }
        }
        this.dialogFormVisible = false;
        this.dbwtxfDialog.txfmod.oldreglst = [];
        this.dbwtxfDialog.txfmod.oldreglst = this.dbwtxfDialog.txfmod.reglst;
      },


    }
  }
</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>