<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="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="请选择Type of settlement" > <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="合同金额"> <c-input v-model="model.liaall.liaccv.newamt" placeholder="请输入合同金额"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="保证金应收比例"> <c-input v-model="model.liaall.liaccv.cshpct" placeholder="请输入保证金应收比例"></c-input> </el-form-item> </c-col> --> <c-col :span="12"> <el-form-item label="保证金应收比例" prop="liaall.liaccv.cshpct"> <c-row> <c-col :span="20"> <c-input v-model="model.liaall.liaccv.cshpct"></c-input> </c-col> <c-col :span="2" style="margin-left: 20px"> <span>%</span> </c-col> </c-row> </el-form-item> </c-col> <!-- <c-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> </c-col> --> <c-col :span="12"> <el-form-item label="Reserved Amount" prop="liaall.liaccv.newresamt"> <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="请选择Type of settlement" > <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="保证金实收比例"> <c-input v-model="model.liaall.liaccv.relcshpct" placeholder="请输入保证金实收比例"></c-input> </el-form-item> </c-col> --> <c-col :span="12"> <el-form-item label="保证金实收比例" prop="liaall.liaccv.relcshpct"> <c-row> <c-col :span="20"> <c-input :readonly="true" v-model="model.liaall.liaccv.relcshpct" ></c-input> </c-col> <c-col :span="2" style="margin-left: 20px"> <span>%</span> </c-col> </c-row> </el-form-item> </c-col> <!-- <c-col :span="12"> <c-checkbox v-model="model.liaall.liaccv.gleflg">Create gle flag</c-checkbox> </c-col> <c-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> </c-col> <c-col :span="12"> <c-checkbox v-model="model.liaall.liaccv.chgcurflg">Change currency flag</c-checkbox> </c-col> --> <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="请选择Type of settlement" > <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-button size="small" type="primary" @click="openMask"> Add </c-button> </c-col> <c-col :span="12"> <c-button size="small" icon="el-icon-delete" @click="onLiaccvDel"> Del </c-button> </c-col> --> <c-col :span="11" style="text-align:right"> <!-- <c-row> --> <!-- <c-col :span="24" style="margin-left:35px;text-align:right"> --> <c-button size="small" type="primary" @click="onLiaccvAdd"> Add </c-button> <!-- </c-col> --> <!-- <c-col :span="2"> <c-button size="small" icon="el-icon-delete" @click="onLiaccvDel"> Del </c-button> </c-col> --> <!-- </c-row> --> </c-col> <!-- <c-col :span="24"><div style="height: 10px"></div></c-col> --> <template> <el-dialog :visible.sync="dialogTableVisible" width="60%" center > <c-istream-table :list="stmData.data" :columns="stmData.columns" :paginationShow="false"> <el-table-column prop="op" label="OP" width="80" fixed="right"> <template slot-scope="scope"> <!-- <a href="javascript:void(0)" type="primary" @click="pickDepItem(scope.$index,scope.row)" >选择</a > --> <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" style="width:80%,text-align:center" > <el-table-column prop="ccdflg" label="CF000048" width="78px"> </el-table-column> <el-table-column prop="ownref" label="保证金编号" width="130px"> </el-table-column> <el-table-column prop="cur" label="币种" width="55px"> </el-table-column> <el-table-column prop="oldamt" label="余额" width="150px"> </el-table-column> <el-table-column prop="amt" label="变动金额" width="150px"> </el-table-column> <el-table-column prop="acc" label="保证金账号" width="180px"> </el-table-column> <el-table-column prop="rat" label="汇率" width="120px"> </el-table-column> <el-table-column prop="concur" label="币种" width="55px"> </el-table-column> <el-table-column prop="covamt" label="折算后金额" width="150px"> </el-table-column> <el-table-column prop="acccovamt" label="Acc Amount" width="150px"> </el-table-column> <el-table-column label="操作" width="75px" fixed="right"> <template slot-scope="scope"> <c-button style="margin-left:0" type="primary" size="small" @click="onLiaccvDel(scope.$index,scope.row)"> Del</c-button> </template> </el-table-column> </c-table> </c-col> <!-- <c-col :span="12"> <el-form-item label="Amount Covered"> <c-row> <c-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> </c-col> <c-col :span="14"> <c-input v-model="model.liaall.liaccv.totcovamt" :readonly="true" ></c-input> </c-col> </c-row> </el-form-item> </c-col> --> <c-col :span="12" style="margin-top:15px"> <el-form-item label="金额总和"> <!-- <c-col :span="8"> --> <c-input style="width: 100%" v-model="model.liaall.liaccv.totcovamt" placeholder="请输入金额总和" ></c-input> <!-- </c-col> --> </el-form-item> <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> </c-col> <!-- <c-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> </c-col> --> </div> </template> <script> import Api from "~/service/Api"; import commonProcess from "~/mixin/commonProcess"; import CodeTable from "~/config/CodeTable"; import Utils from "~/utils/index" export default { inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return { dialogTableVisible: false, stmData: { columns: [ '1 1:1 "Ref" 150', '2 2:1 "User" 80', '3 3:1 "Applicant" 100', '4 4:1 "Account" 200', '5 5:1 "Cur" 200', '6 6:1 "Amt" 100 2 0 1 18.3', '7 7:1 "Open date" 80 4 7', '8 8:1 "flg" 150', '9 9:1 "Remarks" 250', "P COLORED TRUE", "P VERTLINES TRUE", "P HORZLINES TRUE", "P MULTISELECT FALSE", "P COLUMNSIZING TRUE", ], data: [], }, relrowDisabled: true, }; }, methods: { async onLiaccvAdd() { let rtnmsg = await this.executeRule("liaall.liaccv.add") //const that = this.root; if (rtnmsg.respCode == SUCCESS) { //TODO 处理数据逻辑 if(typeof(rtnmsg.data.vals) != "undefined"){ this.stmData.data = rtnmsg.data.vals.rows; }else{ this.stmData.data = []; } this.dialogTableVisible = true; } else { this.$notify.error({ title: '错误', message: '服务请求失败!' }); } }, async pickDepItem(idx,row) { var params = {selDst:"",selIds:[idx+1]} let rtnmsg = await this.executeRule("liaall.liaccv.add", params) if (rtnmsg.respCode == SUCCESS) { this.dialogTableVisible = false; Utils.copyValueFromVO(this.model, rtnmsg.data); } }, async onLiaccvDel(index,row) { let ids = [index+1]; let params = {selDst:"liaall.liaccv.liaccvg",selIds:ids}; let rtnmsg = await this.executeRule("liaall.liaccv.del",params) if (rtnmsg.respCode == SUCCESS) { //TODO 处理数据逻辑 this.$message({ type: 'success', message: '删除成功!' }); //this.model.liaall.liaccv.liaccvg = []; Utils.copyValueFromVO(this.model, rtnmsg.data); } else { this.$notify.error({ title: '错误', message: '服务请求失败!' }); } }, }, created: function () {}, }; </script> <style> </style>