baoman / Ezquiz_Platform

Blame view

src/views/standard/device/index.vue 36.6 KB
Edit Raw Normal View History
4c4f7640   梁保满   路由表，路由前端文件 
1
 
  <template>
e3b0e3e7   梁保满   季度时间格式调整 
2
 
    <div ref="main" class="page-content">
bb778c90   阿宝   设备状态 
3
4
5
6
 
      <back-box>
        <template slot="title">
          <span>设备管理</span>
        </template>
575eb544   梁保满   账号异常提示，放开长水学校管理员设... 
7
 
        <template slot="btns" v-if="role == 'ROLE_XUEXIAO' && type == 1">
3ba60a63   梁保满   发卡补卡，设备状态上传下载接口联调 
8
 
          <el-tooltip effect="dark" content="设备导入" placement="bottom">
bb778c90   阿宝   设备状态 
9
10
11
12
13
14
 
            <el-button
              type="primary"
              icon="el-icon-upload2"
              size="mini"
              plain
              circle
db11048f   阿宝   设备状态，学校管理 
15
 
              @click="diaUp = true"
bb778c90   阿宝   设备状态 
16
 
            ></el-button>
3ba60a63   梁保满   发卡补卡，设备状态上传下载接口联调 
17
 
          </el-tooltip>
87053bc8   梁保满   设备状态模版下载更新 
18
 
          <el-tooltip effect="dark" content="添加基站" placement="bottom">
bb778c90   阿宝   设备状态 
19
20
21
22
23
24
 
            <el-button
              type="primary"
              icon="el-icon-receiving"
              size="mini"
              plain
              circle
e3b0e3e7   梁保满   季度时间格式调整 
25
 
              @click="addDev"
bb778c90   阿宝   设备状态 
26
 
            ></el-button>
e3b0e3e7   梁保满   季度时间格式调整 
27
 
          </el-tooltip>
bb778c90   阿宝   设备状态 
28
29
 
        </template>
      </back-box>
1365ef5e   梁保满   优化 
30
 
      <div>
db11048f   阿宝   设备状态，学校管理 
31
32
33
34
35
36
37
38
 
        <div class="tab-box">
          <el-radio-group v-model="type">
            <el-radio-button :label="1">基站管理</el-radio-button>
            <el-radio-button :label="2">答题器管理</el-radio-button>
            <el-radio-button :label="3">授课端管理</el-radio-button>
          </el-radio-group>
        </div>
        <div class="content">
8ea67428   梁保满   飞书bug 
39
 
          <div v-show="type == 1">
225a00b6   梁保满   飞书问题解决 
40
 
            <div class="chart-box" v-if="count">
db11048f   阿宝   设备状态，学校管理 
41
 
              <div class="device-num">
225a00b6   梁保满   飞书问题解决 
42
 
                <p class="p1">{{ count }}</p>
db11048f   阿宝   设备状态，学校管理 
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
                <p class="p2">基站数量</p>
              </div>
              <div class="chart">
                <pie-chart
                  id="pieChart"
                  :params="chartData"
                  @clickPieChart="clickPieChart"
                ></pie-chart>
              </div>
            </div>
            <div class="table-box">
              <div class="answer-header">
                <div class="sel-box">
                  <el-cascader
225a00b6   梁保满   飞书问题解决 
57
 
                    size="small"
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
58
 
                    class="sel sel2"
db11048f   阿宝   设备状态，学校管理 
59
60
61
 
                    clearable
                    placeholder="选择班级"
                    v-model="query.classId"
23a6dc5f   阿宝   学校管理相关接口简单对接 
62
 
                    :options="gradeList"
db11048f   阿宝   设备状态，学校管理 
63
 
                    :props="props"
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
64
 
                    collapse-tags
db11048f   阿宝   设备状态，学校管理 
65
 
                    :show-all-levels="false"
db11048f   阿宝   设备状态，学校管理 
66
67
68
 
                  ></el-cascader>
                  <el-select
                    class="sel"
23a6dc5f   阿宝   学校管理相关接口简单对接 
69
 
                    v-model="query.onlineStatus"
db11048f   阿宝   设备状态，学校管理 
70
 
                    placeholder="选择状态"
b21d90ef   梁保满   长水登录 
71
 
                    @change="_QueryData(true)"
db11048f   阿宝   设备状态，学校管理 
72
73
74
75
76
77
78
79
80
81
 
                  >
                    <el-option
                      v-for="item in statusList"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                  <el-input
db11048f   阿宝   设备状态，学校管理 
82
 
                    placeholder="请输入设备编码"
23a6dc5f   阿宝   学校管理相关接口简单对接 
83
 
                    v-model="query.sn"
db11048f   阿宝   设备状态，学校管理 
84
85
86
87
88
89
90
91
92
 
                    class="input-with-select"
                    @keyup.enter.native="_QueryData(true)"
                  >
                    <el-button
                      slot="append"
                      icon="el-icon-search"
                      @click="_QueryData(true)"
                    ></el-button>
                  </el-input>
1b9bae95   梁保满   级联选择器调整，日志接口调整 
93
 
                  <el-button class="serach-box" round @click="_QueryData(true)"
b21d90ef   梁保满   长水登录 
94
95
 
                    >筛选</el-button
                  >
db11048f   阿宝   设备状态，学校管理 
96
97
98
99
 
                </div>
              </div>
              <el-table :data="tableData" border style="width: 100%">
                <el-table-column
6d7bd862   梁保满   飞书bug 
100
 
                  prop="sn"
db11048f   阿宝   设备状态，学校管理 
101
102
103
104
 
                  label="设备编码"
                  align="center"
                ></el-table-column>
                <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
105
 
                  prop="frequency"
db11048f   阿宝   设备状态，学校管理 
106
107
108
109
 
                  label="频点"
                  align="center"
                ></el-table-column>
                <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
110
 
                  prop="pairingCode"
db11048f   阿宝   设备状态，学校管理 
111
112
113
114
 
                  label="配对码"
                  align="center"
                ></el-table-column>
                <el-table-column
e5e4a3e6   梁保满   v1.3 
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
 
                  v-if="role == 'ROLE_JITUAN'"
                  prop="schoolName"
                  label="学校"
                  align="center"
                ></el-table-column>
                <el-table-column
                  v-if="role == 'ROLE_JITUAN'"
                  prop="gradeName"
                  label="年级"
                  align="center"
                  ><template slot-scope="scoped">
                    <p v-for="(item, index) in scoped.row.classList" :key="index">
                      {{ item.gradeName }}
                    </p>
                  </template></el-table-column
                >
                <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
132
 
                  prop="roomName"
db11048f   阿宝   设备状态，学校管理 
133
134
135
 
                  label="所在教室"
                  align="center"
                ></el-table-column>
23a6dc5f   阿宝   学校管理相关接口简单对接 
136
137
 
                <el-table-column label="关联班级" align="center">
                  <template slot-scope="scoped">
e3b0e3e7   梁保满   季度时间格式调整 
138
 
                    <p v-for="(item, index) in scoped.row.classList" :key="index">
23a6dc5f   阿宝   学校管理相关接口简单对接 
139
140
141
142
 
                      {{ item.className }}
                    </p>
                  </template>
                </el-table-column>
db11048f   阿宝   设备状态，学校管理 
143
 
                <el-table-column
6d7bd862   梁保满   飞书bug 
144
 
                  prop="otaVersionName"
23a6dc5f   阿宝   学校管理相关接口简单对接 
145
 
                  label="固件版本号"
db11048f   阿宝   设备状态，学校管理 
146
147
148
 
                  align="center"
                ></el-table-column>
                <el-table-column
