<template>
  <div class="eibs-tab bh-text">
		<c-collapse v-model="activeNames" style="margin-bottom: 5px;">
			<el-collapse-item :title="model.gidgrp.rec.legfrm == 'DEPU'?'45D 保函文本':'Amendment for SEQ.B'" :name="model.gidgrp.rec.legfrm == 'DEPU'?'45D':'SequenceB'" >
				<c-col :span="20" v-if="model.gidgrp.rec.legfrm == 'DEPU'">
					<el-form-item class="checkbox-left" label-width="10px" prop="gitamep.plateflg">
						<c-checkbox class="checkbox-left" v-model="model.gitamep.plateflg" true-label="X" false-label="" @change="changenPlateflg" >保函修改模板</c-checkbox>
						<c-button
							size="mini"
							type="primary"
							@click="handlePreview(model.swiadd.ameblk)"
						>
							预览
						</c-button>
            <text-diff :leftText="model.oldgidgrp.blk.gidtxt" :rightText="model.swiadd.ameblk" :isShowScale='false' :disabled="!model.swiadd.ameblk"/>
          </el-form-item>
				</c-col>
				<c-col :span="20" v-if="model.gidgrp.rec.legfrm != 'DEPU'">
					<el-form-item label-width="130px">
						<c-button
							size="mini"
							type="primary"
							@click="handlePreview(model.swiadd.ameblk)"
						>
							预览
						</c-button>
            <text-diff :leftText="model.oldgidgrp.blk.gidtxt" :rightText="model.swiadd.ameblk" :isShowScale='false' :disabled="!model.swiadd.ameblk"/>
          </el-form-item>
				</c-col>
				<c-col :span="20">
					<el-form-item :label="$t('gitame.保函文本')" prop="swiadd.ameblk" label-width="130px">
						<c-xml-format-editor
							type="textarea"
							rows="8"
							v-model="model.swiadd.ameblk"
							maxlength="32500"
							show-word-limit
							placeholder="请输入保函文本"
              :disabled="model.gidgrp.rec.legfrm == 'DEPU'&&model.gitamep.plateflg==''"
							:chs="false"
							heightStr="500px"
						></c-xml-format-editor>
					</el-form-item>
				</c-col>
				<c-col :span="20">
					<el-form-item :label="$t('gitame.修改之前的保函文本')" prop="oldgidgrp.blk.gidtxt" label-width="130px">
						<c-xml-format-editor
							disabled
							type="textarea"
							rows="8"
							v-model="model.oldgidgrp.blk.gidtxt"
							maxlength="32500"
							show-word-limit
							placeholder="请输入修改之前的保函文本"
							:chs="false"
							heightStr="500px"
						></c-xml-format-editor>
					</el-form-item>
				</c-col>

				<c-col :span="20">
					<el-form-item :label="$t('gitame.迄今为止的修订')" prop="gidgrp.blk.gidtxtame" label-width="130px">
						<c-xml-format-editor
							disabled 
							type="textarea"
							rows="8"
							v-model="model.gidgrp.blk.gidtxtame"
							maxlength="58500"
							show-word-limit
							:chs="false"
							heightStr="500px"
						></c-xml-format-editor>
					</el-form-item>
					<!--el-form-item :label="$t('gitame.迄今为止的修订')" prop="gidgrp.blk.gidtxtame" label-width="130px">
						<c-input disabled type="textarea" rows="8" v-model="model.gidgrp.blk.gidtxtame" maxlength="65" show-word-limit
							placeholder="请输入迄今为止的修订"></c-input>
					</el-form-item-->
				</c-col>
			</el-collapse-item>
			<el-collapse-item
				title="Amendment for SEQ.C"
				name="SequenceC"
				v-if="model.swiadd.purposame == 'ISCA' || model.swiadd.purposame == 'ICCA' || model.oldgidgrp.rec.purpos.substr(2, 2) == 'CO'"
			>
				<c-col :span="20">
					<el-form-item label-width="130px">
						<c-button
							size="mini"
							type="primary"
							@click="handlePreview(model.swiadd.ameblkc)"
						>
							预览
						</c-button>
            <text-diff :leftText="model.oldgidgrp.blk.gidtxtc" :rightText="model.swiadd.ameblkc" :isShowScale='false' :disabled="!model.swiadd.ameblkc"/>
          </el-form-item>
				</c-col>
				<c-col :span="20">
					<el-form-item :label="$t('gitame.保函文本')" prop="swiadd.ameblkc" label-width="130px">
						<c-xml-format-editor
							type="textarea"
							rows="8"
							v-model="model.swiadd.ameblkc"
							maxlength="32500"
							show-word-limit
							placeholder="请输入保函文本"
							:chs="false"
							heightStr="500px"
						></c-xml-format-editor>
					</el-form-item>
				</c-col>
				<c-col :span="20">
					<el-form-item :label="$t('gitame.修改之前的保函文本')" prop="oldgidgrp.blk.gidtxtc" label-width="130px">
						<c-xml-format-editor disabled :chs="false" type="textarea" rows="8" v-model="model.oldgidgrp.blk.gidtxtc" maxlength="32500"
							show-word-limit placeholder="请输入修改之前的保函文本" heightStr="500px"></c-xml-format-editor>
					</el-form-item>
				</c-col>
				<c-col :span="20">
					<el-form-item :label="$t('gitame.迄今为止的修订')" prop="oldgidgrp.blk.gidtxtamec" label-width="130px">
						<c-xml-format-editor
							disabled 
							type="textarea"
							rows="8"
							v-model="model.oldgidgrp.blk.gidtxtamec"
							maxlength="58500"
							show-word-limit
							:chs="false"
							heightStr="500px"
						></c-xml-format-editor>
					</el-form-item>
					<!--el-form-item :label="$t('gitame.迄今为止的修订')" prop="oldgidgrp.blk.gidtxtamec" label-width="130px">
						<c-input :rows="8" disabled type="textarea" v-model="model.oldgidgrp.blk.gidtxtamec" maxlength="65"
							show-word-limit placeholder="请输入迄今为止的修订"></c-input>
					</el-form-item-->
				</c-col>
			</el-collapse-item>
		</c-collapse>
		<PreviewDialog ref="preview" :col="65" :value="modelValue"/>
  </div>
