litian
2025-01-02 50c777f46144ca163ac6ab00a22b536f4ab33ffd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
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
469
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
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
<template>
  <div class="chapter" num="4">
    <!-- 27页 -->
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">27</li>
        </ul>
        <div class="bodystyle p-even">
          <h1 id="a007">
            <span class="h1-bj">项目三</span><span class="h1-bk">前传检查</span>
          </h1>
          <p><br /></p>
          <div class="bk">
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">项目导入</span><span class="span-box"></span>
            </p>
            <p class="fz-16">
              前传检查岗位是民航安检过程中的重要一环,对于保障机场安全运营和提高过检效率具有重要意义。前传员需要引导旅客正确摆放过检行李,维持过检秩序,处理突发状况,确保安检过程顺畅有序。掌握前传检查岗位的工作规范,熟练运用处置异常情况的方法,既能提高自身业务素质,也能有效保障机场安全。本项目将详细介绍前传检查岗位的含义、职责安排、工作流程以及特殊情况处置的内容。
            </p>
          </div>
          <div class="video-box-cover">
            <p class="center text">
              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频:前传岗位介绍(导入) </span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '3be8acd96beeba7bfb62cf26e46fb7dd'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <p class="left mb-20 mt-20"><span class="bj2">·项目导图·</span></p>
          <p class="left openImgBox">
            <img class="img-d" alt="" src="../../assets/images/0038-1.jpg" />
          </p>
          <h2 id="b006">任务一<br />了解岗位基础知识</h2>
          <p class="left mb-20 mt-20"><span class="bj2">·任务描述·</span></p>
          <p>
            最近,有旅客反映在A机场安检过程中,前传员的引导不够明确,未提醒旅客提前将电脑、雨伞等物品取出单独过检,因此旅客在后端开箱包岗位需要把电脑、雨伞取出并二次过检,导致安检秩序混乱,旅客等候时间过长。据了解,当天值班的前传员是刚到岗不久的新人小王。小王对前传检查岗位的工作内容和职责不太熟悉,未能有效进行引导和秩序维持。那么,作为一名前传员,具体的工作职责有哪些呢?
          </p>
        </div>
      </div>
    </div>
    <!-- 28页 -->
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">28</li>
          <li class="header-left-text">民航安全检查实务(第 2 版)</li>
        </ul>
        <div class="bodystyle p-odd">
          <p class="left mt-20 mb-20"><span class="bj2">·学习任务单·</span></p>
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
              <td class="ta-l">
                1.了解前传检查岗位;<br />2.掌握前传员的主要职责。
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w15">能力目标</td>
              <td class="ta-l">能够熟练掌握前传员的主要工作内容。</td>
            </tr>
            <tr class="table-th-bc">
              <td class="center">索养目标</td>
              <td class="ta-l">
                1.提高民航岗位服务意识;<br />2.提升旅客过检体验舒适度。
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">思政融入</td>
              <td class="ta-l" colspan="2">
                1.具备安全责任意识,提高民航工作责任感;<br />
                2.具备严守职业操守、守好空防第一道防线的意识。
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center">学习要点</td>
              <td class="ta-l" colspan="2">
                1.掌握前传检查岗位的定义;<br />
                2.了解前传检查岗位设立的目的;<br />
                3.明确前传员的主要职责。
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">学习设施设备</td>
              <td class="ta-l" colspan="2">多媒体教学设备。</td>
            </tr>
            <tr class="table-th-bc">
              <td class="center">学习时数</td>
              <td class="ta-l" colspan="2">
                建议学习时间为1学时,可以根据实际需要进行调整。
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">学习建议</td>
              <td class="ta-l" colspan="2">
                针对理论知识点进行导图式记忆:学习过程中认真解读案例,及时掌握处置问题的方法。
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w15">学习运用</td>
              <td class="ta-l" colspan="2">
                在学习完成后,能以小组为单位完整地展示整个前传检查岗位的基本工作流程。
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
          <p class="left mt-20 mb-20"><span class="bj2">·知识准备·</span></p>
          <h3 id="c013">一、前传检查岗位的概述</h3>
          <div class="img-rights w365 openImgBox">
            <p class="center">
              <img class="img-b" alt="" src="../../assets/images/0039-2.jpg" />
            </p>
            <p class="img">图3-1 前传检查岗位</p>
          </div>
          <span>
            <p>
              前传检查岗位是指在安全检查通道内,由专人对已经接受完验证检查的旅客进行引导,协助其将受检物品正确摆放在X射线安全检查仪的传送带上,并维持过检秩序、处理相关突发事件的岗位。(图3-1)
            </p>
            <p>
              前传检查岗位设立的目的:保证安全检查通道顺畅、秩序井然。前传员的主要工作是在安检通道内对已通过验证检查并进入安检区域的旅客进行引导。
            </p>
          </span>
        </div>
      </div>
    </div>
    <!-- 29页 -->
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">29</li>
        </ul>
        <div class="bodystyle p-even">
          <h3 id="c014">二、前传员的主要职责</h3>
          <p>
            (1)引导和协助旅客将待检的行李物品放置在X射线安全检查仪的传送带上。
          </p>
          <p>
            (2)提醒旅客提前从箱包内取出大件金属物品和需单独检查的物品单独过检,如雨伞、电脑、摄像机、充电宝等。
          </p>
          <p>
            (3)请旅客将随身携带的金属物品(小件物品)放在指定的托盘里,通过X射线安全检查仪进行检查,旅客要求手工检查的特殊物品除外。
          </p>
          <p>(4)引导旅客有序通过安全门。</p>
          <p>
            (5)根据验证检查员的示意,通知X射线安全检查仪的操作员和人身检查员需重点检查的对象。
          </p>
          <p>(6)协助验证检查员复查旅客登机牌,防止出现漏检现象。</p>
          <div class="video-box-cover">
            <p class="center text">
              <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频:前传岗位主要职责 </span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '1a8b239d665e109faeb1ad12e229a674'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.请根据前传员的工作职责,两人一组进行情境模拟训练。</p>
          <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>
            2.请旅客取出包内大件金属物品时,旅客表示不理解且不配合,你应该如何处理?
          </p>
          <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <h2 id="b007">任务二<br />遵守岗位规范及情况处置原则</h2>
          <p class="left mt-20 mb-20"><span class="bj2">·任务描述·</span></p>
          <p>
            某机场一名旅客带瓷器过检,前传员小王要求旅客将瓷器放置在托盘里过检,因放置方式不对,在过X射线安全检查仪时,被X射线安全检查仪的铅门帘一挡,瓷器就顺势倒下并碎裂了,旅客要求赔偿。那么,在本次事件中,前传员小王的处置方法有哪些问题呢?
          </p>
        </div>
      </div>
    </div>
    <!-- 30页 -->
    <div class="page-box" page="37">
      <div v-if="showPageList.indexOf(37) > -1">
        <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
          <li class="header-left-Number">30</li>
          <li class="header-left-text">民航安全检查实务(第 2 版)</li>
        </ul>
        <div class="bodystyle p-odd">
          <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-th-bc">
              <td class="center" rowspan="3">任务目标</td>
              <td class="center">知识目标</td>
              <td class="ta-l">了解前传检查岗位工作流程。</td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w15">能力目标</td>
              <td class="ta-l">
                能够熟练掌握前传检查岗位常见情况和特殊情况的处置方法。
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center">索养目标</td>
              <td class="ta-l">通过特殊情况处置,培养处置突发情况的能力。</td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">思政融入</td>
              <td class="ta-l" colspan="2">
                紧跟以“平安、绿色、智慧、人文”为核心的四型机场建设方向要求,在技术技能方面打好基石出,苦练基本功,筑牢安全生产底线。
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center">学习要点</td>
              <td class="ta-l" colspan="2">
                1.了解前传检查岗位工作流程;<br />
                2.掌握特殊情况的处置方法;
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">学习设施设备</td>
              <td class="ta-l" colspan="2">多媒体教学设备。</td>
            </tr>
            <tr class="table-th-bc">
              <td class="center">学习时数</td>
              <td class="ta-l" colspan="2">
                建议学习时间为1学时,可以根据实际需要进行调整。
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">学习建议</td>
              <td class="ta-l" colspan="2">
                分组模拟练习、演示前传检查岗位特殊情况处置;学习过程中发现问题及时解决问题。
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w15">学习运用</td>
              <td class="ta-l" colspan="2">
                在学习完成后,能完全掌握前传检查岗位工作流程,并熟练处理出现的特殊情况。
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
          <p class="left"><span class="bj2">·知识准备·</span></p>
          <h3 id="c015">一、岗位工作流程</h3>
          <p>前传检查岗位的工作流程如图3-2所示。</p>
          <p class="center openImgBox">
            <img class="img-f" alt="" src="../../assets/images/0041-2.jpg" />
          </p>
          <p class="img">图3-2 前传检查岗位工作流程</p>
        </div>
      </div>
    </div>
    <!-- 31页 -->
    <div class="page-box" page="38">
      <div v-if="showPageList.indexOf(38) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">31</li>
        </ul>
        <div class="bodystyle p-even">
          <h3 id="c016">二、特殊情况处置</h3>
          <p>
            (1)对精密仪器、瓷器等贵重易碎物品,要轻拿轻放,并通知X射线安全检查仪操作员注意接扶,防止将旅客物品损坏。
          </p>
          <p>
            (2)对不宜经过X射线安全检查仪检查的物品,通知开箱包检查员对其进行手工开箱包检查。
          </p>
          <p>
            (3)对怀孕的、带有心脏起搏器的、坐轮椅的或有重病等不宜通过金属探测门检查的旅客,前传员应提醒人身检查员进行手工人身检查。
          </p>
          <p>
            (4)前传检查岗位处于安检通道的中心位置,常需要将安检通道内各种情况通知其他岗位。因此,前传员应掌握暗语,准确传递信息。
          </p>
          <p>
            (5)前传员应根据机场流量、工作标准以及岗位的要求适时验放旅客,合理控制过检速度,保证安检通道的畅通。
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频:前传岗位特殊情况处理 </span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '94b00baff32320b0c5f06e94951c0d22'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.请描述前传检查岗位工作的基本流程。</p>
          <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>2.当旅客在前传检查岗位提出携带了易碎物品时,应如何处理?</p>
          <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>
            3.遇到不宜通过金属探测门检查的旅客,前传员应做什么?需要注意什么?
          </p>
          <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p class="fz-14 center" style="color: #8091bc">任务检测表</p>
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-title-bc">
              <td class="center">任务目标</td>
              <td class="center">分值</td>
              <td class="center">评分</td>
              <td class="center">备注</td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w15">岗位工作流程</td>
              <td class="center">20</td>
              <td class="center">
                <textarea v-model="tableData.teskTableTwo.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea v-model="tableData.teskTableTwo.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="center">特殊情况处置</td>
              <td class="center w15">50</td>
              <td class="center">
                <textarea v-model="tableData.teskTableTwo.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea v-model="tableData.teskTableTwo.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="center w25">岗位职责</td>
              <td class="center">30</td>
              <td class="center">
                <textarea v-model="tableData.teskTableTwo.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea v-model="tableData.teskTableTwo.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
  </div>
