Amep.vue

<template>
  <c-row>
    <!--                               
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender">
            <c-input  v-model="model.ditamep.recget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col>             
                                   
       <c-col :span="12">
        <el-form-item label="Reference">
            <c-input  v-model="model.didgrp.rec.ownref" maxlength="16"  placeholder="请输入Reference"></c-input>
        </el-form-item>
       </c-col>              -->
    <c-col>
      <c-col :span="10">
        <el-form-item label="参考号" prop="didgrp.rec.ownref">
          <c-input
            v-model="model.didgrp.rec.ownref"
            placeholder="请输入参考号"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="1" style="text-align: right">
        <el-form-item label-width="0">
          <c-button
            size="small"
            type="primary"
            icon="el-icon-search"
            style="margin-left: 0"
          ></c-button>
        </el-form-item>
      </c-col>

      <c-col :span="11" :offset="1">
        <el-form-item label="摘要" prop="didgrp.rec.nam">
          <c-input
            v-model="model.didgrp.rec.nam"
            maxlength="40"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="11">
      <el-form-item label="修改日期" prop="trnmod.swiadd.amedat">
        <c-date-picker
          type="date"
          v-model="model.trnmod.swiadd.amedat"
          style="width: 100%"
          placeholder="请选择修改日期"
        ></c-date-picker>
      </el-form-item>
    </c-col>
    <!-- <c-col :span="12"> <el-form-item>&nbsp;</el-form-item></c-col> -->

    <c-col :span="6" :offset="1">
      <el-form-item label="修改次数" prop="trnmod.swiadd.amenbr">
        <c-input
          v-model.number="model.trnmod.swiadd.amenbr"
          placeholder="请输入修改次数"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="5">
      <el-form-item label="实际修改次数" label-width="130px" prop="ditamep.amenbr">
        <c-input
          v-model.number="model.ditamep.amenbr"
          placeholder="请输入实际修改次数"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>

    <!-- <c-col :span="12">
            <el-form-item label="Currency">
                <c-input
                    v-model="model.didgrp.cbs.nom1.cur"
                    maxlength="3"
                    placeholder="请输入Currency"
                ></c-input>
            </el-form-item>
        </c-col> -->
    <!-- ===========left======== -->
    <c-col :span="11">
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="信用证金额" prop="didgrp.cbs.nom1.cur">
            <c-input
              v-model="model.didgrp.cbs.nom1.cur"
              disabled
              style="width: 95%"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item label="" label-width="0" prop="olddidgrp.cbs.nom1.amt">
            <c-input
              v-model="model.olddidgrp.cbs.nom1.amt"
              style="width: 100%"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <el-form-item label="溢短装" prop="olddidgrp.rec.nomtop">
          <c-input
            v-model="model.olddidgrp.rec.nomtop"
            style="width: 48%"
            disabled
          ></c-input>
          <label style="display:inline-block;width:calc(3% - 4px);text-align:center;">-</label>
          <c-input
            v-model="model.olddidgrp.rec.nomton"
            style="width: 48%"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="增减金额" prop="trnmod.swiadd.amecur">
            <c-input
              v-model="model.trnmod.swiadd.amecur"
              style="width: 95%"
              disabled
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item label="" label-width="0">
            <c-input
              v-model="model.trnmod.swiadd.ameamt"
              style="width: 100%"
              @change="ameamt"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="修改后金额" prop="trnmod.swiadd.newcur">
            <c-input
              v-model="model.trnmod.swiadd.newcur"
              style="width: 95%"
              disabled
            >
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="11">
          <el-form-item label="" label-width="0" prop="trnmod.swiadd.newamt">
            <c-input
              v-model="model.trnmod.swiadd.newamt"
              style="width: 100%"
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
    <!-- ===========right======== -->
    <c-col :span="11" :offset="1">
        <c-col :span="24">
        <c-col :span="13">
      <el-form-item label="最大金额" prop="olddidgrp.cbs.max.cur">
        <c-input
          v-model="model.olddidgrp.cbs.max.cur"
          maxlength="3"
          placeholder="请输入Currency"
          style="width: 95%"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="11">
      <el-form-item label="" label-width="0" prop="olddidgrp.cbs.max.amt">
        <c-input
          v-model="model.olddidgrp.cbs.max.amt"
          maxlength="3"
          style="width: 100%"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>
    </c-col>
    <c-col :span="24">
    <c-col :span="13">
      <el-form-item label="修改总金额" prop="ditamep.engcur">
        <c-input
          v-model="model.ditamep.engcur"
          style="width: 95%"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="11">
      <el-form-item label="" label-width="0" prop="ditamep.engamt">
        <c-input
          v-model="model.ditamep.engamt"
          style="width: 100%"
          disabled
        >
        </c-input>
      </el-form-item>
    </c-col>
    </c-col>
    <c-col :span="24">
    <c-col :span="13">
      <el-form-item label="" prop="ditamep.maxcur">
        <c-input
          v-model="model.ditamep.maxcur"
          maxlength="3"
          style="width: 95%"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="11">
      <el-form-item label="" label-width="0" prop="ditamep.maxamt">
        <c-input
          v-model="model.ditamep.maxamt"
          style="width: 100%"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>
    </c-col>
    <c-col :span="24">
      <el-form-item prop="trnmod.swiadd.newnomtopame">
        <c-input
          v-model="model.trnmod.swiadd.newnomtopame"
          style="width: 48%"
          @change="newnomtopame"
        ></c-input>
        <label style="display:inline-block;width:calc(3% - 4px);text-align:center;">-</label>
        <c-input
          v-model="model.trnmod.swiadd.newnomtoname"
          style="width: 48%"
        ></c-input>
      </el-form-item>
    </c-col>
    </c-col>

    

    <!-- <c-col :span="12">
            <el-form-item label="Balance">
                <c-input
                    v-model="model.olddidgrp.cbs.max.amt"
                    placeholder="请输入Balance"
                ></c-input>
            </el-form-item>
        </c-col> -->

    

    

    

    <c-col :span="11">
      <el-form-item label="到期日">
        <c-date-picker
          type="date"
          v-model="model.olddidgrp.rec.expdat"
          style="width: 100%"
          placeholder="请选择到期日"
          disabled
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <el-form-item label="最迟货物装运日">
        <c-date-picker
          type="date"
          v-model="model.olddidgrp.rec.shpdat"
          style="width: 100%"
          placeholder="请选择Shipment Date"
          disabled
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <!-- <c-col :span="12">
            <span v-text="model.ditamep.zchday" data-path=".ditamep.zchday">
            </span>
        </c-col> -->

    <c-col :span="11">
      <el-form-item label="新到期日">
        <c-date-picker
          type="date"
          v-model="model.trnmod.swiadd.newexpdat"
          style="width: 100%"
          placeholder="请选择新到期日"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <c-col :span="11" :offset="1">
      <el-form-item label="新最迟货物装运日">
        <c-date-picker
          type="date"
          v-model="model.trnmod.swiadd.newshpdat"
          style="width: 100%"
          placeholder="请选择New Shipmentdate"
        ></c-date-picker>
      </el-form-item>
    </c-col>

    <!-- <c-col :span="12">
            <span v-text="model.ditamep.newday" data-path=".ditamep.newday">
            </span>
        </c-col> -->
      
    <c-col :span="24">
    <c-col :span="11">
      <el-form-item label="货物装运地(港)">
        <c-input
          type="textarea"
          v-model="model.trnmod.swiadd.shpfroelc"
          maxlength="35"
          show-word-limit
          :rows="2"
          placeholder="请输入Shipment from"
          @change="shpfroelc"
        ></c-input>
      </el-form-item>
    </c-col>
    <c-col :span="11" :offset="1">
        <el-form-item label="报文类型">
        <c-input disabled></c-input>
      </el-form-item>
    </c-col>
    </c-col>

    <!-- <c-col :span="12">
            <span v-text="model.ditamep.hwzydi" data-path=".ditamep.hwzydi">
            </span>
        </c-col> -->

    <c-col :span="11">
      <el-form-item label="货物目的地/交货地(港)">
        <c-input
          type="textarea"
          v-model="model.trnmod.swiadd.shptoelc"
          maxlength="35"
          show-word-limit
          :rows="2"
          placeholder="请输入货物目的地/交货地(港)"
          @change="shptoelc"
        ></c-input>
      </el-form-item>
    </c-col>
    <!-- 
        <c-col :span="12">
            <span
                v-text="model.ditamep.ramrollab"
                data-path=".ditamep.ramrollab"
            >
            </span>
        </c-col>

        <c-col :span="12">
            <el-form-item label="Request of Amendment send to">
                <c-select
                    v-model="model.ditamep.ramrol"
                    style="width: 100%"
                    placeholder="请选择Request of Amendment send to"
                >
                </c-select>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <c-checkbox v-model="model.ditamep.cre707flg"
                >Create Amendment Message</c-checkbox
            >
        </c-col> -->
  </c-row>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditame/Event";
import Utils from "~/utils";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event ,
    shptoelc(){
      this.executeDefault("DIDGRP.REC.SHPTO").then((res) => {
        if ((res.respCode == 'AAAAAA')) {
          Utils.copyValueFromVO(this.model, res.data);
        }
      });
    },
    shpfroelc(){
      this.executeDefault("DIDGRP.REC.SHPFRO").then((res) => {
        if ((res.respCode == 'AAAAAA')) {
          Utils.copyValueFromVO(this.model, res.data);
        }
      });
    },
    newnomtopame() {
      this.executeRule("trnmod.swiadd.newnomtopame").then((res) => {
        if ((res.respCode == 'AAAAAA')) {
          Utils.copyValueFromVO(this.model, res.data);
        }
      });
    },
  ameamt() {
      console.log("进入前---------");
      this.executeRule("trnmod.swiadd.ameamt").then((res) => {
      console.log("进入后---------");
        if ((res.respCode == 'AAAAAA')) {
          Utils.copyValueFromVO(this.model, res.data);
      console.log("if中---------");
        }
      });
    },
  },
  created: function () {},
};
</script>
<style>
</style>