</template>
<script>
import event from "../event";
import commonDepend from "~/mixin/commonDepend";
import PreviewDialog from '~/components/business/FunctionBtn/PreviewDialog'
import TextDiff from "~/components/business/TextDiff"

export default {
  components: { PreviewDialog,TextDiff },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, commonDepend],
  data() {
    return {
			isReset: false,
			activeNames: ['45D', 'SequenceB', 'SequenceC'],
			modelValue: ''
		};
	},
  methods: {
		handleEditSeqB () {
			if (!this.model.gitp.gidtxtmodflg) {
				this.$emit('changeTxt', 'gidtxtp')
			}
		},
		handleResetSeqB () {
      if(this.model.gidgrp.blk.modifySet){
        this.model.gidgrp.blk.modifySet = this.model.gidgrp.blk.modifySet.filter(key=>key!='gidtxt')
      }
			this.$emit('changeTxt', 'gidtxtp')
		},
		handleReset () {
			this.isReset = true
		},
		handleInput () {
			this.isReset = false
		},
		handlePreview(model) {
			this.$refs.preview.previewVisible = true;
			this.modelValue = model;
		}
	},
  created () {},
};
</script>
<style scoped lang="less">
.bh-text {
	/deep/ .el-form-item {
		margin-bottom: 10px!important;
	}
	// /deep/ .el-form-item__content {
	// 	margin-left: 0 !important;
	// }
}
::v-deep .el-form-item__error {
	position: absolute!important;
}
</style>