<template>
  <div class="trip-item-box">
      <div class="TCtraffic flex">
        <div class="partName">
            <span class="TDTripType">温馨提示</span>
        </div>
        <span class="datePickContent"  style="display:none;">
        </span>
        <div  class="delSpan">
            <el-tooltip class="item" effect="dark" content="编辑" placement="top-start" v-if="!isShowEdit">
              <i class="iconfont icon-bianji" @click="isShowEdit=!isShowEdit"></i>
            </el-tooltip>
            <el-tooltip class="item" effect="dark" content="查看" placement="top-start" v-else>
              <i class="iconfont icon-chakan" @click="isShowEdit=!isShowEdit"></i>
            </el-tooltip>
            <el-tooltip class="item" effect="dark" content="删除" placement="top-start" v-if="!isOpenGroup">
              <i class="iconfont icon-xingzhuang" @click="removeWarmTrip(subItemObj.childItem.DayNum,subIndex)"></i>
            </el-tooltip>
            <el-tooltip class="item" effect="dark" content="上移" placement="top-start" v-if="subIndex!=0 && !isOpenGroup">
              <i class="iconfont icon-shangyi" @click="MoveItem(subItemObj.childItem.DayNum,subIndex,0)"></i>
            </el-tooltip>
            <el-tooltip class="item" effect="dark" content="下移" placement="top-start" v-if="subIndex!=subTotalIndex-1 && !isOpenGroup">
              <i class="iconfont icon-xiayi1" @click="MoveItem(subItemObj.childItem.DayNum,subIndex,1)"></i>
            </el-tooltip>
        </div>
      </div>
      <div class="TP_edit">
        <my-edit v-if="isShowEdit" v-on:edit-value="subItemObj.childItem.Description = arguments[0]" v-bind:editValue="subItemObj.childItem.Description"
          v-bind:toolbarShow="toolbar" v-bind:referenceList="DefaultList" v-bind:placeholder="placeholder"></my-edit>
      </div>

      <div class="TP_editShow" v-if="!isShowEdit">
        <pre v-html="subItemObj.childItem.Description"></pre>
      </div>

  </div>
</template>
<script>
import MyEdit from "../../EditTemplate.vue";
export default {
  props: ["subItemObj", "DefaultList", "subIndex", "isOpenGroup","subTotalIndex"],
  data() {
    return {
      toolbar: {
        clean: false, //清除样式
        font: false, //字体
        narrative: true //叙述,
      },
      //是否显示编辑框
      isShowEdit:false,
      //text框placeholder
      placeholder:'请输入提示信息',
    };
  },
  methods: {
    //删除温馨提示
    removeWarmTrip(dayNum, subIndex) {
      this.$parent.$parent.commonRemove(dayNum, subIndex);
    },
    //上移下移
    MoveItem(dayNum, subIndex, IsUp) {
      this.$parent.$parent.MoveItem(dayNum, subIndex, IsUp);
    }
  },
  components: {
    "my-edit": MyEdit
  }
};
</script>