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

      <c-col :span="24">
        <el-form-item label="保证金账户" prop="dnfenc.kehuzh">
          <c-fullbox>
            <c-select v-model="model.dnfenc.kehuzh" style="width:100%" placeholder="请选择保证金账户" @change="changeKehuzh">
              <el-option v-for="item in accountList" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </c-select>
            <template slot="footer">
              <c-button type="primary" style="margin-left:5px" icon="el-icon-search" size="small" @click="onDnfencGet">
                查询
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

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

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

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="本金转入账户" prop="dnfenc.pridsp">
            <c-select v-model="model.dnfenc.pridsp" :disabled="model.dnfenc.zhqtyp === ''" @change="changePridsp" style="width:100%" placeholder="" dbCode="DSPINT">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" :prop="model.dnfenc.zhqtyp != '' ? 'dnfenc.zhruzh' : 'vid.tmp'" :key="model.dnfenc.zhqtyp != '' ? 'dnfenc.zhruzh' : 'vid.tmp'" label-width="10px">
            <c-select v-model="model.dnfenc.zhruzh" @blur="allowMinputZhruzh($event)" :filterable="true" :disabled="model.dnfenc.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>

      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="利息转入账户" prop="dnfenc.intdsp">
            <c-select v-model="model.dnfenc.intdsp" :disabled="model.dnfenc.zhqtyp === ''" @change="changeIntdsp" style="width:100%" placeholder="" dbCode="DSPPRI">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label="" prop="dnfenc.lxzyzh" label-width="10px">
            <c-select v-model="model.dnfenc.lxzyzh" @blur="allowMinputLxzyzh($event)" :filterable="true" :disabled="model.dnfenc.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" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="操作类型" prop="dnfenc.ccvtyp">
          <c-select v-model="model.dnfenc.ccvtyp" style="width:100%" placeholder="请选择操作类型" @change="changeCcvtyp" :disabled="model.dnfenc.kehuzh == ''">
            <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>
      <c-col :span="24">
        <el-form-item label="支取次数" prop="dnfenc.zhqucs">
          <c-input v-model="model.dnfenc.zhqucs" maxlength="2" placeholder="请输入支取次数" disabled></c-input>
        </el-form-item>
      </c-col>

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

      <c-col :span="24">
        <el-form-item label="起存金额" :prop="model.dnfenc.zhqtyp == 'B' ? 'dnfenc.qicuje' : null" :key="model.dnfenc.zhqtyp == 'B' ? 'dnfenc.qicuje' : null">
          <c-fullbox>
            <c-input v-model="model.dnfenc.qicuje" placeholder="请输入起存金额" disabled></c-input>
            <template slot="footer">
              <c-button style="margin-left:5px" size="small" @click="qicujeGet" type="primary" :disabled="!(model.dnfenc.ccvtyp === 'C')">获取</c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="账户余额" prop="dnfenc.zhhuye">
          <c-input v-model="model.dnfenc.zhhuye" placeholder="请输入账户余额" disabled></c-input>
        </el-form-item>
      </c-col>
    </c-col>

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

    allowMinputLxzyzh(e) {
      if (e.target.value && e.target.value.trim()) {
        this.model.dnfenc.lxzyzh = e.target.value.trim();
      }
    },
  },
  mounted() {
    console.log(this.accountList);
  }
};
</script>
<style>
</style>