Blame view

src/views/index/mainIndex.vue 14.9 KB
c1b532ad   梁保满   权限配置,路由基础设置
1
  <template>
d4283687   梁保满   首页布局完成,页面顶部返回组件
2
    <div class="container">
ee6e7628   梁保满   备题组卷借口数据对接调整
3
      <ul class="nav-list" v-if="type == 'ROLE_XUEXIAO'">
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
4
        <li class="nav-item item1" @click="links('/setUpAccount')">
d4283687   梁保满   首页布局完成,页面顶部返回组件
5
6
7
          <img class="icon" src="../../assets/nav/setUpAccount.png" alt="" />
          <div class="text">
            <p class="p1">账号管理</p>
bb4c8454   阿宝   添加,修改教师
8
            <p class="p2">
225a00b6   梁保满   飞书问题解决
9
10
11
12
13
14
15
16
17
18
              管理
              <template v-if="dataInfo.teacherCourseCount">
                {{ dataInfo.teacherCourseCount }}个任课教师,
              </template>
              <template v-if="dataInfo.classManagerCount">
                {{ dataInfo.classManagerCount }}个班主任,
              </template>
              <template v-if="dataInfo.teacherGradeCount">
                {{ dataInfo.teacherGradeCount }}个备课组长账号信息。
              </template>
bb4c8454   阿宝   添加,修改教师
19
            </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
20
21
          </div>
        </li>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
22
        <li class="nav-item item1" @click="links('/setUpSchool')">
d4283687   梁保满   首页布局完成,页面顶部返回组件
23
24
25
          <img class="icon" src="../../assets/nav/setUpSchool.png" alt="" />
          <div class="text">
            <p class="p1">学校管理</p>
bb4c8454   阿宝   添加,修改教师
26
            <p class="p2">
225a00b6   梁保满   飞书问题解决
27
28
29
30
31
32
33
34
35
36
              管理
              <template v-if="dataInfo.gradeCount"
                >{{ dataInfo.gradeCount }}个年级,
              </template>
              <template v-if="dataInfo.classCount">
                {{ dataInfo.classCount }}个班级,
              </template>
              <template v-if="dataInfo.studentCount">
                {{ dataInfo.studentCount }}名学生信息。
              </template>
bb4c8454   阿宝   添加,修改教师
37
            </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
38
39
          </div>
        </li>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
40
        <li class="nav-item item2" @click="links('/device')">
d4283687   梁保满   首页布局完成,页面顶部返回组件
41
42
43
          <img class="icon" src="../../assets/nav/device.png" alt="" />
          <div class="text">
            <p class="p1">设备状态</p>
bb4c8454   阿宝   添加,修改教师
44
            <p class="p2">
225a00b6   梁保满   飞书问题解决
45
46
47
48
49
50
51
              管理
              <template v-if="dataInfo.stationCount"
                >{{ dataInfo.stationCount }}个基站,</template
              >
              <template v-if="dataInfo.keyboardCount">
                {{ dataInfo.keyboardCount }}套答题器设备。</template
              >
bb4c8454   阿宝   添加,修改教师
52
            </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
53
54
55
          </div>
        </li>
        <li class="item3">
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
56
          <div class="nav-item item1 item-child1" @click="links('/analysis')">
d4283687   梁保满   首页布局完成,页面顶部返回组件
57
58
59
60
61
62
            <img class="icon" src="../../assets/nav/analysis.png" alt="" />
            <div class="text">
              <p class="p1">使用分析</p>
              <p class="p2">按班级、科目等维度分析设备使用频率。</p>
            </div>
          </div>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
63
          <div class="nav-item item1 item-child2" @click="links('/card')">
d4283687   梁保满   首页布局完成,页面顶部返回组件
64
            <img class="icon" src="../../assets/nav/card.png" alt="" />
e5ff81a1   阿宝   集团管理员接口
65
            <p class="p1">发卡记录</p>
ca39cc52   阿宝   飞书问题处理
66
            <p class="p2">查看发卡、换卡记录信息。</p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
67
          </div>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
