11

QYF-GitLab1

2024-12-27 9d4259cd8655094fa1bc7228513d951f47e3ccbc

11

 src/books/aviationSafety/assets/images/0049-01.jpg

 src/books/aviationSafety/assets/images/0049-02.jpg

 src/books/aviationSafety/assets/images/0050-01.jpg

 src/books/aviationSafety/assets/images/0050-02.jpg

 src/books/aviationSafety/assets/images/0051-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0052-01.jpg

 src/books/aviationSafety/assets/images/0052-02.jpg

 src/books/aviationSafety/assets/images/0052-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0053-01.jpg

 src/books/aviationSafety/assets/images/0053-02.jpg

 src/books/aviationSafety/assets/images/0053-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0054-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0056-2.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0057-01.jpg

 src/books/aviationSafety/assets/images/0057-02.jpg

 src/books/aviationSafety/assets/images/0057-03.jpg

 src/books/aviationSafety/assets/images/0057-04.jpg

 src/books/aviationSafety/assets/images/0057-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0058-01.jpg

 src/books/aviationSafety/assets/images/0058-02.jpg

 src/books/aviationSafety/assets/images/0058-03.jpg

 src/books/aviationSafety/assets/images/0058-04.jpg

 src/books/aviationSafety/assets/images/0058-05.jpg

 src/books/aviationSafety/assets/images/0058-06.jpg

 src/books/aviationSafety/assets/images/0061-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0061-2.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0062-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0062-2.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0064-01.jpg

 src/books/aviationSafety/assets/images/0064-02.jpg

 src/books/aviationSafety/assets/images/0068-1.jpg

Binary files differ

 src/books/aviationSafety/assets/images/0072-01.jpg

 src/books/aviationSafety/assets/images/0072-02.jpg

 src/books/aviationSafety/assets/images/0075-01.jpg

 src/books/aviationSafety/assets/images/0075-02.jpg

 src/books/aviationSafety/assets/images/0076-1.jpg

Binary files differ

 src/books/aviationSafety/assets/main.less

