<template>
  <div class="eibs-tab">
    <!--                                        
       <el-col :span="12">
        <el-form-item label="应付保证金金额">
            <c-input  v-model="model.liaall.liaccv.concur" maxlength="3"  placeholder="请输入应付保证金金额"></c-input>
        </el-form-item>
       </el-col>
       -->
    <el-col :span="12">
      <el-form-item label="合同金额" prop="liaall.liaccv.concur">
        <el-row :gutter="20">
          <!--                <el-col :span="8">-->
          <!--                    <c-input type="text" :readonly="true" value="CNY"></c-input>-->
          <!--                </el-col>-->
          <el-col :span="8">
            <c-select
              v-model="model.liaall.liaccv.concur"
              disabled
              style="width: 100%"
              placeholder="请选择Type of settlement"
            >
              <el-option
                v-for="item in codes.curtxt"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-col>
          <el-col :span="14">
            <c-input
              :readonly="true"
              v-model="model.liaall.liaccv.newamt"
            ></c-input>
          </el-col>
        </el-row>
      </el-form-item>
    </el-col>
    <!--
       <el-col :span="12">
        <el-form-item label="合同金额">
            <c-input  v-model="model.liaall.liaccv.newamt"  placeholder="请输入合同金额"></c-input>
        </el-form-item>
       </el-col>                                             
       <el-col :span="12">
        <el-form-item label="保证金应收比例">
            <c-input  v-model="model.liaall.liaccv.cshpct"  placeholder="请输入保证金应收比例"></c-input>
        </el-form-item>
       </el-col>
       -->
    <el-col :span="12">
      <el-form-item label="保证金应收比例" prop="liaall.liaccv.cshpct">
        <el-row>
          <el-col :span="8">
            <c-input v-model="model.liaall.liaccv.cshpct"></c-input>
          </el-col>
          <el-col :span="12" style="margin-left: 20px">
            <span>%</span>
          </el-col>
        </el-row>
      </el-form-item>
    </el-col>

    <!--                                             
       <el-col :span="12">
        <el-form-item label="Reserved Amount">
            <c-input  v-model="model.liaall.liaccv.newresamt"  placeholder="请输入Reserved Amount"></c-input>
        </el-form-item>
       </el-col>
       -->
    <el-col :span="12">
      <el-form-item label="Reserved Amount" prop="liaall.liaccv.newresamt">
        <el-row :gutter="20">
          <!--                <el-col :span="8">-->
          <!--                    <c-input type="text" :readonly="true" value="CNY"></c-input>-->
          <!--                </el-col>-->
          <el-col :span="8">
            <c-select
              v-model="model.liaall.liaccv.concur"
              disabled
              style="width: 100%"
              placeholder="请选择Type of settlement"
            >
              <el-option
                v-for="item in codes.curtxt"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-col>
          <el-col :span="14">
            <c-input
              :readonly="true"
              v-model="model.liaall.liaccv.newresamt"
            ></c-input>
          </el-col>
        </el-row>
      </el-form-item>
    </el-col>
    <!--                            
       <el-col :span="12">
        <el-form-item label="保证金实收比例">
            <c-input  v-model="model.liaall.liaccv.relcshpct"  placeholder="请输入保证金实收比例"></c-input>
        </el-form-item>
       </el-col>
       -->
    <el-col :span="12">
      <el-form-item label="保证金实收比例" prop="liaall.misamt">
        <el-row>
          <el-col :span="8">
            <c-input :readonly="true" v-model="model.liaall.misamt"></c-input>
          </el-col>
          <el-col :span="12" style="margin-left: 20px">
            <span>%</span>
          </el-col>
        </el-row>
      </el-form-item>
    </el-col>

    <!--                            
       <el-col :span="12">
	    <c-checkbox v-model="model.liaall.liaccv.gleflg">Create gle flag</c-checkbox>
       </el-col> 
                                   
       <el-col :span="12">
        <el-form-item label="reserve amount based percent">
            <c-input  v-model="model.liaall.liaccv.pctresamt"  placeholder="请输入reserve amount based percent"></c-input>
        </el-form-item>
       </el-col>                 
                  
       <el-col :span="12">
	    <c-checkbox v-model="model.liaall.liaccv.chgcurflg">Change currency flag</c-checkbox>
       </el-col> 
       -->

    <el-col :span="12">
      <el-form-item label="应付保证金金额" prop="liaall.liaccv.concur">
        <el-row :gutter="20">
          <!--                <el-col :span="8">-->
          <!--                    <c-input type="text" :readonly="true" value="CNY"></c-input>-->
          <!--                </el-col>-->
          <el-col :span="8">
            <c-select
              v-model="model.liaall.liaccv.concur"
              disabled
              style="width: 100%"
              placeholder="请选择Type of settlement"
            >
              <el-option
                v-for="item in codes.curtxt"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-col>
          <el-col :span="14">
            <c-input
              :readonly="true"
              v-model="model.liaall.liaccv.pctresamt"
            ></c-input>
          </el-col>
        </el-row>
      </el-form-item>
    </el-col>
    <!--
       <el-col :span="12">
        <c-button size="small" type="primary"  @click="openMask">
            Add
        </c-button>
       </el-col>
                  
       <el-col :span="12">
        <c-button size="small"  icon="el-icon-delete" @click="onLiaccvDel">
            Del
        </c-button>
       </el-col>
       -->
    <el-col :span="24" style="text-align: right">
      <el-row>
        <el-col :span="2" :offset="19">
          <c-button
            size="small"
            type="primary"
            @click="onLiaccvAdd"
          >
            Add
          </c-button>
          <el-dialog :visible.sync="dialogTableVisible" :close-on-click-modal="false" :close-on-press-escape="false">
            <c-istream-table
              :list="stmData.data"
              :columns="stmData.columns"
            >
            <el-table-column
              prop="op"
              label="OP"
              width="100">
            <template slot-scope="scope">
              <a href="javascript:void(0)" @click="pickDepItem(scope.row)">选择</a>
            </template>
            </el-table-column>
            </c-istream-table>
          </el-dialog>
        </el-col>

        <el-col :span="2">
          <c-button size="small" icon="el-icon-delete" @click="onLiaccvDel">
            Del
          </c-button>
        </el-col>
      </el-row>
    </el-col>

    <el-col :span="24"><div style="height:10px"></div></el-col>

    <el-col :span="22" :offset="1">
      <c-table :border="true" :list="model.liaall.liaccv.liaccvg" style="width:80%,text-align:center">
        <el-table-column prop="ccdflg" label="CFO" width="auto"> </el-table-column>
        <el-table-column prop="ownref" label="保证金编号" width="auto"> </el-table-column>
        <el-table-column prop="cur" label="币种" width="auto"> </el-table-column>
        <el-table-column prop="oldamt" label="余额" width="auto"> </el-table-column>
        <el-table-column prop="amt" label="变动金额" width="auto"> </el-table-column>
        <el-table-column prop="acc" label="保证金账号" width="auto"> </el-table-column>
        <el-table-column prop="rat" label="汇率" width="auto"> </el-table-column>
        <el-table-column prop="concur" label="币种" width="auto"> </el-table-column>
        <el-table-column prop="covamt" label="折算后金额" width="auto"> </el-table-column>
      </c-table>
    </el-col>

    <!-- <el-col :span="12">
      <el-form-item label="Amount Covered">
        <el-row>
          <el-col :span="8">
            <c-select
              v-model="model.liaall.liaccv.concur"
              disabled
              style="width: 100%"
              placeholder="请选择Type of settlement"
            >
              <el-option
                v-for="item in codes.curtxt"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-col>
          <el-col :span="14">
            <c-input
              v-model="model.liaall.liaccv.totcovamt"
              :readonly="true"
            ></c-input>
          </el-col>
        </el-row>
      </el-form-item>
    </el-col> -->

  
       <el-col :span="24">
        <el-form-item label="金额总和">
            <el-col :span="8">
            <c-input style="width:50%"  v-model="model.liaall.liaccv.totcovamt"  placeholder="请输入金额总和"></c-input>
            </el-col>
        </el-form-item>
       </el-col>       
         
                                   
       <el-col :span="12">
        <el-form-item label="Additional Information ">
            <c-input type="textarea" rows="5" v-model="model.liaall.liaccv.addinf" maxlength="200" show-word-limit placeholder="请输入Additional Information " ></c-input>
        </el-form-item>
        </el-col>
        
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";

export default {
  inject: ['root'],
  props: ["model", "codes"],
  data() {
    return {
      dialogTableVisible: false,
      stmData: {
        columns: [
          '1 1:1 "Ref." 120',
          '2 2:1 "User" 80',
          '3 3:1 "Applicant" 196',
          '4 4:1 "Account" 120',
          '5 5:1 "Cur" 50',
          '6 6:1 "Amount" 80 2 0 1 18.3',
          '7 7:1 "Open date" 80 4 7',
          '8 8:1 "flg" 40',
          '9 9:1 "Remarks" 180',
          "P COLORED TRUE",
          "P VERTLINES TRUE",
          "P HORZLINES TRUE",
          "P MULTISELECT FALSE",
          "P COLUMNSIZING TRUE",
        ],
        data: [],
      },
      relrowDisabled: true,
    };
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>