6d7bd862   梁保满   飞书bug 
149
 
                  prop="onlineTime"
23a6dc5f   阿宝   学校管理相关接口简单对接 
150
 
                  label="最近上报"
db11048f   阿宝   设备状态，学校管理 
151
152
 
                  align="center"
                ></el-table-column>
db11048f   阿宝   设备状态，学校管理 
153
154
155
 
                <el-table-column label="状态" align="center"
                  ><template slot-scope="scope">
                    {{
6d7bd862   梁保满   飞书bug 
156
 
                      scope.row.onlineStatus == 1
db11048f   阿宝   设备状态，学校管理 
157
 
                        ? "在线"
6d7bd862   梁保满   飞书bug 
158
159
160
 
                        : scope.row.onlineStatus == 2
                        ? "异常"
                        : "离线"
db11048f   阿宝   设备状态，学校管理 
161
162
163
164
165
 
                    }}
                  </template></el-table-column
                >
                <el-table-column label="操作" align="center"
                  ><template slot-scope="scoped">
225a00b6   梁保满   飞书问题解决 
166
167
168
169
170
171
 
                    <el-tooltip
                      effect="dark"
                      v-if="role != 'ROLE_JITUAN'"
                      content="修改基站"
                      placement="top"
                    >
db11048f   阿宝   设备状态，学校管理 
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
 
                      <el-button
                        type="primary"
                        circle
                        size="mini"
                        icon="fa fa-edit"
                        @click="edit(scoped.row)"
                      ></el-button>
                    </el-tooltip>
                    <el-tooltip effect="dark" content="日志" placement="top">
                      <el-button
                        type="warning"
                        circle
                        size="mini"
                        icon="fa fa-eye"
                        @click="linkTo(scoped.row, 1)"
                      ></el-button>
                    </el-tooltip> </template
                ></el-table-column>
              </el-table>
            </div>
          </div>
8ea67428   梁保满   飞书bug 
193
 
          <div v-show="type == 2">
225a00b6   梁保满   飞书问题解决 
194
 
            <div class="chart-box" v-if="count">
db11048f   阿宝   设备状态，学校管理 
195
 
              <div class="device-num">
225a00b6   梁保满   飞书问题解决 
196
 
                <p class="p1">{{ count }}</p>
db11048f   阿宝   设备状态，学校管理 
197
198
199
200
201
202
203
204
205
206
207
208
209
210
 
                <p class="p2">答题器数量</p>
              </div>
              <div class="chart">
                <scatter-chart
                  id="scatterChart"
                  :params="chartData2"
                  @clickScatterChart="clickScatterChart"
                ></scatter-chart>
              </div>
            </div>
            <div class="table-box">
              <div class="answer-header">
                <div class="sel-box">
                  <el-cascader
225a00b6   梁保满   飞书问题解决 
211
 
                    size="small"
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
212
 
                    class="sel sel2"
db11048f   阿宝   设备状态，学校管理 
213
214
215
 
                    clearable
                    placeholder="选择班级"
                    v-model="query.classId"
23a6dc5f   阿宝   学校管理相关接口简单对接 
216
 
                    :options="gradeList"
db11048f   阿宝   设备状态，学校管理 
217
 
                    :props="props"
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
218
 
                    collapse-tags
db11048f   阿宝   设备状态，学校管理 
219
 
                    :show-all-levels="false"
db11048f   阿宝   设备状态，学校管理 
220
221
222
 
                  ></el-cascader>
                  <el-select
                    class="sel"
23a6dc5f   阿宝   学校管理相关接口简单对接 
223
 
                    v-model="query.type"
db11048f   阿宝   设备状态，学校管理 
224
 
                    placeholder="选择状态"
b21d90ef   梁保满   长水登录 
225
 
                    @change="_QueryData(true)"
db11048f   阿宝   设备状态，学校管理 
226
227
 
                  >
                    <el-option
23a6dc5f   阿宝   学校管理相关接口简单对接 
228
 
                      v-for="item in typeList"
db11048f   阿宝   设备状态，学校管理 
229
230
231
232
233
234
235
 
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                    >
                    </el-option>
                  </el-select>
                  <el-input
db11048f   阿宝   设备状态，学校管理 
236
 
                    placeholder="请输入设备编码"
23a6dc5f   阿宝   学校管理相关接口简单对接 
237
 
                    v-model="query.sn"
db11048f   阿宝   设备状态，学校管理 
238
239
240
241
242
243
244
245
246
 
                    class="input-with-select"
                    @keyup.enter.native="_QueryData(true)"
                  >
                    <el-button
                      slot="append"
                      icon="el-icon-search"
                      @click="_QueryData(true)"
                    ></el-button>
                  </el-input>
1b9bae95   梁保满   级联选择器调整，日志接口调整 
247
 
                  <el-button class="serach-box" round @click="_QueryData(true)"
b21d90ef   梁保满   长水登录 
248
 
                    >筛选</el-button
1b9bae95   梁保满   级联选择器调整，日志接口调整 
249
 
                  >
db11048f   阿宝   设备状态，学校管理 
250
251
252
253
 
                </div>
              </div>
              <el-table :data="tableData" border style="width: 100%">
                <el-table-column
6d7bd862   梁保满   飞书bug 
254
 
                  prop="sn"
db11048f   阿宝   设备状态，学校管理 
255
256
257
 
                  label="设备编码"
                  align="center"
                ></el-table-column>
23a6dc5f   阿宝   学校管理相关接口简单对接 
258
259
260
 
                <el-table-column label="学生信息" align="center"
                  ><template slot-scope="scoped"
                    ><p
6d7bd862   梁保满   飞书bug 
261
262
 
                      v-for="(item, index) in scoped.row.studentList"
                      :key="index"
23a6dc5f   阿宝   学校管理相关接口简单对接 
263
264
265
266
267
 
                    >
                      {{ item.studentName }}
                    </p></template
                  ></el-table-column
                >
e5e4a3e6   梁保满   v1.3 
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
 
                <el-table-column
                  v-if="role == 'ROLE_JITUAN'"
                  prop="schoolName"
                  label="学校"
                  align="center"
                ></el-table-column>
                <el-table-column
                  v-if="role == 'ROLE_JITUAN'"
                  prop="gradeName"
                  label="年级"
                  align="center"
                  ><template slot-scope="scoped">
                    <p v-for="(item, index) in scoped.row.classList" :key="index">
                      {{ item.gradeName }}
                    </p>
                  </template></el-table-column
                >
23a6dc5f   阿宝   学校管理相关接口简单对接 
285
286
 
                <el-table-column prop="class" label="关联班级" align="center">
                  <template slot-scope="scoped">
6d7bd862   梁保满   飞书bug 
287
 
                    <p v-for="(item, index) in scoped.row.classList" :key="index">
23a6dc5f   阿宝   学校管理相关接口简单对接 
288
289
290
291
 
                      {{ item.className }}
                    </p>
                  </template></el-table-column
                >
5fb1f184   梁保满   答题器管理:不显示 题器配对码,修... 
292
 
                <!-- <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
293
 
                  prop="pairingCode"
db11048f   阿宝   设备状态，学校管理 
294
295
 
                  label="配对码"
                  align="center"
5fb1f184   梁保满   答题器管理:不显示 题器配对码,修... 
296
 
                ></el-table-column> -->
cffc1a98   梁保满   3-8BUG 
297
 
                <!-- <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
298
 
                  prop="answerTimes"
db11048f   阿宝   设备状态，学校管理 
299
300
 
                  label="答题次数"
                  align="center"
cffc1a98   梁保满   3-8BUG 
301
 
                ></el-table-column> -->
