Shpdet.vue

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

    <!--=== ==========左边=============== -->
    <c-col :span="12" class="col-left"> 
      <c-col :span="24">
        <el-form-item label="提货担保申请人" prop="brdgrp.rec.relgodflg">
            <c-select v-model="model.brdgrp.rec.relgodflg" style="width:100%" placeholder="请选择提货担保申请人" :code="codes.relgod">
              </c-select>
        </el-form-item>
      </c-col>

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

      <c-col :span="12">
        <el-form-item label="放货日期" prop="brdgrp.rec.relgoddat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.relgoddat" style="width:100%"  placeholder="请选择日期"
              value-format="yyyy-MM-dd"></c-date-picker>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="生效日期" prop="brdgrp.rec.expdat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.expdat" style="width:100%"  placeholder="请选择日期"
              value-format="yyyy-MM-dd"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="货物单据类型" prop="brdgrp.rec.trpdoctyp">
            <c-select v-model="model.brdgrp.rec.trpdoctyp" style="width:100%" placeholder="请选择货物单据类型">
              </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="运输单据编号" prop="brdgrp.rec.trpdocnum">
            <c-input  v-model="model.brdgrp.rec.trpdocnum" maxlength="40"  placeholder="请输入运输单据编号"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="提单装船期" prop="brdgrp.rec.tradat">
            <c-date-picker type="date"  v-model="model.brdgrp.rec.tradat" style="width:100%"  placeholder="请选择日期"
              value-format="yyyy-MM-dd"></c-date-picker>
        </el-form-item>
      </c-col>

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

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

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

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

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

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

      <c-col :span="24">
        <el-form-item label="航号" prop="brdgrp.blk.voynum">
            <c-input  v-model="model.brdgrp.blk.voynum" maxlength="30"  placeholder="请输入航号"></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <!--=== ==========右边=============== -->
    <c-col :span="12" class="col-right">
      <c-col :span="24">
        <el-form-item label="合同编号" prop="brtp.connum">
            <c-input  v-model="model.brtp.connum" maxlength="35"  placeholder="请输入合同编号"></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="承运人" prop="brdgrp.blk.carnam">
            <c-input  v-model="model.brdgrp.blk.carnam" maxlength="35"  placeholder="请输入承运人"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="海运/远洋提单编号" prop="brdgrp.rec.blnum">
            <c-input  v-model="model.brdgrp.rec.blnum" maxlength="20"  placeholder="请输入海运/远洋提单编号"></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="收货人名称及地址" prop="brdgrp.blk.relstoadr">
            <c-input type="textarea" v-model="model.brdgrp.blk.relstoadr" maxlength="140" show-word-limit placeholder="请输入收货人名称及地址" 
            rows="4"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="4">
        <el-form-item label="" label-width="5px" prop="brdgrp.rec.rtoaplflg">
          <c-checkbox v-model="model.brdgrp.rec.rtoaplflg">给申请人</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: '运输公司',
            grp: 'brdgrp',
            rol: 'shp',
          }"
          :disabled="true"
          :isAdrblk="false"
          disabled1
          @onSeainf="onSeainf" @onAplpDet="onShppDet"
        >
        </c-ptap1>
        <!-- brdgrp.shp.pts.extkey  对应grp: 'brdgrp',  rol: 'prb',-->
      </c-col>
          

      

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

      <c-col :span="24">
        <el-form-item label="货物类型" prop="brdgrp.rec.ngrcod">
            <c-select v-model="model.brdgrp.rec.ngrcod" style="width:100%" placeholder="请选择货物类型"
            :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 != ''
      //         brdgrp.rec.rtoaplflg
      //     },
      //     set(val) {
      //         this.model.brdgrp.rec.rtoaplflg = val ? "X" : ""
      //     }
      // }
    },
    methods:{
      ...Event,
    },
    created:function(){

    }
}
</script>
<style>

</style>