@@ -2,1740 +2,1768 @@
  width: 100%;
  height: 100%;

  // 视频  
  .video-box-cover {
    border: 1px dashed #895B2E;
    padding: 2% 2%;
  }

  .video-box {
    margin: 20px 0 20px 8%;
    border: 1px dashed #895B2E;
    padding: 2% 2%;
  }

  .video-box-left {
    margin: 20px 8% 20px 0;
    border: 1px dashed #895B2E;
    padding: 2% 2%;
  }

  .videoname {
    display: flex;
    justify-content: center;
  }

  .selectInput {
    width: 20px;
    outline: none;
    border: 0;
    text-align: center;
  }

  .collect-btn {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: 0.8%;
  }

  .collect-btn1 {
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    margin-top: 0.8%;
  }

  // 自定义内容
  .page-box {
    box-sizing: border-box;
    min-height: 1128px;
    margin-bottom: 20px;
    box-shadow: 0 3px 6px 1px #00000029;
    background-color: #fff;
      box-sizing: border-box;
      min-height: 1128px;
      margin-bottom: 20px;
      box-shadow: 0 3px 6px 1px #00000029;
      background-color: #fff;
  }

  .foreword {
    line-height: 10px !important;
    margin-top: 0;
      line-height: 10px !important;
      margin-top: 0;
  }

  .c-g {
    color: green;
      color: green;
  }

  .c-r {
    color: red;
      color: red;
  }

  .t-right {
    text-align: right;
      text-align: right;
  }

  .mr-0 {
    margin: 0 !important;
      margin: 0 !important;
  }

  .mr-9 {
    margin-right: 9%;
      margin-right: 9%;
  }

  .ml-9 {
    margin-left: 9%;
      margin-left: 9%;
  }

  .ml-2e {
    margin-left: 2em;
      margin-left: 2em;
  }

  .mt--25 {
    margin-top: -25px !important;
  .mt--25{
      margin-top: -25px !important;
  }

  .mt-10 {
    margin-top: 10px !important;
      margin-top: 10px !important;
  }

  .mt-20 {
    margin-top: 20px !important;
      margin-top: 20px !important;
  }

  .mt-30 {
    margin-top: 30px !important;
    ;
      margin-top: 30px !important;;
  }

  .mt-50 {
    margin-top: 50px !important;
      margin-top: 50px !important;
  }

  .mb-20 {
    margin-bottom: 20px !important;
      margin-bottom: 20px !important;
  }

  .mb-10 {
    margin-bottom: 10px;
      margin-bottom: 10px;
  }

  .pd-5 {
    padding: 0 5px;
      padding: 0 5px;
  }

  .w100 {
    width: 100%;
      width: 100%;
  }

  .w90 {
    width: 90%;
      width: 90%;
  }


  .w80 {
    width: 80%;
      width: 80%;
  }


  .b0 {
    border: 0;
      border: 0;
  }

  sup {
    vertical-align: super;
    /* 保持上标对齐方式 */
    font-size: smaller;
    // position: relative; /* 相对于正常位置调整 */  
    // top: -0.2em; /* 根据需要调整这个值 */ 
      vertical-align: super;
      /* 保持上标对齐方式 */
      font-size: smaller;
      // position: relative; /* 相对于正常位置调整 */  
      // top: -0.2em; /* 根据需要调整这个值 */ 
  }

  .fz-13 {
    font-size: 13px !important;
      font-size: 13px !important;
  }

  .fz-14 {
    font-size: 14px !important;
      font-size: 14px !important;
  }

  .fz-15 {
    font-size: 15px !important;
      font-size: 15px !important;
  }

  .fz-16 {
    font-size: 16px !important;
      font-size: 16px !important;
  }

  .fz-18 {
    font-size: 18px !important;
      font-size: 18px !important;
  }


  .img-0 {
    width: 100%;
      width: 100%;
  }

  .pt-20 {
    padding-top: 20px;
      padding-top: 20px;
  }

  .td-0 {
    text-indent: 0em !important;
      text-indent: 0em !important;
  }

  .td-1 {
    text-indent: 1em !important;
      text-indent: 1em !important;
  }

  .td-2 {
    text-indent: 2em !important;
      text-indent: 2em !important;
  }

  .fl {
    display: flex;
      display: flex;
  }

  .ju-cn {
    justify-content: center;
      justify-content: center;
  }

  .ju-ev {
    justify-content: space-evenly;
      justify-content: space-evenly;
  }

  .fd-c {
    flex-direction: column;
      flex-direction: column;
  }

  .fd-r {
    flex-direction: row-reverse;
      flex-direction: row-reverse;
  }

  .al-c {
    align-items: center;
      align-items: center;
  }

  .al-fe {
    align-items: flex-end;
      align-items: flex-end;
  }

  .ac-f {
    align-content: flex-end;
      align-content: flex-end;
  }

  .jc-fe {
    justify-content: flex-end;
      justify-content: flex-end;
  }

  .jc-c {
    justify-content: center;
      justify-content: center;
  }

  .jc-sa {
    justify-content: space-around
      justify-content: space-around
  }

  .mr-70 {
    margin-right: 70px;
      margin-right: 70px;
  }

  .mr-45 {
    margin-right: 45px;
      margin-right: 45px;
  }

  .mr-10 {
    margin-right: 10px;
      margin-right: 10px;
  }

  .mr-5 {
    margin-right: 5px;
      margin-right: 5px;
  }

  .ma-l {
    margin-left: 10%;
      margin-left: 10%;
  }

  .ta-l {
    text-align: left;
      text-align: left;
  }

  .wh-no {
    white-space: nowrap;
      white-space: nowrap;
  }

  .pad-t-55 {
    padding-top: 55px;
      padding-top: 55px;
  }

  .pad-l-60 {
    padding-left: 60px;
      padding-left: 60px;
  }

  .mb-45 {
    margin-bottom: 45px;
      margin-bottom: 45px;
  }

  .headerImg {
    width: 30px;
      width: 30px;
  }

  .headerText {
    font-size: 12px;
    padding: 0 8px;
    color: #B98C64;
      font-size: 12px;
      padding: 0 8px;
      color: #B98C64;
  }

  .headerNumber {
    color: #231F20;
    font-size: 12px;
    padding: 0 8px;
    border-left: 1px solid #231F20;
      color: #231F20;
      font-size: 12px;
      padding: 0 8px;
      border-left: 1px solid #231F20;
  }

  .header-left-Number {
    color: #231F20;
    font-size: 12px;
    padding-right: 8px;
    border-right: 1px solid #000;
      color: #231F20;
      font-size: 12px;
      padding-right: 8px;
      border-right: 1px solid #000;
  }

  .header-left-text {
    margin-left: 8px;
    font-size: 12px;
    color: #fff;
    background-color: #6D84AE;
      margin-left: 8px;
      font-size: 12px;
      color: #fff;
      background-color: #6D84AE;
  }

  .radioClass {
    margin: 0 0 0 4px !important;

  .radioClass{
      margin: 0 0 0 4px !important;
     
  }


  .task-u2-c {
    width: 16%;
    margin-bottom: 6em;
    margin-top: 0;
    border-top: 0.7em solid #F89C1C;
      width: 16%;
      margin-bottom: 6em;
      margin-top: 0;
      border-top: 0.7em solid #F89C1C;
  }

  .task-u3-c {
    width: 16%;
    margin-bottom: 6em;
    margin-top: 0;
    border-top: 0.7em solid #0A9CAC;
      width: 16%;
      margin-bottom: 6em;
      margin-top: 0;
      border-top: 0.7em solid #0A9CAC;
  }

  .task-u4-c {
    width: 16%;
    margin-bottom: 6em;
    margin-top: 0;
    border-top: 0.7em solid #92B03D;
      width: 16%;
      margin-bottom: 6em;
      margin-top: 0;
      border-top: 0.7em solid #92B03D;
  }

  .task-u5-c {
    width: 16%;
    margin-bottom: 6em;
    margin-top: 0;
    border-top: 0.7em solid #0180CD;
      width: 16%;
      margin-bottom: 6em;
      margin-top: 0;
      border-top: 0.7em solid #0180CD;
  }

  .p-odd {
    padding-right: 2%;
      padding-right: 2%;
  }

  .p-even {
    padding-left: 2%;
      padding-left: 2%;
  }

  .img-float-smaller {
    width: 200px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;
      width: 200px;
      float: left;
      height: auto;
      margin: auto;
      margin-right: 20px;
  }

  .img-float-medium {
    width: 250px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;
      width: 250px;
      float: left;
      height: auto;
      margin: auto;
      margin-right: 20px;
  }



  .img-float {
    width: 310px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;
      width: 310px;
      float: left;
      height: auto;
      margin: auto;
      margin-right: 20px;

    img {
      width: 100%;
    }
      img {
          width: 100%;
      }

    p {
      margin: 0;
    }
      p {
          margin: 0;
      }
  }


  .img-float-formula {
    width: 310px;
    float: left;
    height: auto;
    margin: auto;
    margin-right: 20px;
      width: 310px;
      float: left;
      height: auto;
      margin: auto;
      margin-right: 20px;

    p {
      margin: 0;
    }
      p {
          margin: 0;
      }
  }

  .img-rights {
    width: 47%;
    float: right;
    height: auto;
    margin: auto;
    margin-left: 20px;
      width: 47%;
      float: right;
      height: auto;
      margin: auto;
      margin-left: 20px;

    img {
      width: 100%;
    }
      img {
          width: 100%;
      }

    p {
      margin: 0 !important;
    }
      p {
          margin: 0 !important;
      }
  }

  .references {
    margin-top: 140px;
      margin-top: 140px;

    hr {
      font-weight: bold;
      margin-left: 0;
      width: 15%;
    }
      hr {
          font-weight: bold;
          margin-left: 0;
          width: 15%;
      }
  }

  .w430 {
    width: 430px;
      width: 430px;
  }

  .w395 {
    width: 395px;
      width: 395px;
  }

  .w365 {
    width: 365px;
      width: 365px;
  }


  .w300 {
    width: 300px;
      width: 300px;
  }

  .w290 {
    width: 290px;
      width: 290px;
  }

  .w280 {
    width: 280px;
      width: 280px;
  }

  .w270 {
    width: 270px;
      width: 270px;
  }

  .w260 {
    width: 260px;
      width: 260px;
  }

  .w250 {
    width: 250px;
      width: 250px;
  }

  .w230 {
    width: 230px;
      width: 230px;
  }

  .w220 {
    width: 220px;
      width: 220px;
  }

  .w210 {
    width: 210px;
      width: 210px;
  }

  .w200 {
    width: 200px;
      width: 200px;
  }

  .w190 {
    width: 190px;
      width: 190px;
  }

  .w180 {
    width: 180px;
      width: 180px;
  }

  .w170 {
    width: 170px;
      width: 170px;
  }

  .w160 {
    width: 160px;
      width: 160px;
  }

  .w150 {
    width: 150px;
      width: 150px;
  }

  .w135 {
    width: 135px;
      width: 135px;
  }

  .w115 {
    width: 115px;
      width: 115px;
  }


  .w40 {
    width: 40% !important;
      width: 40% !important;
  }

  .w25 {
    width: 25%;
      width: 25%;
  }

  .w20 {
    width: 20%;
      width: 20%;
  }

  .w15 {
    width: 15%;
      width: 15%;
  }

  .w10 {
    width: 10%;
      width: 10%;
  }


  .table-th-bc {
    background-color: #BCC7DE;
    line-height: 25px;
      background-color: #BCC7DE;
      line-height: 25px;
  }

  .table-tr-bc {
    background-color: #E7DFEC;
    line-height: 25px;
      background-color: #E7DFEC;
      line-height: 25px;

    p {
      text-indent: 0em;
      line-height: 20px;
    }
      p {
          text-indent: 0em;
          line-height: 20px;
      }
  }

  .table-title-bc {
    background-color: #8091BC;
    color: #fff;
    line-height: 25px;
      background-color: #8091BC;
      color:#fff;
      line-height: 25px;
  }

  .table-textarea {
    font-size: 14px;
    font-family: "Times New Roman", "宋体";
    resize: none;
      font-size: 14px;
      font-family: "Times New Roman", "宋体";
      resize: none;

    &:focus {
      outline: none;
    }
      &:focus {
          outline: none;
      }
  }

  .table-input-border {
    width: 90%;
    background-color: transparent;
    border: 0;
      width: 80%;
      background-color: transparent;
      border: 0;

    &:focus {
      outline: none;
    }
      &:focus {
          outline: none;
      }
  }

  .table-input-border-w20 {
      width: 20%;
      background-color: transparent;
      border: 0;

      &:focus {
          outline: none;
      }
  }

  .table-input-border-w15 {
      width: 15%;
      background-color: transparent;
      border: 0;

      &:focus {
          outline: none;
      }
  }
  
  .table-input-border-w10 {
      width: 10%;
      background-color: transparent;
      border: 0;

      &:focus {
          outline: none;
      }
  }

  .table-input-border-w5 {
      width: 5%;
      background-color: transparent;
      border: 0;

      &:focus {
          outline: none;
      }
  }

  .input-bottom-border {
    width: 11%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;

    &:focus {
      outline: none;
    }
      width: 11%;
      background-color: transparent;
      border: 0;
      border-bottom: 1px solid #000;
      &:focus {
          outline: none;
      }
  }

  .input-bottom-border1 {
    width: 33%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;

    &:focus {
      outline: none;
    }
      width: 33%;
      background-color: transparent;
      border: 0;
      border-bottom: 1px solid #000;
      &:focus {
          outline: none;
      }
  }


  
  .input-bottom-border2 {
    width: 21.5%;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;
      width: 21.5%;
      background-color: transparent;
      border: 0;
      border-bottom: 1px solid #000;

    &:focus {
      outline: none;
    }
      &:focus {
          outline: none;
      }
  }
  // 视频  
  .video-box-cover {
      border: 1px dashed #895B2E;
      padding: 2% 2%;
  }

  .video-box {
      margin: 20px 0 20px 8%;
      border: 1px dashed #895B2E;
      padding: 2% 2%;
  }

  .video-box-left {
      margin: 20px 8% 20px 0;
      border: 1px dashed #895B2E;
      padding: 2% 2%;
  }

  .videoname {
      display: flex;
      justify-content: center;
  }

  .collect-btn {
      cursor: pointer;
      width: 20px;
      height: 20px;
      margin-left: 10px;
      margin-top: 0.8%;
  }

  .collect-btn1 {
      cursor: pointer;
      width: 10px;
      height: 10px;
      margin-left: 10px;
      margin-top: 0.8%;
  }

  // 续表
  .continued {
    text-align: right;
    margin: 0%;
      text-align: right;
      margin: 0%;
  }


  .text-rights {
    width: 230px;
    float: right;
    height: auto;
    margin: auto;
    margin-left: 20px;
      width: 230px;
      float: right;
      height: auto;
      margin: auto;
      margin-left: 20px;

    img {
      width: 100%;
    }
      img {
          width: 100%;
      }

    p {
      margin: 0 !important;
    }
      p {
          margin: 0 !important;
      }
  }



  .pdf-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

    p {
      margin: 0;
      margin-right: 10px;
    }

    .pdf-con {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 10px 0;
      box-sizing: border-box;
      border-radius: 10px;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;

      .pdf-view {
        min-width: 160px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0.15em dashed #FAAD70;
        margin-right: 15px;
        padding: 0 15px;
        border-radius: 5px;

        span {
          font-size: 14px;
          text-align: center;
          font-family: 'FZLTXIHJW';
          display: flex;
          align-items: center;
          justify-content: flex-start;

          svg {
            fill: #FAAD70;
          }
        }

        span:nth-child(2) {
          padding-top: 5px;
          box-sizing: border-box;
        }

        span:hover {
          color: #FAAD70;
          cursor: pointer;
          text-decoration: underline;
          -webkit-user-select: none;
          /* Safari 3.1+ */
          -moz-user-select: none;
          /* Firefox 2+ */
          -ms-user-select: none;
          /* IE 10+ */
          user-select: none;
          /* 标准语法 */
        }
      p {
          margin: 0;
          margin-right: 10px;
      }
    }

    .pdf-con-15 {
      margin-top: -20px;
    }
      .pdf-con {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding: 10px 0;
          box-sizing: border-box;
          border-radius: 10px;

          .pdf-view {
              min-width: 160px;
              display: flex;
              justify-content: center;
              align-items: center;
              border: 0.15em dashed #FAAD70;
              margin-right: 15px;
              padding: 0 15px;
              border-radius: 5px;

              span {
                  font-size: 14px;
                  text-align: center;
                  font-family: 'FZLTXIHJW';
                  display: flex;
                  align-items: center;
                  justify-content: flex-start;

                  svg {
                      fill: #FAAD70;
                  }
              }

              span:nth-child(2) {
                  padding-top: 5px;
                  box-sizing: border-box;
              }

              span:hover {
                  color: #FAAD70;
                  cursor: pointer;
                  text-decoration: underline;
                  -webkit-user-select: none;
                  /* Safari 3.1+ */
                  -moz-user-select: none;
                  /* Firefox 2+ */
                  -ms-user-select: none;
                  /* IE 10+ */
                  user-select: none;
                  /* 标准语法 */
              }
          }
      }

      .pdf-con-15 {
          margin-top: -20px;
      }
  }

  div.bk-ztgs {
    border: 0.15em dotted #5192c6;
    padding: 1.5em 0.5em;
    margin-bottom: 2em;
    margin-top: 2em;
    border-radius: 1em;
    position: relative;
      border: 0.15em dotted #5192c6;
      padding: 1.5em 0.5em;
      margin-bottom: 2em;
      margin-top: 2em;
      border-radius: 1em;
      position: relative;
  }

  p.bj1-ztgs {
    background-color: #5192c6;
    color: #ffffff;
    display: inline-block;
    font-size: 1em;
    padding: 0.1em 0.7em 0.12em 0.7em;
    font-weight: bold;
    border-radius: 0em;
    margin-left: 0em;
    text-align: center;
    text-indent: 0em;
    position: absolute;
    top: -1.2em;
      background-color: #5192c6;
      color: #ffffff;
      display: inline-block;
      font-size: 1em;
      padding: 0.1em 0.7em 0.12em 0.7em;
      font-weight: bold;
      border-radius: 0em;
      margin-left: 0em;
      text-align: center;
      text-indent: 0em;
      position: absolute;
      top: -1.2em;
  }


  .link-float {
    width: 120px;
    float: left;
    height: auto;
    margin: auto;
    margin-top: 12px;
    margin-right: 20px;
      width: 120px;
      float: left;
      height: auto;
      margin: auto;
      margin-top: 12px;
      margin-right: 20px;
  }

  .imgBox-003 {
    width: 100%;
    height: 280px;
    margin-bottom: 18px;
      width: 100%;
      height: 280px;
      margin-bottom: 18px;
  }

  .imgBox {
    display: flex !important;
    flex-direction: column-reverse !important;
    position: relative !important;

    .img {
      margin: 0 !important;
      font-size: 16px !important;
      position: absolute !important;
      left: 50% !important;
      transform: translateX(-50%);
      bottom: -2% !important;
    }

    img {
      height: 80%;
    }
      display: flex !important;
      flex-direction: column-reverse !important;
      position: relative !important;
  
      .img {
          margin: 0 !important;
          font-size: 14px !important;
          position: absolute !important;
          left: 50% !important;
          transform: translateX(-50%);
          bottom: -2% !important;
      }
  
      img {
          height: 80%;
      }
  }

  // 题目
  .textarea-box {
    background-color: transparent;
    max-width: 100%;
    min-width: 100%;
    outline: none;
      background-color: transparent;
      max-width: 100%;
      min-width: 100%;
      outline: none;
  }

  .textarea-box-left {
    background-color: transparent;
    margin-left: 15%;
    max-width: 84%;
    min-width: 84%;
    outline: none;
      background-color: transparent;
      margin-left: 15%;
      max-width: 84%;
      min-width: 84%;
      outline: none;
  }

  .textarea-box-right {
    background-color: transparent;
    margin-left: 2em;
    margin-right: 9%;
    max-width: 95%;
    min-width: 95%;
    outline: none;
      background-color: transparent;
      margin-left: 2em;
      margin-right: 9%;
      max-width: 95%;
      min-width: 95%;
      outline: none;
  }

  .textarea-focused {
    border-color: #5192c6 !important;
    box-shadow: #5192c6 !important;
      border-color: #5192c6 !important;
      box-shadow: #5192c6 !important;
  }

  .select-border {
    width: 60px;
    border: 0;
    border-bottom: 1px solid #767676;
      width: 60px;
      border: 0;
      border-bottom: 1px solid #767676;

    &:focus {
      outline: none;
    }
      &:focus {
          outline: none;
      }
  }

  .btn-border {
    border-radius: 6px;
    border-color: #5192C6;
      border-radius: 6px;
      border-color: #5192C6;
  }

  .btn-w {
    cursor: pointer;
    font-size: 14px;
    border-width: 1px;
    width: 80px;
    height: 30px;
    background-color: #fff;
      cursor: pointer;
      font-size: 14px;
      border-width: 1px;
      width: 80px;
      height: 30px;
      background-color: #fff;

    &:hover {
      background-color: #5192C6;
      color: #fff;
    }
      &:hover {
          background-color: #5192C6;
          color: #fff;
      }
  }

  .parimary-btn {
    cursor: pointer;
    min-width: 80px;
    height: 30px;
    font-size: 14px;
    margin-left: 5px;
    background-color: #5192C6;
    border-color: #5192C6;
    border-width: 1px;
    color: #fff;
    border-radius: 6px;
      cursor: pointer;
      min-width: 80px;
      height: 30px;
      font-size: 14px;
      margin-left: 5px;
      background-color: #5192C6;
      border-color: #5192C6;
      border-width: 1px;
      color: #fff;
      border-radius: 6px;

    &:hover {
      background-color: #a1afc8;
      border-color: #a1afc8;
    }
      &:hover {
          background-color: #a1afc8;
          border-color: #a1afc8;
      }
  }

  .event-header-text-bc {
    background-color: #bbd4ec;
      background-color: #bbd4ec;
  }

  // 迁移
  .bk-bwh {
    min-height: 800px;
    font-size: 1.2em;
    padding: 25px;
      min-height: 800px;
      font-size: 1.2em;
      padding: 25px;
  }

  ul {
    list-style-type: none;
      list-style-type: none;
  }

  li {
    list-style-type: none;
      list-style-type: none;
  }

  .custom_tag2 {
    background-color: #F1BE49;
    color: #FFFFFF;
    display: inline-block;
    padding: 0.5px;
    border-radius: 1.5em;
    font-size: 1.1em;
    padding: 2px 10px 2px 10px;
    font-weight: bold;
    margin: 0;
    text-indent: 0em;
    margin-bottom: 0.5em;
      background-color: #F1BE49;
      color: #FFFFFF;
      display: inline-block;
      padding: 0.5px;
      border-radius: 1.5em;
      font-size: 1.1em;
      padding: 2px 10px 2px 10px;
      font-weight: bold;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
  }

  .custom_tag1 {
    background-color: #35ACD6;
    color: #FFFFFF;
    display: inline-block;
    padding: 1px;
    font-size: 1.1em;
    padding: 3px 10px 3px 10px;
    font-weight: bold;
    box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
    margin: 0;
    text-indent: 0em;
    margin-bottom: 0.5em;
      background-color: #35ACD6;
      color: #FFFFFF;
      display: inline-block;
      padding: 1px;
      font-size: 1.1em;
      padding: 3px 10px 3px 10px;
      font-weight: bold;
      box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
  }

  .custom_tag {
    background-color: #35509F;
    color: #FFFFFF;
    display: inline-block;
    padding: 1px;
    border-radius: 1.5em;
    font-size: 1.1em;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    box-shadow: 30px 0px 0px 0px #F5D83E;
    margin: 0;
    text-indent: 0em;
    margin-bottom: 0.5em;
      background-color: #35509F;
      color: #FFFFFF;
      display: inline-block;
      padding: 1px;
      border-radius: 1.5em;
      font-size: 1.1em;
      padding: 10px 20px 10px 20px;
      font-weight: bold;
      box-shadow: 30px 0px 0px 0px #F5D83E;
      margin: 0;
      text-indent: 0em;
      margin-bottom: 0.5em;
  }


  span.under1 {
    border-bottom: 2px solid #F0BD4A;
    border-width: 2px;
      border-bottom: 2px solid #F0BD4A;
      border-width: 2px;

  }

  div.bodycontent-div-center {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    margin: 1em 1em 1em 1em;
    font-weight: normal;
    border-width: 1.5px;
    border-color: #dfb27d;
    padding: 1em;
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
  }

  img.bodycontent-divcenter-image {
    float: center;
    clear: both;
    height: 140px;
    margin: 15px;
      float: center;
      clear: both;
      height: 140px;
      margin: 15px;
  }

  .module_block {
    display: flex;
    font-size: 1.1em;
    position: relative;
    padding-left: 90px;
    justify-content: center;
    align-items: center;
    margin-right: 91px;
      display: flex;
      font-size: 1.1em;
      position: relative;
      padding-left: 90px;
      justify-content: center;
      align-items: center;
      margin-right: 91px;
  }

  .module_block .custom1 {
    background-color: #9ACC77;
    padding: 10px 20px;
    color: #FFFFFF;
    /* position: absolute; */
    /* left:0; */
    /* top: 50%; */
    border-radius: 0.5em 0em 0em 0.5em;
    /* transform: translateY(-50%); */
      background-color: #9ACC77;
      padding: 10px 20px;
      color: #FFFFFF;
      /* position: absolute; */
      /* left:0; */
      /* top: 50%; */
      border-radius: 0.5em 0em 0em 0.5em;
      /* transform: translateY(-50%); */
  }

  .module_block .custom2 {
    background-color: #E9F3E0;
    padding: 10px 20px;
    color: #75A64E;
    font-weight: bold;
    border-radius: 0em 0.5em 0.5em 0em;
      background-color: #E9F3E0;
      padding: 10px 20px;
      color: #75A64E;
      font-weight: bold;
      border-radius: 0em 0.5em 0.5em 0em;
  }



  div.bodycontent-div-left1 {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    margin: 1em 1em 1em 1em;
    font-weight: normal;
    border-width: 1.5px;
    border-color: #dfb27d;
    padding: 1em;
    background-color: #F0F8FF;
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
      background-color: #F0F8FF;
  }

  div.bodycontent-div-left {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    margin: 1em 1em 1em 1em;
    font-weight: normal;
    border-width: 1.5px;
    border-color: #dfb27d;
    padding: 1em;
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      margin: 1em 1em 1em 1em;
      font-weight: normal;
      border-width: 1.5px;
      border-color: #dfb27d;
      padding: 1em;
  }

  img.bodycontent-divright-image {
    float: right;
    clear: both;
    height: 140px;
    margin: 15px;
      float: right;
      clear: both;
      height: 140px;
      margin: 15px;
  }

  img.bodycontent-divleft-image {
    float: left;
    clear: both;
    height: 110px;
    margin: 15px;
      float: left;
      clear: both;
      height: 110px;
      margin: 15px;
  }


  div.bodystyle {
    font-family: 'FZLTXIHJW';
    text-align: justify;
    margin: 0 9%;
    padding-bottom: 80px;
    line-height: 30px;
      font-family: 'FZLTXIHJW';
      text-align: justify;
      margin: 0 9%;
      padding-bottom: 80px;
      line-height: 30px;
  }

  span.zt-0 {
    color: #0087AF;
      color: #0087AF;
  }

  p.pzt-0 {
    color: #0087AF;
    font-size: 18px;
      color: #0087AF;
      font-size: 18px;
  }

  p.pzt-0-right {
    font-size: 18px;
    color: #0087AF;
    text-align: right;
      font-size: 18px;
      color: #0087AF;
      text-align: right;
  }

  p.pzt-1 {
    font-weight: bold;
    color: #0087AF;
    font-size: 18px;
      font-weight: bold;
      color: #0087AF;
      font-size: 18px;
  }

  div.sgc-toc-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
      font-size: 2em;
      font-weight: bold;
      margin-bottom: 1em;
      text-align: center;
  }

  div.sgc-toc-level-1 {
    margin-left: 0em;
      margin-left: 0em;
  }

  div.sgc-toc-level-2 {
    margin-left: 2em;
      margin-left: 2em;
  }

  div.sgc-toc-level-3 {
    margin-left: 2em;
      margin-left: 2em;
  }

  div.sgc-toc-level-4 {
    margin-left: 2em;
      margin-left: 2em;
  }

  div.sgc-toc-level-5 {
    margin-left: 2em;
      margin-left: 2em;
  }

  div.sgc-toc-level-6 {
    margin-left: 2em;
      margin-left: 2em;
  }

  .imz {
    height: 96%;
    text-align: center;
      height: 96%;
      text-align: center;


  }

  .note {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
      margin: 0;
      font-size: 14px;
      line-height: 22px;
  }

  .block {
    font-family: "kaiti";
    margin-top: 0.2em;
    margin-bottom: 0.2em !important;
    text-indent: 2em;
    line-height: 30px;
    font-size: 14px;
    text-align: justify;
      font-family: "kaiti";
      margin-top: 0.2em;
      margin-bottom: 0.2em !important;
      text-indent: 2em;
      line-height: 30px;
      font-size: 14px;
      text-align: justify;
  }

  .block1 {
    text-align: center;
      text-align: center;
  }

  .block2 {
    font-family: "FANGSONG";
    font-size: 17px;
      font-family: "FANGSONG";
      font-size: 17px;
  }

  .img {
    font-family: 'FZLTXIHJW';
    text-align: center;
    font-size: 12px;
    margin-left: 0%;
    margin-right: 0%;
    text-indent: 0em;
      font-family: 'FZLTXIHJW';
      text-align: center;
      font-size: 12px;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
  }

  .img1 {
    font-family: 'FZLTXIHJW';
    text-align: right;
    font-size: 0.85em;
    margin-left: 0%;
    margin-right: 2em;
    text-indent: 0em;
      font-family: 'FZLTXIHJW';
      text-align: right;
      font-size: 0.85em;
      margin-left: 0%;
      margin-right: 2em;
      text-indent: 0em;
  }


  p {
    font-family: "BOYA";
    margin-top: 0.2em;
    margin-bottom: 0.2em !important;
    text-indent: 2em;
    line-height: 30px;
    text-align: justify;
      font-family: "BOYA";
      margin-top: 0.2em;
      margin-bottom: 0.2em !important;
      text-indent: 2em;
      line-height: 30px;
      text-align: justify;
  }

  .cover {
    width: 100%;
    padding: 0px;
      width: 100%;
      padding: 0px;
  }

  .center {
    text-align: center;
    margin-left: 0%;
    margin-right: 0%;
    text-indent: 0em;
      text-align: center;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
  }

  .center-ss {
    text-align: center;
    color: #EF8472;
    font-weight: bold;
    margin-left: 0%;
    margin-right: 0%;
    text-indent: 0em;
      text-align: center;
      color: #EF8472;
      font-weight: bold;
      margin-left: 0%;
      margin-right: 0%;
      text-indent: 0em;
  }

  .left {
    text-indent: 0em;
    line-height: 20px;
    margin-top: 20px;
      text-indent: 0em;
      line-height: 20px;
      margin-top: 20px;
  }

  .left3 {
    margin: 20 0 0 0 !important;
    line-height: 20px;
      margin: 20 0 0 0 !important;
      line-height: 20px;
  }

  .left2 {
    font-size: 1.3em;
    text-indent: 0em;
    font-weight: bold;
    margin-left: 0%;
    margin-right: 0%;
      font-size: 1.3em;
      text-indent: 0em;
      font-weight: bold;
      margin-left: 0%;
      margin-right: 0%;
  }

  .right {
    text-align: right;
    margin-left: 0%;
    margin-right: 0%;
      text-align: right;
      margin-left: 0%;
      margin-right: 0%;
  }

  .left1 {
    text-indent: 0em;
    margin-left: 0%;
    margin-right: 0%;
      text-indent: 0em;
      margin-left: 0%;
      margin-right: 0%;
  }

  .center1 {
    text-align: center;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 1.2em;
    text-indent: 0em;
    font-weight: bold;
      text-align: center;
      margin-left: 0%;
      margin-right: 0%;
      font-size: 1.2em;
      text-indent: 0em;
      font-weight: bold;
  }

  .right1 {
    text-align: right;
    margin-left: 0%;
    margin-right: 0%;
      text-align: right;
      margin-left: 0%;
      margin-right: 0%;
  }

  .quote {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1em;
    margin-right: 1em;
    text-align: justify;
    font-family: "cnepub", serif;
      margin-top: 0%;
      margin-bottom: 0%;
      margin-left: 1em;
      margin-right: 1em;
      text-align: justify;
      font-family: "cnepub", serif;
  }

  h1 {
    color: #6E85AF;
    font-family: 'FZLTZHJW';
    font-weight: 100;
    line-height: 2em;
    font-size: 2.4em;
    margin-bottom: 1px !important;
    margin-top: 1em;
      color: #6E85AF;
      font-family: 'FZLTZHJW';
      font-weight: 100;
      line-height: 2em;
      font-size: 2.4em;
      margin-bottom: 1px !important;
      margin-top: 1em;
  }


  .h1-bj {
    font-family: 'ZHUNYUAN';
    font-weight: 100;
    color: #FFFFFF;
    background-color: #6E85AF;
    padding: 0.3em 0.5em 0.3em 0.5em;
    margin-left: -0.2em;
      font-family: 'ZHUNYUAN';
      font-weight: 100;
      color: #FFFFFF;
      background-color: #6E85AF;
      padding: 0.3em 0.5em 0.3em 0.5em;
      margin-left: -0.2em;
  }

  .h1-bk {
    font-family: 'FANGZHENG';
    box-shadow: inset 0em 0.1em 0em 0em #C3C2C0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    padding: 0.1em 0.8em 0.1em 0.5em;
    font-weight: bold;
    color: #000000;
    margin-bottom: 1em;
    margin-top: 1em;
      font-family: 'FANGZHENG';
      box-shadow: inset 0em 0.1em 0em 0em #C3C2C0;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: none;
      padding: 0.1em 0.8em 0.1em 0.5em;
      font-weight: bold;
      color: #000000;
      margin-bottom: 1em;
      margin-top: 1em;
  }

  h1.jz {
    text-align: center;
    text-indent: 0em;
      text-align: center;
      text-indent: 0em;
  }

  .front {
    font-family: 'FZLTZHJW';
    font-weight: 400;
    font-size: 1.6em;
    color: #6D84AE;
    margin-top: 1.5em;
    margin-bottom: 3em;
    text-indent: 0em;
    text-align: center;
    line-height: 40px;
      font-family: 'FZLTZHJW';
      font-weight: 400;
      font-size: 1.6em;
      color: #6D84AE;
      margin-top: 1.5em;
      margin-bottom: 3em;
      text-indent: 0em;
      text-align: center;
      line-height: 40px;
  }


  h2 {
    font-family: 'FZHTJW';
    color: #6E85AF;
    font-weight: bold;
    font-size: 1.6em;
    margin-bottom: 1em;
    margin-top: 2em;
    border-bottom: 0.3em solid #6E85AF;
    margin-bottom: 2em;
    text-indent: 0em;
    display: inline-block;
      font-family: 'FZHTJW';
      color: #6E85AF;
      font-weight: bold;
      font-size: 1.6em;
      margin-bottom: 1em;
      margin-top: 2em;
      border-bottom: 0.3em solid #6E85AF;
      margin-bottom: 2em;
      text-indent: 0em;
      display: inline-block;
  }

  h3 {
    font-family: 'FZHTJW';
    color: #6E85AF;
    font-weight: 100;
    font-size: 1.3em;
    margin-bottom: 1em;
    margin-top: 1em;
    text-indent: 0em;
      font-family: 'FZHTJW';
      color: #6E85AF;
      font-weight: 100;
      font-size: 1.3em;
      margin-bottom: 1em;
      margin-top: 1em;
      text-indent: 0em;
  }

  h4 {
    font-family: 'FZHTJW';
    font-weight: 500;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-size: 1.1em;
    text-indent: 2em;
      font-family: 'FZHTJW';
      font-weight: 500;
      margin-bottom: 0.5em;
      margin-top: 1em;
      font-size: 1.1em;
      text-indent: 2em;
  }

  .unit2-c {
    color: #F89C1C !important;
      color: #F89C1C !important;
  }

  .unit3-c {
    color: #0A9CAC !important;
      color: #0A9CAC !important;
  }

  .unit4-c {
    color: #92B03D !important;
      color: #92B03D !important;
  }

  .unit5-c {
    color: #0180CD !important;
      color: #0180CD !important;
  }

  h5 {
    font-family: 'FZHTJW';
    color: #65C097;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-size: 1.15em;
    text-indent: 2em;
      font-family: 'FZHTJW';
      color: #65C097;
      margin-bottom: 0.5em;
      margin-top: 1em;
      font-size: 1.15em;
      text-indent: 2em;
  }

  .zt-h6 {
    font-family: 'FZHTJW';
    color: #65C097;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-size: 1.15em;
    text-indent: 2em;
      font-family: 'FZHTJW';
      color: #65C097;
      margin-bottom: 0.5em;
      margin-top: 1em;
      font-size: 1.15em;
      text-indent: 2em;
  }

  .bb {
    font-family: "cnepub", serif;
    font-family: 'FZHTJW';
    color: #66CCCC;
    font-size: 1.1em;
    margin-top: 10px;
    text-indent: 2em;
    margin-bottom: 10px;
    border-bottom: 5px dotted #F4C388;
    margin-left: 2em;
    margin-bottom: 0.5em;
    text-indent: 0em;
      font-family: "cnepub", serif;
      font-family: 'FZHTJW';
      color: #66CCCC;
      font-size: 1.1em;
      margin-top: 10px;
      text-indent: 2em;
      margin-bottom: 10px;
      border-bottom: 5px dotted #F4C388;
      margin-left: 2em;
      margin-bottom: 0.5em;
      text-indent: 0em;
  }

  .u {
    text-decoration: underline;
      text-decoration: underline;
  }

  .u {

    text-decoration: underline;
      text-decoration: underline;
  }

  .img-0 {
    width: 100%;
      width: 100%;
  }

  .img-a {
    width: 95%;
      width: 96%;
  }

  .img-b {
    width: 70%;
      width: 70%;
  }

  .img-c {
    width: 60%;
      width: 60%;
  }

  .img-d {
    width: 50%;
      width: 50%;
  }

  .img-e {
    width: 45%;
      width: 45%;
  }

  .img-f {
    width: 40%;
      width: 40%;
  }

  .img-g {
    width: 30%;
      width: 30%;
  }

  .img-h {
    width: 20%;
      width: 20%;
  }

  .img-i {
    width: 10%;
      width: 10%;
  }

  .img-j {
    width: 5%;
      width: 5%;
  }

  .img-zt {
    height: 6em;
    margin-top: -1.5em;
    margin-bottom: -0.4em;
    margin-left: 15%;
      height: 6em;
      margin-top: -1.5em;
      margin-bottom: -0.4em;
      margin-left: 15%;
  }

  .inline {
    height: 1em;
    margin-bottom: -0.3em;
      height: 1em;
      margin-bottom: -0.3em;
  }

  .inline1 {
    height: 2.5em;
    margin-top: 0.5em;
    margin-bottom: -0.5em;
      height: 2.5em;
      margin-top: 0.5em;
      margin-bottom: -0.5em;
  }

  .inline2 {
    height: 1.5em;
    margin-top: 0.5em;
    margin-bottom: -0.5em;
      height: 1.5em;
      margin-top: 0.5em;
      margin-bottom: -0.5em;
  }

  .inline4 {
    height: 2em;
    margin-left: -2em;
    margin-right: 0.5em;
    margin-bottom: -0.6em;
      height: 2em;
      margin-left: -2em;
      margin-right: 0.5em;
      margin-bottom: -0.6em;
  }

  .img-qj {
    height: 7.5em;
    margin-bottom: -3.4em;
    margin-right: 0.5em;
      height: 7.5em;
      margin-bottom: -3.4em;
      margin-right: 0.5em;
  }

  .zt-ls1 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
      color: #000;
      font-size: 16px;
      font-weight: bold;
  }

  span.lsyq-1 {
    background-color: #6D84AE;
    padding: 0.2em 0.4em 0.2em 0.4em;
    border-radius: 1.5em;
    margin-right: 0.5em;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.5em;
      background-color: #6D84AE;
      padding: 0.2em 0.4em 0.2em 0.4em;
      border-radius: 1.5em;
      margin-right: 0.5em;
      color: #FFFFFF;
      font-weight: bold;
      font-size: 1.5em;
  }

  span.hsyq-1 {
    background-color: #FFB7D4;
    padding: 0.2em 0.4em 0.2em 0.4em;
    border-radius: 1.5em;
    margin-right: 0.5em;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.5em;
      background-color: #FFB7D4;
      padding: 0.2em 0.4em 0.2em 0.4em;
      border-radius: 1.5em;
      margin-right: 0.5em;
      color: #FFFFFF;
      font-weight: bold;
      font-size: 1.5em;

  }

  .zt-hs1 {
    font-weight: 500;
    color: #000;
    font-size: 1em;
      font-weight: 500;
      color: #000;
      font-size: 1em;
  }

  .h2-zt1 {
    padding: 5px 25px 5px 25px;
    border-radius: 10px 0px 0px 10px;
    background-color: #5392C7;
    font-size: 1.2em;
    color: #FFFFFF;
      padding: 5px 25px 5px 25px;
      border-radius: 10px 0px 0px 10px;
      background-color: #5392C7;
      font-size: 1.2em;
      color: #FFFFFF;
  }

  .h2-zt2 {
    padding: 10px;
    background-color: #B1DDE0;
    margin-right: 2em;
    color: #FFFFFF;
    padding: 5px 50px 5px 25px;
    border-radius: 0px 5px 80px 0px;
    font-size: 1.2em;
      padding: 10px;
      background-color: #B1DDE0;
      margin-right: 2em;
      color: #FFFFFF;
      padding: 5px 50px 5px 25px;
      border-radius: 0px 5px 80px 0px;
      font-size: 1.2em;
  }

  .bk {
    border: 0.15em dotted #FAAD70;
    padding: 1em;
    margin-bottom: 2em;
    margin-top: 0.5em;
    border-radius: 0em;
    position: relative;
      border: 0.15em dotted #FAAD70;
      padding: 1em;
      margin-bottom: 2em;
      margin-top: 0.5em;
      border-radius: 0em;
      position: relative;

    p {
      font-family: ZHONGDENGXIAN;
    }
      p {
          font-family: ZHONGDENGXIAN;
      }

    span {
      font-family: ZHUNYUAN;
    }
      span {
          font-family: ZHUNYUAN;
      }
  }

  p.bj1-qjms {
    background-color: #fff;
    color: #FAAD70;
    font-weight: bold;
    border-radius: 1.5em;
    margin-left: 0em;
    text-align: center;
    text-indent: 0em;
    position: absolute;
    top: -19px;
      background-color: #fff;
      color: #FAAD70;
      font-weight: bold;
      border-radius: 1.5em;
      margin-left: 0em;
      text-align: center;
      text-indent: 0em;
      position: absolute;
      top: -19px;
  }

  .span-box {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #FAAD70;
      display: inline-block;
      width: 8px;
      height: 8px;
      background-color: #FAAD70;
  }

  .span-text {
    font-size: 16px;
    font-weight: 100;
    padding: 0em 0.15em 0em 0.3em;
      font-size: 16px;
      font-weight: 100;
      padding: 0em 0.15em 0em 0.3em;
  }


  .bk1 {
    border: 0.15em dotted #F89C1C;
    padding: 0.5em;
    margin-bottom: 2em;
    margin-top: 0.5em;
    border-radius: 1em;
    position: relative;
      border: 0.15em dotted #F89C1C;
      padding: 0.5em;
      margin-bottom: 2em;
      margin-top: 0.5em;
      border-radius: 1em;
      position: relative;
  }

  .bj {
    background-color: #E1E7F3;
    padding: 0.2em 0.8em 0.2em 0.8em;
      background-color: #E1E7F3;
      padding: 0.2em 0.8em 0.2em 0.8em;
  }

  .bj2 {
    background-color: #6D84AE;
    padding: 0.2em 0.3em 0.2em 0.3em;
    font-weight: bold;
    border-radius: 0.5em;
    color: #FFFFFF;
      background-color: #6D84AE;
      padding: 0.2em 0.3em 0.2em 0.3em;
      font-weight: bold;
      border-radius: 0.5em;
      color: #FFFFFF;
  }

  span.bj2 {
    background-color: #6E85AF;
    padding: 0.2em 1em 0.2em 1em;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 0.5em;
    color: #FFFFFF;
    box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
      background-color: #6E85AF;
      padding: 0.2em 1em 0.2em 1em;
      font-size: 1.1em;
      font-weight: bold;
      border-radius: 0.5em;
      color: #FFFFFF;
      box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
  }

  div.bk2 {
    border: 3px solid #93A8D5;
    padding: 0.2em 1em 0.2em 1em;
    border-radius: 1em;
    box-shadow: 0.5em 0.5em 0px 0px #DCDDDF;
    margin-top: 2em;
    margin-bottom: 1.5em;
      border: 3px solid #93A8D5;
      padding: 0.2em 1em 0.2em 1em;
      border-radius: 1em;
      box-shadow: 0.5em 0.5em 0px 0px #DCDDDF;
      margin-top: 2em;
      margin-bottom: 1.5em;
  }


  .zysx {
    margin-top: -1.7em;
    margin-left: -2em;
      margin-top: -1.7em;
      margin-left: -2em;
  }


  .zt-zysx {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    background-color: #24b8bc;
    border-radius: 1.5em;
    color: #FFFFFF;
    font-weight: bold;
    padding: 4px;
    font-size: 1.2em;
    box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      background-color: #24b8bc;
      border-radius: 1.5em;
      color: #FFFFFF;
      font-weight: bold;
      padding: 4px;
      font-size: 1.2em;
      box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
  }

  .zt-zysx1 {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    background-color: #96A7D5;
    border-radius: 1.5em;
    color: #FFFFFF;
    font-weight: 100;
    padding: 4px;
    font-size: 1.2em;
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      background-color: #96A7D5;
      border-radius: 1.5em;
      color: #FFFFFF;
      font-weight: 100;
      padding: 4px;
      font-size: 1.2em;
  }

  .zt-zysx2 {
    font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
    background-color: #0071BD;
    font-size: 1.2em;
      font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
      background-color: #0071BD;
      font-size: 1.2em;
  }

  .zt-1 {
    color: #6F84AF;
    font-weight: bold;
    font-size: 1.1em;

  .zt-1{
      color:#6F84AF;
      font-weight: bold;
      font-size:1.1em;
  
  }

  div.bj3 {
    background-color: #DED5E8;
    padding: 1em 1em 1em 1.5em;
    border-radius: 1em;
    margin-bottom: 0.2em;
    margin-left: -0.6em;
    margin-right: -0.6em;
    margin-top: -0.7em;
      background-color: #DED5E8;
      padding: 1em 1em 1em 1.5em;
      border-radius: 1em;
      margin-bottom: 0.2em;
      margin-left: -0.6em;
      margin-right: -0.6em;
      margin-top: -0.7em;
  }

  span.bj3-xyx {
    background-color: #92B03D;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
    font-size: 1em;
    font-weight: bold;
      background-color: #92B03D;
      color: #FFFFFF;
      border-radius: 5px;
      padding: 5px 10px 5px 10px;
      font-size: 1em;
      font-weight: bold;

  }

  div.bj3-xyx {
    position: absolute;
    top: -15px;
    left: -25px;
      position: absolute;
      top: -15px;
      left: -25px;

  }

  .ts-1 {
    font-weight: bold;
      font-weight: bold;
  }

  .zt-h4 {
    padding: 10px 0;
    border-radius: 1.5em;
      padding: 10px 0;
      border-radius: 1.5em;
  }

  .qyls-h4 {
    font-family: "HiFont Hei GB";
    padding: 0.2em 0;
    text-indent: 0em;
    margin-left: 0%;
      font-family: "HiFont Hei GB";
      padding: 0.2em 0;
      text-indent: 0em;
      margin-left: 0%;
  }

  .bj4 {
    background-color: #D7E2F0;
    padding: 10px 20px;
    border-radius: 0.1em;
    margin-bottom: 1em;
    margin-top: 1em;
      background-color: #D7E2F0;
      padding: 10px 20px;
      border-radius: 0.1em;
      margin-bottom: 1em;
      margin-top: 1em;

  }

  div.bj4-xyx {
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    padding: 12.5px 15px 12.5px 15px;
    margin-right: 10px;
    background-color: #5192C6;
    border-radius: 5px;
      font-size: 18px;
      color: #fff;
      line-height: 20px;
      padding: 12.5px 15px 12.5px 15px;
      margin-right: 10px;
      background-color: #5192C6;
      border-radius: 5px;
  }

  .bj4-xyx-pd {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    padding: 22px 10px 22px 10px;
    background-color: #5192C6;
    margin-right: 10px;
    border-radius: 5px;
    flex-wrap: nowrap;
      font-size: 16px;
      color: #fff;
      line-height: 20px;
      padding: 22px 10px 22px 10px;
      background-color: #5192C6;
      margin-right: 10px;
      border-radius: 5px;
      flex-wrap: nowrap;
  }

  .bj4-xyx-icon {
    color: #5192C6;
    text-wrap: nowrap;
      color: #5192C6;
      text-wrap: nowrap;
  }

  .bj5 {
    background-color: #CEC9DA;
    padding: 20px;
    border-radius: 0.5em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    position: relative;
      background-color: #CEC9DA;
      padding: 20px;
      border-radius: 0.5em;
      margin-bottom: 1.5em;
      margin-top: 1.5em;
      position: relative;
  }

  span.bj5-xyx {
    background-color: #7C719E;
    color: #FFFFFF;
    border-radius: 1.5em;
    padding: 5px 20px 5px 20px;
    font-size: 1em;
    font-weight: bold;
      background-color: #7C719E;
      color: #FFFFFF;
      border-radius: 1.5em;
      padding: 5px 20px 5px 20px;
      font-size: 1em;
      font-weight: bold;

  }

  div.bj5-xyx {
    position: absolute;
    top: -20px;
      position: absolute;
      top: -20px;

  }

  .bj6 {
    background-color: #FEDDB4;
    padding: 20px;
    border-radius: 0.5em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    position: relative;
      background-color: #FEDDB4;
      padding: 20px;
      border-radius: 0.5em;
      margin-bottom: 1.5em;
      margin-top: 1.5em;
      position: relative;

    .zt-cs {
      color: #F89C1C;
    }
      .zt-cs {
          color: #F89C1C;
      }

  }

  span.bj6-xyx {
    background-color: #F89C1C;
    color: #FFFFFF;
    border-radius: 0.3em;
    padding: 5px 5px 5px 5px;
    font-size: 1em;
    font-weight: bold;
      background-color: #F89C1C;
      color: #FFFFFF;
      border-radius: 0.3em;
      padding: 5px 5px 5px 5px;
      font-size: 1em;
      font-weight: bold;

  }

  div.bj6-xyx {
    position: absolute;
    top: -20px;
      position: absolute;
      top: -20px;
  }

  .zt-lvs1 {
    color: #95B321;
      color: #95B321;
  }

  div.bj-1 {
    color: #fff;
    border-radius: 2em;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
      color: #fff;
      border-radius: 2em;
      margin-bottom: 1.5em;
      margin-top: 1.5em;
  }

  .bj-2-zt {
    color: #fff;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.8em;
      color: #fff;
      font-weight: 400;
      font-size: 24px;
      line-height: 1.8em;
  }

  .bj-1-zt {
    font-family: kaiti;
    font-weight: 100;
    text-indent: 2em;
    color: #fff;
    font-size: 15px;
    line-height: 1.8em;
      font-family: kaiti;
      font-weight: 100;
      text-indent: 2em;
      color: #fff;
      font-size: 15px;
      line-height: 1.8em;
  }

  .bj-3-zt {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.8em;
      font-size: 16px;
      color: #fff;
      font-weight: 400;
      line-height: 1.8em;
  }

}
@@ -1745,30 +1773,93 @@
  height: 90vh;

  .pdfBox-component {
    width: 100%;
    height: 100%;
    position: relative;

    .preview {
      width: 100%;
      height: 100%;
      position: relative;

      .imageBox {
        height: calc(100% - 30px);
        overflow-x: hidden;
        overflow-y: auto;
        background: #ccc;
        box-sizing: border-box;
      .preview {
          width: 100%;
          height: 100%;

          .imageBox {
              height: calc(100% - 30px);
              overflow-x: hidden;
              overflow-y: auto;
              background: #ccc;
              box-sizing: border-box;
          }

          .imageBox:hover {
              cursor: zoom-in !important;
          }

          ::v-deep .el-dialog__header {
              background-color: rgba(0, 0, 0, 0.8);

              .header_title {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  color: #fff;
                  font-weight: 900;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';

                  span:nth-child(2):hover {
                      cursor: pointer;
                  }
              }

              ::v-deep .el-dialog__title,
              ::v-deep .el-dialog__headerbtn .el-dialog__close {
                  color: #fff;
                  font-weight: 900;
                  font-size: 16px;
                  font-family: 'FZLTXIHJW';
              }
          }

          .bottom_tool {
              height: 30px;
              background-color: rgba(0, 0, 0, 0.8);
              display: flex;
              justify-content: flex-end;
              align-items: center;

              svg {
                  margin-right: 15px;
                  fill: #d1d1d1;
              }

              svg:hover {
                  fill: #fff;
                  cursor: pointer;
              }
          }
      }

      .imageBox:hover {
        cursor: zoom-in !important;
      .notBox {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: calc(100% - 30px);
          min-height: 300px;
      }
  }
}

      ::v-deep .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);
.custom-dialog {
  overflow: hidden !important;

        .header_title {
  .el-dialog__body {
      padding: 0;
  }

  .el-dialog__header {
      background-color: rgba(0, 0, 0, 0.8);

      .header_title {
          display: flex;
          justify-content: space-between;
          align-items: center;
@@ -1778,80 +1869,17 @@
          font-family: 'FZLTXIHJW';

          span:nth-child(2):hover {
            cursor: pointer;
              cursor: pointer;
          }
        }
      }

        ::v-deep .el-dialog__title,
        ::v-deep .el-dialog__headerbtn .el-dialog__close {
      .el-dialog__title,
      .el-dialog__headerbtn .el-dialog__close {
          color: #fff;
          font-weight: 900;
          font-size: 16px;
          font-family: 'FZLTXIHJW';
        }
      }

      .bottom_tool {
        height: 30px;
        background-color: rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: flex-end;
        align-items: center;

        svg {
          margin-right: 15px;
          fill: #d1d1d1;
        }

        svg:hover {
          fill: #fff;
          cursor: pointer;
        }
      }
    }

    .notBox {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(100% - 30px);
      min-height: 300px;
    }
  }
}