db11048f   阿宝   设备状态，学校管理 
302
 
                <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
303
 
                  prop="latestReportTime"
db11048f   阿宝   设备状态，学校管理 
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
 
                  label="最后答题时间"
                  align="center"
                ></el-table-column>
                <el-table-column label="操作" align="center"
                  ><template slot-scope="scoped">
                    <el-tooltip effect="dark" content="日志" placement="top">
                      <el-button
                        type="warning"
                        circle
                        size="mini"
                        icon="fa fa-eye"
                        @click="linkTo(scoped.row, 2)"
                      ></el-button>
                    </el-tooltip> </template
                ></el-table-column>
              </el-table>
            </div>
          </div>
8ea67428   梁保满   飞书bug 
322
 
          <div v-show="type == 3">
db11048f   阿宝   设备状态，学校管理 
323
324
325
326
 
            <div class="table-box">
              <div class="answer-header">
                <div class="sel-box">
                  <el-cascader
225a00b6   梁保满   飞书问题解决 
327
 
                    size="small"
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
328
 
                    class="sel sel2"
db11048f   阿宝   设备状态，学校管理 
329
330
331
 
                    clearable
                    placeholder="选择班级"
                    v-model="query.classId"
23a6dc5f   阿宝   学校管理相关接口简单对接 
332
 
                    :options="gradeList"
db11048f   阿宝   设备状态，学校管理 
333
 
                    :props="props"
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
334
 
                    collapse-tags
db11048f   阿宝   设备状态，学校管理 
335
336
337
 
                    :show-all-levels="false"
                    @change="_QueryData(false)"
                  ></el-cascader>
e5ff81a1   阿宝   集团管理员接口 
338
339
340
 
                  <span class="sel"
                    >共选择{{ selectionTabIds.length }}个授课端</span
                  >
23a6dc5f   阿宝   学校管理相关接口简单对接 
341
 
                  <el-button plan round @click="autoUpDate(false)"
db11048f   阿宝   设备状态，学校管理 
342
343
 
                    >开启自动更新</el-button
                  >
23a6dc5f   阿宝   学校管理相关接口简单对接 
344
 
                  <el-button plan round @click="stopUpdate(false)"
db11048f   阿宝   设备状态，学校管理 
345
346
347
348
349
 
                    >停止自动更新</el-button
                  >
                </div>
              </div>
              <el-table
0e46bc25   梁保满   优化 
350
 
                ref="multipleTable"
db11048f   阿宝   设备状态，学校管理 
351
352
353
354
355
 
                :data="tableData"
                border
                style="width: 100%"
                @selection-change="handleSelectionChange"
              >
6d7bd862   梁保满   飞书bug 
356
 
                <el-table-column type="selection" width="55"></el-table-column>
a0d49348   梁保满   授课端管理添加设备编码，随堂问、即... 
357
358
359
360
361
 
                <el-table-column
                  prop="sn"
                  label="设备编码"
                  align="center"
                ></el-table-column>
23a6dc5f   阿宝   学校管理相关接口简单对接 
362
363
 
                <el-table-column prop="class" label="关联班级" align="center"
                  ><template slot-scope="scoped">
6d7bd862   梁保满   飞书bug 
364
 
                    <p v-for="(item, index) in scoped.row.classList" :key="index">
23a6dc5f   阿宝   学校管理相关接口简单对接 
365
366
367
368
 
                      {{ item.className }}
                    </p>
                  </template></el-table-column
                >
db11048f   阿宝   设备状态，学校管理 
369
 
                <el-table-column
e5e4a3e6   梁保满   v1.3 
370
371
372
373
374
375
 
                  v-if="role == 'ROLE_JITUAN'"
                  prop="schoolName"
                  label="学校"
                  align="center"
                ></el-table-column>
                <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
376
 
                  prop="lastUpdateTime"
db11048f   阿宝   设备状态，学校管理 
377
378
379
380
 
                  label="最近更新"
                  align="center"
                ></el-table-column>
                <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
381
 
                  prop="osInfo"
db11048f   阿宝   设备状态，学校管理 
382
383
384
385
 
                  label="软件系统"
                  align="center"
                ></el-table-column>
                <el-table-column
23a6dc5f   阿宝   学校管理相关接口简单对接 
386
 
                  prop="hardwareInfo"
db11048f   阿宝   设备状态，学校管理 
387
388
389
390
 
                  label="硬件环境"
                  align="center"
                ></el-table-column>
                <el-table-column
255e2506   梁保满   飞书bug及优化 
391
 
                  prop="otaVersionName"
db11048f   阿宝   设备状态，学校管理 
392
393
394
395
396
397
 
                  label="版本号"
                  align="center"
                ></el-table-column>
                <el-table-column label="状态" align="center"
                  ><template slot-scope="scope">
                    {{
6d7bd862   梁保满   飞书bug 
398
 
                      scope.row.onlineStatus == 1
db11048f   阿宝   设备状态，学校管理 
399
 
                        ? "在线"
6d7bd862   梁保满   飞书bug 
400
401
402
 
                        : scope.row.onlineStatus == 2
                        ? "异常"
                        : "离线"
db11048f   阿宝   设备状态，学校管理 
403
404
405
406
407
408
 
                    }}
                  </template></el-table-column
                >
                <el-table-column label="自动更新" align="center"
                  ><template slot-scope="scoped">
                    <el-switch
23a6dc5f   阿宝   学校管理相关接口简单对接 
409
 
                      v-model="scoped.row.upgradeFlag"
db11048f   阿宝   设备状态，学校管理 
410
411
412
413
414
415
416
 
                      @change="changeUpdate($event, scoped.row, this)"
                    >
                    </el-switch> </template
                ></el-table-column>
              </el-table>
            </div>
          </div>
23a6dc5f   阿宝   学校管理相关接口简单对接 
417
418
419
420
421
422
423
424
425
426
427
428
 
          <div class="pagination-box">
            <el-pagination
              small=""
              layout="total,prev, pager, next"
              :hide-on-single-page="true"
              :total="total"
              @current-change="changePage"
              :current-page="page"
              :page-size="size"
            >
            </el-pagination>
          </div>
e5e4a3e6   梁保满   v1.3 
429
 
          <p class="down" v-if="tableData.length">
ae0a304c   梁保满   学生管理-显示班级基站信息 
430
431
432
433
434
435
436
437
 
            <el-button
              type="primary"
              plain
              round
              icon="fa fa-cloud-download"
              @click="downExl"
              >导出报表</el-button
            >
e5e4a3e6   梁保满   v1.3 
438
 
          </p>
db11048f   阿宝   设备状态，学校管理 
439
440
441
 
        </div>
      </div>
      <el-dialog title="设备导入" :visible.sync="diaUp" width="400">
87abc4f3   梁保满   基站上传接口地址修改 
442
 
        <up-load :url="url" @upSuccess="upSuccess" fileName="设备信息">
db11048f   阿宝   设备状态，学校管理 
443
444
 
          <p class="down-txt" slot="down">
            通过Excel名单导入设备，需要提供设备编码，点击
23a6dc5f   阿宝   学校管理相关接口简单对接 
445
 
            <el-link type="danger" @click="downExcel">模板下载</el-link> 。
db11048f   阿宝   设备状态，学校管理 
446
447
448
449
450
451
 
          </p>
        </up-load>
        <div class="dialog-footer" slot="footer">
          <el-button @click="diaUp = false">取 消</el-button>
        </div>
      </el-dialog>
0e46bc25   梁保满   优化 
452
453
454
455
456
 
      <el-dialog
        :title="isAdd ? '添加基站' : '修改基站'"
        :visible.sync="diaAnswerEqu"
        width="400"
      >
