<template>
  <div class="eibs-tab">
    <c-col :span="12" class="col-left">
      <!-- S0000004 : 保证金账户 -->
      <c-col :span="24">
        <c-col :span="20">
          <el-form-item label="保证金账户" prop="dnfmod.kehuzh">
            <c-input v-model="model.dnfmod.kehuzh" disabled></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <!--  @click="onDnfencGet()" -->
          <c-button style="margin: 0px 0px 0px 20px;" @click="onDnfmodGet" type="primary" icon="el-icon-search" size="small">
            查询
          </c-button>
        </c-col>
      </c-col>

      <!-- S0000102 : 支取类型 -->
      <c-col :span="24">
        <el-form-item label="支取类型" :prop="model.dnfmod.ccvtyp == 'C' ? 'dnfmod.zhqtyp' : null">
          <c-select @change="changeZhqtyp('noInit')" v-model="model.dnfmod.zhqtyp" style="width:100%" placeholder="请选择支取类型" dbCode="zhqtyp" :disabled="!(model.dnfmod.ccvtyp === 'C')">
          </c-select>
        </el-form-item>
      </c-col>

      <!-- S0000103 : 部分提支金额 -->
      <c-col :span="24">
        <el-form-item label="部分提支金额" :required="model.dnfmod.zhqtyp === 'B'" prop="dnfmod.tizamt">
          <c-input-currency :disabled="!(model.dnfmod.zhqtyp === 'B')" :currency="model.dnfmod.cur" v-model="model.dnfmod.tizamt" @change="changeTizamt('noInit')" placeholder="请输入部分提支金额">
          </c-input-currency>
        </el-form-item>
      </c-col>

      <!-- S0000026 : 本金转入账户 -->
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="本金转入账户" prop="dnfmod.pridsp">
            <c-select v-model="model.dnfmod.pridsp" :disabled="model.dnfmod.zhqtyp === ''" @change="changePridsp" @clear="model.dnfmod.lxzyzh = '';" style="width:100%" placeholder="" dbCode="DSPPRI">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" :prop="model.dnfmod.zhqtyp != '' ? 'dnfmod.zhruzh' : null" :key="model.dnfmod.zhqtyp != '' ? 'dnfmod.zhruzh' : null" label-width="10px">
            <c-select v-model="model.dnfmod.zhruzh" @blur="allowMinputZhruzh($event)" :filterable="true" :disabled="model.dnfmod.zhqtyp === ''" style="width:100%" placeholder="">
              <el-option v-for="item in zhruzhList" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
      </c-col>

      <!-- S0000106 : 利息转入账户 -->
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="利息转入账户" prop="dnfmod.intdsp">
            <c-select v-model="model.dnfmod.intdsp" :disabled="model.dnfmod.zhqtyp === ''" @change="changeIntdsp" style="width:100%" placeholder="" dbCode="DSPINT">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" prop="dnfmod.lxzyzh" label-width="10px">
            <c-select v-model="model.dnfmod.lxzyzh" @blur="allowMinputLxzyzh($event)" :filterable="true" :disabled="model.dnfmod.zhqtyp === ''" style="width:100%" placeholder="">
              <el-option v-for="item in lxzyzhList" :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" class="col-right">
      <!-- S0000003 : 操作类型 -->
      <c-col :span="24">
        <el-form-item label="操作类型" prop="dnfmod.ccvtyp">
          <c-select v-model="model.dnfmod.ccvtyp" style="width:100%" placeholder="请选择操作类型" @change="changeCcvtyp('noInit')">
            <!-- dbCode="ccvtyp1" -->
            <el-option v-for="item in codes.operationsList" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <!-- S0000105 : 支取次数 -->
      <c-col :span="24">
        <el-form-item label="支取次数" prop="dnfmod.zhqucs">
          <c-input v-model="model.dnfmod.zhqucs" maxlength="2" style="width:100%" placeholder="请输入支取次数" disabled></c-input>
        </el-form-item>
      </c-col>

      <!-- S0000108 : 业务代号 -->
      <c-col :span="24">
        <el-form-item label="业务代号" prop="dnfmod.yewudh">
          <c-input disabled v-model="model.dnfmod.yewudh" style="width:100%" maxlength="4" placeholder="请输入业务代号"></c-input>
        </el-form-item>
      </c-col>

      <!-- S0000111 : 起存金额 -->
      <c-col :span="24">
        <c-col :span="20">
          <el-form-item label="起存金额" :prop="model.dnfmod.zhqtyp == 'B' ? 'dnfmod.qicuje' : null">
            <c-input-currency disabled v-model="model.dnfmod.qicuje" placeholder="请输入起存金额" :currency="model.dnfmod.cur"></c-input-currency>
          </el-form-item>
        </c-col>
        <c-col :span="4">
          <c-button style="margin: 0px 0px 0px 20px" size="small" @click="qicujeGet" type="primary" :disabled="!(model.dnfmod.ccvtyp === 'C')">
            获取
          </c-button>
        </c-col>
      </c-col>

      <!-- S0000104 : 账户余额 -->
      <c-col :span="24">
        <el-form-item label="账户余额" prop="dnfmod.zhhuye">
          <c-input-currency disabled v-model="model.dnfmod.zhhuye" style="width:100%" placeholder="请输入账户余额" :currency="model.dnfmod.cur"></c-input-currency>
        </el-form-item>
      </c-col>
    </c-col>
    <!-- <c-col :span="24" style="text-align: right">
			<el-button type="primary" icon="el-icon-search"  @click="onDnfencGet" size="small">查询</el-button>
		</c-col> -->

    <c-col :span="24" style="margin-bottom: 35px">
      <el-table ref="table" :data="codes.tableDataList || []" border>
        <el-table-column property="kehuzh" label="账号" width="170"></el-table-column>
        <el-table-column property="kehzwm" label="客户中文名" width="150"></el-table-column>
        <el-table-column property="zhngjg" label="账务机构号" width="200"></el-table-column>
        <el-table-column property="yewudh" label="业务代号" width="80"></el-table-column>
        <el-table-column property="jixiff" label="计息方法" width="80"></el-table-column>
        <el-table-column property="lilvbh" label="利率编号" width="80"></el-table-column>
        <el-table-column property="jishuu" label="积数" width="100"></el-table-column>
        <el-table-column property="zuidje" label="最低金额" width="200"></el-table-column>
        <el-table-column property="zuigje" label="最高金额" width="80"></el-table-column>
        <el-table-column property="kaihrq" label="开户日期" width="100"></el-table-column>
        <el-table-column property="lilvll" label="利率" width="100"></el-table-column>
        <el-table-column property="jiluzt" label="记录状态" width="80"></el-table-column>
        <el-table-column property="kemucc" label="科目存储" width="80"></el-table-column>
        <el-table-column property="huobdh" label="货币代号" width="80"></el-table-column>
        <el-table-column property="xiohrq" label="销户日期" width="100"></el-table-column>
        <el-table-column property="ljzqje" label="累计支取金额" width="120"></el-table-column>
        <el-table-column property="kaihje" label="开户金额" width="80"></el-table-column>
        <el-table-column property="cunkzl" label="存款种类" width="80"></el-table-column>
        <el-table-column property="cunqii" label="存期" width="80"></el-table-column>
        <el-table-column property="daoqrq" label="到期日" width="100"></el-table-column>
        <el-table-column property="qixirq" label="起息日" width="100"></el-table-column>
        <el-table-column property="zhqucs" label="支取次数" width="80"></el-table-column>
        <el-table-column property="youhll" label="优惠利率" width="100"></el-table-column>
        <el-table-column property="zdzczh" label="自动转存账户" width="150"></el-table-column>
      </el-table>
    </c-col>
  </div>
