<template>
  <div class="eibs-tab  bh-text" ref="ptab">
    <c-row>
      <c-col :span="24">
				<c-col :span="24">
					<el-form-item label-width="100px">
					<c-checkbox
						true-label="X"
						false-label= ""
						v-model="model.nitp.gidtxtmodflg"
						:disabled="isInDisplay"
						class="checkbox-left"
						style="margin-right: 20px;"
						@change="handleEdit"
					>修改保函文本</c-checkbox>
					</el-form-item>
				</c-col>
				<c-col :span="24" style="margin: 5px 0 10px;">
				</c-col>
        <c-col :span="24">
          <c-col :span="24">
            <el-form-item 
							class="gidtxt-wrap"
							label-width="100px"
              prop="nidgrp.blk.gidtxt"
            >
              <c-xml-format-editor
                v-model="model.nidgrp.blk.gidtxt"
                :disabled="model.nitp.gidtxtmodflg == '' || isInDisplay"
                placeholder="请输入保函文本可变因素"
								:chs="model.nidgrp.rec.giduil!='EN'"
                :heightStr="heightStr"
								:isShowScale="true"
								@blur="checkGidtxt"
              ></c-xml-format-editor>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import event from '../event'
import commonDepend from "~/mixin/commonDepend";
export default {
  components: { },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, commonDepend],
  data() {
    return {
      isReset: false,
      heightStr:'400px'
		};
	},
  methods: {
		handleEdit () {
			if (!this.model.nitp.gidtxtmodflg) {
				this.model.nitp.gidtxtmodflg = ''
			} else {
				this.model.nitp.gidtxtmodflg = 'X'
			}
		},
		handleReset () {
			this.isReset = true
		},
		handleInput () {
			this.isReset = false
    },
    resizeFunction(){
     let height = this.$refs.ptab.offsetHeight
     height = height - 35 -45 - 80
     if(height < 400){
       height = 400 
     }
      this.heightStr = height + "px"
    }
  },
  mounted(){
    this.$ob = new ResizeObserver(()=>{
      this.resizeFunction()
    })
    this.$ob.observe(this.$refs.ptab)
    this.resizeFunction()
  },
  beforeDestroy(){
    this.$ob.disconnect();
  },
  created () {},
};
</script>
<style scoped lang="less">
::v-deep .el-form-item__content {
	margin-left: 0!important;
}
</style>