adsovw.vue

<template>
    <div class="eibs-tab">
        <!-- 第1行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="业务主键" prop="recgrp.ads.levyno">
                    <c-fullbox>
                        <c-input disabled placeholder="请输入业务主键" v-model="model.recgrp.ads.levyno"></c-input>
                        <template slot="footer">
                            <c-button @click="getInf('TCR')" size="small"
                                      style="margin: 0 0 0 10px; padding: 0 12px"
                                      type="primary">获取
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="操作类型" prop="recgrp.ads.opertype">
                    <c-select dbCode="OPETYP" disabled placeholder="请输入操作类型"
                              v-model="model.recgrp.ads.opertype"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="银行机构代码" prop="recgrp.ads.bankorgcode">
                    <c-input disabled placeholder="请输入银行机构代码" v-model="model.recgrp.ads.bankorgcode"/>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第3行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="收款人账号" prop="recgrp.ads.payeeacct">
                    <c-input maxlength="32" placeholder="请输入收款人账号" v-model="model.recgrp.ads.payeeacct"/>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="付款人常驻国家（地区）代码" prop="recgrp.ads.payercountrycode">
                    <c-select-cty placeholder="请输入付款人常驻国家（地区）代码"
                                  v-model="model.recgrp.ads.payercountrycode"></c-select-cty>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="付款人账户类型" prop="recgrp.ads.payeraccttype">
                    <c-select dbCode="payeea" placeholder="请输入付款人账户类型"
                              v-model="model.recgrp.ads.payeraccttype"></c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第4行 -->
        <c-row>

            <c-col :span="8">
                <el-form-item label="付款人账号" prop="recgrp.ads.payeracct">
                    <c-input maxlength="32" placeholder="请输入付款人账号" v-model="model.recgrp.ads.payeracct"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="是否退款" prop="recgrp.ads.ifrefund">
                    <c-select dbCode="cxmflg" placeholder="请输入是否退款" v-model="model.recgrp.ads.ifrefund"></c-select>
                </el-form-item>
            </c-col>
            <c-col :span="8">
                <el-form-item label="原支出申报号码" prop="recgrp.ads.oripaylevyno">
                    <c-input :disabled="disabledFlg" placeholder="请输入原支出申报号码"
                             v-model="model.recgrp.ads.oripaylevyno"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <!-- 第8行 -->
        <c-row>
            <c-col :span="8">
                <el-form-item label="银行业务编号" prop="recgrp.ads.banktrano">
                    <c-input disabled placeholder="请输入银行业务编号" maxlength="16" v-model="model.recgrp.ads.banktrano"/>
                </el-form-item>
            </c-col>
        </c-row>


        <!-- 第12行 -->
        <c-row>
            <c-col>
                <el-form-item label="变更/撤销原因" prop="recgrp.ads.actiondesc">
                    <c-input disabled maxlength="128" placeholder="请输入变更/撤销原因" show-word-limit type="textarea"
                             v-model="model.recgrp.ads.actiondesc"></c-input>
                </el-form-item>
            </c-col>
        </c-row>
        <el-dialog :visible.sync="dialogTableVisible" destroy-on-close title="付款人常驻国家（地区）代码" v-dialogDrag
                   v-if="dialogTableVisible" width="80%">
            <div v-if="tableList.length === 0">暂无数据</div>
            <div style="width: 100%;height: 100%;" v-else>
                <el-table :data="tableList" @row-dblclick="dbClickRow" height="calc(100% - 32px)">
                    <el-table-column :key="key" :label="item.label" :prop="item.prop" v-for="(item,key) in tableColumn">
                    </el-table-column>
                </el-table>
                <el-pagination :current-page="currentPage" :page-size="pageSize"
                               :page-sizes="pageSizes" :total="total" @current-change="currentChange"
                               @size-change="sizeChange"
                               layout="prev, pager, next, jumper, ->, sizes, total"></el-pagination>
            </div>
        </el-dialog>
        <el-dialog :visible.sync="diaflog" destroy-on-close title="选择跨境收入申报编号" v-dialogDrag v-if="diaflog" width="40%">
            <div style="width: 100%;height: 100%;">
                <c-col :span="24">
                    <el-form-item label="起止日期" style="width: 100%">
                        <c-col :span="11">
                            <c-date-picker placeholder="请选择起始日期" style="width: 100%" type="date" v-model="frmdat"
                                           value-format="yyyy-MM-dd"></c-date-picker>
                        </c-col>
                        <c-col :span="2" style="text-align: center">
                            <label style="display: inline-block; width: 100%">-</label>
                        </c-col>
                        <c-col :span="11">
                            <c-date-picker placeholder="请选择截止日期" style="width: 100%" type="date" v-model="tildat"
                                           value-format="yyyy-MM-dd"></c-date-picker>
                        </c-col>
                    </el-form-item>
                    <c-col :span="24">
                        <el-form-item label="业务主键">
                            <c-input placeholder="请输入业务主键" style="width:100%" v-model="levyno"/>
                        </el-form-item>
                    </c-col>
                    <c-col :span="12" style="text-align: right">
                        <el-button @click="onSearch()" icon="el-icon-search" size="small" type="primary">查询</el-button>
                    </c-col>
                </c-col>
            </div>
        </el-dialog>
        <el-dialog :visible.sync="dialogTableIsdisable" destroy-on-close title="业务主键" v-dialogDrag
                   v-if="dialogTableIsdisable" width="80%">
            <div v-if="tableLists.length === 0">暂无数据</div>
            <div style="width: 100%;height: 100%;" v-else>
                <el-table :data="tableLists" @row-dblclick="dbClickRows" height="calc(100% - 32px)">
                    <el-table-column :key="key" :label="item.label" :prop="item.prop"
                                     v-for="(item,key) in tableColumns">
                    </el-table-column>
                </el-table>
                <el-pagination :current-page="currentPages" :page-size="pageSize1"
                               :page-sizes="pageSizess" :total="totals" @current-change="currentChanges"
                               @size-change="sizeChanges"
                               layout="prev, pager, next, jumper, ->, sizes, total"></el-pagination>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    import event from "../event";
    import {getCnyctyCod} from "~/service/business/rmb";
    import Api from '~/service/Api';
    import {getDecnum} from "../../../../../../service/business/rmb";

    export default {
        props: ["model", "codes"],
        inject: ["root"],
        mixins: [event],
        computed: {
            disabledFlg() {
                return this.model.recgrp.ads.ifrefund !== "Y";
            },
        },
        data() {
            return {
                diaflog: false,
                frmdat: "",
                levyno: '',
                tildat: new Date(),
                dialogTableIsdisable: false,
                tableLists: [],
                totals: 0,
                currentPages: 1, // 页数
                pageSizess: [5, 10, 20, 30, 40, 50, 100],
                pageSize1: 5, // 条数
                tableColumns: [
                    {prop: "inr", label: "inr"},
                    {prop: "ver", label: "版本号"},
                    {prop: "levyno", label: "业务主键"},
                    {prop: "opertype", label: "操作类型"},
                    {prop: "actiondesc", label: "变更/撤销原因"},
                    {prop: "bankorgcode", label: "银行机构代码"},
                    {prop: "payeename", label: "收款人名称"},
                    {prop: "payeeattr", label: "收款人属性"},
                    {prop: "payeeorgcode", label: "收款人机构代码或身份证件号码"},
                    {prop: "payername", label: "付款人名称"},
                    {prop: "payeedate", label: "收款日期"},
                    {prop: "balancemode", label: "结算方式"},
                    {prop: "payeecny", label: "收款币种"},
                    {prop: "banktrano", label: "银行业务编号"},
                    {prop: "sta", label: "人行状态"},
                    {prop: "paybankcode", label: "付款行行号"},
                    {prop: "allamt", label: "总金额"},
                    {prop: "ownextkey", label: "机构代码"},
                    {prop: "sbankname", label: "银行机构名称"},
                ],
                dialogTableVisible: false,
                tableList: [],
                total: 0,
                currentPage: 1, // 页数
                pageSizes: [5, 10, 20, 30, 40, 50, 100],
                pageSize: 5, // 条数
                tableColumn: [
                    {prop: "cod", label: "国家/地区编号"},
                    {prop: "numcod", label: "国家/地区数字代码"},
                    {prop: "txt", label: "国家/地区简称"},
                    {prop: "fultxt", label: "国家/地区全称"}
                ]
            };
        },
        watch: {
            'model.rmbbut.ownextkey': {
                handler(newValue) {
                    getDecnum(newValue).then(response => {
                        if (response.respCode === SUCCESS) {
                            this.model.recgrp.ads.bankorgcode = response.data;
                        }
                    });
                    this.model.recgrp.ads.ownextkey = newValue;
                },
            },
            'model.recgrp.ads.payeraccttype':{
                handler(newValue) {
                    if (newValue == "3") {
                        this.model.recgrp.ads.payeracct = "N/A";
                    }
                },
            },
            'model.recgrp.ads.ifrefund': {
                handler(newValue) {
                    if (newValue !== "Y") {
                        this.model.recgrp.ads.oripaylevyno = "";
                    }
                },
            },
            'model.rmbbut.flg': {
                handler(newValue) {
                    if (newValue === "X") {
                        const oldOpertype = "1";
                        switch (oldOpertype) {
                            case "1":
                            case "2":
                                const sta = this.model.pblmod.wrkpbl.sta;
                                if (sta === "8") {
                                    this.disabledOpertype = false;
                                    this.opertypeOptions = [{label: "变更", value: "2"}];
                                    this.model.recgrp.ads.opertype = "2";
                                }
                        }
                    } else {
                        this.disabledOpertype = true;
                        this.opertypeOptions = [
                            {label: "新增", value: "1"},
                            {label: "变更", value: "2"},
                            {label: "撤销", value: "3"}
                        ];
                    }
                },
            },
        },
        methods: {
            getInf() {
                this.diaflog = true;
                this.levyno = this.model.recgrp.ads.levyno
            },
            showBenCtyDialog() {
                this.dialogTableVisible = true;
                this.currentPage = 1;
                this.getTableData();
            },
            async getTableData() {
                this.tableList = [];
                let params = {
                    countryCod: this.model.recgrp.ads.payercountrycode,
                    pageNum: this.currentPage,
                    pageSize: this.pageSize
                };
                const res = await getCnyctyCod(params);
                if (res.respCode == SUCCESS) {
                    if (res.data && res.data.list) {
                        this.total = res.data.total;
                        this.tableList = res.data.list;
                    }
                }
            },
            //回填数据
            dbClickRow(row) {
                this.model.recgrp.ads.payercountrycode = row.cod;
                this.dialogTableVisible = false;
            },
            sizeChange(num) {
                this.pageSize = num;
                this.getTableData();
            },
            currentChange(num) {
                this.currentPage = num;
                this.getTableData();
            },
            onSearch() {
                this.currentPage = 1;
                this.dialogTableIsdisable = true;
                this.serach()
            },
            async serach() {
                let params = {
                    rmbtyp: 'TCR',
                    levyno: this.levyno,
                    frmdat: this.frmdat,
                    tildat: this.tildat,
                    branch: this.$store.state.UserContext.currentOrg.departmentNumber,
                    pageNum: this.currentPages,
                    pageSize: this.pageSize1
                };
                let rtnmsg = await Api.post("/report/rmbsel/getRef", params);
                if (rtnmsg.respCode == SUCCESS) {
                    if (rtnmsg.data) {
                        this.tableLists = rtnmsg.data.list;
                        this.totals = rtnmsg.data.total
                    }
                }
            },
            async dbClickRows(row) {
                let params = {
                    levyno: row.levyno
                };
                let rtnmsg = await Api.post("/report/rmbsel/ckckTcrLevyno", params);
                if (rtnmsg.respCode == SUCCESS) {
                    if (rtnmsg.data) {
                        this.dialogTableIsdisable = false;
                        this.diaflog = false;
                        this.model.recgrp.ads.levyno = row.levyno;
                        this.model.recgrp.ads.banktrano = row.banktrano;
                        this.model.recgrp.ads.bankorgcode = row.bankorgcode
                    } else {
                        this.dialogTableIsdisable = false;
                        this.$message({
                            message: '已存在2112，请重新选择',
                            type: 'warning'
                        });
                    }
                }
            },
            sizeChanges(num) {
                this.pageSize1 = num;
                this.serach();
            },
            currentChanges(num) {
                this.currentPages = num;
                this.serach();
            },

        }
    };
</script>
<style>
    .el-form-item__label {
        padding: 0 0 0 20px;
        line-height: 20px !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
</style>