db11048f   阿宝   设备状态，学校管理 
457
 
        <el-form ref="forms" :model="form" :rules="formRules" label-width="140px">
1365ef5e   梁保满   优化 
458
 
          <el-form-item label="设备编码：" prop="sn">
6d7bd862   梁保满   飞书bug 
459
 
            <el-col :span="16"
db11048f   阿宝   设备状态，学校管理 
460
461
462
 
              ><el-input
                type="text"
                placeholder="输入设备编码"
1365ef5e   梁保满   优化 
463
 
                v-model.trim="form.sn"
db11048f   阿宝   设备状态，学校管理 
464
465
466
 
                maxlength="30"
                size="45"
                show-word-limit
e3b0e3e7   梁保满   季度时间格式调整 
467
 
                :disabled="!isAdd"
db11048f   阿宝   设备状态，学校管理 
468
469
470
471
 
              >
              </el-input
            ></el-col>
          </el-form-item>
23a6dc5f   阿宝   学校管理相关接口简单对接 
472
 
          <el-form-item label="频点：" prop="frequency">
6d7bd862   梁保满   飞书bug 
473
 
            <el-col :span="16"
db11048f   阿宝   设备状态，学校管理 
474
475
476
 
              ><el-input
                type="text"
                placeholder="输入频点"
23a6dc5f   阿宝   学校管理相关接口简单对接 
477
 
                v-model.trim="form.frequency"
db11048f   阿宝   设备状态，学校管理 
478
479
480
481
482
483
484
 
                maxlength="30"
                size="45"
                show-word-limit
              >
              </el-input
            ></el-col>
          </el-form-item>
23a6dc5f   阿宝   学校管理相关接口简单对接 
485
 
          <el-form-item label="配对码：" prop="pairingCode">
6d7bd862   梁保满   飞书bug 
486
 
            <el-col :span="16"
db11048f   阿宝   设备状态，学校管理 
487
488
489
 
              ><el-input
                type="text"
                placeholder="输入配对码"
23a6dc5f   阿宝   学校管理相关接口简单对接 
490
 
                v-model.trim="form.pairingCode"
db11048f   阿宝   设备状态，学校管理 
491
492
493
494
495
496
497
 
                maxlength="30"
                size="45"
                show-word-limit
              >
              </el-input
            ></el-col>
          </el-form-item>
6d7bd862   梁保满   飞书bug 
498
499
 
          <el-form-item label="选择班级：" prop="classIds">
            <el-col :span="16">
db11048f   阿宝   设备状态，学校管理 
500
 
              <el-cascader
6d7bd862   梁保满   飞书bug 
501
 
                class="sel"
db11048f   阿宝   设备状态，学校管理 
502
 
                clearable
6d7bd862   梁保满   飞书bug 
503
 
                v-model="form.classIds"
23a6dc5f   阿宝   学校管理相关接口简单对接 
504
 
                :options="gradeList"
db11048f   阿宝   设备状态，学校管理 
505
506
507
508
509
 
                :show-all-levels="false"
              ></el-cascader>
            </el-col>
          </el-form-item>
          <el-form-item label="所在教室：">
6d7bd862   梁保满   飞书bug 
510
 
            <el-col :span="16"
db11048f   阿宝   设备状态，学校管理 
511
512
513
 
              ><el-input
                type="text"
                placeholder="输入所在教室"
23a6dc5f   阿宝   学校管理相关接口简单对接 
514
 
                v-model.trim="form.roomName"
db11048f   阿宝   设备状态，学校管理 
515
516
517
518
519
520
521
522
523
 
                maxlength="30"
                size="45"
                show-word-limit
              >
              </el-input
            ></el-col>
          </el-form-item>
        </el-form>
        <div class="dialog-footer" slot="footer">
236b1f0e   梁保满   周末-飞书bug 
524
 
          <el-button type="primary" @click="setAnswerEqu">确 定</el-button>
db11048f   阿宝   设备状态，学校管理 
525
526
527
 
          <el-button @click="diaAnswerEqu = false">取 消</el-button>
        </div>
      </el-dialog>
bb778c90   阿宝   设备状态 
528
 
    </div>
4c4f7640   梁保满   路由表，路由前端文件 
529
530
531
 
  </template>
  
  <script>
db11048f   阿宝   设备状态，学校管理 
532
533
534
 
  import pieChart from "@/components/charts/pieChart";
  import scatterChart from "@/components/charts/scatterChart";
  import _ from "lodash";
191d5bfa   梁保满   学生管理、基站管理下载名称设置，上... 
535
 
  import { downloadFile, getBlob, formatGradeNameClass } from "@/utils";
255e2506   梁保满   飞书bug及优化 
536
 
  import api from "@/api/apis/apis";
