Dbb.vue

<template>
    <div>
        <!-- ------------------Left------------------>
        <c-col :span="11">
            <c-col :span="24">
                <el-form-item label="申报号码">
                    <c-col>
                        <c-input
                            maxlength="16"
                            placeholder="请输入申报号码"
                        ></c-input>
                    </c-col>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="操作类型">
                    <c-input placeholder="请选择操作类型"> </c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="地区机构号">
                    <c-input placeholder="请选择地区机构"> </c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="银行业务编号">
                    <c-input
                        maxlength="32"
                        placeholder="请输入银行业务编号"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="汇款人类型">
                    <c-input placeholder="请选择汇款人类型"> </c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="汇款人名称">
                    <c-input
                        maxlength="32"
                        placeholder="请输入汇款人"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="收款人名称">
                    <c-col :span="20">
                        <c-input
                            maxlength="32"
                            placeholder="请输入收款人"
                        ></c-input>
                    </c-col>
                    <c-col :span="3" :offset="1" style="text-align: right">
                        确认
                        <c-checkbox v-model="temp" disabled></c-checkbox>
                    </c-col>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="身份证件号码">
                    <c-input
                        maxlength="32"
                        placeholder="请输入身份证件号码"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="购汇金额">
                    <c-input
                        maxlength="32"
                        placeholder="请输入购汇金额"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="现汇金额">
                    <c-input
                        maxlength="32"
                        placeholder="请输入现汇金额"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="汇款币种和金额">
                    <c-col :span="24">
                        <c-col :span="5" class="m-cur-select">
                            <c-input
                                style="width: 100%"
                                placeholder="请选择汇款金额币种"
                            >
                                <el-option
                                    v-for="item in data"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                >
                                </el-option>
                            </c-input>
                        </c-col>
                        <c-col :span="19">
                            <el-form-item label="" label-width="2%">
                                <c-input
                                    maxlength="32"
                                    placeholder="请输入汇款金额"
                                ></c-input>
                            </el-form-item>
                        </c-col>
                    </c-col>
                </el-form-item>
            </c-col>
        </c-col>

        <!-- ------------------Right------------------>
        <c-col :span="11" :offset="1">
            <c-col :span="24">
                <el-form-item label="修改/删除原因">
                    <c-input type="textarea" :rows="3" placeholder="请输入原因">
                    </c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="结算方式">
                    <c-input placeholder="请选择结算方式"> </c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="组织机构代码">
                    <c-input
                        maxlength="32"
                        placeholder="请输入组织机构代码"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="购汇汇率">
                    <c-input
                        maxlength="32"
                        placeholder="请输入购汇汇率"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="人民币账号/银行卡号">
                    <c-input
                        maxlength="32"
                        placeholder="请输入人民币账号"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="外汇账号//银行卡号">
                    <c-input
                        maxlength="32"
                        placeholder="请输入外汇账号/卡号"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="其他账号//银行卡号">
                    <c-input
                        maxlength="32"
                        placeholder="请输入其他账号/卡号"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="收款人账号">
                    <c-input></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="其他金额">
                    <c-input
                        maxlength="32"
                        placeholder="请输入其他金额"
                    ></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <!-- 境外汇款申请书 -->
        <!-- <c-col :span="12">
			<c-col :span="22">
				<el-form-item label="收付汇日期">
					<c-date-picker
						v-model="model.mtabut.paydat"
						type="date"
						placeholder="选择日期">
					</c-date-picker>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<c-checkbox v-model="model.mtabut.basflg">基础信息</c-checkbox>
				<c-checkbox v-model="model.mtabut.dclflg">申报信息</c-checkbox>
				<c-checkbox v-model="model.mtabut.vrfflg">管理信息</c-checkbox>
			</c-col>
		</c-col> -->

        <!-- 基础信息 -->
        <!-- <c-col :span="24">
			<h3>基础信息</h3>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="申报号码">
					<c-col :span="24" class="m-inputbtn">
						<c-col class="m-inputbtn-input">
							<c-input  v-model="model.bopmod.dbbmod.dbbgrp.bas.rptno" maxlength="16"  placeholder="请输入申报号码" disabled></c-input>
						</c-col>
						<c-button type="primary" class="m-inputbtn-btn" @click="getOwnref">获取</c-button>
					</c-col>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="修改/删除原因">
					<c-input
						type="textarea"
						:rows="3"
						placeholder="请输入原因"
						v-model="model.bopmod.dbbmod.dbbgrp.bas.actiondesc">
					</c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="24">
			<c-col :span="12">
				<c-col :span="22">
					<el-form-item label="操作类型">
						<c-select v-model="model.bopmod.dbbmod.dbbgrp.bas.actiontype" style="width:100%" placeholder="请选择操作类型">
							<el-option
								v-for="item in codes.actiontype"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="汇款人类型">
					<c-select v-model="model.bopmod.dbbmod.dbbp.baspp.cusnam" style="width:100%" placeholder="请选择汇款人类型">
						<el-option
							v-for="item in codes.bopcustype"
							:key="item.value"
							:label="item.label"
							:value="item.value">
						</el-option>
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="结算方式">
					<c-select v-model="model.bopmod.dbbmod.dbbgrp.bas.method" style="width:100%" placeholder="请选择结算方式">
						<el-option
							v-for="item in codes.bopmethods"
							:key="item.value"
							:label="item.label"
							:value="item.value">
						</el-option>
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="身份证件号码">
					<c-input  v-model="model.bopmod.dbbmod.dbbgrp.bas.idcode" maxlength="32"  placeholder="请输入身份证件号码"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="组织机构代码">
					<c-input  v-model="model.bopmod.dbbmod.dbbgrp.bas.custcod" maxlength="32"  placeholder="请输入组织机构代码"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="汇款人">
					<c-input  v-model="model.bopmod.dbbmod.dbbgrp.bas.custnm" maxlength="32"  placeholder="请输入汇款人"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="收款人">
					<c-input  v-model="model.bopmod.dbbmod.dbbgrp.bas.oppuser" maxlength="32"  placeholder="请输入收款人"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="银行业务编号">
					<c-input  v-model="model.bopmod.dbbmod.dbbgrp.bas.buscode" maxlength="32"  placeholder="请输入银行业务编号"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="购汇汇率">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.bas.exrate"
						v-bind:disabled="this.model.bopmod.dbbmod.dbbgrp.bas.lcyamt<=0"
						maxlength="32"  placeholder="请输入购汇汇率"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="购汇金额">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.bas.lcyamt"
						maxlength="32"  placeholder="请输入购汇金额"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="人民币账号">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.bas.lcyacc"
						maxlength="32"  placeholder="请输入人民币账号"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="现汇金额">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.bas.fcyamt"
						maxlength="32"  placeholder="请输入现汇金额"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="外汇账号/卡号">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.bas.fcyacc"
						maxlength="32"  placeholder="请输入外汇账号/卡号"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="其他金额">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.bas.othamt"
						maxlength="32"  placeholder="请输入其他金额"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="其他账号/卡号">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.bas.othacc"
						maxlength="32"  placeholder="请输入其他账号/卡号"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="汇款金额">
					<c-col :span="24">
						<c-col :span="12" class="m-cur-select">
							<c-select v-model="model.bopmod.dbemod.dbegrp.bas.txccy" style="width:100%" placeholder="请选择汇款金额币种">
								<el-option
									v-for="item in codes.curtxt"
									:key="item.value"
									:label="item.label"
									:value="item.value">
								</el-option>
							</c-select>
						</c-col>
						<c-col :span="12">
							<c-input  v-model="model.bopmod.dbemod.dbegrp.bas.txamt" maxlength="32"  placeholder="请输入汇款金额"></c-input>
						</c-col>
					</c-col>
				</el-form-item>
			</c-col>
		</c-col> -->

        <!-- 申报信息 -->
        <!-- <c-col :span="24">
			<h3>申报信息</h3>
		</c-col>
		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="申报号码">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.rptno"
						maxlength="32"  placeholder="请输入申报号码"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="修改/删除原因">
					<c-input
						type="textarea"
						:rows="3"
						placeholder="请输入原因"
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.actiondesc">
					</c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="24">
			<c-col :span="12">
				<c-col :span="22">
					<el-form-item label="操作类型">
						<c-select v-model="model.bopmod.dbbmod.dbbgrp.dcl.actiontype" style="width:100%" placeholder="请选择操作类型">
							<el-option
								v-for="item in codes.actiontype"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="申报日期">
					<c-date-picker
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.rptdate"
						type="date"
						placeholder="选择日期">
					</c-date-picker>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="交易编码1">
					<c-col :span="24" class="m-inputbtn">
						<c-col class="m-inputbtn-input">
							<c-input
								v-model="model.bopmod.dbbmod.dbbgrp.dcl.txcode"
								maxlength="32"  placeholder="请输入交易编码1" disabled></c-input>
							<c-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch1"></c-button>
						</c-col>
					</c-col>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="付款类型">
					<c-select v-model="model.bopmod.dbbmod.dbbgrp.dcl.paytype" style="width:100%" placeholder="请选择付款类型">
						<el-option
							v-for="item in codes.boppaytype"
							:key="item.value"
							:label="item.label"
							:value="item.value">
						</el-option>
					</c-select>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="相应金额1">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.tc1amt"
						maxlength="32"  placeholder="请输入相应金额1"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="收款人常驻国家/地区代码">
					<c-col :span="24" class="m-inputbtn">
						<c-col class="m-inputbtn-input">
							<c-input
								v-model="model.bopmod.dbbmod.dbbgrp.dcl.country"
								maxlength="32"  placeholder="请输入收款人常驻国家/地区代码"></c-input>
							<c-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearchCty"></c-button>
						</c-col>
					</c-col>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="交易附言1">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.txrem"
						maxlength="32"  placeholder="请输入交易附言1"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="24">
			<c-col :span="12">
				<c-col :span="22">
					<el-form-item label="是否保税货物项下付款">
						<c-select v-model="model.bopmod.dbbmod.dbbgrp.dcl.isref" style="width:100%" placeholder="请选择是否保税货物项下付款">
							<el-option
								v-for="item in codes.bopyesno"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>

			<c-col :span="12">
				<c-col :span="22">
					<el-form-item label="交易编码2">
						<c-col :span="24" class="m-inputbtn">
							<c-col class="m-inputbtn-input">
								<c-input
									v-model="model.bopmod.dbbmod.dbbgrp.dcl.txcode2"
									maxlength="32"  placeholder="请输入交易编码2" disabled></c-input>
							</c-col>
							<c-button type="primary" icon="el-icon-search" class="m-inputbtn-btn" @click="handleSearch2"></c-button>
						</c-col>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="申请人">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.crtuser"
						maxlength="32"  placeholder="请输入申请人"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="相应金额2">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.tc2amt"
						maxlength="32"  placeholder="请输入相应金额2"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="申请人电话">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.inptelc"
						maxlength="32"  placeholder="请输入申请人电话"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="交易附言2">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.tx2rem"
						maxlength="32"  placeholder="请输入交易附言2"></c-input>
				</el-form-item>
			</c-col>
		</c-col>


		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="外汇局批件号">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.dcl.regno"
						maxlength="32"  placeholder="请输入外汇局批件号"></c-input>
				</el-form-item>
			</c-col>
		</c-col> -->

        <!-- 管理信息 -->
        <!-- <c-col :span="24">
			<h3>管理信息</h3>
		</c-col>
		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="申报号码">
					<c-input
						v-model="model.bopmod.dbbmod.dbbgrp.vrf.rptno"
						maxlength="32"  placeholder="请输入申报号码"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="修改/删除原因">
					<c-input
						type="textarea"
						:rows="3"
						placeholder="请输入原因"
						v-model="model.bopmod.dbbmod.dbbgrp.vrf.actiondesc">
					</c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="24">
			<c-col :span="12">
				<c-col :span="22">
					<el-form-item label="操作类型">
						<c-select v-model="model.bopmod.dbbmod.dbbgrp.vrf.actiontype" style="width:100%" placeholder="请选择操作类型">
							<el-option
								v-for="item in codes.actiontype"
								:key="item.value"
								:label="item.label"
								:value="item.value">
							</el-option>
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="合同号">
					<c-input  v-model="model.bopmod.dbemod.dbegrp.vrf.contrno" maxlength="16"  placeholder="请输入合同号"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="发票号">
					<c-input  v-model="model.bopmod.dbemod.dbegrp.vrf.invoino" maxlength="16"  placeholder="请输入发票号"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="填报人">
					<c-input  v-model="model.bopmod.dbemod.dbegrp.vrf.crtuser" maxlength="16"  placeholder="请输入填报人"></c-input>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="填报日期">
					<c-date-picker
						v-model="model.bopmod.dbemod.dbegrp.vrf.rptdate"
						type="date"
						placeholder="选择日期">
					</c-date-picker>
				</el-form-item>
			</c-col>
		</c-col>

		<c-col :span="12">
			<c-col :span="22">
				<el-form-item label="填报人电话">
					<c-input  v-model="model.bopmod.dbemod.dbegrp.vrf.inptelc" maxlength="16"  placeholder="请输入填报人"></c-input>
				</el-form-item>
			</c-col>
		</c-col> -->
    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Utils from "~/utils";

