Shpdet.vue

<template>
  <div class="eibs">
       <c-row>
       <c-col :span="24" >
            <c-col :span="11">
              <c-col :span="24">
                    <el-form-item label="提货担保申请人" prop="brdgrp.rec.relgodflg">
                        <c-select v-model="model.brdgrp.rec.relgodflg" style="width:100%" placeholder="请选择提货担保申请人" disabled :code="codes.relgodflg">
                          </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="请选择放货类型" disabled>
                         </c-select>
                   </el-form-item>
                  </c-col>

              <c-col :span="24">
                    <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="请选择日期" disabled></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="请选择日期" disabled></c-date-picker>
                    </el-form-item>
                   </c-col>
               </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="请选择货物单据类型" disabled>
                         </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="请输入运输单据编号" disabled></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="请选择日期" disabled></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="请选择运输模式" disabled>
                          </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="请输入运输工具" disabled></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="请输入卸货口岸" disabled></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="请输入移交地点" disabled></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="40" show-word-limit placeholder="请输入货物描述" :rows="6" disabled ></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="请输入起运口岸" disabled></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="请输入航号" disabled></c-input>
                    </el-form-item>
               </c-col>
            </c-col>
             <c-col :span="11" :offset="1">
                 <c-col :span="24">
                        <el-form-item label="合同编号" prop="brtp.connum">
                            <c-input  v-model="model.brtp.connum" maxlength="35"  placeholder="请输入合同编号" disabled></c-input>
                        </el-form-item>
                   </c-col>
                   <c-col :span="24">
                   <br>
                   </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="请输入承运人" disabled></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="请输入海运/远洋提单编号" disabled></c-input>
                        </el-form-item>
                   </c-col>
                   <c-col :span="24">
                    <el-form-item label=" " prop="brdgrp.rec.rtoaplflg" label-width="120px" style="float:left;">
                   	    <c-checkbox v-model="model.brdgrp.rec.rtoaplflg" disabled>向申请人放行货物</c-checkbox>
                    </el-form-item>
                    </c-col>
                   <c-col :span="24">
                        <el-form-item label="收货人名称及地址" prop="brdgrp.blk.relstoadr">
                            <c-input type="textarea" v-model="model.brdgrp.blk.relstoadr" maxlength="35" show-word-limit placeholder="请输入收货人名称及地址" :rows="5" disabled></c-input>
                        </el-form-item>
                    </c-col>

                       <c-col :span="24">
                          <el-form-item label="运输公司" prop="brdgrp.shp.pts.extkey" style="width: 100%">
                              <c-fullbox>
                            
                                <c-input  v-model="model.brdgrp.shp.pts.extkey" maxlength="16"  placeholder="请输入地址编码" disabled ></c-input>
                          
                           
                           <template slot="footer">
                                <c-button size="small" type="primary"  @click="onShppDet" disabled icon="el-icon-info">
                                    
                                </c-button>
                          </template>
                          </c-fullbox>
                          </el-form-item>
                     </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="请输入名称" :rows="5" disabled></c-input>
                            </el-form-item>
                     </c-col>

                   <c-col :span="24">
                    <el-form-item label="地址信息" prop="brdgrp.shp.pts.adrblk" v-show="false">
                        <c-input type="textarea" v-model="model.brdgrp.shp.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址信息" disabled></c-input>
                    </el-form-item>
                    </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="35" show-word-limit placeholder="请输入被通知人" :rows="5" disabled></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="请选择货物类型" disabled>
                              </c-select>
                        </el-form-item>
                   </c-col>
            </c-col>
        </c-col>

        <!--未在页面中找到对应的字段，进行隐藏-->
       <c-col :span="24" v-show="false">
           <c-col :span="12">
            <el-form-item label="" prop="brtp.shpp.ptsget.sdamod.dadsnd">
                <c-input  v-model="model.brtp.shpp.ptsget.sdamod.dadsnd"  placeholder="请输入发送方"></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">
            <el-form-item label="中文地址" prop="brdgrp.shp.dbfadrblkcn">
                <c-input type="textarea" v-model="model.brdgrp.shp.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入中文地址" ></c-input>
            </el-form-item>
            </c-col>
           <c-col :span="12">
            <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>
     </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Brtsnd/Event"

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

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

    }
}
</script>
<style>

</style>