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

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

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

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

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="24">
			<el-col :span="12">
				<el-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>
				</el-col>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-col :span="22">
				<el-form-item label="汇款金额">
					<el-col :span="24">
						<el-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>
						</el-col>
						<el-col :span="12">
							<c-input  v-model="model.bopmod.dbemod.dbegrp.bas.txamt" maxlength="32"  placeholder="请输入汇款金额"></c-input>
						</el-col>
					</el-col>
				</el-form-item>
			</el-col>
		</el-col>

		<!-- 申报信息 -->
		<el-col :span="24">
			<h3>申报信息</h3>
		</el-col>
		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="24">
			<el-col :span="12">
				<el-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>
				</el-col>
			</el-col>
		</el-col>

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

		<el-col :span="12">
			<el-col :span="22">
				<el-form-item label="交易编码1">
					<el-col :span="24" class="m-inputbtn">
						<el-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>
						</el-col>
					</el-col>
				</el-form-item>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-col :span="22">
				<el-form-item label="收款人常驻国家/地区代码">
					<el-col :span="24" class="m-inputbtn">
						<el-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>
						</el-col>
					</el-col>
				</el-form-item>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="24">
			<el-col :span="12">
				<el-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>
				</el-col>
			</el-col>

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

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>


		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<!-- 管理信息 -->
		<el-col :span="24">
			<h3>管理信息</h3>
		</el-col>
		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="24">
			<el-col :span="12">
				<el-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>
				</el-col>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

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

		<el-col :span="12">
			<el-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>
			</el-col>
		</el-col>

	</div>
</template>
<script>
import Api from "~/service/Api"
import Utils from "~/utils"

export default {
	props: ['model', 'codes'],
	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>