db11048f   阿宝   设备状态，学校管理 
537
538
 
  export default {
    components: { pieChart, scatterChart },
23a6dc5f   阿宝   学校管理相关接口简单对接 
539
540
541
542
 
    watch: {
      type: function (val) {
        this.page = 1;
        this.total = 0;
225a00b6   梁保满   飞书问题解决 
543
 
        this.count = 0;
23a6dc5f   阿宝   学校管理相关接口简单对接 
544
545
546
547
548
549
550
551
552
553
554
555
 
        this.query.classId = [];
        this.query.onlineStatus = "";
        this.query.sn = "";
        this.query.type = "";
        if (val == 1) {
          this.stationReport();
        } else if (val == 2) {
          this.keyboardReport();
        }
        this._QueryData();
      },
    },
db11048f   阿宝   设备状态，学校管理 
556
557
 
    data() {
      return {
ae0a304c   梁保满   学生管理-显示班级基站信息 
558
 
        exportLoading: false,
0e46bc25   梁保满   优化 
559
 
        isAdd: false, //添加还是修改基站
e5ff81a1   阿宝   集团管理员接口 
560
 
        role: "",
d32e461c   梁保满   备题组卷 
561
 
        code: "",
db11048f   阿宝   设备状态，学校管理 
562
 
        loading: false,
87abc4f3   梁保满   基站上传接口地址修改 
563
 
        url: "/api_html/school/manager/importStation",
db11048f   阿宝   设备状态，学校管理 
564
565
 
        diaUp: false,
        diaAnswerEqu: false,
23a6dc5f   阿宝   学校管理相关接口简单对接 
566
567
 
        gradeList: [],
        gradeListAll: [],
225a00b6   梁保满   飞书问题解决 
568
 
        schoolAll: [],
e3b0e3e7   梁保满   季度时间格式调整 
569
 
        school: {}, //校园账号所属学校信息
255e2506   梁保满   飞书bug及优化 
570
571
572
 
        props: {
          multiple: true,
          checkStrictly: true,
255e2506   梁保满   飞书bug及优化 
573
 
        },
db11048f   阿宝   设备状态，学校管理 
574
575
576
 
        type: 1,
        query: {
          classId: [],
23a6dc5f   阿宝   学校管理相关接口简单对接 
577
578
579
 
          onlineStatus: "",
          sn: "",
          type: "",
db11048f   阿宝   设备状态，学校管理 
580
581
 
        },
        statusList: [
dbbfc6c5   梁保满   飞书优化及bug 
582
 
          { label: "全部", value: "" },
23a6dc5f   阿宝   学校管理相关接口简单对接 
583
 
          { label: "离线", value: 0 },
db11048f   阿宝   设备状态，学校管理 
584
 
          { label: "在线", value: 1 },
23a6dc5f   阿宝   学校管理相关接口简单对接 
585
586
587
588
589
590
591
592
593
594
 
          { label: "异常", value: 2 },
        ],
        typeList: [
          { label: "全部", value: 0 },
          { label: "1日内", value: 1 },
          { label: "3日内", value: 2 },
          { label: "7日内", value: 3 },
          { label: "1月内", value: 4 },
          { label: "3月内", value: 5 },
          { label: "3月以上", value: 6 },
db11048f   阿宝   设备状态，学校管理 
595
596
 
        ],
        form: {
255e2506   梁保满   飞书bug及优化 
597
 
          deviceId: "",
1365ef5e   梁保满   优化 
598
 
          sn: "",
23a6dc5f   阿宝   学校管理相关接口简单对接 
599
600
 
          frequency: "",
          pairingCode: "",
183bfae8   梁保满   设备修改班级选择调整 
601
 
          classIds: [],
23a6dc5f   阿宝   学校管理相关接口简单对接 
602
 
          roomName: "",
db11048f   阿宝   设备状态，学校管理 
603
604
 
        },
        formRules: {
e3b0e3e7   梁保满   季度时间格式调整 
605
 
          sn: [{ required: true, message: "请输入设备编码", trigger: "blur" }],
23a6dc5f   阿宝   学校管理相关接口简单对接 
606
607
608
609
 
          frequency: [{ required: true, message: "请输入频点", trigger: "blur" }],
          pairingCode: [
            { required: true, message: "请输入配对码", trigger: "blur" },
          ],
280e7dfe   梁保满   设备日志显示选项 
610
 
          classIds: [{ required: true, message: "请选择班级", trigger: "blur" }],
db11048f   阿宝   设备状态，学校管理 
611
 
        },
23a6dc5f   阿宝   学校管理相关接口简单对接 
612
613
 
        tableData: [],
        total: 0,
225a00b6   梁保满   飞书问题解决 
614
 
        count: 0,
23a6dc5f   阿宝   学校管理相关接口简单对接 
615
616
 
        chartData: [],
        chartData2: [],
db11048f   阿宝   设备状态，学校管理 
617
 
        selectionTabIds: [],
23a6dc5f   阿宝   学校管理相关接口简单对接 
618
619
 
        page: 1,
        size: 20,
e5e4a3e6   梁保满   v1.3 
620
 
        isBack: false,
db11048f   阿宝   设备状态，学校管理 
621
622
623
 
      };
    },
    created() {
e3b0e3e7   梁保满   季度时间格式调整 
624
 
      this.code = localStorage.getItem("csCode") || "";
87053bc8   梁保满   设备状态模版下载更新 
625
626
627
 
      this.role =
        this.$store.getters.info.showRole ||
        this.$store.getters.info.permissions[0].role;
255e2506   梁保满   飞书bug及优化 
628
 
      if (this.role == "ROLE_JITUAN") {
e3b0e3e7   梁保满   季度时间格式调整 
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
 
        (this.props.lazy = true),
          (this.props.lazyLoad = function (node, resolve) {
            const { level } = node;
            if (level == 2) {
              console.log(node);
              api
                .tenantClassList({
                  schoolId: node.data.value,
                })
                .then((res) => {
                  let children = formatGradeNameClass(res.data?.list).sort(
                    (a, b) => {
                      return a.grade - b.grade;
                    }
                  );
                  console.log();
255e2506   梁保满   飞书bug及优化 
645
e3b0e3e7   梁保满   季度时间格式调整 
646
647
648
649
650
651
652
653
654
655
656
 
                  const nodes = [...children];
                  // 通过调用resolve将子节点数据返回，通知组件数据加载完成
                  resolve(nodes);
                });
            } else {
              resolve(node);
            }
          });
      }
      if (this.role == "ROLE_XUEXIAO") {
        this._QueryDataSchool();
255e2506   梁保满   飞书bug及优化 
657
 
      }
23a6dc5f   阿宝   学校管理相关接口简单对接 
658
 
      this._QueryGradeList();
11cb8ce0   梁保满   样式调整 
659
 
      if (this.role == "ROLE_JITUAN") {
225a00b6   梁保满   飞书问题解决 
660
661
 
        this.showSchool();
      }
db11048f   阿宝   设备状态，学校管理 
662
 
    },
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
663
664
 
    activated() {
      const that = this;
e5e4a3e6   梁保满   v1.3 
665
666
667
 
      this.isBack = this.$route.query.back ? this.$route.query.back : false;
      console.log(this.$route.query.back);
      if (!this.isBack) {
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
668
669
670
671
672
673
674
675
676
677
 
        that.type = 1;
        that.page = 1;
        that.total = 0;
        that.count = 0;
        that.query.classId = [];
        that.query.onlineStatus = "";
        that.query.sn = "";
        that.query.type = "";
        that.stationReport();
        that._QueryData();
e5e4a3e6   梁保满   v1.3 
678
 
      }
5be3bb70   梁保满   切换账号，缓存组件接口报错问题 
679
 
    },
db11048f   阿宝   设备状态，学校管理 
680
 
    methods: {
191d5bfa   梁保满   学生管理、基站管理下载名称设置，上... 
681
 
      upSuccess(res) {
e3b0e3e7   梁保满   季度时间格式调整 
682
 
        //导入成功
191d5bfa   梁保满   学生管理、基站管理下载名称设置，上... 
683
684
685
 
        this.$message.closeAll();
        this.$message({
          showClose: true,
fc9cbff6   梁保满   上传信息显示调整 
686
 
          message: `成功（${res.data.success}）`,
191d5bfa   梁保满   学生管理、基站管理下载名称设置，上... 
687
 
          type: "success",
183bfae8   梁保满   设备修改班级选择调整 
688
 
          duration: 5000,
191d5bfa   梁保满   学生管理、基站管理下载名称设置，上... 
689
 
        });
e3b0e3e7   梁保满   季度时间格式调整 
690
 
        this.diaUp = false;
87abc4f3   梁保满   基站上传接口地址修改 
691
 
        this.page = 1;
255e2506   梁保满   飞书bug及优化 
692
693
 
        this._QueryData();
      },
575eb544   梁保满   账号异常提示，放开长水学校管理员设... 
694
695
 
      edit(obj) {
        //修改设备
0e46bc25   梁保满   优化 
696
 
        this.isAdd = false;
255e2506   梁保满   飞书bug及优化 
697
698
 
        for (let key in this.form) {
          if (key == "classIds") {
5fb1f184   梁保满   答题器管理:不显示 题器配对码,修... 
699
700
701
 
            this.form[key] = obj.classList.length
              ? [obj.classList[0].gradeName, obj.classList[0].classId]
              : [];
255e2506   梁保满   飞书bug及优化 
702
703
 
          } else {
            this.form[key] = obj[key];
6d7bd862   梁保满   飞书bug 
704
705
 
          }
        }
0e46bc25   梁保满   优化 
706
 
        delete this.form.schoolId;
e3b0e3e7   梁保满   季度时间格式调整 
707
 
        this.form.deviceId = obj.id;
255e2506   梁保满   飞书bug及优化 
708
 
        this.diaAnswerEqu = true;
6d7bd862   梁保满   飞书bug 
709
 
      },
db11048f   阿宝   设备状态，学校管理 
710
711
712
713
714
715
716
717
718
719
 
      linkTo(obj, type) {
        this.$router.push({
          path: "/deviceLog",
          query: {
            id: obj.id,
            type: type,
          },
        });
      },
      clickPieChart(obj) {
23a6dc5f   阿宝   学校管理相关接口简单对接 
720
721
722
 
        this.query.onlineStatus =
          obj.name == "在线" ? 1 : obj.name == "离线" ? 0 : 2;
        this.query.sn = "";
c4eb9615   梁保满   日志页面调整 
723
 
        this.query.classId = [];
23a6dc5f   阿宝   学校管理相关接口简单对接 
724
 
        this.page = 1;
b21d90ef   梁保满   长水登录 
725
 
        this._QueryData(false);
db11048f   阿宝   设备状态，学校管理 
726
727
 
      },
      clickScatterChart(obj) {
23a6dc5f   阿宝   学校管理相关接口简单对接 
728
729
730
731
732
733
734
735
736
737
738
739
740
 
        this.query.type =
          obj.name == "1日内"
            ? 1
            : obj.name == "3日内"
            ? 2
            : obj.name == "7日内"
            ? 3
            : obj.name == "1月内"
            ? 4
            : obj.name == "3月内"
            ? 5
            : 6;
        this.query.sn = "";
c4eb9615   梁保满   日志页面调整 
741
 
        this.query.classId = [];
23a6dc5f   阿宝   学校管理相关接口简单对接 
742
 
        this.page = 1;
b21d90ef   梁保满   长水登录 
743
 
        this._QueryData(false);
db11048f   阿宝   设备状态，学校管理 
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
 
      },
      handleSelectionChange(val) {
        console.log(val);
        this.selectionTabIds = val.map((item) => {
          return item.id;
        });
      },
      changeUpdate: _.debounce(function (event, obj) {
        console.log(this);
        if (event) {
          this.autoUpDate(obj.id);
        } else {
          this.stopUpdate(obj.id);
        }
      }, 800),
23a6dc5f   阿宝   学校管理相关接口简单对接 
759
760
 
      changePage(page) {
        this.page = page;
b21d90ef   梁保满   长水登录 
761
 
        this._QueryData(false);
23a6dc5f   阿宝   学校管理相关接口简单对接 
762
 
      },
e3b0e3e7   梁保满   季度时间格式调整 
763
764
765
766
 
      addDev() {
        this.form.sn = "";
        this.form.frequency = "";
        this.form.pairingCode = "";
183bfae8   梁保满   设备修改班级选择调整 
767
 
        this.form.classIds = [];
e3b0e3e7   梁保满   季度时间格式调整 
768
 
        this.form.roomName = "";
0e46bc25   梁保满   优化 
769
770
771
 
        this.form.schoolId = this.school.id;
        delete this.form.deviceId;
        this.isAdd = true;
e3b0e3e7   梁保满   季度时间格式调整 
772
773
 
        this.diaAnswerEqu = true;
      },
225a00b6   梁保满   飞书问题解决 
774
 
      async showSchool() {
296f7c47   梁保满   集团管理员接口调整 
775
776
 
        const { data, status, info } = await this.$request.schoolList();
        if (status === 0) {
183bfae8   梁保满   设备修改班级选择调整 
777
778
779
780
781
782
 
          let gradeListAll = data.list?.map((item) => {
            return {
              value: item.id,
              label: item.schoolName,
            };
          });
225a00b6   梁保满   飞书问题解决 
783
784
785
786
 
          this.schoolAll = [
            {
              value: 0,
              label: "全部",
183bfae8   梁保满   设备修改班级选择调整 
787
 
              children: [...gradeListAll],
225a00b6   梁保满   飞书问题解决 
788
789
790
 
            },
          ];
          this.gradeList = [...this.schoolAll, ...this.gradeList];
296f7c47   梁保满   集团管理员接口调整 
791
792
793
794
 
        } else {
          this.$message.error(info);
        }
      },
db11048f   阿宝   设备状态，学校管理 
795
796
797
798
799
800
801
 
      async autoUpDate(id) {
        if (!this.selectionTabIds.length && !id) {
          this.$message.warning("请选择授课端~");
          return;
        }
        if (this.loadingUpDate) return;
        this.loadingUpDate = true;
23a6dc5f   阿宝   学校管理相关接口简单对接 
802
 
        let data = await this.$request.modifyUpgradeFlag({
dd5150c5   阿宝   数据同步 
803
 
          deviceIds: id ? [id] : this.selectionTabIds,
23a6dc5f   阿宝   学校管理相关接口简单对接 
804
 
          upgradeFlag: 1,
db11048f   阿宝   设备状态，学校管理 
805
806
807
808
 
        });
        this.loadingUpDate = false;
        if (data && !data.code) {
          this._QueryData(false);
e5ff81a1   阿宝   集团管理员接口 
809
 
          this.selectionTabIds = [];
db11048f   阿宝   设备状态，学校管理 
810
811
 
          this.$message.success("开启自动更新成功");
        } else {
236b1f0e   梁保满   周末-飞书bug 
812
 
          this.$message.error(data.info);
db11048f   阿宝   设备状态，学校管理 
813
814
815
816
817
818
819
820
821
 
        }
      },
      async stopUpdate(id) {
        if (!this.selectionTabIds.length && !id) {
          this.$message.warning("请选择授课端~");
          return;
        }
        if (this.loadingUpDate) return;
        this.loadingUpDate = true;
23a6dc5f   阿宝   学校管理相关接口简单对接 
822
 
        let data = await this.$request.modifyUpgradeFlag({
dd5150c5   阿宝   数据同步 
823
 
          deviceIds: id ? [id] : this.selectionTabIds,
23a6dc5f   阿宝   学校管理相关接口简单对接 
824
 
          upgradeFlag: 0,
db11048f   阿宝   设备状态，学校管理 
825
826
827
 
        });
        this.loadingUpDate = false;
        if (data && !data.code) {
e5ff81a1   阿宝   集团管理员接口 
828
 
          this.selectionTabIds = [];
db11048f   阿宝   设备状态，学校管理 
829
830
831
 
          this._QueryData(false);
          this.$message.success("关闭自动更新成功");
        } else {
236b1f0e   梁保满   周末-飞书bug 
832
 
          this.$message.error(data.info);
db11048f   阿宝   设备状态，学校管理 
833
834
835
 
        }
      },
      async downExcel() {
87053bc8   梁保满   设备状态模版下载更新 
836
 
        let data = await this.$request.stationTemplate({
db11048f   阿宝   设备状态，学校管理 
837
838
 
          id: this.id,
        });
87053bc8   梁保满   设备状态模版下载更新 
839
840
841
842
843
 
        if (data) {
          let blob = new Blob([data], {
            type: "application/vnd.ms-excel;charset=utf-8",
          });
          downloadFile(`基站模版.xlsx`, blob);
db11048f   阿宝   设备状态，学校管理 
844
 
        } else {
87053bc8   梁保满   设备状态模版下载更新 
845
 
          this.$message.error("下载失败");
db11048f   阿宝   设备状态，学校管理 
846
847
 
        }
      },
ae0a304c   梁保满   学生管理-显示班级基站信息 
848
 
      async downExl() {
e5e4a3e6   梁保满   v1.3 
849
 
        //报表导出
ae0a304c   梁保满   学生管理-显示班级基站信息 
850
 
        if (this.exportLoading == true) return;
e5e4a3e6   梁保满   v1.3 
851
 
        let query = this.setQuery();
ae0a304c   梁保满   学生管理-显示班级基站信息 
852
 
        this.exportLoading = true;
e5e4a3e6   梁保满   v1.3 
853
854
855
856
 
        const data = await this.$request.exportDevice({
          ...query,
          deviceType: this.type,
        });
ae0a304c   梁保满   学生管理-显示班级基站信息 
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
 
        this.exportLoading = false;
        if (data && !data.code) {
          let blob = new Blob([data], {
            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
          });
          let txt =
            this.type == 1
              ? "基站管理报表.xlsx"
              : this.type == 2
              ? "答题器报表.xlsx"
              : "授课端报表.xlsx";
          downloadFile(txt, blob);
        } else {
          this.$message.error(data.info);
        }
      },
db11048f   阿宝   设备状态，学校管理 
873
236b1f0e   梁保满   周末-飞书bug 
874
875
 
      // 修改基站
      setAnswerEqu() {
6d7bd862   梁保满   飞书bug 
876
877
878
879
 
        this.$refs.forms.validate(async (valid) => {
          if (valid) {
            if (this.loadingAnswerEqu) return;
            this.loadingAnswerEqu = true;
255e2506   梁保满   飞书bug及优化 
880
 
            let query = { ...this.form };
236b1f0e   梁保满   周末-飞书bug 
881
5fb1f184   梁保满   答题器管理:不显示 题器配对码,修... 
882
 
            query.classIds = query.classIds.length ? [query.classIds[1]] : [];
0e46bc25   梁保满   优化 
883
884
885
 
            let deviceApi = this.isAdd
              ? this.$request.addStation
              : this.$request.updateDevice;
e3b0e3e7   梁保满   季度时间格式调整 
886
 
            const { data, status, info } = await deviceApi({
255e2506   梁保满   飞书bug及优化 
887
888
 
              ...query,
            });
6d7bd862   梁保满   飞书bug 
889
890
891
 
            this.loadingAnswerEqu = false;
            console.log(status);
            if (status === 0) {
255e2506   梁保满   飞书bug及优化 
892
 
              this.diaAnswerEqu = false;
1365ef5e   梁保满   优化 
893
 
              this.$message.success(info);
6d7bd862   梁保满   飞书bug 
894
 
              this._QueryData();
0e46bc25   梁保满   优化 
895
896
 
              if (this.isAdd) {
                this.stationReport();
e3b0e3e7   梁保满   季度时间格式调整 
897
 
              }
6d7bd862   梁保满   飞书bug 
898
899
900
901
902
903
904
 
            } else {
              this.$message.error(info);
            }
          } else {
            this.$message.warning("数据有误，请检查！");
          }
        });
db11048f   阿宝   设备状态，学校管理 
905
 
      },
e3b0e3e7   梁保满   季度时间格式调整 
906
907
908
909
910
911
912
913
 
      async _QueryDataSchool() {
        const { data, status, info } = await this.$request.schoolDetail();
        if (status === 0) {
          this.school = { ...data };
        } else {
          this.$message.error(info);
        }
      },
db11048f   阿宝   设备状态，学校管理 
914
 
      // 查找班级
23a6dc5f   阿宝   学校管理相关接口简单对接 
915
916
 
      async _QueryGradeList() {
        this.loading = true;
e5ff81a1   阿宝   集团管理员接口 
917
918
919
920
921
 
        const gradeList =
          this.role != "ROLE_JITUAN"
            ? this.$request.gradeList
            : this.$request.regionList;
        const { data, status, info } = await gradeList();
23a6dc5f   阿宝   学校管理相关接口简单对接 
922
923
 
        if (status === 0) {
          if (!!data.list) {
e5ff81a1   阿宝   集团管理员接口 
924
925
926
927
 
            if (this.role != "ROLE_JITUAN") {
              this.gradeList =
                data.list?.map((item) => {
                  let gradeList = {
1b9bae95   梁保满   级联选择器调整，日志接口调整 
928
 
                    value: item.gradeName,
e5ff81a1   阿宝   集团管理员接口 
929
930
931
932
933
 
                    label: item.gradeName,
                  };
                  gradeList.children =
                    item.classList?.map((items) => {
                      return {
1365ef5e   梁保满   优化 
934
 
                        value: Number(items.id),
e5ff81a1   阿宝   集团管理员接口 
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
 
                        label: items.className,
                      };
                    }) || [];
                  return gradeList;
                }) || [];
            } else {
              this.gradeList =
                data.list?.map((item) => {
                  let gradeList = {
                    value: item.id,
                    label: item.regionName,
                  };
                  gradeList.children =
                    item.schoolList?.map((items) => {
                      return {
                        value: items.id,
                        label: items.schoolName,
                      };
                    }) || [];
                  return gradeList;
                }) || [];
225a00b6   梁保满   飞书问题解决 
956
 
              this.gradeList = [...this.schoolAll, ...this.gradeList];
e5ff81a1   阿宝   集团管理员接口 
957
 
            }
23a6dc5f   阿宝   学校管理相关接口简单对接 
958
959
960
961
962
963
964
 
          }
        } else {
          this.$message.error(info);
        }
      },
      // 基站统计数据
      async stationReport() {
e5ff81a1   阿宝   集团管理员接口 
965
966
967
968
969
 
        const stationReport =
          this.role != "ROLE_JITUAN"
            ? this.$request.stationReport
            : this.$request.tenantStationReport;
        const { data, status, info } = await stationReport();
23a6dc5f   阿宝   学校管理相关接口简单对接 
970
971
972
973
974
 
        if (status === 0) {
          this.chartData =
            data.list?.map((item) => {
              return {
                name:
e5ff81a1   阿宝   集团管理员接口 
975
976
977
978
979
 
                  item.onlineStatus == "1"
                    ? "在线"
                    : item.onlineStatus == 0
                    ? "离线"
                    : "异常",
296f7c47   梁保满   集团管理员接口调整 
980
981
 
                value: item.total,
                rate: item.rate,
23a6dc5f   阿宝   学校管理相关接口简单对接 
982
983
 
              };
            }) || [];
225a00b6   梁保满   飞书问题解决 
984
 
          this.count = data.total || 0;
23a6dc5f   阿宝   学校管理相关接口简单对接 
985
986
987
988
989
990
 
        } else {
          this.$message.error(info);
        }
      },
      // 答题器统计数据
      async keyboardReport() {
e5ff81a1   阿宝   集团管理员接口 
991
992
993
994
995
 
        const keyboardReport =
          this.role != "ROLE_JITUAN"
            ? this.$request.keyboardReport
            : this.$request.tenantKeyboardReport;
        const { data, status, info } = await keyboardReport();
23a6dc5f   阿宝   学校管理相关接口简单对接 
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
 
        if (status === 0) {
          this.chartData2 =
            data.list?.map((item) => {
              return {
                name:
                  item.type == 1
                    ? "1日内"
                    : item.type == 2
                    ? "3日内"
                    : item.type == 3
                    ? "7日内"
                    : item.type == 4
                    ? "1月内"
                    : item.type == 5
                    ? "3月内"
                    : "3月以上",
225a00b6   梁保满   飞书问题解决 
1012
1013
 
                count: item.total,
                value: item.rate * 100,
23a6dc5f   阿宝   学校管理相关接口简单对接 
1014
1015
 
              };
            }) || [];
225a00b6   梁保满   飞书问题解决 
1016
 
          this.count = data.total || 0;
23a6dc5f   阿宝   学校管理相关接口简单对接 
1017
1018
1019
 
        } else {
          this.$message.error(info);
        }
db11048f   阿宝   设备状态，学校管理 
1020
 
      },
225a00b6   梁保满   飞书问题解决 
1021
1022
1023
 
      setQuery() {
        //整理传参
        let query = {};
23a6dc5f   阿宝   学校管理相关接口简单对接 
1024
1025
1026
 
        if (this.query.sn) {
          query.sn = this.query.sn;
        } else {
23a6dc5f   阿宝   学校管理相关接口简单对接 
1027
1028
1029
1030
1031
1032
1033
 
          if (this.type == 1) {
            this.query.onlineStatus !== ""
              ? (query.onlineStatus = this.query.onlineStatus)
              : "";
          } else if (this.type == 2) {
            this.query.type !== "" ? (query.type = this.query.type) : "";
          }
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1034
1035
1036
 
          if (this.role == "ROLE_JITUAN") {
            query.regionIds = [];
            query.schoolIds = [];
255e2506   梁保满   飞书bug及优化 
1037
1038
 
            query.gradeNames = [];
            query.classIds = [];
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1039
1040
 
            this.query.classId?.map((item) => {
              if (item.length == 1) {
225a00b6   梁保满   飞书问题解决 
1041
 
                if (!query.regionIds.includes(item[0])) {
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1042
1043
 
                  query.regionIds.push(item[0]);
                }
255e2506   梁保满   飞书bug及优化 
1044
 
              } else if (item.length == 2) {
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1045
1046
1047
 
                if (!query.schoolIds.includes(item[1])) {
                  query.schoolIds.push(item[1]);
                }
255e2506   梁保满   飞书bug及优化 
1048
1049
1050
1051
 
                query.regionIds.includes(item[0])
                  ? query.regionIds.remove(item[0])
                  : "";
              } else if (item.length == 3) {
1365ef5e   梁保满   优化 
1052
1053
1054
 
                if (!query.schoolIds.includes(item[1])) {
                  query.schoolIds.push(item[1]);
                }
255e2506   梁保满   飞书bug及优化 
1055
1056
 
                if (!query.gradeNames.includes(item[2])) {
                  query.gradeNames.push(item[2]);
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1057
 
                }
255e2506   梁保满   飞书bug及优化 
1058
1059
1060
 
                query.regionIds.includes(item[0])
                  ? query.regionIds.remove(item[0])
                  : "";
255e2506   梁保满   飞书bug及优化 
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
 
              } else if (item.length == 4) {
                if (!query.classIds.includes(item[3])) {
                  query.classIds.push(item[3]);
                }
                query.regionIds.includes(item[0])
                  ? query.regionIds.remove(item[0])
                  : "";
                query.schoolIds.includes(item[1])
                  ? query.schoolIds.remove(item[1])
                  : "";
                query.gradeNames.includes(item[2])
                  ? query.gradeNames.remove(item[2])
                  : "";
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1074
1075
1076
1077
1078
1079
1080
 
              }
            });
          } else {
            query.gradeNames = [];
            query.classIds = [];
            this.query.classId?.map((item) => {
              if (item.length == 1) {
225a00b6   梁保满   飞书问题解决 
1081
 
                if (!query.gradeNames.includes(item[0])) {
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
 
                  query.gradeNames.push(item[0]);
                }
              } else {
                if (!query.classIds.includes(item[1])) {
                  query.classIds.push(item[1]);
                }
                if (query.gradeNames.includes(item[0])) {
                  query.gradeNames.remove(item[0]);
                }
              }
            });
          }
          delete query.classId;
23a6dc5f   阿宝   学校管理相关接口简单对接 
1095
 
        }
225a00b6   梁保满   飞书问题解决 
1096
 
        return query;
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1097
1098
1099
1100
 
      },
      // 设备列表信息
      async _QueryData(isRef) {
        this.loading = true;
225a00b6   梁保满   飞书问题解决 
1101
 
        let query = this.setQuery();
1b9bae95   梁保满   级联选择器调整，日志接口调整 
1102
1103
 
        if (isRef) {
          this.page = 1;
b21d90ef   梁保满   长水登录 
1104
 
        }
23a6dc5f   阿宝   学校管理相关接口简单对接 
1105
 
        this.loading = true;
e5ff81a1   阿宝   集团管理员接口 
1106
1107
1108
1109
 
        const deviceList =
          this.role != "ROLE_JITUAN"
            ? this.$request.deviceList
            : this.$request.tenantDeviceList;
6d7bd862   梁保满   飞书bug 
1110
 
        this.tableData = [];
e5ff81a1   阿宝   集团管理员接口 
1111
 
        const { data, status, info } = await deviceList({
23a6dc5f   阿宝   学校管理相关接口简单对接 
1112
1113
1114
1115
1116
1117
 
          ...query,
          deviceType: this.type,
          page: this.page,
          size: this.size,
        });
        this.loading = false;
e5ff81a1   阿宝   集团管理员接口 
1118
 
        if (status == 0) {
225a00b6   梁保满   飞书问题解决 
1119
 
          this.tableData =
255e2506   梁保满   飞书bug及优化 
1120
1121
1122
1123
1124
1125
 
            (data?.list &&
              data?.list.map((item) => {
                item.upgradeFlag = item.upgradeFlag == 1 ? true : false;
                return item;
              })) ||
            [];
0e46bc25   梁保满   优化 
1126
225a00b6   梁保满   飞书问题解决 
1127
 
          this.total = data.count;
e3b0e3e7   梁保满   季度时间格式调整 
1128
1129
 
          this.$nextTick(function () {
            this.$refs.main.scrollTop = 0;
0e46bc25   梁保满   优化 
1130
1131
1132
1133
1134
1135
 
            if (this.query.classId.length) {
              this.selectionTabIds = this.tableData.map((item) => {
                this.$refs.multipleTable.toggleRowSelection(item);
                return item.id;
              });
            }
e3b0e3e7   梁保满   季度时间格式调整 
1136
 
          });
23a6dc5f   阿宝   学校管理相关接口简单对接 
1137
1138
1139
 
        } else {
          this.$message.error(info);
        }
db11048f   阿宝   设备状态，学校管理 
1140
1141
1142
 
      },
    },
  };
