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

  <!-- ========================= Left ========================= -->
  <c-col :span="11"> 
        <el-form-item label="分批装运货物" prop="dedgrp.rec.shppar">
                <c-select v-model="model.dedgrp.rec.shppar" style="width:100%" placeholder="请选择">
                    <el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                </c-select>
        </el-form-item>
       
        <el-form-item label="分期装运/提供服务" prop="dedgrp.rec.fqzytgfw">
                <c-select v-model="model.dedgrp.rec.fqzytgfw" placeholder="请选择" :disabled="model.dedgrp.rec.shppar != 'Y'" style="width:100%">
                    <el-option v-for="item in codes.shppar" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                </c-select>
        </el-form-item>

        <el-form-item label="分期装运/提供服务约定" prop="dedgrp.rec.fqtime">
                <c-input type="textarea" :rows="3" v-model="model.dedgrp.rec.fqtime" maxlength="140" show-word-limit placeholder="请输入" style="width:100%"></c-input>
        </el-form-item>

        <el-form-item label="货物运输/交货/服务方式" prop="dedgrp.rec.tratyp">
                <c-select v-model="model.dedgrp.rec.tratyp" style="width:100%" placeholder="请选择" @change="recTratypChange" :disabled="model.dedgrp.rec.mytype == 'F'">
                    <el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
                        :value="item.value">
                    </el-option>
                </c-select>
        </el-form-item>

        <el-form-item v-if="model.dedgrp.rec.mytype == 'H'" label="手输运输方式" prop="dedgrp.rec.sdsrfs">
                <c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
            </el-form-item>
            <el-form-item v-if="model.dedgrp.rec.mytype == 'F'" label="服务提供方式" prop="dedgrp.rec.sdsrfs">
                <c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" maxlength="140" show-word-limit placeholder="请输入"></c-input>
            </el-form-item>
            <el-form-item v-if="model.dedgrp.rec.mytype == '3'" label="手输运输方式/服务提供方式" prop="dedgrp.rec.sdsrfs">
                <c-input type="textarea" v-model="model.dedgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
        </el-form-item>

        <el-form-item label="合同编号" prop="dedgrp.rec.conno">
            <c-input v-model="model.dedgrp.rec.conno" maxlength="35" placeholder="请输入"></c-input>
        </el-form-item>

        <el-form-item label="合同金额">
            <c-col :span="10">
                <c-select v-model="model.dedgrp.rec.concur" style="width:90%" placeholder="请选择">
                    <el-option label="CNY 人民币" value="CNY"></el-option>
                </c-select>   
            </c-col>
            <c-col :span="14">
                <c-input v-model="model.dedgrp.rec.conamt" placeholder="请输入"></c-input>
            </c-col>
        </el-form-item>
    </c-col>

    <!-- ========================= Right ========================= -->
    <c-col :span="11" :offset="1">
        <el-form-item label="货物转运地(港)" prop="dedgrp.rec.shpfro">
            <c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shpfro" :disabled="model.dedgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
        </el-form-item>

        <el-form-item label="货物目的地/交货地(港)" prop="dedgrp.rec.shpto">
            <c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shpto" :disabled="model.dedgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
        </el-form-item>

        <el-form-item label="服务提供地点" prop="dedgrp.rec.shppro">
                <c-input type="textarea" style="width:100%" :rows="3" v-model="model.dedgrp.rec.shppro" :disabled="model.dedgrp.rec.mytype == 'H'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
        </el-form-item>
    </c-col>


    <!--
	<c-col :span="12">
	    <span  v-text="model.detp.fenzhu"   
        a-path=".detp.fenzhu" > </span>
	</c-col>
                  
                   
	<c-col :span="12">
	    <span  v-text="model.detp.hwzydi"   data-path=".detp.hwzydi" > </span>
	</c-col>
                  
                                                                                                         
	<c-col :span="12">
	    <span  v-text="model.detp.sdysfs"   data-path=".detp.sdysfs" > </span>
	</c-col>
    -->             
                            
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Detopn/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            mytypeFlag:true,
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>