.custom-dialog {
  overflow: hidden !important;

  .el-dialog__body {
    padding: 0;
  }

  .el-dialog__header {
    background-color: rgba(0, 0, 0, 0.8);

    .header_title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';

      span:nth-child(2):hover {
        cursor: pointer;
      }
    }

    .el-dialog__title,
    .el-dialog__headerbtn .el-dialog__close {
      color: #fff;
      font-weight: 900;
      font-size: 16px;
      font-family: 'FZLTXIHJW';
    }
  }
}

@@ -1865,7 +1893,7 @@
  font-family: 'FZLTXIHJW';

  span:nth-child(2):hover {
    cursor: pointer;
      cursor: pointer;
  }
}

@@ -1922,66 +1950,66 @@

@media screen and (max-width: 1024px) {
  .pdfModal {
    width: 100%;
    height: 80vh;
      width: 100%;
      height: 80vh;
  }

  .custom-dialog {
    .el-dialog {
      width: 90vw !important;
    }
      .el-dialog {
          width: 90vw !important;
      }
  }
}

@media screen and (max-width: 800px) {
  .pdfModal {
    width: 100%;
    height: 60vh;
      width: 100%;
      height: 60vh;
  }

  .custom-dialog {
    .el-dialog {
      width: 90vw !important;
    }
      .el-dialog {
          width: 90vw !important;
      }
  }
}

