<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="finmod.intamt">
						<c-fullbox>
							<c-input-currency v-model="model.finmod.intamt" disabled placeholder="请输入预收息金额"></c-input-currency>
							<template slot="footer">
								<c-button style="margin-left: 10px" size="small" type="primary" @click="getIntamt()" :disabled="model.finmod.intprd !== '7'">计算</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="预扣息方式" prop="finmod.inttyp">
            <c-select v-model="model.finmod.inttyp" dbCode="inttyp" @change="changeInttyp()" :disabled="model.finmod.intprd != '7'" style="width:100%" placeholder="请输入预扣息方式">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="预扣息账号" prop="finmod.intact">
            <c-select v-model="model.finmod.intact" style="width:100%" :disabled="model.finmod.inttyp!='1' || (model.finmod.inttyp=='1' && (model.finmod.acttyp=='0' || model.finmod.acttyp=='2'))" placeholder="请输入预扣息账号">
              <el-option v-for="(item, index) in model.finmod.intactSet" :key="index" :label="item" :value="item">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="第一还款账号" prop="finmod.act1">
            <c-select v-model="model.finmod.act1" @change="changeAct1()" style="width:100%" placeholder="请输入第一还款账号">
              <el-option v-for="(item, index) in model.finmod.act1Set" :key="index" :label="item" :value="item">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="税率" prop="finmod.shuilv">
            <c-input-currency v-model="model.finmod.shuilv" :precision=4 disabled placeholder="请输入税率"></c-input-currency>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="借据号" prop="finmod.fincod">
            <c-input disabled v-model="model.finmod.fincod" maxlength="17" placeholder="请输入借据号">
            </c-input>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item label="第三方还款方式" prop="finmod.acttyp">
            <c-select v-model="model.finmod.acttyp" dbCode="TYPACT" @change="changeActtyp()" style="width:100%" placeholder="请输入第三方还款方式">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="第三方还款账号" prop="finmod.act3">
            <c-input dbCode="act3" v-model="model.finmod.act3" @change="changeAct3()" :disabled="model.finmod.acttyp==''" style="width:100%" placeholder="请选择第三方还款账号">
            </c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="入账机构" prop="finmod.accbch">
            <c-select v-model="model.finmod.accbch" style="width:100%" placeholder="请输入入账机构">
              <el-option v-for="(item, index) in model.finmod.accbchSet" :key="index" :label="item.value + ' ' + item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="是否定向收付" prop="trdgrp.rec.flowflag" v-if="model.zmqflg=='X'">
            <c-select v-model="model.trdgrp.rec.flowflag" dbCode="FLOFLG" style="width:100%" placeholder="请选择是否定向收付">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="交易性质" prop="trdgrp.rec.trntyp" v-if="model.zmqflg=='X'">
            <c-fullbox>
							<c-input v-model="model.trdgrp.rec.trntyp">
							</c-input>
							<template slot="footer">
								<c-button type="primary" size="small" icon="el-icon-search" style="margin-left: 10px;padding: 0 12px;" @click="getBopcodList">
								</c-button>
							</template>
						</c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="贸易合同号" prop="trdgrp.rec.mycontno" :required="model.trdgrp.rec.pntref==''">
            <c-input v-model="model.trdgrp.rec.mycontno" maxlength="35" placeholder="请输入贸易合同号">
            </c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="对方账号" prop="trdgrp.rec.oppacc" v-if="model.zmqflg=='X'">
            <c-input v-model="model.trdgrp.rec.oppacc" maxlength="35" placeholder="请输入对方账号">
            </c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>

    <!-- 交易性质弹窗 -->
		<el-dialog v-dialogDrag width="50%" title="交易性质" :append-to-body="true" :visible.sync="bopcodDialogTableVisible" v-if="bopcodDialogTableVisible">
			<div style="height: 100%;">
				<el-table id='tableRef' height="calc(100% - 32px)" size="small" :data="tableList" @row-dblclick="dbClickRow" :before-close="beforeCloseFrmDialog">
					<el-table-column v-for="(item,key) in tableColumn" :key="key" :prop="item.prop" :width="item.width" :label="item.label">
					</el-table-column>
				</el-table>
			</div>
		</el-dialog>
  </div>
</template>
<script>
import event from "../event";
import Default from "../model/default";
import commonFunctions from "~/mixin/commonFunctions.js";
import commonDepend from "~/mixin/commonDepend.js";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default, commonFunctions, commonDepend],
  data() {
    return {
      bopcodDialogTableVisible: false,
      tableList: [],
      tableColumn: [
        { label: "交易代码", prop: "cod" },
        { label: "描述", prop: "txt" }
      ]
    };
  },
  methods: {
    dbClickRow(row, column, event) {
      // 回填数据
      this.model.trdgrp.rec.trntyp = row.cod;
      this.bopcodDialogTableVisible = false;
    },
    beforeCloseFrmDialog() {
      this.bopcodDialogTableVisible = false;
    }
  },
  mounted() {},
  computed: {},
  watch: {},
  created: function() {}
};
</script>
<style lang="less" scoped>
</style>