<template>
	<div class="eibs-tab">
		<!-- ==================左边================ -->
		<c-col :span="12" style="padding-right: 20px;">
			<c-col :span="24">
				<el-form-item label="信用证兑付方式" prop="didgrp.rec.avbby">
					<c-select dbCode="AVBBY0" uil="CN" :filterKey="['D','P']" v-model="model.didgrp.rec.avbby" style="width:100%" placeholder="请选择信用证兑付方式" @change="avbbyChange">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="付款期限" prop="didgrp.rec.tenmaxday">
					<c-input :disabled="model.didgrp.rec.avbby!='D'" v-model.number="model.didgrp.rec.tenmaxday" placeholder="请输入付款期限" @change="avbbyChange"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="远期付款指示" prop="didgrp.blk.defdet"  :rules="[{required:model.didgrp.rec.avbby == 'D',message:'必输项'}]">
					<c-input :disabled="model.didgrp.rec.avbby!='D'" type="textarea" v-model="model.didgrp.blk.defdet" maxlength="60" show-word-limit placeholder="请输入远期付款指示"></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="交单期限" prop="didgrp.blk.preper" :rules="[{required:model.didgrp.blk.preperflg=='X',message:'必输项'}]">
					<c-input :disabled="model.didgrp.blk.preperflg!='X'" type="textarea" v-model="model.didgrp.blk.preper" maxlength="100" show-word-limit placeholder="请输入交单期限" ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item style="width: 100%;" prop="didgrp.blk.preperflg">
					<c-checkbox class="checkbox-left" true-label="X" false-label="" v-model="model.didgrp.blk.preperflg" >修改交单期限文本</c-checkbox>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp" :rules="[{required:model.didgrp.rec.mytype=='H'||model.didgrp.rec.mytype=='3',message:'必输项'}]">
					<c-select :disabled="model.didgrp.rec.mytype=='F'" dbCode="tratyp" v-model="model.didgrp.rec.tratyp" style="width:100%" placeholder="请输入货物运输或交货方式/服务方式" @change="tratypChange">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item :label="(model.didgrp.rec.mytype=='H'||model.didgrp.rec.mytype=='')?'手输运输方式': (model.didgrp.rec.mytype=='F'?'服务提供方式':'手输运输方式/服务提供方式')" prop="didgrp.rec.sdsrfs" :rules="[{required:model.didgrp.rec.tratyp=='08'||model.didgrp.rec.mytype=='F',message:'必输项'}]">
					<c-input :disabled="model.didgrp.rec.mytype!='F'&&model.didgrp.rec.tratyp!='08'" type="textarea" v-model="model.didgrp.rec.sdsrfs" maxlength="20" show-word-limit :placeholder="(model.didgrp.rec.mytype=='H'||model.didgrp.rec.mytype=='')?'请输入手输运输方式': (model.didgrp.rec.mytype=='F'?'请输入服务提供方式':'请输入手输运输方式/服务提供方式')"></c-input>
				</el-form-item>
			</c-col>
		</c-col>
		<!-- ============右边================= -->
		<c-col :span="12" style="padding-left: 20px;">
			<c-col :span="24">
				<el-form-item :label="(model.didgrp.rec.mytype=='H'||model.didgrp.rec.mytype=='')?'分批装运货物': (model.didgrp.rec.mytype=='F'?'分次提供服务':'分批装运货物/分次提供服务标识')"  prop="didgrp.rec.shppar">
					<c-select dbCode="ELC011" uil="CN" v-model="model.didgrp.rec.shppar" style="width:100%"  @change="shpparChange">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="分期装运/提供服务" prop="didgrp.rec.fqzytgfw" :rules="[{required:model.didgrp.rec.shppar=='ALWD',message:'必输项'}]">
					<c-select dbCode="ELC011" :disabled="model.didgrp.rec.shppar!='ALWD'" v-model="model.didgrp.rec.fqzytgfw" style="width:100%"  @change="fqzytgfwChange">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="分期装运/提供服务约定" prop="didgrp.rec.fqtime">
					<c-input :disabled="model.didgrp.rec.shppar!='ALWD'||this.model.didgrp.rec.fqzytgfw!='ALWD'" type="textarea" :rows="2" v-model="model.didgrp.rec.fqtime" maxlength="100" show-word-limit ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="转运" prop="didgrp.rec.shptrs"  :rules="[{required:model.didgrp.rec.mytype!='F'&&model.didgrp.rec.mytype!='',message:'必输项'}]">
					<c-select :disabled="model.didgrp.rec.mytype=='F'" dbCode="ELC011" uil="CN"  v-model="model.didgrp.rec.shptrs" style="width:100%" placeholder="请输入转运">
					</c-select>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="货物装运地（港）" prop="didgrp.rec.shpfro"  :rules="[{required:model.didgrp.rec.mytype!='F'&&model.didgrp.rec.mytype!='',message:'必输项'}]">
					<c-input type="textarea" :disabled="model.didgrp.rec.mytype=='F'" :rows="2" v-model="model.didgrp.rec.shpfro" maxlength="210" show-word-limit ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="货物目的地/交货地（港）" prop="didgrp.rec.shpto"  :rules="[{required:model.didgrp.rec.mytype!='F'&&model.didgrp.rec.mytype!='',message:'必输项'}]">
					<c-input type="textarea" :disabled="model.didgrp.rec.mytype=='F'" :rows="2" v-model="model.didgrp.rec.shpto" maxlength="210" show-word-limit ></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="服务提供地点" prop="didgrp.rec.shppro"  :rules="[{required:model.didgrp.rec.mytype!='H'&&model.didgrp.rec.mytype!='',message:'必输项'}]">
					<c-input type="textarea" :disabled="model.didgrp.rec.mytype=='H'" :rows="2" v-model="model.didgrp.rec.shppro" maxlength="210" show-word-limit ></c-input>
				</el-form-item>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  created() {},
  computed: {
    fqtimeFlg() {
		if(this.model.didgrp.rec.elcflg=='Y'){
			if(this.model.didgrp.rec.shppar=='ALWD'){
				if(this.model.didgrp.rec.fqzytgfw=="ALWD"){
					return false;
				}
				else{
					this.model.didgrp.rec.fqtime="";
					return true;
				}
			}
			else{
					this.model.didgrp.rec.fqtime="";
					return true;
			}

		}
		return false;
	},
  }
};
</script>
<style>
</style>