<template>
  <div class="eibs">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="16">
        <el-form-item label="保函文本交付" prop="gidgrp.rec.delori">
          <c-select :disabled="
            model.gidgrp.rec.purpos == 'ICCO' ||
            model.gidgrp.rec.purpos == 'ISCO'
          " v-model="model.gidgrp.rec.delori" style="width: 100%;margin-right: 5px;" placeholder="请选择保函文本交付">
            <el-option v-for="item in codes.delori1" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="8">
        <el-form-item label-width="5px" prop="gidgrp.rec.deloritxt">
          <c-input :disabled="
            model.gidgrp.rec.delori != 'COUR' &&
            model.gidgrp.rec.delori != 'OTHR'
          " v-model="model.gidgrp.rec.deloritxt" maxlength="35" placeholder="请输入保函文本交付"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="发送保函文本" prop="gidgrp.rec.sndto">
          <c-select disabled v-model="model.gidgrp.rec.sndto" style="width: 100%" placeholder="请选择发送保函文本"
            :code="[]">
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="交付收款人" prop="gidgrp.rec.delto">
          <c-select :disabled="
            model.gidgrp.rec.purpos == 'ICCO' ||
            model.gidgrp.rec.purpos == 'ISCO'
          " v-model="model.gidgrp.rec.delto" style="width: 100%" placeholder="请选择交付收款人">
            <el-option v-for="item in codes.delto1" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="交付地址" prop="gidgrp.blk.deltoadr">
          <c-input :disabled="
            model.gidgrp.rec.delto == '' ||
            model.gidgrp.rec.delto != 'OTHR'
          " type="textarea" rows="4" v-model="model.gidgrp.blk.deltoadr" maxlength="35" show-word-limit
            placeholder="请输入交付地址"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="转让条件" prop="gidgrp.blk.trfcond">
          <c-input disabled type="textarea" rows="4" v-model="model.gidgrp.blk.trfcond" maxlength="65" show-word-limit
            placeholder="请输入转让条件"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="20">
        <el-form-item v-if="model.gitp.prepermodflg == ''" label="演示说明" prop="gidgrp.blk.preper">
          <c-input disabled type="textarea" :rows="7" v-model="model.gidgrp.blk.preper" maxlength="65" show-word-limit
            placeholder="请输入演示说明"></c-input>
        </el-form-item>
        <c-form-item v-if="model.gitp.prepermodflg == 'X'" label="演示说明" prop="gidgrp.blk.atxpreper">
          <c-input type="textarea" :rows="7" v-model="model.gidgrp.blk.atxpreper" maxlength="65" show-word-limit
            placeholder="请输入演示说明"></c-input>
        </c-form-item>
      </c-col>
      <c-col :span="4">
        <c-checkbox v-model="model.gitp.prepermodflg" style="margin: 0 0 0 10px" class="checkbox-left">修改文本
        </c-checkbox>
        <c-checkbox v-model="model.gitp.chkpreper" style="margin: 0 0 0 10px" class="checkbox-left">允许
        </c-checkbox>
        <c-button :disabled="!(model.gitp.prepermodflg == 'X' && (model.gidgrp.blk.preper !== '' || model.gidgrp.blk.atxpreper !== ''))" size="small" type="primary" style="margin: 0px 0 0 10px; width: 100px">
          查看系统文本
        </c-button>
        <c-button :disabled="!(model.gitp.prepermodflg == 'X' && (model.gidgrp.blk.preper !== '' || model.gidgrp.blk.atxpreper !== ''))" size="small" style="margin: 10px 0 0 10px; width: 100px" type="primary">
          查看历史文本
        </c-button>
      </c-col>
    </c-col>

    <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
      <c-col :span="24">
        <el-form-item label="收费条件" prop="gidgrp.rec.chato">
          <c-select v-model="model.gidgrp.rec.chato" style="width: 100%" placeholder="请选择收费条件">
            <el-option v-for="item in chato" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="收费">
          <c-fullbox>
            <template slot="footer">
              <c-checkbox v-model="model.gitp.chargi.chkast">允许</c-checkbox>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="收费代码附加详情" prop="gidgrp.blk.feetxt">
          <c-fullbox>
            <c-input type="textarea" rows="4" v-model="model.gidgrp.blk.feetxt" maxlength="35" show-word-limit
              placeholder="请输入收费代码附加详情"></c-input>
            <template slot="footer">
              <c-button size="small" type="primary" icon="el-icon-more">
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from '../event'

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      chato: [
        { value: "U", label: "申请人方面" },
        { value: "B", label: "受益人方面" },
        { value: "O", label: "其他" },
      ],
    };
  },
  methods: { },
  created: function () { },
};
</script>
<style>

</style>