Yptp.vue

<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <!-- S0001174 : 额度风险类型 -->
      <c-col :span="24">
        <el-form-item label="额度风险类型" prop="liaall.limmod.edfxlx">
          <c-input v-model="model.liaall.limmod.edfxlx" maxlength="40" placeholder="请输入额度风险类型"></c-input>
        </el-form-item>
      </c-col>
      <!-- S0001178 : 押品币种 -->

      <c-col :span="24">
        <el-form-item label="押品币种" prop="liaall.limmod.ypbz">
          <c-fullbox>
            <c-input v-model="model.liaall.limmod.ypbz" maxlength="3" placeholder="请输入押品币种"></c-input>
            <template slot="footer">
              <c-button size="small" type="primary">查押品信息</c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <!-- S0001180 : 押品起息日 -->
        <c-col :span="12">
          <el-form-item label="押品起息日" prop="liaall.limmod.ypqxr">
            <c-date-picker type="date" v-model="model.liaall.limmod.ypqxr" style="width:100%" placeholder="请输入押品起息日"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- S0001182 : 押品剩余期限 -->
        <c-col :span="12">
          <el-form-item label="押品剩余期限" prop="liaall.limmod.ypsyqx">
            <c-input v-model="model.liaall.limmod.ypsyqx" placeholder="请输入押品剩余期限"></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    <!-- ======================= 右边 ========================= -->
    <c-col :span="12" style="padding-left: 20px">
      <!-- S0001183 : 额度编号 -->
      <c-col :span="24">
        <el-form-item label="额度编号" prop="liaall.limmod.edbh">
          <c-fullbox>
            <c-input v-model="model.liaall.limmod.edbh" maxlength="40" placeholder="请输入额度编号"></c-input>
            <template slot="footer">
              <c-button size="small" type="primary">查押品号</c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <!-- S0001179 : 押品所有人客户号 -->
      <c-col :span="24">
        <el-form-item label="押品所有人客户号" prop="liaall.limmod.ypkhh">
          <c-input v-model="model.liaall.limmod.ypkhh" maxlength="40" placeholder="请输入押品所有人客户号"></c-input>
        </el-form-item>
      </c-col>
      <!-- S0001181 : 押品金额 -->
      <c-col :span="24">
        <el-form-item label="押品金额" prop="liaall.limmod.ypje">
          <c-input-currency v-model="model.liaall.limmod.ypje" placeholder="请输入押品金额"></c-input-currency>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="24">
      <c-table style="text-align: center" highlight-current-row @row-click="handleYpgrdRowClick" :row-class-name="tableYpgrdRowClassName" :list="model.liaall.limmod.ypgrd" :paginationShow="true" :border="true" :total="model.liaall.limmod.ypgrd.length">
        <el-table-column label="押品统一编号" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.yptybh'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="币种" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.ypbz'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="所有人客户号" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.ypkhh'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="起息日" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.ypqxr'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="金额" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.ypje'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="剩余期限" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.ypsyqx'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="到期日" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.ypdqr'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="三级类型" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.yptype'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="三级类型说明" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.yptext'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="押品状态" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.ypzt'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="状态描述" width="185px">
          <template slot-scope="scope">
            <el-form-item label-width="0" :prop="'liaall.limmod.ypgrd.' + scope.$index + '.ypzttxt'">
            </el-form-item>
          </template>
        </el-table-column>
        <el-table-column label="" prop="det" width="150px" fixed="right">
          <template slot-scope="scope" slot="header">
            <c-button circle style="padding: 4px" class="el-icon-plus" size="mini" @click="addRowZcinvlst(scope)">
            </c-button>
            <c-button style="padding: 4px" circle class="el-icon-minus" size="mini" @click="removeRowZcinvlst(scope)">
            </c-button>
          </template>
          <template slot-scope="scoped">
            <c-button style="margin-left: 0" size="small" type="primary" icon="el-icon-info" @click="detailForeignDialog(scoped.$index, scoped.row)"></c-button>
          </template>
        </el-table-column>
      </c-table>
    </c-col>
  </div>
</template>
<script>
import Event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [Event],
  data() {
    return { currentZcinvlstIndex: -1 };
  },
  methods: {
    addRowZcinvlst(row) {
      let newRow = {
        repflg: "",
        invoicecode: "",
        invoicenumber: "",
        monstatus: "",
        hantyp: "",
        handat: ""
      };
      let start = 0;
      if (this.model.liaall.limmod.ypgrd) {
        start = this.model.liaall.limmod.ypgrd.length;
      }
      this.model.liaall.limmod.ypgrd.splice(start, 0, newRow);
    },
    removeRowZcinvlst() {
      console.log("选中的他行下标", this.currentZcinvlstIndex);
      if (this.currentZcinvlstIndex === -1) {
        this.$notify.error({
          title: "错误",
          message: "请选择一条数据删除!"
        });
        return;
      }
      this.model.liaall.limmod.ypgrd.splice(this.currentZcinvlstIndex, 1);
      this.currentZcinvlstIndex = -1;
      //this.processSetpan();
    },
    tableYpgrdRowClassName({ row, rowIndex }) {
      row.index = rowIndex;
    },
    handleYpgrdRowClick(row) {
      this.currentZcinvlstIndex = row.index;
    }
  },
  created: function() {}
};
</script>
<style>
</style>