68
          <div class="nav-item item1 item-child2" @click="links('/down')">
d4283687   梁保满   首页布局完成,页面顶部返回组件
69
70
71
72
73
74
            <img class="icon" src="../../assets/nav/down.png" alt="" />
            <p class="p1">软件下载</p>
            <p class="p2">设置参数,下载授课端软件。</p>
          </div>
        </li>
      </ul>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
75
76
      <ul class="nav-list" v-if="type == 'ROLE_JITUAN'">
        <template v-for="item in navList">
bb4c8454   阿宝   添加,修改教师
77
78
79
80
81
82
83
          <li
            v-if="!item.path.includes('dataSync')"
            :key="item.path"
            class="nav-item item4"
            @click="links(item.path)"
          >
            <img class="icon" :src="getImgs(item.path)" alt="" />
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
84
            <div class="text" v-if="item.path == '/setUpConglomerate'">
d4283687   梁保满   首页布局完成,页面顶部返回组件
85
              <p class="p1">学校管理</p>
225a00b6   梁保满   飞书问题解决
86
87
88
89
90
91
92
93
94
              <p class="p2">
                管理
                <template v-if="dataInfo.regionCount"
                  >{{ dataInfo.regionCount }}个区域,</template
                >
                <template v-if="dataInfo.schoolCount"
                  >{{ dataInfo.schoolCount }}个学校。</template
                >
              </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
95
            </div>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
96
            <div class="text" v-else-if="item.path == '/setUpAccount'">
d4283687   梁保满   首页布局完成,页面顶部返回组件
97
              <p class="p1">账号管理</p>
225a00b6   梁保满   飞书问题解决
98
99
100
101
102
              <p class="p2">
                共{{
                  dataInfo.regionManagerCount + dataInfo.schoolManagerCount
                }}个各层级管理员账号。
              </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
103
            </div>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
104
            <div class="text" v-else-if="item.path == '/device'">
d4283687   梁保满   首页布局完成,页面顶部返回组件
105
              <p class="p1">设备状态</p>
225a00b6   梁保满   飞书问题解决
106
107
108
109
110
111
112
113
114
              <p class="p2">
                管理
                <template v-if="dataInfo.stationCount"
                  >{{ dataInfo.stationCount }}个基站,</template
                >
                <template v-if="dataInfo.keyboardCount">
                  {{ dataInfo.keyboardCount }}套答题器设备。</template
                >
              </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
115
            </div>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
116
            <div class="text" v-else-if="item.path == '/analysis'">
d4283687   梁保满   首页布局完成,页面顶部返回组件
117
              <p class="p1">使用分析</p>
255e2506   梁保满   飞书bug及优化
118
              <p class="p2">按学校、学段统计使用频率。</p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
119
            </div>
bb4c8454   阿宝   添加,修改教师
120
          </li>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
121
        </template>
d4283687   梁保满   首页布局完成,页面顶部返回组件
122
      </ul>
bb4c8454   阿宝   添加,修改教师
123
124
125
126
127
128
129
130
131
132
133
134
      <ul
        class="nav-list"
        v-if="type == 'ROLE_JIAOSHI' || type == 'ROLE_BANZHUREN'"
      >
        <template v-for="item in navList">
          <li
            v-if="!item.path.includes('dataSync')"
            :key="item.path"
            class="nav-item item4"
            @click="links(item.path)"
          >
            <img class="icon" :src="getImgs(item.path)" alt="" />
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
135
            <div class="text" v-if="item.path == '/examinationPaper'">
d4283687   梁保满   首页布局完成,页面顶部返回组件
136
              <p class="p1">备题组卷</p>
225a00b6   梁保满   飞书问题解决
137
138
139
              <p class="p2" v-if="dataInfo.paperCount">
                {{ dataInfo.paperCount }}套答题卡。
              </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
140
            </div>
a74e17f6   梁保满   隐藏学生画像
141
            <!-- <div class="text" v-else-if="item.path == '/portrait'">
d4283687   梁保满   首页布局完成,页面顶部返回组件
142
              <p class="p1">学生画像</p>
