<template>
  <div id="operating_instructions" class="body">
    <div class="buttonClass">
      <div style=" margin: 10px;">
        <el-button type="primary" v-on:click="operationFileDownload">操作手册下载</el-button>
      </div>
      <div style=" margin: 10px;">
        <el-button type="primary" v-on:click="operationVideoDownload">操作视频观看</el-button>
      </div>
    </div>
  </div>
</template>

<script>
import { networkUrl } from '../../data/global_configuration'

export default {
  name: 'operating_instructions',
  methods: {
    // 跳转到操作视频网页
    operationVideoDownload() {
      window.open('https://www.bilibili.com/video/BV1Dk4y1y7ma/')
    },
    // 操作手册下载
    operationFileDownload() {
      let url = networkUrl()
      window.location.href = url + '/ext/%E4%BA%91%E5%BC%80%E7%A5%A8%E7%BD%91%E9%A1%B5%E7%89%88%E6%93%8D%E4%BD%9C%E8%AF%B4%E6%98%8E.docx'
    }
  }
}
</script>

<style scoped>
.body {
  display: flex;
  justify-content: center;
}
.buttonClass {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
</style>
