<template>
    <div class="eibs-tab">
        <!--                                        
       <c-col :span="12">
        <el-form-item label="应付保证金金额">
            <c-input  v-model="model.liaall.liaccv.concur" maxlength="3"  placeholder="请输入应付保证金金额"></c-input>
        </el-form-item>
       </c-col>
       -->
        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="合同金额" prop="liaall.liaccv.concur">
                    <c-row>
                        <!--                <c-col :span="8">-->
                        <!--                    <c-input type="text" :readonly="true" value="CNY"></c-input>-->
                        <!--                </c-col>-->
                        <c-col :span="8">
                            <c-select v-model="model.liaall.liaccv.concur" disabled style="width: 95%" placeholder="">
                                <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label" :value="item.value">
                                </el-option>
                            </c-select>
                        </c-col>
                        <c-col :span="16">
                            <c-input :readonly="true" v-model="model.liaall.liaccv.newamt"></c-input>
                        </c-col>
                    </c-row>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="应收比例" prop="liaall.liaccv.cshpct">
                    <c-row>
                        <c-col :span="22">
                            <c-input v-model="model.liaall.liaccv.cshpct"></c-input>
                        </c-col>
                        <c-col :span="1" style="float: right; text-align: right">
                            <span>%</span>
                        </c-col>
                    </c-row>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="保留金额" prop="liaall.liaccv.newresamt">
                    <c-row>
                        <c-col :span="8">
                            <c-select v-model="model.liaall.liaccv.concur" disabled style="width: 95%" placeholder="">
                                <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label" :value="item.value">
                                </el-option>
                            </c-select>
                        </c-col>
                        <c-col :span="16">
                            <c-input :readonly="true" v-model="model.liaall.liaccv.newresamt"></c-input>
                        </c-col>
                    </c-row>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item label="实收比例" prop="liaall.liaccv.relcshpct">
                    <c-row>
                        <c-col :span="22">
                            <c-input :readonly="true" v-model="model.liaall.liaccv.relcshpct"></c-input>
                        </c-col>
                        <c-col :span="1" style="float: right; text-align: right">
                            <span>%</span>
                        </c-col>
                    </c-row>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="12">
                <el-form-item label="应付金额" prop="liaall.liaccv.concur">
                    <c-row>
                        <!--                <c-col :span="8">-->
                        <!--                    <c-input type="text" :readonly="true" value="CNY"></c-input>-->
                        <!--                </c-col>-->
                        <c-col :span="8">
                            <c-select v-model="model.liaall.liaccv.concur" disabled style="width: 95%" placeholder="">
                                <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label" :value="item.value">
                                </el-option>
                            </c-select>
                        </c-col>
                        <c-col :span="16">
                            <c-input :readonly="true" v-model="model.liaall.liaccv.pctresamt"></c-input>
                        </c-col>
                    </c-row>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <!-- <c-col :span="20">

          
        </c-col> -->
                <el-form-item label="" style="text-align: left" prop="liaall.liaccv.gleflg">
                    <c-col :span="7" class="">
                        <el-form-item label="" prop="liaall.liaccv.gleflg" class="checkbox-left" label-width="0px">
                            <c-checkbox v-model="model.liaall.liaccv.gleflg">过账</c-checkbox>
                        </el-form-item>
                    </c-col>
                    <!-- <c-col :span="3" style="float: right;"> -->
                    <!-- <c-row> -->
                    <!-- <c-col :span="24" style="margin-left:35px;text-align:right"> -->
                    <c-button size="small" type="primary" @click="onLiaccvAdd" style="margin-left: 0px;float: right;">
                        添加
                    </c-button>
                    <!-- </c-col> -->
                    <!-- </c-col> -->
                </el-form-item>
            </c-col>
        </c-col>

        <template>
            <el-dialog :visible.sync="dialogTableVisible" width="60%" center>
                <c-istream-table :list="stmData.data" :columns="stmData.columns" :paginationShow="true" :total="stmData.data.length" :tableData="stmData.data">
                    <el-table-column prop="op" label="OP" width="80" fixed="right">
                        <template slot-scope="scope">
                            <c-button style="margin-left: 0" size="small" type="primary" @click="pickDepItem(scope.$index, scope.row)">
                                选择
                            </c-button>
                        </template>
                    </el-table-column>
                </c-istream-table>
            </el-dialog>
        </template>
        <c-col :span="24">
            <c-table :border="true" :list="model.liaall.liaccv.liaccvg" :total="model.liaall.liaccv.liaccvg.length" style="width:100%,text-align:center">
                <el-table-column prop="ccdflg" label="调整标识" width="70px">
                </el-table-column>
                <el-table-column prop="ownref" label="保证金编号" width="180px">
                </el-table-column>
                <el-table-column prop="cur" label="币种" width="70px">
                </el-table-column>
                <el-table-column prop="oldamt" label="余额" width="110px">
                </el-table-column>
                <el-table-column prop="amt" label="变动金额" width="110px">
                </el-table-column>
                <el-table-column prop="acc" label="保证金账号" width="180px">
                </el-table-column>
                <el-table-column prop="rat" label="汇率" width="150px">
                </el-table-column>
                <el-table-column prop="concur" label="币种" width="70px">
                </el-table-column>
                <el-table-column prop="covamt" label="折算后金额" width="110px">
                </el-table-column>
                <el-table-column prop="acccovamt" label="实际折算金额" width="150px">
                </el-table-column>
                <el-table-column label="操作" width="auto" fixed="right" align="center">
                    <template slot-scope="scope">
                        <c-button style="margin-left: 0" type="primary" size="small" @click="onLiaccvDel(scope.$index, scope.row)">
                            删除</c-button>
                    </template>
                </el-table-column>
            </c-table>
        </c-col>

        <c-col :span="12" style="margin-top: 25px">
            <c-col :span="24">
                <el-form-item label="折算金额总和">
                    <c-row>
                        <c-col :span="8">
                            <c-select v-model="model.liaall.liaccv.concur" disabled style="width: 95%" placeholder="">
                                <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label" :value="item.value">
                                </el-option>
                            </c-select>
                        </c-col>
                        <c-col :span="16">
                            <c-input v-model="model.liaall.liaccv.totcovamt" :readonly="true"></c-input>
                        </c-col>
                    </c-row>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="附加信息 " v-if="model.liaall.liaccv.addinf != ''">
                    <c-input type="textarea" :rows="5" v-model="model.liaall.liaccv.addinf" maxlength="200" show-word-limit placeholder="请输入附加信息"></c-input>
                </el-form-item>
            </c-col>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Utils from "~/utils/index";