10cf4c8c   梁保满   学生画像接口调整
143
              <p class="p2">共分析{{ dataInfo.imagesCount }}名学生成绩。</p>
a74e17f6   梁保满   隐藏学生画像
144
            </div> -->
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
145
            <div class="text" v-else-if="item.path == '/ask'">
d4283687   梁保满   首页布局完成,页面顶部返回组件
146
              <p class="p1">随堂问报表</p>
225a00b6   梁保满   飞书问题解决
147
              <p class="p2" v-if="dataInfo.classPeriodCount">
e5ff81a1   阿宝   集团管理员接口
148
                对{{ dataInfo.classPeriodCount }}套随堂问答题记录分析。
bb4c8454   阿宝   添加,修改教师
149
              </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
150
            </div>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
151
            <div class="text" v-else-if="item.path == '/test'">
d4283687   梁保满   首页布局完成,页面顶部返回组件
152
              <p class="p1">即时测报表</p>
225a00b6   梁保满   飞书问题解决
153
154
155
              <p class="p2" v-if="dataInfo.examCount">
                对{{ dataInfo.examCount }}套即时测答题记录分析。
              </p>
d4283687   梁保满   首页布局完成,页面顶部返回组件
156
            </div>
bb4c8454   阿宝   添加,修改教师
157
          </li>
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
158
        </template>
d4283687   梁保满   首页布局完成,页面顶部返回组件
159
      </ul>
21dfdeae   梁保满   平台管理员
160
       <ul class="nav-list" v-if="type == 'ROLE_PERSONAL'">
77ebf04d   梁保满   个人版
161
162
163
164
          <li class="nav-item item1" @click="links('/examinationPaper')">
            <img class="icon" src="../../assets/nav/setUpAccount.png" alt="" />
            <div class="text">
              <p class="p1">备题组卷</p>
d703d72c   梁保满   首页,个人信息,班级名单,部分备题...
165
166
              <p class="p2" v-if="dataInfo.paperCount">
                管理 {{ dataInfo.paperCount }}套答题卡,
77ebf04d   梁保满   个人版
167
168
169
170
171
172
173
              </p>
            </div>
          </li>
          <li class="nav-item item1" @click="links('/setUpStudent')">
            <img class="icon" src="../../assets/nav/setUpSchool.png" alt="" />
            <div class="text">
              <p class="p1">班级名单</p>
d703d72c   梁保满   首页,个人信息,班级名单,部分备题...
174
175
              <p class="p2" v-if="dataInfo.classCount">
                管理{{ dataInfo.classCount }}个班级的学生名单,
77ebf04d   梁保满   个人版
176
177
178
179
180
181
182
              </p>
            </div>
          </li>
          <li class="nav-item item2" @click="links('/portrait')">
            <img class="icon" src="../../assets/nav/device.png" alt="" />
            <div class="text">
              <p class="p1">学生画像</p>
d703d72c   梁保满   首页,个人信息,班级名单,部分备题...
183
184
              <p class="p2" v-if="dataInfo.stationCount">
                共分析{{ dataInfo.stationCount }}名学生成绩
77ebf04d   梁保满   个人版
185
186
187
188
189
190
191
              </p>
            </div>
          </li>
          <li class="item3">
            <div class="nav-item item1 item-child2" @click="links('/ask')">
              <img class="icon" src="../../assets/nav/card.png" alt="" />
              <p class="p1">随堂问报表</p>
d703d72c   梁保满   首页,个人信息,班级名单,部分备题...
192
193
              <p class="p2" v-if="dataInfo.classPeriodCount">
                对{{ dataInfo.classPeriodCount }}套随堂问答题记录分析
77ebf04d   梁保满   个人版
194
195
              </p>
            </div>
e371f2dc   梁保满   软件下载,学校,班级老师等报表导入...
196
            <div class="nav-item item1 item-child3" @click="links('/test')">
77ebf04d   梁保满   个人版
197
198
              <img class="icon" src="../../assets/nav/analysis.png" alt="" />
              <p class="p1">即时测报表</p>