4c4f7640   梁保满   路由表，路由前端文件 
1143
1144
 
  </script>
db11048f   阿宝   设备状态，学校管理 
1145
1146
 
  <style lang="scss" scoped>
  .page-content {
1365ef5e   梁保满   优化 
1147
1148
1149
 
    padding: 0 20px;
    height: 100%;
    overflow-y: auto;
db11048f   阿宝   设备状态，学校管理 
1150
1151
 
  }
  .tab-box {
e3b0e3e7   梁保满   季度时间格式调整 
1152
 
    padding: 20px 0 12px;
db11048f   阿宝   设备状态，学校管理 
1153
 
  }
ae0a304c   梁保满   学生管理-显示班级基站信息 
1154
 
  .down {
e5e4a3e6   梁保满   v1.3 
1155
 
    padding: 0 0 16px 20px;
ae0a304c   梁保满   学生管理-显示班级基站信息 
1156
 
  }
db11048f   阿宝   设备状态，学校管理 
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
 
  .content {
    background: #f8f8f8;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    overflow: hidden;
    :deep(.fa-edit) {
      width: 12px;
      height: 12px;
      &::before {
        margin-left: 2px;
      }
    }
    :deep(.fa-eye) {
      width: 12px;
      height: 12px;
      &::before {
        margin-left: 1px;
      }
    }
    .chart-box {
      display: flex;
      overflow: hidden;
      height: 240px;
      border-bottom: 0.5px solid #e2e2e2;
      .device-num {
        width: 280px;
        border-right: 0.5px solid #e2e2e2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .p1 {
          font-size: 28px;
        }
      }
      .chart {
        flex: 1;
        height: 100%;
      }
    }
    .table-box {
e5e4a3e6   梁保满   v1.3 
1198
 
      padding: 20px 20px 0;
db11048f   阿宝   设备状态，学校管理 
1199
1200
1201
1202
1203
1204
 
      .answer-header {
        padding: 0;
        margin-bottom: 12px;
      }
    }
  }
4c4f7640   梁保满   路由表，路由前端文件 
1205
 
  </style>