</template>
 
<script>
import preView from "@/components/pdfview/index.vue";
import { getResourcePath } from "@/assets/methods/resources";
import {
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
export default {
  name: "chapterThree",
  props: {
    showPageList: {
      type: Array,
    },
  },
  components: {
    preView,
  },
  data() {
    return {
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      collectResourceList: [],
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      chapterData: {
        isCollectVideo: false,
        isCollectVideo2: false,
        isCollectVideo3: false,
      },
      pdfDialogRef: "",
      somePdfTitleValue: "",
      p_md5: "",
      dialogVisible: false,
      questionData: {
        isComplete: false,
        checkOne: {
          value: [],
        },
        checkTwo: {
          value: [],
        },
        checkThree: {
          value: [],
        },
        checkFour: {
          value: [],
        },
        checkFive: {
          value: [],
        },
        teskOne: {
          one: "",
          two: "",
        },
        teskTwo: {
          one: "",
          two: "",
          three: "",
          four: "",
        },
      },
      tableData: {
        teskTableOne: {
          one: "",
        },
        teskTableTwo: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
        },
      },
      chapter003: {
        pdfMd5: {
          1: {
            md5: "23b0cd2e134a17df3673303d454ec776",
            name: "任务一 了解航空安全保卫的国际组织",
          },
          2: {
            md5: "79af409325c02b86f3589f5fc936afec",
            name: "任务二 学习有关航空安全保卫的国际公约",
          },
          3: {
            md5: "78aab60eadd44c12ca7e2559f3134ce1",
            name: "任务三 掌握《中国民用航空安全检查手册》相关知识",
          },
        },
      },
    };
  },
  async mounted() {
    const bookQuestion = localStorage.getItem("safety-book-chapter03");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
    const bookTableData = localStorage.getItem(
      "safety-book-chapter03-tableData"
    );
    if (bookTableData) {
      this.tableData = JSON.parse(bookTableData);
    }
 
    const choiceQuestion = localStorage.getItem("safety-book-chapter03-Data");
    if (choiceQuestion) {
      this.chapterData = JSON.parse(choiceQuestion);
    }
 
    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
    );
  },
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "3be8acd96beeba7bfb62cf26e46fb7dd"
      );
      this.videoPathTwo = await getResourcePath(
        "1a8b239d665e109faeb1ad12e229a674"
      );
      this.videoPathThree = await getResourcePath(
        "94b00baff32320b0c5f06e94951c0d22"
      );
    },
    handleCollect(e) {
      if (e == "video-01") {
        this.handleCollectResource(
          "3be8acd96beeba7bfb62cf26e46fb7dd",
          "3be8acd96beeba7bfb62cf26e46fb7dd",
          "",
          "视频",
          "bits",
          "视频:前传岗位介绍(导入)"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "1a8b239d665e109faeb1ad12e229a674",
          "1a8b239d665e109faeb1ad12e229a674",
          "",
          "视频",
          "bits",
          "视频:前传岗位主要职责"
        );
        this.chapterData.isCollectVideo2 = !this.chapterData.isCollectVideo2;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "94b00baff32320b0c5f06e94951c0d22",
          "94b00baff32320b0c5f06e94951c0d22",
          "",
          "视频",
          "bits",
          "视频:前传岗位特殊情况处理"
        );
        this.chapterData.isCollectVideo3 = !this.chapterData.isCollectVideo3;
      }
      this.handleChapterData();
    },
 
    //资源收藏事件
    // resourcePath  文件路径,
    // resourceType  文件类型
    // source        文件来源
    handleCollectResource(
      id,
      md5,
      resourcePath,
      resourceType,
      source,
      resourceName
    ) {
      let list = this.collectResourceList;
      if (list.findIndex((item) => item.id == id) > -1) {
        list = list.filter((item) => item.id != id);
      } else {
        list.push({
          id,
          md5,
          resourcePath,
          resourceType,
          source,
          resourceName,
        });
      }
      this.collectResourceList = list;
      setCollectResource(
        this.config.activeBook.bookId,
        this.collectResourceList
      );
    },
    handleChapterData() {
      localStorage.setItem(
        "safety-book-chapter03-Data",
        JSON.stringify(this.chapterData)
      );
    },
    setBookQuestion() {
      localStorage.setItem(
        "safety-book-chapter03",
        JSON.stringify(this.questionData)
      );
    },
    setBookTableData() {
      localStorage.setItem(
        "safety-book-chapter03-tableData",
        JSON.stringify(this.tableData)
      );
    },
    toUrl(val) {
      if (val) {
        this.p_md5 = this.chapter003.pdfMd5[val].md5;
        this.somePdfTitleValue = this.chapter003.pdfMd5[val].name;
        this.$refs.pdfDialogRef.openDialog();
      }
    },
  },
};
</script>
 
<style lang="less" scoped></style>