d703d72c   梁保满   首页,个人信息,班级名单,部分备题...
199
200
              <p class="p2" v-if="dataInfo.examCount">
                对{{ dataInfo.examCount }}套即时测答题记录分析
77ebf04d   梁保满   个人版
201
202
203
204
205
206
207
208
209
210
211
212
              </p>
            </div>
            <div class="nav-item item1 item-child1" @click="links('/down')">
              <img class="icon" src="../../assets/nav/down.png" alt="" />
              <div class="text">
                <p class="p1">软件下载</p>
                <p class="p2">授课端软件最新版本1.2.0。</p>
              </div>
            </div>
          </li>
        
      </ul>
21dfdeae   梁保满   平台管理员
213
      <ul class="nav-list" v-if="type == 'ROLE_PINGTAI'">
77ebf04d   梁保满   个人版
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
          <li class="nav-item item1" @click="links('/account')">
            <img class="icon" src="../../assets/nav/setUpAccount.png" alt="" />
            <div class="text">
              <p class="p1">账号管理</p>
            </div>
          </li>
          <li class="nav-item item1" @click="links('/device')">
            <img class="icon" src="../../assets/nav/device.png" alt="" />
            <div class="text">
              <p class="p1">设备管理</p>
            </div>
          </li>
          <li class="nav-item item2" @click="links('/clientVersion')">
            <img class="icon" src="../../assets/nav/down.png" alt="" />
            <div class="text">
              <p class="p1">授课端版本管理</p>
            </div>
          </li>
      </ul>
d4283687   梁保满   首页布局完成,页面顶部返回组件
233
    </div>
c1b532ad   梁保满   权限配置,路由基础设置
234
235
236
  </template>
  
  <script>
c1b532ad   梁保满   权限配置,路由基础设置
237
238
  export default {
    name: "mainIndex",
d4283687   梁保满   首页布局完成,页面顶部返回组件
239
240
    data() {
      return {
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
241
242
        type: "",
        navList: [],
e5ff81a1   阿宝   集团管理员接口
243
        dataInfo: {},
8a092267   梁保满   长水隐藏学生画像
244
        code:""
d4283687   梁保满   首页布局完成,页面顶部返回组件
245
      };
c1b532ad   梁保满   权限配置,路由基础设置
246
    },
bb4c8454   阿宝   添加,修改教师
247
248
    watch: {
      "$store.getters.info.showRoleName": function (val) {
255e2506   梁保满   飞书bug及优化
249
250
251
252
253
        this._Init(val)
        this._QueryData();
      },
    },
    created() {
8a092267   梁保满   长水隐藏学生画像
254
      this.code = localStorage.getItem("csCode") || "";
255e2506   梁保满   飞书bug及优化
255
256
257
258
259
260
261
262
263
264
265
266
267
      this._Init(this.$store.getters.info.showRoleName);
      this._QueryData();
    },
    methods: {
      getImgs(path) {
        return require(`@/assets/nav${path}.png`);
      },
      links(path) {
        this.$router.push({
          path: path,
        });
      },
      _Init(val) {
03bce046   梁保满   个人版调整
268
        this.type = this.$store.getters.info.showRole || this.$store.getters.info.permissions[0].role;
bb4c8454   阿宝   添加,修改教师
269
270
271
272
273
274
275
        this.navList = this.$store.getters.addRouters.map((item) => {
          return {
            name: item.name,
            path: item.children[0].path,
          };
        });
      },
255e2506   梁保满   飞书bug及优化
276
277
278
279
280
281
282
283
284
      _QueryData() {
        if (this.type == "ROLE_XUEXIAO") {
          this.schoolIndex();
        } else if (this.type == "ROLE_JIAOSHI") {
          this.teacherIndex();
        } else if (this.type == "ROLE_JITUAN") {
          this.tenantIndex();
        } else if (this.type == "ROLE_BANZHUREN") {
          this.classIndex();
21dfdeae   梁保满   平台管理员
285
        } else if (this.type == "ROLE_PERSONAL") {
77ebf04d   梁保满   个人版
286
          this.personalIndex();
b769660c   梁保满   备课组题细节调整,随堂问列表页面开发完成
287
        }
c1b532ad   梁保满   权限配置,路由基础设置
288
      },
560c12f2   阿宝   学校设置,软件下载
289
290
291
      async teacherIndex() {
        const { data, status, info } = await this.$request.teacherIndex();
        if (status === 0) {
e5ff81a1   阿宝   集团管理员接口
292
          this.dataInfo = { ...data };
560c12f2   阿宝   学校设置,软件下载
293
294
295
296
        } else {
          this.$message.error(info);
        }
      },
23a6dc5f   阿宝   学校管理相关接口简单对接
297
298
299
      async schoolIndex() {
        const { data, status, info } = await this.$request.schoolIndex();
        if (status === 0) {
e5ff81a1   阿宝   集团管理员接口
300
301
302
303
304
305
306
307
308
          this.dataInfo = { ...data };
        } else {
          this.$message.error(info);
        }
      },
      async tenantIndex() {
        const { data, status, info } = await this.$request.tenantIndex();
        if (status === 0) {
          this.dataInfo = { ...data };
23a6dc5f   阿宝   学校管理相关接口简单对接
309
310
        } else {
          this.$message.error(info);
9309dc5d   梁保满   任课老师接口完成
311
312
313
314
315
316
317
318
        }
      },
      async classIndex() {
        const { data, status, info } = await this.$request.classIndex();
        if (status === 0) {
          this.dataInfo = { ...data };
        } else {
          this.$message.error(info);
23a6dc5f   阿宝   学校管理相关接口简单对接
319
320
        }
      },
77ebf04d   梁保满   个人版
321
322
323
324
325
326
327
328
       async personalIndex() {
        const { data, status, info } = await this.$request.personalIndex();
        if (status === 0) {
          this.dataInfo = { ...data };
        } else {
          this.$message.error(info);
        }
      },
c1b532ad   梁保满   权限配置,路由基础设置
329
330
331
332
333
    },
  };
  </script>
  
  <style lang="scss">