@media (max-width: 660px) {
  .aviationSafety-book {

    /* 分页padding */
    .padding-93 {
      padding: 0 20px;
    }
      /* 分页padding */
      .padding-93 {
          padding: 0 20px;
      }

    .padding-102 {
      padding: 0 20px;
    }
      .padding-102 {
          padding: 0 20px;
      }


    .img-float {
      width: 130px;
    }
      .img-float {
          width: 130px;
      }

    .img-rights {
      width: 130px;
    }
      .img-rights {
          width: 130px;
      }

    .btn-w {
      width: 42px;
    }
      .btn-w {
          width: 42px;
      }
  }
}

@media (min-width: 660px) {
  .aviationSafety-book {
    .padding-93 {
      padding: 0 93px 0px 93px;
    }
      .padding-93 {
          padding: 0 93px 0px 93px;
      }

    .padding-102 {
      padding: 0 102px 0 102px;
    }
      .padding-102 {
          padding: 0 102px 0 102px;
      }
  }
}


 src/books/aviationSafety/view/components/chapter002.vue

@@ -4,26 +4,19 @@
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">15</li>
        </ul>
        <div class="bodystyle p-even">
          <h1 id="a007">
            <span class="h1-bj">项目二</span
            ><span class="h1-bk">了解航空安全保卫法律法规</span>
            <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>
              <span class="span-box"></span><span class="span-text">项目导入</span><span class="span-box"></span>
            </p>
            <p class="fz-16">
              在民航运输中，安全始终是重要的问题之一。为了保障旅客和机组人员的安全，民航安全检查是必不可少的环节。因此，了解航空安全保卫相关法律法规知识显得尤为重要。只有掌握了相关法律法规知识，才能更好地进行安全检查工作，确保民航运输的安全顺畅。
