<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<c-col :span="12" style="padding-right: 20px">

				<c-col :span="24">
					<el-form-item label="父交易编号" prop="trtcre.trdgrp.rec.pntref">
						<c-input disabled v-model="model.trtcre.trdgrp.rec.pntref" maxlength="16" placeholder="请输入父交易编号"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="融资业务编号" prop="trtcre.trdgrp.rec.ownref">
						<c-fullbox>
							<c-input v-model="model.trtcre.trdgrp.rec.ownref" disabled placeholder="请输入融资业务编号"></c-input>
							<template slot="footer">
								<c-button :disabled="model.trtcre.trdgrp.rec.fintyp=='' || model.trtcre.trdgrp.fip.pts.ptainr==''" style="margin: 0 0" size="small" type="primary" @click="queryOwnref">获取</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="经办柜员" prop="trtcre.trdgrp.rec.ownusr">
						<c-input disabled v-model="model.trtcre.trdgrp.rec.ownusr" maxlength="8" placeholder="请输入经办柜员"></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="抵押标志" prop="trtcre.trdgrp.rec.guaflg">
						<c-select v-model="model.trtcre.trdgrp.rec.guaflg" dbCode="guaflg" style="width:100%" placeholder="请输入抵押标志">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="融资类型" prop="trtcre.trdgrp.rec.fintyp">
						<c-select disabled v-model="model.trtcre.trdgrp.rec.fintyp" dbCode="trdtyp" style="width:100%" placeholder="请输入融资类型">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="付款方式" prop="trtcre.trdgrp.rec.avbby">
            <c-select v-if="model.trtcre.buildParams.transName === 'cptopn'" v-model="model.trtcre.trdgrp.rec.avbby" dbCode="avbby" :filterKey="['P','A']" @change="changeAvbby()" style="width:100%" placeholder="请输入付款方式">
						</c-select>
						<c-select v-else disabled v-model="model.trtcre.trdgrp.rec.avbby" dbCode="typcod" uil="CN" style="width:100%" placeholder="请输入付款方式">
						</c-select>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="付款期限" prop="trtcre.trdgrp.rec.tenorday">
						<c-input-number v-if="model.trtcre.buildParams.transName === 'cptopn'" :disabled="model.trtcre.trdgrp.rec.avbby === 'P'" v-model="model.trtcre.trdgrp.rec.tenorday" :min=0 :max=9999 placeholder="请输入付款期限"></c-input-number>
            <c-input-number v-else disabled v-model="model.trtcre.trdgrp.rec.tenorday" placeholder="请输入付款期限"></c-input-number>
					</el-form-item>
				</c-col>

			</c-col>

			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24">
          <!-- <c-ptap-ext :argadr="{ title: '申请人', extCodes:['trtcre'], grp: 'trdgrp', rol: 'fip' }"
            :requiredExtkey="true"
            :isAdrblk="true" :isFieldLabelVisible="true" :disabled="true" :disabledExtkey="true"
            :chooseLanguage="model.trtcre.trdgrp.rec.pnttyp === 'BDD'?'CN':'EN'"
			:model="model" ptytyp="C">
          </c-ptap-ext> -->
					<c-ptap-ext :argadr="{ title: '申请人', extCodes:['trtcre'], grp: 'trdgrp', rol: 'fip' }"
						:requiredExtkey="true"
						:isAdrblk="true" :isFieldLabelVisible="true" :disabled="true" :disabledExtkey="true"
						chooseLanguage="CN"
						:model="model" ptytyp="C">
					</c-ptap-ext>
				</c-col>
				<c-col :span="24">
					<div style="width: calc(100% - 120px);margin-left: 120px;display: flex;align-item: center;justify-content: space-between;">
						<div>
							<el-form-item label-width="0" prop="trtcre.finmod.wjdkfl">
								<c-checkbox v-model="model.trtcre.finmod.wjdkfl" :disabled="model.trtcre.finmod.disableSet.includes('wjdkfl')" class="checkbox-left">是否到期主动扣收贷款本息</c-checkbox>
							</el-form-item>
						</div>
					</div>
				</c-col>
				<c-col :span="24">
					<c-form-item label="中文货物描述" prop="trtcre.trdgrp.rec.goddspcn">
						<c-input v-model="model.trtcre.trdgrp.rec.goddspcn" type="textarea" show-word-limit maxlength="100" placeholder="请输入中文货物描述"></c-input>
					</c-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="货物品类" prop="trtcre.trdgrp.rec.stagod">
						<c-select v-model="model.trtcre.trdgrp.rec.stagod" dbCode="godcod" style="width:100%" placeholder="请输入货物品类">
						</c-select>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";
import commonFunctions from "~/mixin/commonFunctions.js";
import commonDepend from "~/mixin/commonDepend.js";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, commonFunctions, commonDepend],
  data() {
    return {
    };
  },
  methods: {},
  mounted() {},
  computed: {},
  watch: {},
  created: function() {}
};
</script>
<style lang="less" scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}

.page-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 2px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  border: 1px solid #707070;

  .form-content {
    width: 100%;
    flex: 1;
    position: relative;
    border: 1px solid #b1b1b1;
    overflow-y: auto;
    background-color: #fff;
    padding: 5px 0;
  }
}

.field {
  text-align: left;
  line-height: 32px;
  width: 40px;
}

.fieldName {
  /deep/ .el-form-item--small .el-form-item__label {
    width: 200px !important;
    justify-content: flex-start;
  }

  /deep/ .el-date-editor.el-input {
    width: 90%;
  }

  /deep/ .el-select {
    width: 90%;
  }
}

.over {
  /deep/ .el-form-item--small .el-form-item__label {
    text-align: left;
  }
}
</style>