d4283687   梁保满   首页布局完成,页面顶部返回组件
334
  .container {
c1b532ad   梁保满   权限配置,路由基础设置
335
    display: flex;
d4283687   梁保满   首页布局完成,页面顶部返回组件
336
337
338
339
340
341
342
343
344
345
346
347
348
349
    justify-content: center;
    align-items: center;
    padding: 100px 90px 0 50px;
    .nav-list {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      .nav-item {
        background: #f8f8f8;
        border-radius: 20px;
        box-shadow: 3px 3px 3px #aaaaaa59;
        cursor: pointer;
        &:hover {
          background-color: #ededed;
c1b532ad   梁保满   权限配置,路由基础设置
350
        }
d4283687   梁保满   首页布局完成,页面顶部返回组件
351
352
353
354
        .icon {
          width: 110px;
          height: 110px;
          border-radius: 50%;
c1b532ad   梁保满   权限配置,路由基础设置
355
        }
d4283687   梁保满   首页布局完成,页面顶部返回组件
356
357
358
359
360
361
        .p1 {
          font-size: 18px;
          color: #333;
          line-height: 18px;
          margin-bottom: 12px;
          font-weight: 500;
c1b532ad   梁保满   权限配置,路由基础设置
362
        }
d4283687   梁保满   首页布局完成,页面顶部返回组件
363
364
365
        .p2 {
          font-size: 14px;
          color: #999;
c1b532ad   梁保满   权限配置,路由基础设置
366
        }
d4283687   梁保满   首页布局完成,页面顶部返回组件
367
368
369
370
371
372
373
374
375
      }
      .item1 {
        width: calc(50% - 10px);
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        margin-right: 20px;
        margin-bottom: 20px;
        box-sizing: border-box;
23a6dc5f   阿宝   学校管理相关接口简单对接
376
        padding: 40px 20px 40px 80px;
d4283687   梁保满   首页布局完成,页面顶部返回组件
377
378
        &:nth-child(2) {
          margin-right: 0;
c1b532ad   梁保满   权限配置,路由基础设置
379
        }
d4283687   梁保满   首页布局完成,页面顶部返回组件
380
381
        .icon {
          margin-right: 20px;
c1b532ad   梁保满   权限配置,路由基础设置
382
        }
d4283687   梁保满   首页布局完成,页面顶部返回组件
383
384
385
386
387
        .text {
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding-top: 10px;
c1b532ad   梁保满   权限配置,路由基础设置
388
        }
d4283687   梁保满   首页布局完成,页面顶部返回组件
389
390
391
392
393
394
395
396
397
398
399
400
        .p2 {
          line-height: 24px;
        }
        &.item-child1 {
          width: 100%;
          height: calc(50% - 8px);
          margin-bottom: 16px;
          padding: 0 20px;
          align-items: center;
          .icon {
            width: 80px;
            height: 80px;
c1b532ad   梁保满   权限配置,路由基础设置
401
          }
d4283687   梁保满   首页布局完成,页面顶部返回组件
402
403
404
        }
        &.item-child2 {
          height: calc(50% - 8px);
d4283687   梁保满   首页布局完成,页面顶部返回组件
405
          flex-wrap: wrap;
23a6dc5f   阿宝   学校管理相关接口简单对接
406
          padding: 12px 0 12px 30px;
e371f2dc   梁保满   软件下载,学校,班级老师等报表导入...
407
          margin-right:20px;
d4283687   梁保满   首页布局完成,页面顶部返回组件
408
409
410
          .icon {
            width: 60px;
            height: 60px;
c1b532ad   梁保满   权限配置,路由基础设置
411
          }
d4283687   梁保满   首页布局完成,页面顶部返回组件
412
413
414
415
          .p1 {
            flex: 1;
            line-height: 60px;
            margin-bottom: 0;
c1b532ad   梁保满   权限配置,路由基础设置
416
          }
d4283687   梁保满   首页布局完成,页面顶部返回组件
417
418
          .p2 {
            width: 100%;
c1b532ad   梁保满   权限配置,路由基础设置
419
          }
d4283687   梁保满   首页布局完成,页面顶部返回组件
420
421
          &:last-of-type {
            margin-right: 0;
c1b532ad   梁保满   权限配置,路由基础设置
422
423
          }
        }
e371f2dc   梁保满   软件下载,学校,班级老师等报表导入...
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
        &.item-child3 {
          height: calc(50% - 8px);
          flex-wrap: wrap;
          padding: 12px 0 12px 30px;
          .icon {
            width: 60px;
            height: 60px;
          }
          .p1 {
            flex: 1;
            line-height: 60px;
            margin-bottom: 0;
          }
          .p2 {
            width: 100%;
          }
        }
c1b532ad   梁保满   权限配置,路由基础设置
441
      }
d4283687   梁保满   首页布局完成,页面顶部返回组件
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
      .item2 {
        width: calc(50% - 10px);
        height: 240px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
        box-sizing: border-box;
        padding: 30px 0;
        text-align: center;
        &:last-of-type {
          margin-right: 0;
        }
        .icon {
          margin-bottom: 20px;
        }
        .p2 {
          line-height: 16px;
        }
      }
      .item3 {
        width: calc(50% - 10px);
        height: 240px;
        display: flex;
        flex-wrap: wrap;
e371f2dc   梁保满   软件下载,学校,班级老师等报表导入...
469
  
d4283687   梁保满   首页布局完成,页面顶部返回组件
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
      }
      .item4 {
        width: calc(50% - 10px);
        flex-shrink: 0;
        display: flex;
        justify-content: flex-start;
        margin-right: 20px;
        margin-bottom: 20px;
        box-sizing: border-box;
        padding: 40px 80px;
        &:nth-child(2n) {
          margin-right: 0;
        }
        .icon {
          margin-right: 20px;
        }
        .text {
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding-top: 10px;
        }
        .p2 {
          line-height: 24px;
        }
      }
c1b532ad   梁保满   权限配置,路由基础设置
496
497
    }
  }
c1b532ad   梁保满   权限配置,路由基础设置
498
  </style>