@@ -78,25 +71,14 @@
            <div class="pdf-con">
              <div class="pdf-view">
                <span>
                  <svg
                    t="1717640665152"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="11009"
                    width="25.098"
                    height="24.098"
                  >
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"
                    ></path>
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(1)"
                  >任务一 了解航空安全保卫的国际组织.pdf</span
                >
                <span @click="toUrl(1)">任务一 了解航空安全保卫的国际组织.pdf</span>
              </div>
            </div>
          </div>
@@ -105,13 +87,8 @@
            航空安全保卫是民航运输中至关重要的一环，为了确保旅客和机组人员的安全，国际组织在航空安全保卫方面发挥着重要的作用。本任务将介绍一些与民航安全保卫相关的国际组织，包括国际民用航空组织、国际航空运输协会等。通过了解这些组织的职责和工作内容，我们将更好地理解民航安全保卫的整体框架和合作机制。
          </p>
          <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"
          >
          <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>
@@ -165,24 +142,15 @@
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">17</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <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 w15">学习运用</td>
              <td class="ta-l" colspan="2">
@@ -194,13 +162,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -267,7 +230,7 @@
            国际民用航空组织（International Civil Aviation
            Organization，ICAO）简称国际民航组织，是联合国系统中负责处理国际民航事务的专门机构，总部设在加拿大蒙特利尔。国际民航组织是政府间的国际组织，也是联合国组织的专门机构，其宗旨和目的在于发展国际航行的原则和技术，并促进国际运输的规划与发展。
          </p>
          <p class="center">
          <p class="center openImgBox">
            <img class="img-d" alt="" src="../../assets/images/0029-1.jpg" />
          </p>
          <p class="img">国际民航组织标志</p>