</template>
<script>
import event from "../event";
import Defalut from "../model/default";
export default {
  inject: ["root"],
  props: ["model", "codes", "tableData", "ccvpanSelections"],
  mixins: [event, Defalut],
  watch: {
    operations: {
      handler(newValue) {
        this.operationsList = newValue;
      },
      deep: true
    },
    tableData: {
      handler(newValue) {
        this.tableDataList = newValue;
      },
      deep: true
    },
    'model.dnfmod.pridsp' (val) {
      if(val == ''){
        this.model.dnfmod.lxzyzh = '';
      }
    },
    "model.dnfmod.zhqtyp"(newVal,oldVal){
      console.log("test");
      if(newVal != oldVal){
        this.addZhruzh()
      }
    },
    "model.dnfmod.tizamt"(newVal,oldVal){
      console.log("test");
      if(newVal != oldVal){
        this.addZhruzh()
      }
    },
    "model.dnfmod.pridsp"(newVal,oldVal){
      console.log("test");
      console.log("test");
      if(newVal != oldVal){
        this.addZhruzh()
      }
    },
    "model.dnfmod.zhruzh"(newVal,oldVal){
      console.log("test");
      if(newVal != oldVal){
        this.addZhruzh()
      }
    },
    "model.dnfmod.kehuzh"(newValue, oldValue) {
      this.operationsList = [];
      this.tableDataList = [];
    },
  },
  data() {
    return {
      stmData: {
        columns: [
          '1 1 "账号" 155',
          '2 2 "客户中文名" 155',
          '3 3 "账务机构" 155',
          '4 4 "业务代号" 155',
          '5 5 "计息方法" 155',
          '6 6 "利率编号" 155',
          '7 7 "积数" 155'
        ]
      },
      operationsList: [],
      lxzyzhList: [],
      zhruzhList: [],
      tableDataList: []
    };
  },
  methods: {
    allowMinputZhruzh(e) {
      if (e.target.value && e.target.value.trim()) {
        this.model.dnfmod.zhruzh = e.target.value.trim();
      }
    },

    allowMinputLxzyzh(e) {
      if (e.target.value && e.target.value.trim()) {
        this.model.dnfmod.lxzyzh = e.target.value.trim();
      }
    },
    validateTizamt(rule, value, callback) {
      if (Number(value) <= 0) {
        return callback(new Error("部分提支金额必须为正数"));
      }
      callback();
    },
  }
};
</script>
<style scoped lang="less">
::v-deep .c-highlight-content {
  overflow: hidden;
}
</style>