<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="model.dedgrp.rec.tratyp!='08' && model.dedgrp.rec.mytype!='F'"
                    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>

            <c-col :span="24">
                <el-form-item label="合同金额">
                    <c-col :span="10">
                        <c-select
                            v-model="model.dedgrp.rec.concur"
                            placeholder="请选择"
                           style="width: 100%"
                        >
                            <el-option label="CNY 人民币" value="CNY"></el-option>
                        </c-select>
                    </c-col>
                    <c-col :span="14">
                        <el-form-item label="" label-width="5px" prop="dedgrp.rec.conamt">
                            <c-input-currency
                                v-model="model.dedgrp.rec.conamt"
                                placeholder="请输入"
                            ></c-input-currency>
                        </el-form-item>
                    </c-col>
                </el-form-item>
            </c-col>
        </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],
    methods: { ...Event },
    created: function () {},
};
</script>
<style>
</style>