<template>
  <div class="eibs-tab">
    <!-- 上左 -->
    <el-col :span="11">
      <el-col :span="24">
        <el-form-item label="付款方式" prop="lidgrp.rec.avbby">
          <c-select
            v-model="model.lidgrp.rec.avbby"
            style="width:100%"
            placeholder="请选择付款方式"
          >
						<el-option v-for="item in codes.dffs" :key="item.value" :label="item.label" :value="item.value"></el-option>
          </c-select>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="付款指示" prop="lidgrp.blk.defdet">
          <c-input
            type="textarea"
            v-model="model.lidgrp.blk.defdet"
            maxlength="35"
            show-word-limit
            placeholder="请输入付款指示"
						:disabled="model.lidgrp.rec.avbby === '1'"
          ></c-input>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="付款期限" prop="lidgrp.rec.tenmaxday">
          <c-input
            v-model="model.lidgrp.rec.tenmaxday"
            placeholder="请输入付款期限"
						:disabled="model.lidgrp.rec.avbby === '1'"
          ></c-input>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="议付选项" prop="lidgrp.rec.yfxx">
          <c-select
            v-model="model.lidgrp.rec.yfxx"
            style="width:100%"
            placeholder="请选择议付选项"
          >
						<el-option v-for="item in codes.yfxx" :key="item.value" :label="item.label" :value="item.value"></el-option>
          </c-select>
        </el-form-item>
      </el-col>
      <el-col :span="16">
        <el-form-item label="议付行" prop="lidgrp.yfb.pts.extkey">
          <c-input
            v-model="model.lidgrp.yfb.pts.extkey"
            maxlength="16"
            placeholder="请输入External Key of Address"
						:disabled="model.lidgrp.rec.yfxx === '1'"
						v-show="model.lidgrp.rec.yfxx !== '2'"
          ></c-input>
        </el-form-item>
      </el-col>
      <c-col :span="8" v-show="model.lidgrp.rec.yfxx !== '2'">
        <el-form-item label="" label-width="15px">
          <c-button size="small" type="primary;width:10%">i</c-button>
          <c-button size="small" type="primary" @click="onAplpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col>
      <c-col :span="24">
				<!-- maybe lidgrp.yfb.dbfadrblkcn -->
        <el-form-item label="" prop="lidgrp.yfb.pts.adrblk">
          <c-input
            type="textarea"
            v-model="model.lidgrp.yfb.pts.adrblk"
            maxlength="35"
            :rows="5"
            show-word-limit
            placeholder="请输入Address Block"
						:disabled="model.lidgrp.rec.yfxx !== '2'"
          ></c-input>
        </el-form-item>
      </c-col>
      <el-col :span="24">
        <el-form-item label="分期装运" prop="lidgrp.blk.fqzy">
          <c-input
            type="textarea"
            v-model="model.lidgrp.blk.fqzy"
            maxlength="35"
            :rows="5"
            show-word-limit
            placeholder="请输入分期装运"
          ></c-input>
        </el-form-item>
      </el-col>
    </el-col>
    <!-- 上右 -->
    <el-col :span="11" :offset="1">
      <el-col :span="24">
        <el-form-item label="交单期限" prop="lidgrp.blk.preper">
          <c-input
            type="textarea"
            v-model="model.lidgrp.blk.preper"
            maxlength="35"
            :rows="5"
            show-word-limit
            placeholder="请输入付款指示"
          ></c-input>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="" prop="lidgrp.blk.preperflg">
          <c-checkbox v-model="model.lidgrp.blk.preperflg"
            >修改交单期限文本</c-checkbox
          >
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="参考号" prop="lidgrp.age.pts.ref">
          <c-input
            v-model="model.lidgrp.age.pts.ref"
            maxlength="16"
            placeholder="请输入Reference for Address Optional"
          ></c-input>
        </el-form-item>
      </el-col>
      <el-col :span="16">
        <el-form-item label="代开行" prop="lidgrp.age.pts.extkey">
          <c-input
            v-model="model.lidgrp.age.pts.extkey"
            maxlength="16"
            placeholder="请输入External Key of Address"
          ></c-input>
        </el-form-item>
      </el-col>
      <c-col :span="8">
        <el-form-item label="" label-width="15px">
          <c-button size="small" type="primary;width:10%">i</c-button>
          <c-button size="small" type="primary" @click="onAplpDet">
            Details
          </c-button>
        </el-form-item>
      </c-col>
      <c-col :span="24">
				<!-- maybe lidgrp.age.dbfadrblkcn -->
        <el-form-item label="" prop="lidgrp.age.pts.adrblk">
          <c-input
            type="textarea"
            v-model="model.lidgrp.age.pts.adrblk"
            maxlength="35"
            :rows="5"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
    </el-col>
		<el-col :span="24"></el-col>
    <!-- 底部 -->
    <el-col :span="6">
      <el-form-item label="运输方式/服务提供方式" prop="lidgrp.rec.tratyp">
        <c-select
          v-model="model.lidgrp.rec.tratyp"
          style="width:100%"
          placeholder="请选择运输方式/服务提供方式"
        >
        </c-select>
      </el-form-item>
    </el-col>
		<el-col :span="12">
			<el-form-item label="运输方式" prop="lidgrp.blk.ysfs">
					<c-input type="textarea" v-model="model.lidgrp.blk.ysfs" maxlength="50" show-word-limit placeholder="请输入运输方式" ></c-input>
			</el-form-item>
		</el-col>

    <el-col :span="18">
      <el-form-item label="货物起运地/服务提供地" prop="lidgrp.rec.shpfro">
        <c-input
          v-model="model.lidgrp.rec.shpfro"
          maxlength="65"
          placeholder="请输入货物起运地/服务提供地"
        ></c-input>
      </el-form-item>
    </el-col>

    <el-col :span="18">
      <el-form-item label="目的地" prop="lidgrp.rec.shpto">
        <c-input
          v-model="model.lidgrp.rec.shpto"
          maxlength="65"
          placeholder="请输入目的地"
        ></c-input>
      </el-form-item>
    </el-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Ditopn/Event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [CommonProcess],
  data() {
    return {};
  },
  methods: { ...Event },
  created: function() {},
};
</script>
<style></style>