@@ -280,9 +243,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span
                ><span class="zt-zysx1">知</span
                ><span class="zt-zysx1">识</span>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span><span class="zt-zysx1">知</span><span
                  class="zt-zysx1">识</span>
              </p>
            </div>
            <div class="bj3">
@@ -309,11 +271,7 @@
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">19</li>
@@ -384,9 +342,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span
                ><span class="zt-zysx1">知</span
                ><span class="zt-zysx1">识</span>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span><span class="zt-zysx1">知</span><span
                  class="zt-zysx1">识</span>
              </p>
            </div>
            <div class="bj3">
@@ -438,11 +395,7 @@
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">21</li>
@@ -464,61 +417,30 @@
          </div>
          <p class="left mb-20 mt-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>
          <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>
          <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>3.国际民航组织的主要宗旨和目的是什么？</p>
          <textarea
            v-model="questionData.teskOne.three"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>4.国际航协的基本职能有哪些？</p>
          <textarea
            v-model="questionData.teskOne.four"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <h2 id="b005">任务二<br />学习有关航空安全保卫的国际公约</h2>
          <div class="pdf-text">
            <div class="pdf-con">
              <div class="pdf-view">
                <span>
                  <svg
                    t="1717640665152"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="11009"
                    width="25.098"
                    height="24.098"
                  >
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"
                    ></path>
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(2)"
                  >任务二 学习有关航空安全保卫的国际公约.pdf</span
                >
                <span @click="toUrl(2)">任务二 学习有关航空安全保卫的国际公约.pdf</span>
              </div>
            </div>
          </div>
@@ -538,13 +460,8 @@
        </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"
          >
          <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>
@@ -603,13 +520,8 @@
            <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>
                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -624,11 +536,7 @@
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">23</li>
@@ -649,9 +557,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span
                ><span class="zt-zysx1">知</span
                ><span class="zt-zysx1">识</span>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span><span class="zt-zysx1">知</span><span
                  class="zt-zysx1">识</span>
              </p>
            </div>
            <div class="bj3">
@@ -667,9 +574,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span
                ><span class="zt-zysx1">知</span
                ><span class="zt-zysx1">识</span>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span><span class="zt-zysx1">知</span><span
                  class="zt-zysx1">识</span>
              </p>
            </div>
            <div class="bj3">
@@ -720,25 +626,14 @@
            <div class="pdf-con">
              <div class="pdf-view">
                <span>
                  <svg
                    t="1717640665152"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="11009"
                    width="25.098"
                    height="24.098"
                  >
                  <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                    <path
                      d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                      p-id="11010"
                    ></path>
                      p-id="11010"></path>
                  </svg>
                </span>
                <span @click="toUrl(3)"
                  >任务三 掌握《中国民用航空安全检查手册》相关知识.pdf</span
                >
                <span @click="toUrl(3)">任务三 掌握《中国民用航空安全检查手册》相关知识.pdf</span>
              </div>
            </div>
          </div>
@@ -749,11 +644,7 @@
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目二</li>
          <li class="headerText">了解航空安全保卫法律法规</li>
          <li class="headerNumber">25</li>
@@ -762,8 +653,7 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">想</span><span class="zt-zysx1">一</span
                ><span class="zt-zysx1">想</span>
                <span class="zt-zysx1">想</span><span class="zt-zysx1">一</span><span class="zt-zysx1">想</span>
              </p>
            </div>
            <div class="bj3">
@@ -885,46 +775,21 @@
        </ul>
        <div class="bodystyle p-odd">
          <p>3.《东京公约》的主要目的是什么?</p>
          <textarea
            v-model="questionData.teskTwo.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>4.《蒙特利尔公约补充议定书》对哪个公约进行了补充？</p>
          <textarea
            v-model="questionData.teskTwo.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>5.《北京公约》和《北京议定书》是在哪里、何时通过的？</p>
          <textarea
            v-model="questionData.teskTwo.three"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>6.2014年《蒙特利尔议定书》对哪个公约进行了变更？</p>
          <textarea
            v-model="questionData.teskTwo.four"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
    <preView
      :isClear="dialogVisible"
      :md5="p_md5"
      :pdfTitle="somePdfTitleValue"
      ref="pdfDialogRef"
    ></preView>
    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
  </div>
</template>


 src/books/aviationSafety/view/components/chapter003.vue

@@ -4,11 +4,7 @@
    <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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">27</li>
@@ -20,9 +16,7 @@
          <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>
              <span class="span-box"></span><span class="span-text">项目导入</span><span class="span-box"></span>
            </p>
            <p class="fz-16">
              前传检查岗位是民航安检过程中的重要一环，对于保障机场安全运营和提高过检效率具有重要意义。前传员需要引导旅客正确摆放过检行李，维持过检秩序，处理突发状况，确保安检过程顺畅有序。掌握前传检查岗位的工作规范，熟练运用处置异常情况的方法，既能提高自身业务素质，也能有效保障机场安全。本项目将详细介绍前传检查岗位的含义、职责安排、工作流程以及特殊情况处置的内容。
@@ -30,40 +24,20 @@
          </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>
              <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 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>
@@ -88,13 +62,8 @@
        </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"
          >
          <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>
@@ -152,13 +121,8 @@
            <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>
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -185,11 +149,7 @@
    <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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">29</li>
@@ -212,62 +172,32 @@
          <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>
              <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 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>
          <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>
          <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>
@@ -285,13 +215,8 @@
        </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"
          >
          <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>
@@ -345,20 +270,15 @@
            <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>
                <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">
          <p class="center openImgBox">
            <img class="img-f" alt="" src="../../assets/images/0041-2.jpg" />
          </p>
          <p class="img">图3-2 前传检查岗位工作流程</p>
@@ -369,11 +289,7 @@
    <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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目三</li>
          <li class="headerText">前传检查</li>
          <li class="headerNumber">31</li>
@@ -397,78 +313,38 @@
          </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>
              <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 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>
          <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>
          <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>
          <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"
          >
          <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>
@@ -479,78 +355,43 @@
              <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>
                <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>
                <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>
                <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>
                <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>
                <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>
                <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>
    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
  </div>
</template>


 src/books/aviationSafety/view/components/chapter004.vue

Diff too large

 src/books/aviationSafety/view/components/chapter005.vue

@@ -4,11 +4,7 @@
    <div class="page-box" page="70">
      <div v-if="showPageList.indexOf(70) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">63</li>
@@ -20,9 +16,7 @@
          <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>
              <span class="span-box"></span><span class="span-text">项目导入</span><span class="span-box"></span>
            </p>
            <p class="fz-16">
              人身检查是安全检查的又一重要内容，它是安检工作中难度最大，任务最重的内容之一，在进行人身检查时，不仅要求安检员速度快，准确率高，还要求安检员动作规范，注意力集中，警惕性高。本项目将重点介绍人身检查设备、人身检查的操作流程及方法等，以提高人身检查的实际操作能力。
@@ -82,13 +76,8 @@
            </p>
          </span>
          <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"
          >
          <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>
@@ -133,24 +122,15 @@
    <div class="page-box" page="72">
      <div v-if="showPageList.indexOf(72) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">65</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-tr-bc">
              <td class="center w15">学习建议</td>
              <td class="ta-l" colspan="2">
@@ -168,13 +148,8 @@
            <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>
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -185,10 +160,27 @@
          <p>
            人身检查是指采用公开的仪器和手工相结合的方式，对旅客人身进行安全检查。其目的是确认旅客身上是否藏匿危险、违禁物品，保障民用航空器及其所载人员的生命财产安全（图5-2）。
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../assets/images/0076-1.jpg" />
          </p>
          <p class="img">图5-2 人身检查</p>
          <!-- 轮播图 -->
          <div class="imgBox-003 openImgBox">
            <div class="swiper-container swiper-img">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../assets/images/0072-01.jpg" />
                    <p class="img">图5-2 人身检查</p>
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="imgBox" style="width: 100%; height: 100%">
                    <img src="../../assets/images/0072-02.jpg" />
                    <p class="img">图5-2 人身检查</p>
                  </div>
                </div>
              </div>
              <div class="swiper-button-next"></div>
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <h3 id="c034">二、人身检查的重点对象和重点部位</h3>
          <h4 id="d056">（一）人身检查的重点对象</h4>
          <p>（1）精神恐慌、言行可疑、佯装镇静者。</p>
@@ -240,224 +232,115 @@
          </p>
          <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>
              <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 == '56c43ed86d34a55712397dfd59f3dcf1'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-01')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '56c43ed86d34a55712397dfd59f3dcf1'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <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>
              <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 == 'ee997e31ce174e33d57c3e57bdf039de'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-02')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'ee997e31ce174e33d57c3e57bdf039de'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <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>
              <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 == '430d75e18615644130195d3d0346ede4'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-03')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '430d75e18615644130195d3d0346ede4'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFour"
                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>
              <video :src="videoPathFour" 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.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '336ab36a074a2b5ac5d2a1dde94cd9f5'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-04')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '336ab36a074a2b5ac5d2a1dde94cd9f5'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFive"
                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>
              <video :src="videoPathFive" 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.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '19d33a36e76e7b5ee465e490deaac65c'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-05')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '19d33a36e76e7b5ee465e490deaac65c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span
                ><span class="zt-zysx1">补</span
                ><span class="zt-zysx1">充</span>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span><span class="zt-zysx1">补</span><span
                  class="zt-zysx1">充</span>
              </p>
            </div>
            <div class="bj3">
              <p class="center"><span class="zt-1">检查注意事项</span></p>
              <div class="img-rights w150 openImgBox mt--25">
                <p class="center openImgBox">
                  <img
                    class="img-e"
                    alt=""
                    src="../../assets/images/0077-1.jpg"
                  />
                  <img class="img-e" alt="" src="../../assets/images/0077-1.jpg" />
                </p>
                <p class="img">图5-3 检查口罩</p>
                <p class="center openImgBox">
                  <img
                    class="img-e"
                    alt=""
                    src="../../assets/images/0077-2.jpg"
                  />
                  <img class="img-e" alt="" src="../../assets/images/0077-2.jpg" />
                </p>
                <p class="img">图5-4 检查手</p>
              </div>
@@ -483,11 +366,7 @@
    <div class="page-box" page="74">
      <div v-if="showPageList.indexOf(74) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">67</li>
@@ -496,20 +375,15 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">典</span><span class="zt-zysx1">型</span
                ><span class="zt-zysx1">案</span
                ><span class="zt-zysx1">例</span>
                <span class="zt-zysx1">典</span><span class="zt-zysx1">型</span><span class="zt-zysx1">案</span><span
                  class="zt-zysx1">例</span>
              </p>
            </div>
            <div class="bj3">
              <p class="center"><span class="zt-1">脚部藏匿打火机</span></p>
              <div class="img-rights w170 openImgBox mt-20">
                <p class="center">
                  <img
                    class="img-c"
                    alt=""
                    src="../../assets/images/0078-1.jpg"
                  />
                  <img class="img-c" alt="" src="../../assets/images/0078-1.jpg" />
                </p>
                <p class="img">图5-5 查处多枚打火机</p>
              </div>
@@ -535,11 +409,7 @@
                2021年4月18日，安检员小邹准备对旅客周某进行人身检查。周某神色紧张，面部有些异常，这引起了小邹的注意。小邹仔细观察，发现周某的口罩与别人有些不一样，口罩下坠，下巴部分有些凸起，小邹当即警惕起来。他请旅客正面摘下口罩，随后查处打火机一个（图5-6）。
              </p>
              <p class="center openImgBox">
                <img
                  class="img-f"
                  alt=""
                  src="../../assets/images/0078-2.jpg"
                />
                <img class="img-f" alt="" src="../../assets/images/0078-2.jpg" />
              </p>
              <p class="img">图5-6 查处一个打火机</p>
            </div>
@@ -579,9 +449,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">典</span><span class="zt-zysx1">型</span
                ><span class="zt-zysx1">案</span
                ><span class="zt-zysx1">例</span>
                <span class="zt-zysx1">典</span><span class="zt-zysx1">型</span><span class="zt-zysx1">案</span><span
                  class="zt-zysx1">例</span>
              </p>
            </div>
            <div class="bj3">
