操作页签的方法汇总

onFormMounted(){

// 创建 HTML 片段
  const htmlFragment = `
    <div class="inserted-element" style="margin-top:10px;">
      <p><button id="dakai">打开页签</button><button id="guanbi">关闭页签</button>
      <button id="guanbi2">关闭本页签打开新页签</button>
      <button id="shuaxin">刷新页面</button><button id="shuaxinlb">重载列表</button>
      <button id="iframe1">iframe1</button>
      <button id="iframe2">iframe2</button>
      <button id="iframe3">iframe3</button>
      <button id="shuaxinlb">本页面打开</button>这是一个动态插入的元素</p>
    </div>
  `;
  const header = document.querySelector('.work_content_header');
  header.insertAdjacentHTML('afterend', htmlFragment);
  document.getElementById('dakai').addEventListener('click', function() {
    history.pushState({}, '', '/flow/space');
  });

  
  //关闭本页签
  document.getElementById('guanbi').addEventListener('click', ()=> {
    
      let obj = {
        path: '/lowcode' + this.$route.fullPath,
        query: this.$route.query
      }
      this.bus.$emit("delTag", obj);

  });    
  
  //关闭本页签打开新页签
  document.getElementById('guanbi2').addEventListener('click', ()=> {
      history.pushState({}, '', '/flow/space');
      let obj = {
        path: '/lowcode' + this.$route.fullPath,
        query: this.$route.query
      }
      this.bus.$emit("delTag", obj);
    

  });    
  
  
//刷新页面
document.getElementById('shuaxin').addEventListener('click', () => {
  let obj = { 
    modules_id: this.$route.query.modules_id, 
    page_id: this.$route.query.page_id 
  };
  this.$parent.getConfig(obj);
});

//传条件重载列表，和页面设计器的列表操作一致，页面设计器的列表如何写数据加载完成事件
  document.getElementById('shuaxinlb').addEventListener('click', ()=> {
    
      let obj = { modules_id: this.$route.query.modules_id, page_id: this.$route.query.page_id }
      this.$parent.getConfig(obj)
  }); 
            
//iframe打开
  document.getElementById('iframe1').addEventListener('click', ()=> {
       let obj = {
        content: {
          link:'/index/lowcode/design?modules_id=1087&page_id=1726',
          open:1,
        },
        type:'url',
      };

      this.$parent.handlePageClick(null,obj)
  });       

  document.getElementById('iframe2').addEventListener('click', ()=> {
       let obj = {
        content: {
          link:'/index/lowcode/design?modules_id=1087&page_id=1726',
          open:2,
        },
        type:'url',
      };

      this.$parent.handlePageClick(null,obj)
  });  
  
    document.getElementById('iframe3').addEventListener('click', ()=> {
       let obj = {
        content: {
          link:'/index/lowcode/design?modules_id=1087&page_id=1726',
          open:3,
        },
        type:'url',
      };

      this.$parent.handlePageClick(null,obj)
  });  
}
  
afterDataLoading(){

tableBox = document.querySelector(".table_box")
tableBox.style.height = 'calc(100% - 87px)'






}