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">
              <c-col :span="20">
                <el-form-item
                  v-if="model.gitp.covgodsrvcmodflg == ''"
                  label="Object of Contract"
                  prop="gidgrp.blk.covgodsrvc"
                >
                  <c-input
                    :disabled="
                      model.gitp.covgodsrvcmodflg == '' ||
                      model.gitp.swiftflg == 'N'
                    "
                    rows="5"
                    type="textarea"
                    v-model="model.gidgrp.blk.covgodsrvc"
                    maxlength="350"
                    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
                    :disabled="
                      model.gitp.covgodsrvcmodflg == '' ||
                      model.gitp.swiftflg == 'N'
                    "
                    rows="5"
                    type="textarea"
                    v-model="model.gidgrp.blk.atxcovgodsrvc"
                    maxlength="350"
                    show-word-limit
                    placeholder="请输入Underly. Transact. Det."
                  ></c-input>
                </el-form-item>
              </c-col>
            </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"
                >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="11" :offset="1">
              <c-input
                disabled
                v-model="model.gidgrp.rec.orcamtc"
                placeholder="请输入Contract Amount "
              ></c-input>
            </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
                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>
    <!-- SF000840 : Contract Reference -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000840')" prop="gidgrp.rec.orcrefc">
            <c-input  v-model="model.gidgrp.rec.orcrefc" maxlength="35"  :placeholder="$t('other.please_enter')+$t('gitp.SF000840')"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Date from Original Contract - Local Undertaking Seq. C" prop="gidgrp.rec.orcdatc">
            <c-date-picker type="date"  v-model="model.gidgrp.rec.orcdatc" style="width:100%"  :placeholder="$t('other.please_enter')+'Date from Original Contract - Local Undertaking Seq. C'"></c-date-picker>
        </el-form-item>
       </c-col> -->
    <!-- SF000845 : Closing Date -->

    <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000845')" prop="gidgrp.rec.tenclsdatc">
            <c-date-picker type="date"  v-model="model.gidgrp.rec.tenclsdatc" style="width:100%"  :placeholder="$t('other.please_enter')+$t('gitp.SF000845')"></c-date-picker>
        </el-form-item>
       </c-col> -->
    <!-- SF000846 : Underly. Transact. Det. -->

    <!-- <c-col :span="12">
        <c-form-item label="Object of Contract - Local Undertaking Seq. C" prop="gidgrp.blk.covgodsrvc">
            <c-input type="textarea" v-model="model.gidgrp.blk.covgodsrvc" maxlength="65" show-word-limit :placeholder="$t('other.please_enter')+'Object of Contract - Local Undertaking Seq. C'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000846')" prop="gidgrp.blk.atxcovgodsrvc">
            <c-input type="textarea" v-model="model.gidgrp.blk.atxcovgodsrvc" maxlength="65" show-word-limit :placeholder="$t('other.please_enter')+$t('gitp.SF000846')" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.gitp.covgodsrvcmodflg">{{$t('gitp.CF001217')}}</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onGitpButdifcovgodsrvc">
             {{$t('gitp.CF001218')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.gitp.covgodc.chkast">{{$t('gitp.CF001088')}}</c-checkbox>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onGitpButdifhiscovgodsrvc">
             {{$t('gitp.CF001219')}}
        </c-button>
       </c-col> -->
    <!-- SF000841 : Original Perc./ Rate -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000841')" prop="gidgrp.rec.orcratc">
            <c-input  v-model="model.gidgrp.rec.orcratc"  :placeholder="$t('other.please_enter')+$t('gitp.SF000841')"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- SF000842 : Contract Amount  -->

    <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000842')" prop="gidgrp.rec.orccurc">
            <c-select v-model="model.gidgrp.rec.orccurc" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000842')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000842')" prop="gidgrp.rec.orcamtc">
            <c-input  v-model="model.gidgrp.rec.orcamtc"  :placeholder="$t('other.please_enter')+$t('gitp.SF000842')"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- SF000843 : Original Contract Place -->

    <!-- <c-col :span="12">
        <c-form-item label="Original Contract Place - Local Undertaking Seq. C" prop="gidgrp.blk.orcplcc">
            <c-input type="textarea" v-model="model.gidgrp.blk.orcplcc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Original Contract Place - Local Undertaking Seq. C'" ></c-input>
        </c-form-item>
        </c-col> -->
    <!-- SF000850 : A/c Adv. Paym. Guar. -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000850')" prop="gidgrp.rec.accc">
            <c-input  v-model="model.gidgrp.rec.accc" maxlength="35"  :placeholder="$t('other.please_enter')+$t('gitp.SF000850')"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- SF000844 : Governing Law  -->

    <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000844')" prop="gidgrp.rec.jurlawc">
            <c-select v-model="model.gidgrp.rec.jurlawc" style="width:100%" :placeholder="$t('other.please_enter')+$t('gitp.SF000844')">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000844')" prop="gidgrp.rec.jurlawtxtc">
            <c-input  v-model="model.gidgrp.rec.jurlawtxtc" maxlength="65"  :placeholder="$t('other.please_enter')+$t('gitp.SF000844')"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- SF000851 : Place of Jurisdiction -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000851')" prop="gidgrp.rec.jurplcc">
            <c-input  v-model="model.gidgrp.rec.jurplcc" maxlength="65"  :placeholder="$t('other.please_enter')+$t('gitp.SF000851')"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- SF000847 : Tender Reference -->

    <!-- <c-col :span="12">
        <c-form-item :label="$t('gitp.SF000847')" prop="gidgrp.rec.tenrefc">
            <c-input  v-model="model.gidgrp.rec.tenrefc" maxlength="35"  :placeholder="$t('other.please_enter')+$t('gitp.SF000847')"></c-input>
        </c-form-item>
       </c-col> -->
    <!-- SF000848 : Tender Date -->

    <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000848')" prop="gidgrp.rec.tendatc">
            <c-date-picker type="date"  v-model="model.gidgrp.rec.tendatc" style="width:100%"  :placeholder="$t('other.please_enter')+$t('gitp.SF000848')"></c-date-picker>
        </el-form-item>
       </c-col> -->
    <!-- SF000849 : Latest Transmission -->

    <!-- <c-col :span="12">
        <el-form-item :label="$t('gitp.SF000849')" prop="gidgrp.rec.trmdatc">
            <c-date-picker type="date"  v-model="model.gidgrp.rec.trmdatc" style="width:100%"  :placeholder="$t('other.please_enter')+$t('gitp.SF000849')"></c-date-picker>
        </el-form-item>
       </c-col> -->
    <!-- SF001231 : Additional Text -->

    <!-- <c-col :span="12">
        <c-form-item label="Additional Info - Local Undertaking Seq. C" prop="gidgrp.blk.addinfc">
            <c-input type="textarea" v-model="model.gidgrp.blk.addinfc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Additional Info - Local Undertaking Seq. C'" ></c-input>
        </c-form-item>
        </c-col>
                  
<c-col :span="12">
    <span  v-text="model.gitp.labaddinfc"   data-path=".gitp.labaddinfc" > </span>
</c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getopn/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>