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="65" 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="65" 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="35" 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="35" 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/Getame/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>