Blame view

src/views/standard/down/index.vue 2.87 KB
4c4f7640   梁保满   路由表,路由前端文件
1
  <template>
ca39cc52   阿宝   飞书问题处理
2
    <div class="content-box">
560c12f2   阿宝   学校设置,软件下载
3
      <back-box>
23a6dc5f   阿宝   学校管理相关接口简单对接
4
5
6
7
        <template slot="title">
          <span>软件下载</span>
        </template>
      </back-box>
560c12f2   阿宝   学校设置,软件下载
8
9
10
      <div class="page-content">
        <div class="down-item">
          <p class="txt">
8ef22809   梁保满   软件下载页面添加.net环境下载
11
            K12公私立学校、高等院校、教育培训机构的课堂互动教学、即时课堂测验。
560c12f2   阿宝   学校设置,软件下载
12
13
14
          </p>
          <el-button plan round @click="links">授课端下载</el-button>
        </div>
b8827a72   梁保满   测试bug
15
        <div class="down-item" v-loading="loading" v-if="role == 'ROLE_XUEXIAO'">
560c12f2   阿宝   学校设置,软件下载
16
17
18
          <p class="txt">
            配合发卡器硬件,方便学校管理员进行发卡补卡操作的软件。
          </p>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
19
          <el-button plan round @click="downCard">发卡软件下载</el-button>
560c12f2   阿宝   学校设置,软件下载
20
        </div>
53424e83   梁保满   教师管理筛选条件
21
        <div class="down-item" v-loading="loading">
8ef22809   梁保满   软件下载页面添加.net环境下载
22
23
24
25
          <p class="txt">
            电脑缺少.NET Framework环境时,请下载安装.NET Framework
            4.5.2,以便于授课端可正常使用。
          </p>
53424e83   梁保满   教师管理筛选条件
26
27
          <el-button plan round @click="downNet">.Net环境下载</el-button>
        </div>
560c12f2   阿宝   学校设置,软件下载
28
      </div>
4c4f7640   梁保满   路由表,路由前端文件
29
30
31
32
33
    </div>
  </template>
  
  <script>
  export default {
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
34
35
    data() {
      return {
53424e83   梁保满   教师管理筛选条件
36
        role: "",
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
37
        loading: false,
53424e83   梁保满   教师管理筛选条件
38
        loadingNet: false,
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
39
40
      };
    },
53424e83   梁保满   教师管理筛选条件
41
42
43
44
45
    created() {
      this.role =
        this.$store.getters.info.showRole ||
        this.$store.getters.info.permissions[0].role;
    },
ca39cc52   阿宝   飞书问题处理
46
47
    methods: {
      links() {
560c12f2   阿宝   学校设置,软件下载
48
        this.$router.push({
ca39cc52   阿宝   飞书问题处理
49
50
51
          path: "/downClient",
        });
      },
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
      async downCard() {
        if (this.loading == true) return;
        this.loading = true;
        const { data, status, info } = await this.$request.latestClickersApp();
        this.loading = false;
        if (status == 0) {
          const a = document.createElement("a");
          a.href = data.downloadUrl;
          a.download = data.appName;
          document.body.appendChild(a);
          a.click();
          a.remove();
        } else {
          this.$message.error(info);
        }
      },
53424e83   梁保满   教师管理筛选条件
68
69
70
      async downNet() {
        if (this.loadingNet == true) return;
        this.loadingNet = true;
8ef22809   梁保满   软件下载页面添加.net环境下载
71
        const { data, status, info } = await this.$request.runtimeEnvFileUrl();
53424e83   梁保满   教师管理筛选条件
72
73
74
        this.loadingNet = false;
        if (status == 0) {
          const a = document.createElement("a");
8ef22809   梁保满   软件下载页面添加.net环境下载
75
76
          a.href = data;
          // a.download = data.appName;
53424e83   梁保满   教师管理筛选条件
77
78
79
80
81
82
83
          document.body.appendChild(a);
          a.click();
          a.remove();
        } else {
          this.$message.error(info);
        }
      },
ca39cc52   阿宝   飞书问题处理
84
    },
560c12f2   阿宝   学校设置,软件下载
85
  };
4c4f7640   梁保满   路由表,路由前端文件
86
87
  </script>
  
560c12f2   阿宝   学校设置,软件下载
88
  <style lang="scss" scoped>
ca39cc52   阿宝   飞书问题处理
89
90
91
  .content-box {
    width: 100%;
  }
560c12f2   阿宝   学校设置,软件下载
92
  .page-content {
560c12f2   阿宝   学校设置,软件下载
93
    display: flex;
ca39cc52   阿宝   飞书问题处理
94
    padding-top: 50px;
53424e83   梁保满   教师管理筛选条件
95
    margin-left: 160px;
560c12f2   阿宝   学校设置,软件下载
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
    .down-item {
      width: 200px;
      padding: 50px 20px;
      border-radius: 20px;
      margin: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: #f8f8f8;
      box-shadow: 2px 2px 5px #ccc;
      .txt {
        font-size: 16px;
        color: #7f7f7f;
        line-height: 24px;
        height: 120px;
      }
    }
  }
4c4f7640   梁保满   路由表,路由前端文件
115
  </style>