Detp.vue

<template>
  <div class="eibs">
    <el-col :span="12" style="padding-right: 20px;">
       <c-col :span="24">
        <el-form-item label="可用银行" prop="lidgrp.rec.avbwth">
            <c-select 
            disabled
            :code="codes.avbwth" 
            v-model="model.lidgrp.rec.avbwth" 
            style="width:100%" 
            placeholder="请选择可用银行">
              </c-select>
        </el-form-item>
       </c-col>   

       <c-col :span="24">
        <el-form-item label="地址编码" prop="lidgrp.avb.pts.extkey">
           <c-fullbox>
            <c-input disabled v-model="model.lidgrp.avb.pts.extkey" maxlength="16"  placeholder="请输入内容"></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 5px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click=""
                icon="el-icon-info"
              >
               
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click=""
              >
                详情
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
       </c-col>  
       <c-col :span="24">
        <el-form-item label="地址信息" prop="lidgrp.avb.pts.adrblk">
            <c-input disabled 
            :rows="4"
            type="textarea" v-model="model.lidgrp.avb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址信息" ></c-input>
        </el-form-item>
        </c-col>
           <c-col :span="24">
        <el-form-item label="兑付方式" prop="lidgrp.rec.avbby">
            <c-select 
            disabled 
            :rows="4"
            :code="codes.avbby"
            v-model="model.lidgrp.rec.avbby" style="width:100%" placeholder="请选择兑付方式">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="延期付款指示" prop="lidgrp.blk.defdet">
            <c-input 
            disabled 
            :rows="4"
            type="textarea" v-model="model.lidgrp.blk.defdet" maxlength="35" show-word-limit placeholder="请输入延期付款指示" ></c-input>
        </el-form-item>
        </c-col>
        <c-col :span="24">
        <el-form-item label="汇票期限" prop="lidgrp.blk.dftat">
            <c-input 
            :rows="4"
            disabled type="textarea" v-model="model.lidgrp.blk.dftat" maxlength="35" show-word-limit placeholder="请输入汇票期限" ></c-input>
        </el-form-item>
        </c-col>
        <c-col :span="24">
        <el-form-item label="受票人" prop="lidgrp.drw.pts.extkey">
            <c-fullbox>
            <c-input disabled v-model="model.lidgrp.drw.pts.extkey" maxlength="16"  placeholder="请输入地址编码"></c-input>
            <template slot="footer">
              <c-button
                style="margin: 0 5px 0 10px; padding: 0 12px"
                size="small"
                type="primary"
                @click=""
                icon="el-icon-info"
              >  
              </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
                @click=""
              >
                详情
              </c-button>
            </template>
            </c-fullbox>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="地址信息" prop="lidgrp.drw.pts.adrblk">
            <c-input disabled type="textarea" 
            :rows="4"
            v-model="model.lidgrp.drw.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址信息" ></c-input>
        </el-form-item>
        </c-col>
        <c-col :span="12">
        <el-form-item label="装船/发运地" prop="lidgrp.rec.shpfro">
            <c-input disabled v-model="model.lidgrp.rec.shpfro" maxlength="65"  placeholder="请输入地址"></c-input>
        </el-form-item>
       </c-col>
                  
       
                                                    
       <c-col :span="12">
        <el-form-item label="始发（航空）站" prop="lidgrp.rec.porloa">
            <c-input disabled v-model="model.lidgrp.rec.porloa" maxlength="65"  placeholder="请输入始发（航空）站"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="终点（航空）站" prop="lidgrp.rec.pordis">
            <c-input disabled v-model="model.lidgrp.rec.pordis" maxlength="65"  placeholder="请输入终点（航空）站"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="最终目的地" prop="lidgrp.rec.shpto">
            <c-input disabled v-model="model.lidgrp.rec.shpto" maxlength="65"  placeholder="请输入最终目的地"></c-input>
        </el-form-item>
       </c-col>
                                   
       
    </el-col>

    <!-- ====================================================================================== -->

    <el-col :span="12" style="padding-left: 20px;">
        <c-col :span="24">
        <el-form-item label="寄单期限" prop="lidgrp.rec.prepers18">
            <c-input disabled v-model="model.lidgrp.rec.prepers18"  placeholder="请输入交单期限"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="寄单描述" prop="lidgrp.rec.prepertxts18">
            <c-input 
            disabled 
            :rows="4"
            type="textarea" v-model="model.lidgrp.rec.prepertxts18" maxlength="35" show-word-limit placeholder="请输入内容" ></c-input>
        </el-form-item>
        </c-col>
        <c-col :span="24">
	    <c-checkbox disabled v-model="model.lidgrp.blk.preperflg">修改寄单期限</c-checkbox>
       </c-col>
       <c-col :span="24">
        <el-form-item label="银行费用负担" prop="lidgrp.blk.feetxt">
            <c-input disabled 
            :rows="4"
            type="textarea" v-model="model.lidgrp.blk.feetxt" maxlength="315" show-word-limit placeholder="请输入银行费用负担" ></c-input>
        </el-form-item>
        </c-col>
         <c-col :span="24">
        <el-form-item label="收费条件" prop="lidgrp.rec.chato">
            <c-select disabled 
            :code="codes.chato"
            v-model="model.lidgrp.rec.chato" style="width:100%" placeholder="请选择收费条件">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="国家地区代码" prop="lidgrp.rec.stacty">
            <c-select 
            disabled 
            :code="codes.stacty"
            v-model="model.lidgrp.rec.stacty" style="width:100%" placeholder="请选择内容">
              </c-select>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="混合付款详情" prop="lidgrp.blk.mixdet">
            <c-input disabled 
            :rows="4"
            type="textarea" v-model="model.lidgrp.blk.mixdet" maxlength="35" show-word-limit placeholder="请输入混合付款详情" ></c-input>
        </el-form-item>
        </c-col>
        <c-col :span="24">
        <el-form-item label="期限日" prop="lidgrp.rec.tenmaxday">
            <c-input disabled v-model="model.lidgrp.rec.tenmaxday"  placeholder="请输入期限日"></c-input>
        </el-form-item>
       </c-col>
       <c-col :span="24">
        <el-form-item label="装运期限" prop="lidgrp.blk.shpper">
            <c-input disabled 
            :rows="4"
            type="textarea" v-model="model.lidgrp.blk.shpper" maxlength="65" show-word-limit placeholder="请输入装运期限" ></c-input>
        </el-form-item>
        </c-col>
    </el-col>                                              
       
            
       
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Litdla/Event"

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

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

    }
}
</script>
<style>

</style>