Detp2.vue

<template>
    <c-content class="eibs-tab" :height="200">
        <div class="infTopBtn">
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary" disabled="disableed">Use</c-button>
            <c-button size="small" type="primary" disabled="disableed">Loginfo</c-button>
        </div>
 
    <!-- 顶部 -->
    <c-row>
     <c-col :span="6">
        <el-form-item label="分批装运货物" prop="dedgrp.rec.shppar">
            <c-select v-model="model.dedgrp.rec.shppar" style="width:100%" placeholder="请选择Partial Shipment">
              </c-select>
        </el-form-item>
     </c-col>
    </c-row>
  <c-row>
    <!-- 左边面板 -->
    <c-col :span="12">
     <c-col :span="24">
        <el-form-item label="分期装运/提供服务" prop="dedgrp.rec.fqzytgfw">
            <c-select v-model="model.dedgrp.rec.fqzytgfw" style="width:100%" placeholder="请选择分期装运/提供服务">
              </c-select>
        </el-form-item>
     </c-col>
     <c-col :span="24">
        <el-form-item label="分期装运/提供服务约定" prop="dedgrp.rec.fqtime">
            <c-input type="textarea" v-model="model.dedgrp.rec.fqtime" maxlength="35" show-word-limit placeholder="请输入分期时镧表" ></c-input>
        </el-form-item>
     </c-col>
     <c-col :span="24">
         <el-form-item label="运输方式" prop="dedgrp.rec.tratyp">
            <c-select v-model="model.dedgrp.rec.tratyp" style="width:100%" placeholder="请选择运输方式">
              </c-select>
        </el-form-item>
     </c-col>
     <c-col :span="24">
        <el-form-item label="输入运输方式" prop="dedgrp.rec.sdsrfs">
            <c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" maxlength="35" show-word-limit placeholder="请输入输入运输方式" ></c-input>
        </el-form-item>
     </c-col>
     <c-col :span="24">
        <el-form-item label="合同编号" prop="dedgrp.rec.conno">
            <c-input  v-model="model.dedgrp.rec.conno" maxlength="35"  placeholder="请输入合同编号"></c-input>
        </el-form-item>
     </c-col>
     <c-col :span="24">
       <c-col :span="12">
        <el-form-item label="合同币种" prop="dedgrp.rec.concur">
            <c-select v-model="model.dedgrp.rec.concur" style="width:100%" placeholder="请选择合同币种">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="金额" prop="dedgrp.rec.conamt">
            <c-input  v-model="model.dedgrp.rec.conamt"  placeholder="请输入合同金额"></c-input>
        </el-form-item>
       </c-col>
     </c-col>
  	</c-col>


    <!-- 右边面板 -->
    <c-col :span="12">
     <c-col :span="24">
        <el-form-item label="货物装运地（港）" prop="dedgrp.rec.shpfro">
            <c-input type="textarea" v-model="model.dedgrp.rec.shpfro" maxlength="35" show-word-limit placeholder="请输入分期装运/提供服务" ></c-input>
        </el-form-item>
     </c-col>
     <c-col :span="24">
        <el-form-item label="货物目的地/交货地（港）" prop="dedgrp.rec.shpto">
            <c-input type="textarea" v-model="model.dedgrp.rec.shpto" maxlength="35" show-word-limit placeholder="请输入货物运输或交货方式/服务方式" ></c-input>
        </el-form-item>
     </c-col>
     <c-col :span="24">
        <el-form-item label="服务提供地点" prop="dedgrp.rec.shppro">
            <c-input type="textarea" v-model="model.dedgrp.rec.shppro" maxlength="35" show-word-limit placeholder="请输入服务提供地点" ></c-input>
        </el-form-item>
     </c-col>


	  </c-col>

  </c-row>

  <!--                        
	<c-col :span="12">
	    <span  v-text="model.recpan.fenzhu"   data-path=".recpan.fenzhu" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="Partial Shipment" prop="dedgrp.rec.shppar">
            <c-select v-model="model.dedgrp.rec.shppar" style="width:100%" placeholder="请选择Partial Shipment">
              </c-select>
        </el-form-item>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.recpan.hwzydi"   data-path=".recpan.hwzydi" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="分期装运/提供服务" prop="dedgrp.rec.fqzytgfw">
            <c-select v-model="model.dedgrp.rec.fqzytgfw" style="width:100%" placeholder="请选择分期装运/提供服务">
              </c-select>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="分期装运/提供服务" prop="dedgrp.rec.shpfro">
            <c-input type="textarea" v-model="model.dedgrp.rec.shpfro" maxlength="35" show-word-limit placeholder="请输入分期装运/提供服务" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="分期时镧表" prop="dedgrp.rec.fqtime">
            <c-input type="textarea" v-model="model.dedgrp.rec.fqtime" maxlength="35" show-word-limit placeholder="请输入分期时镧表" ></c-input>
        </el-form-item>
        </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="货物运输或交货方式/服务方式" prop="dedgrp.rec.shpto">
            <c-input type="textarea" v-model="model.dedgrp.rec.shpto" maxlength="35" show-word-limit placeholder="请输入货物运输或交货方式/服务方式" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="运输方式" prop="dedgrp.rec.tratyp">
            <c-select v-model="model.dedgrp.rec.tratyp" style="width:100%" placeholder="请选择运输方式">
              </c-select>
        </el-form-item>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.recpan.sdysfs"   data-path=".recpan.sdysfs" > </span>
	</c-col>
                  
       <c-col :span="12">
        <el-form-item label="输入运输方式" prop="dedgrp.rec.sdsrfs">
            <c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" maxlength="35" show-word-limit placeholder="请输入输入运输方式" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="服务提供地点" prop="dedgrp.rec.shppro">
            <c-input type="textarea" v-model="model.dedgrp.rec.shppro" maxlength="35" show-word-limit placeholder="请输入服务提供地点" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="合同编号" prop="dedgrp.rec.conno">
            <c-input  v-model="model.dedgrp.rec.conno" maxlength="35"  placeholder="请输入合同编号"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="合同币种" prop="dedgrp.rec.concur">
            <c-select v-model="model.dedgrp.rec.concur" style="width:100%" placeholder="请选择合同币种">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="合同金额" prop="dedgrp.rec.conamt">
            <c-input  v-model="model.dedgrp.rec.conamt"  placeholder="请输入合同金额"></c-input>
        </el-form-item>
       </c-col>

    -->
  </c-content>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infdet/Event"

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

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

    }
}
</script>
<style>

</style>