<template>
  <div>
    <h-nav />
    <div class="inner my-1">
      <bread-crumb :arr="arr" />
    </div>
    <div class="inner">
      <div style="border: 1px solid #e8e8e8;">
        <div class="white" id="custom-mount" style="min-height: 600px"></div>
      </div>
    </div>
  </div>
</template>

<script>
import HNav from '../../components/HNav.vue';
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
import WebOfficeSDK from '@/assets/js/web-office-sdk-v1.1.2.es.js';

export default {
  name: 'InformationFilling',
  components: { HNav, BreadCrumb },
  data() {
    return {
      arr: [
        { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' },
        { name: '众创空间', url: '/IncubationPlatform/MakerSpace' },
        { name: '统计信息填报', url: '' },
      ],
    };
  },

  mounted() {
    this.mountWps();
  },

  methods: {
    /**
     * 加载wps页面
     * @param {string} url 服务端返回的wps在线文档路径
     */
    mountWps() {
      console.log('加载wps页面');
      const url =
        'https://wwo.wps.cn/office/s/1355345986792329216?_w_appid=09d77d2eb919438e8ae4f2a9ec6ec8dd&_w_signature=T4EflYvQpv%2B812a1KupxB0soBPg%3D&_w_token=eyJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE2MTE5NzI4NjcsInN1YiI6IjEyMTc2MjIzODk3ODYwMjE4ODgiLCJhdXRoSWQiOiIxMjE3NjIyMzg5Nzg2MDIxODg5IiwiZXhwIjoxNjIwNjEyODY3fQ.6IaYzzreq4PjaSuw2HYA7cXkWLrPWijS5qg7fG5g5T4';
      var demo = WebOfficeSDK.config({
        mount: document.getElementById('custom-mount'),
        url,
      });
    },
  },
};
</script>

<style lang="stylus" scoped>
.inner {
  margin: 10px auto 15px;
}
</style>