import Gitopn from "~/page/Business/Gitopn/model/index";
import Factory from "./Factory";

export default {
  inject: ["root"],
  props: ["codes"],
  mixins: [commonProcess],
  data() {
    return {
      dialogTableVisible: false,
      stmData: {
        columns: [
          '1 1:1 "编号" 150',
          '2 2:1 "用户" 80',
          '3 3:1 "申请人" 100',
          '4 4:1 "账户" 200',
          '5 5:1 "币种" 200',
          '6 6:1 "金额" 100 2 0 1 18.3',
          '7 7:1 "开立日期" 80 4 7',
          '8 8:1 "标志" 150',
          '9 9:1 "备注" 250',
          "P COLORED TRUE",
          "P VERTLINES TRUE",
          "P HORZLINES TRUE",
          "P MULTISELECT FALSE",
          "P COLUMNSIZING TRUE"
        ],
        data: []
      },
      relrowDisabled: true,
      model: new Gitopn().data,
    };
  },
  methods: {
    async processCcvpan() {
      //工厂模式获取函数 
      let transName = "gitopn";
      let buildData = Factory[transName];
      //组数据
      let ccvpanBuildObj = new buildData(this.model);
      ccvpanBuildObj.buildCcvpan();
      //发出API请求
      const loading = this.loading("正在请求数据");
      const rulePath = "/business/liaall/assertLiaall";
      let rtnmsg = await Api.post(rulePath, this.liaall);
      if (rtnmsg.respCode == SUCCESS) {
        Utils.copyValueFromVO(this.model.liaall, rtnmsg.data);
        //将获取的数据传入表格
        this.model.liaall.liaccv.liaccvg = this.model.liaall.liaallg;
      }
      loading.close();
    }
  },
  created: function() {}
};
</script>