Ccvpan.vue

<!-- 保证金公共页面 -->

<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="20">
              <c-input v-model="model.liaall.liaccv.cshpct"></c-input>
            </c-col>
            <c-col :span="2" 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="20">
              <c-input
                :readonly="true"
                v-model="model.liaall.liaccv.relcshpct"
              ></c-input>
            </c-col>
            <c-col :span="2" 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">
            <c-checkbox class="checkbox-left" v-model="model.liaall.liaccv.gleflg">过账</c-checkbox>
          </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="false"
        >
          <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"
        style="width:80%,text-align:center"
      >
        <el-table-column prop="ccdflg" label="调整标识" 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="实际折算金额" 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 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 "编号" 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,
    };
  },
  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>
.checkbox-left {
float: left!important;
margin-left: 0px!important;
}
</style>