export default {
    inject: ["root"],
    mixins: [commonProcess],
    props: ["model", "codes"],
    data() {
        return {
            data: [],
            temp: true,
        };
    },
    methods: {
        async getOwnref() {
            console.log("获取");
            if (!this.model.mtabut.paydat) {
                alert("请输入收付汇日期");
                return;
            }
            if (!this.model.bopmod.dbbmod.dbbp.baspp.cusnam) {
                alert("请输入汇款人类型");
                return;
            }
            // alert(this.model.mtabut.paydat)
            let rtnmsg = await Api.post("cptopn/baspp_getref", {
                data: Utils.flatObject(this.model),
            });
            if (rtnmsg.code == SUCCESS) {
                //TODO 处理数据逻辑
                // this.model.recpan.trnlst=rtnmsg.data.recpan_trnlst
                Utils.copyValueFromVO(this.model, rtnmsg.data);
            } else {
                this.$notify.error({
                    title: "错误",
                    message: "服务请求失败！",
                });
            }
        },
        async handleSearch1() {
            console.log("搜索交易编码1");
            let rtnmsg = await Api.post("cptopn/codsel1_selbut", {
                data: Utils.flatObject(this.model),
            });
            if (rtnmsg.code == SUCCESS) {
                //TODO 处理数据逻辑
                // this.model.recpan.trnlst=rtnmsg.data.recpan_trnlst
                Utils.copyValueFromVO(this.model, rtnmsg.data);
            } else {
                this.$notify.error({
                    title: "错误",
                    message: "服务请求失败！",
                });
            }
        },
        async handleSearchCty() {
            console.log("搜索交易编码");
            let rtnmsg = await Api.post("cptopn/codsel1_selbut1", {
                data: Utils.flatObject(this.model),
            });
            if (rtnmsg.code == SUCCESS) {
                //TODO 处理数据逻辑
                // this.model.recpan.trnlst=rtnmsg.data.recpan_trnlst
                Utils.copyValueFromVO(this.model, rtnmsg.data);
            } else {
                this.$notify.error({
                    title: "错误",
                    message: "服务请求失败！",
                });
            }
        },
        async handleSearch2() {
            console.log("搜索交易编码");
            let rtnmsg = await Api.post("cptopn/codsel2_selbut", {
                data: Utils.flatObject(this.model),
            });
            if (rtnmsg.code == SUCCESS) {
                //TODO 处理数据逻辑
                // this.model.recpan.trnlst=rtnmsg.data.recpan_trnlst
                Utils.copyValueFromVO(this.model, rtnmsg.data);
            } else {
                this.$notify.error({
                    title: "错误",
                    message: "服务请求失败！",
                });
            }
        },
    },
};
</script>