@@ -593,12 +462,29 @@
              <p>
                某机场安检员小王在通道执行人身检查任务时，一名女性旅客过安全门时报警声响起，人身检查员小王对该名旅客进行人身检查，当检查到其右腿时，手持金属探测器发出连续报警声，随后小王从旅客右靴子里查获水果刀1把。检查员小王随即将其控制住，并对其人身及行李物品进行了严格检查，未发现其他异常情况（图5-7）。
              </p>
              <!-- 轮播图 -->
              <div class="imgBox-003 openImgBox">
                <div class="swiper-container swiper-img">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/0072-01.jpg" />
                        <p class="img">图5-7 查处物品</p>
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/0072-02.jpg" />
                        <p class="img">图5-7 查处物品</p>
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                </div>
              </div>
              <p class="center openImgBox">
                <img
                  class="img-c"
                  alt=""
                  src="../../assets/images/0079-1.jpg"
                />
                <img class="img-c" alt="" src="../../assets/images/0079-1.jpg" />
              </p>
              <p class="img">图5-7 查处物品</p>
            </div>
@@ -610,11 +496,7 @@
    <div class="page-box" page="76">
      <div v-if="showPageList.indexOf(76) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">69</li>
@@ -821,13 +703,8 @@
              @change="setBookQuestion"
            />5.人身检查的重点部位有哪些？</p>
          <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"
          >
          <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>
@@ -838,88 +715,48 @@
              <td class="ta-l">掌握人身检查的更点部位</td>
              <td class="center">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-g">熟知人身检查的重点对象</td>
              <td class="center w15">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l w25">熟知从严检查的相关要求</td>
              <td class="center">15</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l">掌握人身检查员工作流程</td>
              <td class="center w15">25</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.eight" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.nine" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -930,11 +767,7 @@
    <div class="page-box" page="78">
      <div v-if="showPageList.indexOf(78) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">71</li>
@@ -960,13 +793,8 @@
            </p>
          </span>
          <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"
          >
          <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>
@@ -1026,13 +854,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <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 w15">学习运用</td>
              <td class="ta-l" colspan="2">
@@ -1043,13 +866,8 @@
            <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>
                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1095,11 +913,7 @@
    <div class="page-box" page="80">
      <div v-if="showPageList.indexOf(80) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">73</li>
@@ -1185,11 +999,7 @@
    <div class="page-box" page="82">
      <div v-if="showPageList.indexOf(82) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">75</li>
@@ -1249,49 +1059,28 @@
          <p>（3）手持金属探测器应使用微湿柔软的布进行清洁。</p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathSix"
                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>
              <video :src="videoPathSix" 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.isCollectVideo6 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '62727bcc2277fab7b057a450c60569e0'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-06')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo6 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '62727bcc2277fab7b057a450c60569e0'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">典</span><span class="zt-zysx1">型</span
                ><span class="zt-zysx1">案</span
                ><span class="zt-zysx1">例</span>
                <span class="zt-zysx1">典</span><span class="zt-zysx1">型</span><span class="zt-zysx1">案</span><span
                  class="zt-zysx1">例</span>
              </p>
            </div>
            <div class="bj3">
@@ -1436,11 +1225,7 @@
    <div class="page-box" page="84">
      <div v-if="showPageList.indexOf(84) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">77</li>
@@ -1487,13 +1272,8 @@
            dBA调节到90 dBA
          </p>
          <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"
          >
          <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>
@@ -1504,22 +1284,12 @@
              <td class="ta-l td-1">熟知金属探测门的相关知识</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>
                <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>
                <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">
@@ -1528,44 +1298,24 @@
              </td>
              <td class="center w10">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <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>
                <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="ta-l td-1">掌握手持金属探测器的相关知识</td>
              <td class="center">15</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <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>
                <textarea v-model="tableData.teskTableTwo.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1606,13 +1356,8 @@
        </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"
          >
          <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>
@@ -1668,13 +1413,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableThree.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1693,11 +1433,7 @@
    <div class="page-box" page="86">
      <div v-if="showPageList.indexOf(86) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">79</li>
@@ -1720,40 +1456,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathSeven"
                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>
              <video :src="videoPathSeven" 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.isCollectVideo7 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '3a579e5edbb66561e6d0de9fe86b71c0'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-07')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo7 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '3a579e5edbb66561e6d0de9fe86b71c0'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
@@ -1818,40 +1534,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathEight"
                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>
              <video :src="videoPathEight" 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.isCollectVideo8 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '743200b86b4e9262632737b0b9660923'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-08')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo8 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '743200b86b4e9262632737b0b9660923'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
@@ -1891,11 +1587,7 @@
    <div class="page-box" page="88">
      <div v-if="showPageList.indexOf(88) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">81</li>
@@ -2195,13 +1887,8 @@
        </ul>
        <div class="bodystyle p-odd">
          <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"
          >
          <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>
@@ -2212,88 +1899,48 @@
              <td class="ta-l td-1">熟知人身检查的顺序和方法</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">掌握使用手持金属探测器检查的顺序</td>
              <td class="center w10">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">掌握手工人身检查的流程</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">熟知移位人身检查法的要求</td>
              <td class="center w10">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.eight" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.nine" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -2315,13 +1962,8 @@
            通过以上任务描述，我们可以了解到在人身检查岗位上要保持高度的专注力，学会观察旅客的微表情，对异常行为进行有效识别。
          </p>
          <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"
          >
          <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>
@@ -2350,24 +1992,15 @@
    <div class="page-box" page="90">
      <div v-if="showPageList.indexOf(90) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">83</li>
        </ul>
        <div class="bodystyle p-even">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <tr class="table-tr-bc">
              <td class="center">思政融入</td>
              <td class="ta-l" colspan="2">
@@ -2398,13 +2031,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableFour.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -2457,40 +2085,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathNine"
                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>
              <video :src="videoPathNine" 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.isCollectVideo9 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '28102551aa167cbc2666f25bb8ff64fb'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-09')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo9 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '28102551aa167cbc2666f25bb8ff64fb'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
@@ -2531,11 +2139,7 @@
    <div class="page-box" page="92">
      <div v-if="showPageList.indexOf(92) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目五</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">85</li>
@@ -2607,9 +2211,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span
                ><span class="zt-zysx1">知</span
                ><span class="zt-zysx1">识</span>
                <span class="zt-zysx1">拓</span><span class="zt-zysx1">展</span><span class="zt-zysx1">知</span><span
                  class="zt-zysx1">识</span>
              </p>
            </div>
            <div class="bj3">
@@ -2631,29 +2234,14 @@
          </div>
          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>1.人身检查的程序是什么？</p>
          <textarea
            v-model="questionData.teskFour.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskFour.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>2.人身检查员进行手工人身检查时有哪些注意事项？</p>
          <textarea
            v-model="questionData.teskFour.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskFour.two" 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"
          >
          <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>
@@ -2664,110 +2252,60 @@
              <td class="ta-l td-1">掌握孕妇、婴儿旅客的检查方法</td>
              <td class="center">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">掌握残疾旅客的检查方法</td>
              <td class="center w10">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">堂握残疾旅客轮椅的检查方法</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">掌握对打绷带、石膏的旅客检查方法</td>
              <td class="center w10">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.eight" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.nine" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">熟知残疾旅客“服务犬”的检查注意事项</td>
              <td class="center">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.ten"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.ten" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.eleven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.eleven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
