Shpdet.vue

<template>
  <div class="eibs-tab">

       <!--=== ==========左边=============== -->
    <c-col :span="11"> 
      <c-col :span="24">
        <el-form-item label="Release of Goods" prop="brdgrp.rec.relgodflg">
            <c-select v-model="model.brdgrp.rec.relgodflg" style="width:100%" placeholder="请选择Release of Goods" :code="codes.relgod">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Release Type" prop="brdgrp.rec.reltyp">
            <c-select v-model="model.brdgrp.rec.reltyp" style="width:100%" placeholder="请选择Release Type"
            :code="codes.reltyp1">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="issue date" prop="brdgrp.rec.relgoddat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.relgoddat" style="width:100%"  placeholder="请选择issue date"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="Expiry Date " prop="brdgrp.rec.expdat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.expdat" style="width:100%"  placeholder="请选择Expiry Date of Shipping Guarantee"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Transport Doc. Type" prop="brdgrp.rec.trpdoctyp">
            <c-select v-model="model.brdgrp.rec.trpdoctyp" style="width:100%" placeholder="请选择Transport Doc. Type">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Transport Doc. No." prop="brdgrp.rec.trpdocnum">
            <c-input  v-model="model.brdgrp.rec.trpdocnum" maxlength="40"  placeholder="请输入Transport Doc. No."></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="shipment date" prop="brdgrp.rec.tradat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.tradat" style="width:100%"  placeholder="请选择shipment date"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Mode of Transport" prop="brdgrp.rec.tramod">
            <c-select v-model="model.brdgrp.rec.tramod" style="width:100%" placeholder="请选择Mode of Transport">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Vessel Name" prop="brdgrp.blk.vesnam">
            <c-input  v-model="model.brdgrp.blk.vesnam" maxlength="40"  placeholder="请输入Vessel Name"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Port of Discharge" prop="brdgrp.blk.pordis">
            <c-input  v-model="model.brdgrp.blk.pordis" maxlength="40"  placeholder="请输入Port of Discharge"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Place of Delivery" prop="brdgrp.blk.delplc">
            <c-input  v-model="model.brdgrp.blk.delplc" maxlength="40"  placeholder="请输入Place of Delivery"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Covered Goods" prop="brdgrp.blk.roggod">
            <c-input type="textarea" v-model="model.brdgrp.blk.roggod" maxlength="40" show-word-limit placeholder="请输入Covered Goods" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Port of loading" prop="brdgrp.blk.porlod">
            <c-input  v-model="model.brdgrp.blk.porlod" maxlength="40"  placeholder="请输入Port of loading"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Voyage numer" prop="brdgrp.blk.voynum">
            <c-input  v-model="model.brdgrp.blk.voynum" maxlength="30"  placeholder="请输入Voyage numer"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
                <!--=== ==========右边=============== -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="Contract Number" prop="brtp.connum">
            <c-input  v-model="model.brtp.connum" maxlength="35"  placeholder="请输入Contract Number"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label=" ">
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Carrier" prop="brdgrp.blk.carnam">
            <c-input  v-model="model.brdgrp.blk.carnam" maxlength="35"  placeholder="请输入Carrier"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="B/L Number" prop="brdgrp.rec.blnum">
            <c-input  v-model="model.brdgrp.rec.blnum" maxlength="20"  placeholder="请输入B/L Number"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label=" ">
        </el-form-item>
      </c-col>

      <c-col :span="20">
        <el-form-item label="Release to Address" prop="brdgrp.blk.relstoadr">
            <c-input type="textarea" v-model="model.brdgrp.blk.relstoadr" maxlength="35" show-word-limit placeholder="请输入Release to Address" 
            rows="4"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="4">
        <el-form-item label="" label-width="0" prop="brdgrp.rec.rtoaplflg">
          <c-checkbox v-model="rtoaplflg" @change="rtoaplflgChangeEvent">to Applicant</c-checkbox>
          <!-- <el-input v-model="model.brdgrp.rec.rtoaplflg"></el-input> -->
        </el-form-item>
        
        <!-- <c-checkbox v-model="model.brdgrp.rec.rtoaplflg">to Applicant</c-checkbox> 简化model前，，原始-->
        <!-- Release Goods to Applicant? -->
      </c-col>

      <c-col :span="24">
        <c-ptap1
          :model="model"
          :argadr="{
            title: 'Shapping Company',
            grp: 'brdgrp',
            rol: 'shp',
          }"
          :disabled="true"
          :isAdrblk="false"
          disabled1
        >
        </c-ptap1>
        <!-- brdgrp.shp.pts.extkey  对应grp: 'brdgrp',  rol: 'prb',-->
      </c-col>
          

      <!-- <c-col :span="24">
        <el-form-item label="Drag  Drop Sender" prop="brtp.shpp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.brtp.shpp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="External Key of Address" prop="brdgrp.shp.pts.extkey">
            <c-input  v-model="model.brdgrp.shp.pts.extkey" maxlength="16"  placeholder="请输入External Key of Address"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="" prop="brtp.shpp.ptsget.sdamod.seainf">
            <c-input  v-model="model.brtp.shpp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
      </c-col>
                  
      <c-col :span="12">
        <c-button size="small" type="primary"  @click="onShppDet">
            Details
        </c-button>
      </c-col> -->

      <!-- <c-col :span="24">
        <el-form-item label="名称" prop="brdgrp.shp.namelc">
            <c-input type="textarea" v-model="model.brdgrp.shp.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Address Block" prop="brdgrp.shp.pts.adrblk">
            <c-input type="textarea" v-model="model.brdgrp.shp.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
      </c-col> -->
                  
      <!-- <c-col :span="24">
        <el-form-item label="Chinese address" prop="brdgrp.shp.dbfadrblkcn">
            <c-input type="textarea" v-model="model.brdgrp.shp.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址" prop="brdgrp.shp.adrelc">
            <c-input type="textarea" v-model="model.brdgrp.shp.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
      </c-col> -->

      <c-col :span="24">
        <el-form-item label="Notify Party" prop="brdgrp.blk.notpty">
            <c-input type="textarea" v-model="model.brdgrp.blk.notpty" maxlength="35" show-word-limit placeholder="请输入Notify Party" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="Goods code" prop="brdgrp.rec.ngrcod">
            <c-select v-model="model.brdgrp.rec.ngrcod" style="width:100%" placeholder="请选择Goods code"
            :code="codes.bnrsec">
              </c-select>
        </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/Brtdck/Event"
import Ptap1 from "~/views/Public/Ptap1"

export default {
  components: {
    "c-ptap1": Ptap1,
    // "c-ptap": Ptap,
    // "c-ptsmsg": Ptsmsg,
  },
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {

        }
    },
    computed:{
      rtoaplflg:{
        get() {
              return this.model.brdgrp.rec.rtoaplflg != ''
          },
          set(val) {
              this.model.brdgrp.rec.rtoaplflg = val ? "X" : ""
          }
      }
    },
    methods:{
      ...Event,
      rtoaplflgChangeEvent() {
        this.executeDefault("brdgrp.rec.rtoaplflg").then((res) => {
          if ((res.respCode == SUCCESS)) {
            Utils.copyValueFromVO(this.model, res.data);
          }
        });
      },
    },
    created:function(){

    }
}
</script>
<style>

</style>