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

        <!-- ========================= Left ========================= -->
        <el-col :span="12"> 
            <el-form-item label="信用证兑付方式" prop="didgrp.rec.avbby">
                <c-select v-model="model.didgrp.rec.avbby" style="width:100%" @change="avbbykeyEvent" placeholder="请选择">
                    <el-option v-for="item in codes.avbby0" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                </c-select>
            </el-form-item>

            <el-form-item label="付款期限" prop="didgrp.rec.tenmaxday" @keyup.enter.native="recTenmaxdayEvent">
                <c-input :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.rec.tenmaxday" placeholder="请输入"></c-input>
            </el-form-item>

            <el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
                <c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:70%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入"></c-input>
                <c-button size="small" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
                    ...
                </c-button>
            </el-form-item>

            <el-form-item label="交单期限" prop="didgrp.blk.preper">
                <c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:70%;margin-right:20px;" maxlength="105" show-word-limit placeholder="请输入"></c-input>
                <c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
                    ...
                </c-button>
            </el-form-item>

            <el-form-item label="" prop="didgrp.blk.preperflg">
                <c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox>
            </el-form-item>

            <el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp">
                <c-select v-model="model.didgrp.rec.tratyp" style="width:100%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.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.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">
                <c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
            </el-form-item>
            <el-form-item v-if="model.didgrp.rec.mytype == 'F'" label="服务提供方式" prop="didgrp.rec.sdsrfs">
                <c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" maxlength="140" show-word-limit placeholder="请输入"></c-input>
            </el-form-item>
            <el-form-item v-if="model.didgrp.rec.mytype == '3'" label="手输运输方式/服务提供方式" prop="didgrp.rec.sdsrfs">
                <c-input type="textarea" v-model="model.didgrp.rec.sdsrfs" :disabled="this.mytypeFlag" maxlength="140" show-word-limit placeholder="请输入"></c-input>
            </el-form-item>
            

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

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

        <!-- ========================= Right ========================= -->
        <el-col :span="12">
            <el-form-item label="分批装运货物" prop="didgrp.rec.shppar">
                <c-select v-model="model.didgrp.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="didgrp.rec.fqzytgfw">
                <c-input v-model="model.didgrp.rec.fqzytgfw" placeholder="请输入" :disabled="model.didgrp.rec.shppar == 'N'"></c-input>
            </el-form-item>

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

            <el-form-item label="转运" prop="didgrp.rec.shptrs">
                <c-select v-model="model.didgrp.rec.shptrs" style="width:100%" placeholder="请选择" :disabled="model.didgrp.rec.mytype == 'F'">
                  <el-option label="不允许" value="1"></el-option>
                  <el-option label="允许" value="2"></el-option>
                </c-select>
            </el-form-item>

            <el-form-item label="货物转运地(港)" prop="didgrp.rec.shpfro">
                <c-input type="textarea" :rows="3" v-model="model.didgrp.rec.shpfro" :disabled="model.didgrp.rec.mytype == 'F'" maxlength="35" show-word-limit placeholder="请输入"></c-input>
            </el-form-item>

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

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

        <!-- <el-col :span="12">
            <el-form-item label="合同币种" prop="didgrp.rec.concur">
                <c-select v-model="model.didgrp.rec.concur" style="width:100%" placeholder="请选择">
                  <el-option label="CNY 人民币" value="CNY"></el-option>
                </c-select>
            </el-form-item>
        </el-col> -->

        <!-- <el-col :span="12">
	    <span  v-text="model.ditp.sdysfs"   data-path=".ditp.sdysfs" > </span>
	</el-col>
                  
	<el-col :span="12">
	    <span  v-text="model.ditp.hwzydi"   data-path=".ditp.hwzydi" > </span>
	</el-col> -->

    </div>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Ditopn/Event"
import Utils from "~/utils";

export default {
    props:["model","codes"],
    data(){
        return {
            flag:false,
            mytypeFlag:true,
        }
    },
    methods:{...Event,
        preperflgExtkeyEvent(){
            this.flag = !this.model.didgrp.blk.preperflg
            if (this.flag === true){
                this.model.didgrp.blk.preper = "货物装运日后15天";
            }
        },
        avbbykeyEvent(){
            if(this.model.didgrp.rec.avbby == 'P'){
                this.model.didgrp.rec.tenmaxday = 0;
                this.model.didgrp.blk.defdet = "";
            }
            const arg = Utils.flatObject(this.model);
            Api.post("ditopn/default/didgrp.rec.avbby", arg).then(
                (res) => {
                    if (res.respCode = "AAAAAA"){
                        const data = res.data; 
                        this.model.didgrp.blk.defdet = data.didgrp_blk_defdet;
                    }
                }
            );
        },
        recTenmaxdayEvent(){
            const arg = Utils.flatObject(this.model);
            Api.post("ditopn/default/didgrp.rec.tenmaxday", arg).then(
                (res) => {
                    if (res.respCode = "AAAAAA"){
                        const data = res.data; 
                        this.model.didgrp.blk.defdet = data.didgrp_blk_defdet;
                    }
                }
            );
        },
        recTratypChange(){
            if (this.model.didgrp.rec.tratyp == "08"){
                this.model.didgrp.rec.sdsrfs = "";
                this.mytypeFlag = false;
            }else{
                this.model.didgrp.rec.sdsrfs = "";
                this.mytypeFlag = true;
            }
        }
    },
    
    created:function(){

    }
}
</script>
<style>
</style>