@@ -2776,22 +2314,12 @@
              </td>
              <td class="center w10">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.twelve"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.twelve" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.thirteen"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.thirteen" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -3034,7 +2562,7 @@
          "视频：腰部检查"
        );
        this.chapterData.isCollectVideo5 = !this.chapterData.isCollectVideo5;
      } else if(e == "video-06") {
      } else if (e == "video-06") {
        this.handleCollectResource(
          "62727bcc2277fab7b057a450c60569e0",
          "62727bcc2277fab7b057a450c60569e0",
@@ -3044,7 +2572,7 @@
          "视频：人身检查准备"
        );
        this.chapterData.isCollectVideo6 = !this.chapterData.isCollectVideo6;
      } else if(e == "video-07") {
      } else if (e == "video-07") {
        this.handleCollectResource(
          "3a579e5edbb66561e6d0de9fe86b71c0",
          "3a579e5edbb66561e6d0de9fe86b71c0",
@@ -3054,7 +2582,7 @@
          "视频：人身检查流程"
        );
        this.chapterData.isCollectVideo7 = !this.chapterData.isCollectVideo7;
      } else if(e == "video-08") {
      } else if (e == "video-08") {
        this.handleCollectResource(
          "743200b86b4e9262632737b0b9660923",
          "743200b86b4e9262632737b0b9660923",
@@ -3065,7 +2593,7 @@
        );
        this.chapterData.isCollectVideo8 = !this.chapterData.isCollectVideo8;
      }
      else if(e == "video-09") {
      else if (e == "video-09") {
        this.handleCollectResource(
          "28102551aa167cbc2666f25bb8ff64fb",
          "28102551aa167cbc2666f25bb8ff64fb",

 src/books/aviationSafety/view/components/chapter006.vue

@@ -4,26 +4,19 @@
    <div class="page-box" page="94">
      <div v-if="showPageList.indexOf(94) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">开箱包检查</li>
          <li class="headerNumber">87</li>
        </ul>
        <div class="bodystyle p-odd">
          <h1 id="a007">
            <span class="h1-bj">项目六</span
            ><span class="h1-bk">开箱包检查</span>
            <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>
              <span class="span-box"></span><span class="span-text">项目导入</span><span class="span-box"></span>
            </p>
            <p class="fz-16">
              开箱包检查岗位是机场安检工作中非常重要的一环，其工作的质量直接关系到航班的安全和顺利运行。因此，从事这个岗位的工作人员需要严格遵守相关规定和标准，并且不断提高自己的专业水平和技术能力。本项目将学习开箱包检查的程序、方法和操作技巧，常见物品的检查方法以及特殊情况处置等。
@@ -99,11 +92,7 @@
    <div class="page-box" page="96">
      <div v-if="showPageList.indexOf(96) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">89</li>
@@ -116,13 +105,8 @@
            因此，机场开箱包岗位是机场安全保卫工作的重要岗位，开箱包员需要具备高度的警觉性和专业技能。通过与旅客的沟通和解释，开箱包员可以促使旅客自觉遵守相关规章制度，从而减少潜在的危险和威胁，确保机场和飞机的安全。
          </p>
          <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"
          >
          <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>
@@ -175,13 +159,8 @@
            <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>
                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -237,11 +216,7 @@
    <div class="page-box" page="98">
      <div v-if="showPageList.indexOf(98) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">91</li>
@@ -310,29 +285,14 @@
        </ul>
        <div class="bodystyle p-odd">
          <p>2.简述开箱包检查员的工作职责。</p>
          <textarea
            v-model="questionData.teskOne.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>3.旅客包内有疑似块状物品，该如何检查？</p>
          <textarea
            v-model="questionData.teskOne.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskOne.two" 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"
          >
          <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>
@@ -343,75 +303,43 @@
              <td class="ta-l td-1">岗位要求</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">开箱包检查员的工作职责</td>
              <td class="center w10">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">情况处置</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableOne.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableOne.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
          <h2 id="b017">任务二<br />掌握操作流程和方法</h2>
          <p class="left mb-20 mt-20"><span class="bj2">·任务描述·</span></p>
          <p class="center">
            <span class="zt-1"
              >某机场安检查处一起旅客在随身行李内藏匿剔骨刀事件</span
            >
            <span class="zt-1">某机场安检查处一起旅客在随身行李内藏匿剔骨刀事件</span>
          </p>
          <p>近日，某机场安检员查处一起旅客在随身行李内藏匿剔骨刀事件。</p>
          <p>
@@ -427,11 +355,7 @@
    <div class="page-box" page="100">
      <div v-if="showPageList.indexOf(100) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">93</li>
@@ -441,13 +365,8 @@
            中，安检员首先通过X射线安全检查仪发现了异常，然后立即采取行动，进行进一步的检查。他们秉持不放过任何疑点的工作态度，仔细检查了旅客的行李，并最终发现了藏匿的剔骨刀。这个案例也强调了开箱包岗位的重要性。开箱包员是负责检查旅客行李的直接人员，他们需要仔细检查每一件行李，以确保没有危险物品或违禁物品被携带上飞机。在这个案例中，开箱包员在检查中发现了一个被藏匿的剔骨刀，这对于保障航空安全是非常重要的。此外，这个案例还提醒旅客要注意行李安全。旅客应该了解航空公司规定的行李限制和规定，并且在打包行李时仔细检查，以确保没有危险物品或违禁物品被携带上飞机。总之，这个案例展示了机场安检员的高度责任心和专业性，以及开箱包岗位的重要性。同时，也提醒旅客要注意行李限制规定，以确保航空安全。
          </p>
          <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"
          >
          <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>
@@ -518,23 +437,13 @@
        </ul>
        <div class="bodystyle p-odd">
          <p class="continued fz-14 p-odd">续表</p>
          <table
            border="1"
            cellpadding="4"
            cellspacing="0"
            style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0"
          >
          <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff; border-collapse: collapse"
            class="fz-14 img-0">
            <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>
                <textarea v-model="tableData.teskTableTwo.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -583,11 +492,7 @@
    <div class="page-box" page="102">
      <div v-if="showPageList.indexOf(102) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">95</li>
@@ -607,40 +512,20 @@

          <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>
              <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.isCollectVideo1 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '9034514aa940b7788aaa507e96664904'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-01')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo1 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '9034514aa940b7788aaa507e96664904'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
@@ -709,11 +594,7 @@
    <div class="page-box" page="104">
      <div v-if="showPageList.indexOf(104) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">97</li>
@@ -740,19 +621,14 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span
                ><span class="zt-zysx1">补</span
                ><span class="zt-zysx1">充</span>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span><span class="zt-zysx1">补</span><span
                  class="zt-zysx1">充</span>
              </p>
            </div>
            <div class="bj3">
              <p class="img">毒品的分类</p>
              <p class="center openImgBox">
                <img
                  class="img-0"
                  alt=""
                  src="../../assets/images/0108-2.jpg"
                />
                <img class="img-0" alt="" src="../../assets/images/0108-2.jpg" />
              </p>
            </div>
          </div>
@@ -769,29 +645,14 @@
        <div class="bodystyle p-odd">
          <p class="left mb-20 mt-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>
          <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>
          <textarea v-model="questionData.teskTwo.two" 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"
          >
          <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>
@@ -802,66 +663,36 @@
              <td class="ta-l td-1">箱包的检查程序</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>
                <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>
                <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="ta-l img-d td-1">开箱包检察员的操作程序</td>
              <td class="center w10">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <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>
                <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="ta-l td-1">开箱包检查的方法</td>
              <td class="center">40</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableTwo.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <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>
                <textarea v-model="tableData.teskTableTwo.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -883,24 +714,15 @@
    <div class="page-box" page="106">
      <div v-if="showPageList.indexOf(106) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">99</li>
        </ul>
        <div class="bodystyle p-even">
          <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"
          >
          <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>
@@ -961,13 +783,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableThree.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1032,11 +849,7 @@
    <div class="page-box" page="108">
      <div v-if="showPageList.indexOf(108) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">101</li>
@@ -1070,40 +883,20 @@
          </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>
              <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 == '702ef3a1bcfd2bc05cb277c6ccca049e'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-02')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo2 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '702ef3a1bcfd2bc05cb277c6ccca049e'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
@@ -1137,40 +930,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFour"
                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>
              <video :src="videoPathFour" 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.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '419d16aaeb623c126313e2846787c396'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-04')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo4 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '419d16aaeb623c126313e2846787c396'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
@@ -1183,40 +956,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathFive"
                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>
              <video :src="videoPathFive" 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.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '3744021de603ffdbc805104d0568274c'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-05')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo5 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '3744021de603ffdbc805104d0568274c'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
@@ -1244,40 +997,20 @@
          </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>
              <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 == '419d16aaeb623c126313e2846787c396'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-03')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo3 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '419d16aaeb623c126313e2846787c396'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
@@ -1288,11 +1021,7 @@
    <div class="page-box" page="110">
      <div v-if="showPageList.indexOf(110) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">103</li>
@@ -1307,40 +1036,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathSix"
                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>
              <video :src="videoPathSix" 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.isCollectVideo6 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '151cc69d49b5e5eec6acfb055bcdffcc'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-06')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo6 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '151cc69d49b5e5eec6acfb055bcdffcc'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
@@ -1367,40 +1076,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathSeven"
                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>
              <video :src="videoPathSeven" 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.isCollectVideo7 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '97044d1fb78d51bd802ceb8a6a7fa559'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-07')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo7 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '97044d1fb78d51bd802ceb8a6a7fa559'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
@@ -1445,40 +1134,20 @@
          </p>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathEight"
                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>
              <video :src="videoPathEight" 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.isCollectVideo8 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == 'e33ecac9c680004642cf4942eba30724'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-08')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo8 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'e33ecac9c680004642cf4942eba30724'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
@@ -1514,11 +1183,7 @@
    <div class="page-box" page="112">
      <div v-if="showPageList.indexOf(112) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">105</li>
@@ -1541,40 +1206,20 @@
          </span>
          <div class="video-box-cover">
            <p class="center text">
              <video
                :src="videoPathNine"
                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>
              <video :src="videoPathNine" 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.isCollectVideo9 ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '6787693eefadafa7e8a3154f2e2298fc'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-09')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo9 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '6787693eefadafa7e8a3154f2e2298fc'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
@@ -1588,20 +1233,15 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span
                ><span class="zt-zysx1">补</span
                ><span class="zt-zysx1">充</span>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span><span class="zt-zysx1">补</span><span
                  class="zt-zysx1">充</span>
              </p>
            </div>
            <div class="bj3">
              <p class="center"><span class="zt-1">香蕉水</span></p>
              <div class="img-rights w135 openImgBox mt-10">
                <p class="center">
                  <img
                    class="img-e"
                    alt=""
                    src="../../assets/images/0116-2.jpg"
                  />
                  <img class="img-e" alt="" src="../../assets/images/0116-2.jpg" />
                </p>
                <p class="img">图6-10 香蕉水</p>
              </div>
@@ -1616,9 +1256,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">典</span><span class="zt-zysx1">型</span
                ><span class="zt-zysx1">案</span
                ><span class="zt-zysx1">例</span>
                <span class="zt-zysx1">典</span><span class="zt-zysx1">型</span><span class="zt-zysx1">案</span><span
                  class="zt-zysx1">例</span>
              </p>
            </div>
            <div class="bj3">
@@ -1650,29 +1289,14 @@
          </div>
          <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
          <p>1.简述开箱包检查的要求及注意事项。</p>
          <textarea
            v-model="questionData.teskThree.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>2.电子设备的检查方法有哪些？</p>
          <textarea
            v-model="questionData.teskThree.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskThree.two" 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"
          >
          <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>
@@ -1683,66 +1307,36 @@
              <td class="ta-l td-1">注意事项</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">十种常见物品检查方法</td>
              <td class="center w10">50</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">操作规范有序</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableThree.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableThree.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1761,11 +1355,7 @@
    <div class="page-box" page="114">
      <div v-if="showPageList.indexOf(114) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">107</li>
@@ -1775,13 +1365,8 @@
            通过本任务学习，我们能够掌握办理暂存、移交的程序和可以办理暂存、移交物品的范围，能够正确填写暂存、移交物品单据。
          </p>
          <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"
          >
          <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>
@@ -1826,13 +1411,8 @@
            <tr class="table-tr-bc">
              <td class="center w15">学习反思</td>
              <td class="center" colspan="2">
                <textarea
                  v-model="tableData.teskTableFour.one"
                  placeholder="请输入内容"
                  rows="6"
                  class="img-0 b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.one" placeholder="请输入内容" rows="6"
                  class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -1904,11 +1484,7 @@
    <div class="page-box" page="116">
      <div v-if="showPageList.indexOf(116) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">109</li>
@@ -1949,9 +1525,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span
                ><span class="zt-zysx1">补</span
                ><span class="zt-zysx1">充</span>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span><span class="zt-zysx1">补</span><span
                  class="zt-zysx1">充</span>
              </p>
            </div>
            <div class="bj3">
@@ -2010,18 +1585,13 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span
                ><span class="zt-zysx1">补</span
                ><span class="zt-zysx1">充</span>
                <span class="zt-zysx1">知</span><span class="zt-zysx1">识</span><span class="zt-zysx1">补</span><span
                  class="zt-zysx1">充</span>
              </p>
            </div>
            <div class="bj3">
              <p class="center openImgBox">
                <img
                  class="img-a"
                  alt=""
                  src="../../assets/images/0121-1.jpg"
                />
                <img class="img-a" alt="" src="../../assets/images/0121-1.jpg" />
              </p>
            </div>
          </div>
@@ -2032,11 +1602,7 @@
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -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=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
          <li class="headerText">项目六</li>
          <li class="headerText">人身检查</li>
          <li class="headerNumber">111</li>
@@ -2055,9 +1621,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">新</span><span class="zt-zysx1">闻</span
                ><span class="zt-zysx1">小</span><span class="zt-zysx1">视</span
                ><span class="zt-zysx1">角</span>
                <span class="zt-zysx1">新</span><span class="zt-zysx1">闻</span><span class="zt-zysx1">小</span><span
                  class="zt-zysx1">视</span><span class="zt-zysx1">角</span>
              </p>
            </div>
            <div class="bj3">
@@ -2074,13 +1639,8 @@
          </div>
          <p class="left mb-20 mt-20"><span class="bj2">·效果检测·</span></p>
          <p>1.简述暂存和移交的使用情况。</p>
          <textarea
            v-model="questionData.teskFour.one"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskFour.one" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -2093,22 +1653,12 @@
        </ul>
        <div class="bodystyle p-odd">
          <p>2.旅客办理移交、暂存有哪些步骤？</p>
          <textarea
            v-model="questionData.teskFour.two"
            placeholder="请输入内容"
            rows="6"
            class="fz-14 textarea-box-right"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.teskFour.two" placeholder="请输入内容" rows="6" class="fz-14 textarea-box-right"
            @change="setBookQuestion"></textarea>
          <p>3.移交部门大体可分为三种，分别是（　　）、（　　）、（　　）。</p>
          <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"
          >
          <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>
@@ -2119,110 +1669,60 @@
              <td class="ta-l td-1">了解开箱包岗位的概念</td>
              <td class="center">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.two"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.two" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.three"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.three" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">了解开箱包检查员的工作职责</td>
              <td class="center w10">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.four"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.four" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.five"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.five" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">掌握开箱包岗位的工作流程</td>
              <td class="center">30</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.six"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.six" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.seven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.seven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-tr-bc">
              <td class="ta-l img-d td-1">对异常情况可以正确处置</td>
              <td class="center w10">10</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.eight"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.eight" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.nine"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.nine" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
            <tr class="table-th-bc">
              <td class="ta-l td-1">操作规范有序</td>
              <td class="center">20</td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.ten"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.ten" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
              <td class="center">
                <textarea
                  v-model="tableData.teskTableFour.eleven"
                  placeholder="请输入内容"
                  rows="2"
                  class="b0 table-textarea textarea-box"
                  @change="setBookTableData"
                ></textarea>
                <textarea v-model="tableData.teskTableFour.eleven" placeholder="请输入内容" rows="2"
                  class="b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
              </td>
            </tr>
          </table>
@@ -2460,7 +1960,7 @@
          "视频：西装外套检查"
        );
        this.chapterData.isCollectVideo5 = !this.chapterData.isCollectVideo5;
      } else if(e == "video-06") {
      } else if (e == "video-06") {
        this.handleCollectResource(
          "151cc69d49b5e5eec6acfb055bcdffcc",
          "151cc69d49b5e5eec6acfb055bcdffcc",
@@ -2470,7 +1970,7 @@
          "视频：手机检查"
        );
        this.chapterData.isCollectVideo6 = !this.chapterData.isCollectVideo6;
      } else if(e == "video-07") {
      } else if (e == "video-07") {
        this.handleCollectResource(
          "97044d1fb78d51bd802ceb8a6a7fa559",
          "97044d1fb78d51bd802ceb8a6a7fa559",
@@ -2480,7 +1980,7 @@
          "视频：雨伞检查"
        );
        this.chapterData.isCollectVideo7 = !this.chapterData.isCollectVideo7;
      } else if(e == "video-08") {
      } else if (e == "video-08") {
        this.handleCollectResource(
          "e33ecac9c680004642cf4942eba30724",
          "e33ecac9c680004642cf4942eba30724",
@@ -2491,7 +1991,7 @@
        );
        this.chapterData.isCollectVideo8 = !this.chapterData.isCollectVideo8;
      }
      else if(e == "video-09") {
      else if (e == "video-09") {
        this.handleCollectResource(
          "6787693eefadafa7e8a3154f2e2298fc",
          "6787693eefadafa7e8a3154f2e2298fc",

 src/books/aviationSafety/view/components/index.vue

@@ -165,7 +165,7 @@
  
      // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(1,12);
        this.gotoPage(6,72);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",