Detpc.vue

<template>
  <div class="eibs-tab">
    <c-row>
      <c-col :span="24">
        <c-col :span="11">
          <c-col :span="24">
            <el-form-item label="Contract Reference" prop="gidgrp.rec.orcrefc">
              <c-input
                disabled
                v-model="model.gidgrp.rec.orcrefc"
                maxlength="35"
                placeholder="请输入Contract Reference"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Contract Date" prop="gidgrp.rec.orcdatc">
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.orcdatc"
                style="width: 100%"
                placeholder="请选择Date from Original Contract"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Closing Date" prop="gidgrp.rec.tenclsdatc">
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.tenclsdatc"
                style="width: 100%"
                placeholder="请选择Closing Date"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="20">
              <el-form-item
                v-if="model.gitp.covgodsrvcmodflg == ''"
                label="Object of Contract"
                prop="gidgrp.blk.covgodsrvc"
              >
                <c-input
                  disabled
                  rows="5"
                  type="textarea"
                  v-model="model.gidgrp.blk.covgodsrvc"
                  maxlength="3250"
                  show-word-limit
                  placeholder="请输入Object of Contract"
                ></c-input>
              </el-form-item>
              <el-form-item
                v-if="model.gitp.covgodsrvcmodflg == 'X'"
                label="Underly. Transact. Det."
                prop="gidgrp.blk.atxcovgodsrvc"
              >
                <c-input
                  rows="5"
                  type="textarea"
                  v-model="model.gidgrp.blk.atxcovgodsrvc"
                  maxlength="3250"
                  show-word-limit
                  placeholder="请输入Underly. Transact. Det."
                  @blur="atxcovgodsrvcBlur"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="4">
              <c-checkbox
                v-if="model.gitp.swiftflg == 'Y'"
                v-model="model.gitp.covgodsrvcmodflg"
                style="margin: 0 0 0 10px"
                @change="modflgChange"
                >Modify Text</c-checkbox
              >
              <c-checkbox
                v-if="model.gitp.swiftflg == 'Y'"
                v-model="model.gitp.covgodc.chkast"
                style="margin: 0 0 0 10px"
                >Allow *</c-checkbox
              >
              <c-button
                disabled
                v-if="model.gitp.swiftflg == 'Y'"
                size="small"
                type="primary"
                style="margin: 5px 0 0 10px"
                @click="onGitpButdifcovgodsrvc"
              >
                vs.&System
              </c-button>
              <c-button
                disabled
                v-if="model.gitp.swiftflg == 'Y'"
                size="small"
                type="primary"
                style="margin: 5px 0 0 10px"
                @click="onGitpButdifhiscovgodsrvc"
              >
                vs.&History
              </c-button>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="Original Perc./ Rate"
              prop="gidgrp.rec.orcratc"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.orcratc"
                placeholder="请输入Original Perc./ Rate"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Contract Amount " prop="gidgrp.rec.orccurc">
                <c-select
                  disabled
                  v-model="model.gidgrp.rec.orccurc"
                  style="width: 100%"
                  placeholder="请选择Contract Amount "
                >
                  <el-option
                    v-for="item in codes.curtxt"
                    :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 label-width="5px" prop="gidgrp.rec.orcamtc">
                <c-input
                  disabled
                  v-model="model.gidgrp.rec.orcamtc"
                  placeholder="请输入Contract Amount "
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="Original Contract Place"
              prop="gidgrp.blk.orcplcc"
            >
              <c-input
                disabled
                type="textarea"
                v-model="model.gidgrp.blk.orcplcc"
                maxlength="140"
                show-word-limit
                placeholder="请输入Original Contract Place"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="11" :offset="1">
          <c-col :span="24">
            <el-form-item
              label="A/c for Adv. Paym. Guar."
              prop="gidgrp.rec.accc"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.accc"
                maxlength="35"
                placeholder="请输入A/c for Adv. Paym. Guar."
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Governing Law" prop="gidgrp.rec.jurlawc">
              <c-select
                v-model="model.gidgrp.rec.jurlawc"
                style="width: 100%"
                placeholder="请选择Governing Law"
              >
                <el-option
                  v-for="item in codes.ctytxt1"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="Governing Law " prop="gidgrp.rec.jurlawtxtc">
              <c-input
                disabled
                v-model="model.gidgrp.rec.jurlawtxtc"
                maxlength="65"
                placeholder="请输入Governing Law "
              ></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              label="Place of Jurisdiction"
              prop="gidgrp.rec.jurplcc"
            >
              <c-input
                :disabled="model.gidgrp.rec.jurlawc == ''"
                v-model="model.gidgrp.rec.jurplcc"
                maxlength="35"
                placeholder="请输入Place of Jurisdiction"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Tender Reference" prop="gidgrp.rec.tenrefc">
              <c-input
                disabled
                v-model="model.gidgrp.rec.tenrefc"
                maxlength="35"
                placeholder="请输入Tender Reference"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Tender Date" prop="gidgrp.rec.tendatc">
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.tendatc"
                style="width: 100%"
                placeholder="请选择Tender Date"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="Latest Transmiss. Date"
              prop="gidgrp.rec.trmdatc"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.trmdatc"
                style="width: 100%"
                placeholder="请选择Latest Transmiss. Date"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Additional Info" prop="gidgrp.blk.addinfc">
              <c-input
                disabled
                type="textarea"
                v-model="model.gidgrp.blk.addinfc"
                maxlength="700"
                show-word-limit
                placeholder="请输入Additional Info"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitopn/Event";
import Utils from "~/utils";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: {
    ...Event,
    async atxcovgodsrvcBlur() {
      let rtnmsg = await this.executeRule("gidgrp.blk.atxcovgodsrvc");
      if (rtnmsg.respCode == SUCCESS) {
        Utils.copyValueFromVO(this.model, rtnmsg.data);
      }
    },

    async modflgChange() {
      let rtnmsg = await this.executeRule("gitp.covgodsrvcmodflg");
      if (rtnmsg.respCode == SUCCESS) {
        Utils.copyValueFromVO(this.model, rtnmsg.data);
      }
    },
  },
  created: function () {},
};
</script>
<style>
</style>