Nidtxtp.vue

<template>
  <div class="eibs-tab" ref="ptab">
    <c-row>
      <c-col :span="24">
				<c-col :span="24" style="margin-bottom: 10px;">
					<c-checkbox
						true-label="X"
						false-label= ""
						v-model="model.nitp.gidtxtmodflg"
						disabled
						class="checkbox-left"
						style="margin-right: 20px;"
					>修改保函文本</c-checkbox>
					<c-button
						disabled
						size="mini"
						type="primary"
					>
						重置模板
					</c-button>
				</c-col>
				<c-col :span="24" style="margin: 5px 0 10px;">
				</c-col>
        <c-col :span="24">
          <c-col :span="24">
            <el-form-item
              prop="nidgrp.blk.gidtxt"
            >
              <c-xml-format-editor
                v-model="model.nidgrp.blk.gidtxt"
                disabled
                placeholder="请输入保函文本可变因素"
                :chs="model.nidgrp.rec.giduil!='EN'"
                :heightStr="heightStr"
              ></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.$emit('changeTxt')
			}
		},
		handleReset () {
			if(this.model.nidgrp.blk.modifySet){
        this.model.nidgrp.blk.modifySet = this.model.nidgrp.blk.modifySet.filter(key=>key!='gidtxt')
      }
			this.$emit('changeTxt')
		},
		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>