Setp.vue

<template>
  <div class="eibs-tab">
    <!-- ====================左边======================= -->
    <c-col :span="11">
      <c-col :span="24">
        <el-form-item label="光票托收编号" prop="ccdgrp.rec.ownref">
          <c-fullbox>
            <c-input
              v-model="model.ccdgrp.rec.ownref"
              maxlength="8"
              placeholder="请输入光票托收编号"
              disabled
            ></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" disabled>
                <i class="el-icon-info"></i>
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="光票托收币种金额" prop="ccdgrp.cbs.max.cur">
          <c-select
            v-model="model.ccdgrp.cbs.max.cur"
            style="width: 100%"
            placeholder="请选择光票托收币种"
            disabled
          >
            <el-option
              v-for="item in codes.curtxt1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="ccdgrp.cbs.max.amt"
        >
          <c-input-currency
            v-model="model.ccdgrp.cbs.max.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入光票托收金额"
            @keyup.enter.native="
              defaultFunction('ccdgrp.cbs.max.amt', model.ccdgrp.cbs.max.amt)
            "
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="光票托收币种余额" prop="ccdgrp.cbs.opn1.cur">
          <c-select
            disabled
            v-model="model.ccdgrp.cbs.opn1.cur"
            style="width: 100%"
            placeholder="请选择光票托收币种"
          >
            <el-option
              v-for="item in codes.curtxt1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="ccdgrp.cbs.opn1.amt"
        >
          <c-input-currency
            v-model="model.ccdgrp.cbs.opn1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入光票托收余额"
            @keyup.enter.native="
              defaultFunction('ccdgrp.cbs.opn1.amt', model.ccdgrp.cbs.opn1.amt)
            "
            disabled
          ></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="出票日期" prop="ccdgrp.rec.chkdat">
          <c-date-picker
            type="date"
            v-model="model.ccdgrp.rec.chkdat"
            style="width: 100%"
            placeholder="请选择出票日期"
            disabled
          ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="光票托收形式" prop="ccdgrp.rec.ccform">
          <c-select
            v-model="model.ccdgrp.rec.ccform"
            style="width: 100%"
            placeholder="请选择光票托收形式"
            :code="codes.ccform"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="付款方式 " prop="ccdgrp.rec.purflg">
          <c-select
            v-model="model.ccdgrp.rec.purflg"
            style="width: 100%"
            placeholder="请选择付款方式 "
            :code="codes.purflg"
            disabled
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24" style="height: 24px; margin-top: 20px">
        <el-form-item label="结算期限:" class="messageLabel"></el-form-item>
      </c-col>
      <c-col :span="24" style="margin-bottom: 35px">
        <el-form-item label-width="0" prop="liaall.tenstm">
        <c-istream-table
          label="结算期限"
          ref="table"
          :list="model.liaall.tenstm.rows || []"
          :columns="stmData.columns"
          :showSelection="true"
          v-on:multipleSelect="multipleSelect"
          prop="liaall.tenstm"
        >
        </c-istream-table>
      </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="收汇金额" prop="setmod.doccur">
          <c-select
            disabled
            v-model="model.setmod.doccur"
            style="width: 100%"
            placeholder="请选择收汇金额"
          >
            <el-option
              v-for="item in codes.curtxt1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="20px"
          prop="setmod.docamt"
        >
          <c-input-currency
            v-model="model.setmod.docamt"
            style="text-align: left; width: 100%"
            placeholder="请输入"
          ></c-input-currency>
        </el-form-item>
      </c-col>
    </c-col>

    <!-- ====================右边======================= -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="业务名称" prop="ccdgrp.rec.nam">
          <c-input
            v-model="model.ccdgrp.rec.nam"
            maxlength="40"
            placeholder="请输入业务名称"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="汇票提交人" prop="ccdgrp.pre.pts.ref">
          <c-input
            v-model="model.ccdgrp.pre.pts.ref"
            maxlength="40"
            placeholder="请输入汇票提交人"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.pre.pts.nam">
          <c-input
            v-model="model.ccdgrp.pre.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="承兑汇票银行" prop="ccdgrp.dro.pts.ref">
          <c-input
            v-model="model.ccdgrp.dro.pts.ref"
            maxlength="40"
            placeholder="请输入承兑汇票银行"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.dro.pts.nam">
          <c-input
            v-model="model.ccdgrp.dro.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="代收行参考号" prop="ccdgrp.col.pts.ref">
          <c-input
            v-model="model.ccdgrp.col.pts.ref"
            maxlength="40"
            placeholder="请输入代收行参考号"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.col.pts.nam">
          <c-input
            v-model="model.ccdgrp.col.pts.nam"
            maxlength="40"
            placeholder="请输入"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="" prop="ccdgrp.rec.frepayflg">
          <c-checkbox v-model="model.ccdgrp.rec.frepayflg"
          @click="frepayFlagChange"
            >无偿放单选项</c-checkbox
          >
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="票据金额" prop="setmod.doccur">
          <c-select
            disabled
            v-model="model.setmod.doccur"
            style="width: 100%"
            placeholder="请选择Currency"
          >
            <el-option
              v-for="item in codes.curtxt1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item
          style="text-align: left"
          label-width="5px"
          prop="setmod.redamt"
        >
          <c-input-currency
            :disabled="model.ccdgrp.rec.frepayflg == 'X'"
            v-model="model.setmod.redamt"
            style="text-align: left; width: 100%"
            placeholder="请输入票据金额"
          ></c-input-currency>
        </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 Event from "~/model/Cctset/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {
      stmData: {
        columns: [
          '1 1 "类型" 80',
          '2 2 "Dbt" 80',
          '3 3 "Cdt" 80',
          '4 4 "币种" 80',
          '5 5 "金额" 110 2 8 1 4',
          {
            index: 6,
            position: 6,
            width: 110,
            render: (item, scope) => {
              return scope.row[item.prop] === "null"
                ? ""
                : scope.row[item.prop];
            },
            label: "Mat.Dat.",
          },
        ],
        data: [],
      },
    };
  },
  methods: {
    ...Event,

    async frepayFlagChange(){
      let rtnmsg = await this.executeDefault("setmod.redamt");
      if (rtnmsg.respCode == SUCCESS) {
        Utils.copyValueFromVO(this.model, rtnmsg.data);
      }
    },

    async multipleSelect(selection) {
      if (selection.length > 1) {
        this.$notify({
          title: "错误",
          message: "您不能选择多个期限",
          type: "error",
        });
      } else {
        let chkIds;
        if (selection.length === 0) {
          chkIds = [];
          this.model.liaall.tensetstm.rows = [];
          this.model.setmod.docamt = "0.00";
        } else {
          chkIds = [selection[0] + 1];
          this.model.setmod.docamt = this.model.ccdgrp.cbs.max.amt;
        }
        console.log(this.model.liaall.tensetstm);
        let params = { chkDst: "liaall.tenstm", chkIds };
        console.log(params);
        const rtnmsg = await this.executeRule("liaall.tenstm", params);
        console.log(rtnmsg);
        if (rtnmsg.respCode == SUCCESS) {
          this.updateModel(rtnmsg.data);
        } else {
          this.$notify.error({ title: "错误", message: "服务请求失败！" });
        }
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>