user1
2024-06-28 9258654657affed07bbee9f999d1bf31ef9e6e20
英语(分页)
6个文件已修改
116个文件已添加
7197 ■■■■■ 已修改文件
src/App.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0069-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0069-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0069-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0069-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0069-5.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0069-6.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0069-7.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0070-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0070-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0070-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0070-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0071-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0071-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0071-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0073-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0074-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0075-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0076-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0079-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0081-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0081-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0082-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0083-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0085-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0087-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0088-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0088-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0088-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0088-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0088-5.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0088-6.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0088-8.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0094-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0100-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0100-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0101-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0101-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0102-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0105-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0107-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0108-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0108-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0108-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0108-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0109-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0112-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0114-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0115-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0119-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0121-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0122-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0122-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0123-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0123-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0123-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0124-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0125-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0126-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0126-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0126-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0126-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0127-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0128-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0129-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0129-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0134-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0134-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0134-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0135-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0135-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0137-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0137-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0138-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0140-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0143-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0145-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0146-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0146-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0146-3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0146-4.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0146-5.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0146-6.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0147-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0150-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0151-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0152-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0153-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0154-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0159-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0160-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0160-2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/0161-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy4-le1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy4-le2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy4-le3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy5-le1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy5-le3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy5.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy6-le1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy6-le2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy6-le3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy6.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy7-le1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy7-le2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy7-le3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy7.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy8-le1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy8-le2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy8-le3.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dy8.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dyworksheet1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/dyworksheet2.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/main.less 95 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter004.vue 1039 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter005.vue 1532 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter006.vue 1550 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter007.vue 1435 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter008.vue 1485 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/index.vue 34 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter001.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/choice/choice.vue 21 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/App.vue
@@ -65,7 +65,7 @@
        process.env.VUE_APP_RESOURCE_CTX +
          (process.env.VUE_APP_ENV == "product"
            ? process.env.VUE_APP_BOOK_ID
            : "artAndDrama")
            : "english")
      );
      // 测试试读30页
      // this.activeBook.tryPageCount = 10;
src/books/English/assets/images/0069-1.jpg
src/books/English/assets/images/0069-2.jpg
src/books/English/assets/images/0069-3.jpg
src/books/English/assets/images/0069-4.jpg
src/books/English/assets/images/0069-5.jpg
src/books/English/assets/images/0069-6.jpg
src/books/English/assets/images/0069-7.jpg
src/books/English/assets/images/0070-1.jpg
src/books/English/assets/images/0070-2.jpg
src/books/English/assets/images/0070-3.jpg
src/books/English/assets/images/0070-4.jpg
src/books/English/assets/images/0071-1.jpg
src/books/English/assets/images/0071-2.jpg
src/books/English/assets/images/0071-3.jpg
src/books/English/assets/images/0073-1.jpg
src/books/English/assets/images/0074-1.jpg
src/books/English/assets/images/0075-1.jpg
src/books/English/assets/images/0076-2.jpg
src/books/English/assets/images/0079-1.jpg
src/books/English/assets/images/0081-1.jpg
src/books/English/assets/images/0081-2.jpg
src/books/English/assets/images/0082-1.jpg
src/books/English/assets/images/0083-1.jpg
src/books/English/assets/images/0085-1.jpg
src/books/English/assets/images/0087-2.jpg
src/books/English/assets/images/0088-1.jpg
src/books/English/assets/images/0088-2.jpg
src/books/English/assets/images/0088-3.jpg
src/books/English/assets/images/0088-4.jpg
src/books/English/assets/images/0088-5.jpg
src/books/English/assets/images/0088-6.jpg
src/books/English/assets/images/0088-8.jpg
src/books/English/assets/images/0094-1.jpg
src/books/English/assets/images/0100-1.jpg
src/books/English/assets/images/0100-2.jpg
src/books/English/assets/images/0101-2.jpg
src/books/English/assets/images/0101-3.jpg
src/books/English/assets/images/0102-1.jpg
src/books/English/assets/images/0105-2.jpg
src/books/English/assets/images/0107-2.jpg
src/books/English/assets/images/0108-1.jpg
src/books/English/assets/images/0108-2.jpg
src/books/English/assets/images/0108-3.jpg
src/books/English/assets/images/0108-4.jpg
src/books/English/assets/images/0109-2.jpg
src/books/English/assets/images/0112-1.jpg
src/books/English/assets/images/0114-1.jpg
src/books/English/assets/images/0115-1.jpg
src/books/English/assets/images/0119-1.jpg
src/books/English/assets/images/0121-1.jpg
src/books/English/assets/images/0122-1.jpg
src/books/English/assets/images/0122-2.jpg
src/books/English/assets/images/0123-1.jpg
src/books/English/assets/images/0123-2.jpg
src/books/English/assets/images/0123-3.jpg
src/books/English/assets/images/0124-2.jpg
src/books/English/assets/images/0125-1.jpg
src/books/English/assets/images/0126-1.jpg
src/books/English/assets/images/0126-2.jpg
src/books/English/assets/images/0126-3.jpg
src/books/English/assets/images/0126-4.jpg
src/books/English/assets/images/0127-1.jpg
src/books/English/assets/images/0128-2.jpg
src/books/English/assets/images/0129-1.jpg
src/books/English/assets/images/0129-2.jpg
src/books/English/assets/images/0134-1.jpg
src/books/English/assets/images/0134-2.jpg
src/books/English/assets/images/0134-3.jpg
src/books/English/assets/images/0135-1.jpg
src/books/English/assets/images/0135-2.jpg
src/books/English/assets/images/0137-1.jpg
src/books/English/assets/images/0137-2.jpg
src/books/English/assets/images/0138-1.jpg
src/books/English/assets/images/0140-1.jpg
src/books/English/assets/images/0143-1.jpg
src/books/English/assets/images/0145-2.jpg
src/books/English/assets/images/0146-1.jpg
src/books/English/assets/images/0146-2.jpg
src/books/English/assets/images/0146-3.jpg
src/books/English/assets/images/0146-4.jpg
src/books/English/assets/images/0146-5.jpg
src/books/English/assets/images/0146-6.jpg
src/books/English/assets/images/0147-2.jpg
src/books/English/assets/images/0150-1.jpg
src/books/English/assets/images/0151-1.jpg
src/books/English/assets/images/0152-1.jpg
src/books/English/assets/images/0153-1.jpg
src/books/English/assets/images/0154-1.jpg
src/books/English/assets/images/0159-1.jpg
src/books/English/assets/images/0160-1.jpg
src/books/English/assets/images/0160-2.jpg
src/books/English/assets/images/0161-1.jpg
src/books/English/assets/images/dy4-le1.jpg
src/books/English/assets/images/dy4-le2.jpg
src/books/English/assets/images/dy4-le3.jpg
src/books/English/assets/images/dy5-le1.jpg
src/books/English/assets/images/dy5-le3.jpg
src/books/English/assets/images/dy5.jpg
src/books/English/assets/images/dy6-le1.jpg
src/books/English/assets/images/dy6-le2.jpg
src/books/English/assets/images/dy6-le3.jpg
src/books/English/assets/images/dy6.jpg
src/books/English/assets/images/dy7-le1.jpg
src/books/English/assets/images/dy7-le2.jpg
src/books/English/assets/images/dy7-le3.jpg
src/books/English/assets/images/dy7.jpg
src/books/English/assets/images/dy8-le1.jpg
src/books/English/assets/images/dy8-le2.jpg
src/books/English/assets/images/dy8-le3.jpg
src/books/English/assets/images/dy8.jpg
src/books/English/assets/images/dyworksheet1.jpg
src/books/English/assets/images/dyworksheet2.jpg
src/books/English/assets/main.less
@@ -767,11 +767,56 @@
  .event-header-bc-unit3 {
    background: linear-gradient(to right, #3ab186, #fff);
  }
  .event-header-bc-unit4 {
    background: linear-gradient(to right, #814974, #fff);
  }
  .event-header-bc-unit5 {
    background: linear-gradient(to right, #AE603F, #fff);
  }
  .event-header-bc-unit6 {
    background: linear-gradient(to right, #2B6026, #fff);
  }
  .event-header-bc-unit7 {
    background: linear-gradient(to right, #004A6D, #fff);
  }
  .event-header-bc-unit8 {
    background: linear-gradient(to right, #FEC50D, #fff);
  }
  .event-header-text-bc-unit3 {
    background-color: #cbe6d3;
  }
  .event-header-text-bc-unit4 {
    background-color: #E0CAD4;
  }
  .event-header-text-bc-unit5 {
    background-color: #E6D1C1;
  }
  .event-header-text-bc-unit6 {
    background-color: #DCE4B8;
  }
  .event-header-text-bc-unit7 {
    background-color: #99BFD6;
  }
  .event-header-text-bc-unit8 {
    background-color: #F7E8BB;
  }
  .event-text-color-unit3 {
    color: #3ab186;
  }
  .event-text-color-unit4 {
    color: #814974;
  }
  .event-text-color-unit5 {
    color: #AE603F;
  }
  .event-text-color-unit6 {
    color: #2B6026;
  }
  .event-text-color-unit7 {
    color: #004A6D;
  }
  .event-text-color-unit8 {
    color: #FEC50D ;
  }
  .y-bc {
    background-color: #f3e3c7;
@@ -865,6 +910,21 @@
    .chapter-left-bc-unit3 {
      background-color: #3ab186;
    }
    .chapter-left-bc-unit4 {
      background-color: #814974;
    }
    .chapter-left-bc-unit5 {
      background-color: #C17654;
    }
    .chapter-left-bc-unit6 {
      background-color: #326C36;
    }
    .chapter-left-bc-unit7 {
      background-color: #004A6D;
    }
    .chapter-left-bc-unit8 {
      background-color: #FEC50D;
    }
    .chapter-right-bc {
      background-color: #bbd4ec;
    }
@@ -875,6 +935,26 @@
    .chapter-right-bc-unit3 {
      background-color: #cbe6d3;
      padding-right: 10%;
    }
    .chapter-right-bc-unit4 {
      background-color: #E0CAD4;
      padding-right: 10%;
    }
    .chapter-right-bc-unit5 {
      background-color: #E6D1C1;
      padding-right: 10%;
    }
    .chapter-right-bc-unit6 {
      background-color: #DCE4B8;
      padding-right: 10%;
    }
    .chapter-right-bc-unit7 {
      background-color: #99BFD6;
      padding-right: 10%;
    }
    .chapter-right-bc-unit8 {
      background-color: #F7E8BB;
      padding-right: 10%;
    }
    .chapter-right-cl {
      color: #639bc2;
@@ -885,6 +965,21 @@
    .chapter-right-cl-unit3 {
      color: #3ab186;
    }
    .chapter-right-cl-unit4 {
      color: #814974;
    }
    .chapter-right-cl-unit5 {
      color: #C17654;
    }
    .chapter-right-cl-unit6 {
      color: #326C36;
    }
    .chapter-right-cl-unit7 {
      color: #004A6D;
    }
    .chapter-right-cl-unit8 {
      color: #FEC50D;
    }
  }
  .tl-w-45{
      width: 45%;
src/books/English/view/components/chapter004.vue
@@ -27,17 +27,41 @@
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit3">MODULE 4</span>
                        <span class="chapter-right-bc-unit3 fw-bl chapter-right-cl-unit3">A BETTER WORLD WITH
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle"></div>
                    <div class="bodystyle">
                        <h2 id="b013"><img class="img-0" alt="" src="../../assets/images/dy4-le1.jpg" /></h2>
                        <h3 id="c028"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Put the expressions in the box below on the corresponding answer line under each
                                picture.</b></p>
                        <div class="bk-wh">
                            <p>robot floor cleaner self-balancing scooter camera drone smartwatch fingerprint door
                                lock VR headset</p>
                        </div>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-1.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-2.jpg" /></p>
                        <p class="center">2._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-3.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-4.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-5.jpg" /></p>
                        <p class="center">5._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0069-6.jpg" /></p>
                        <p class="center">6._____________________</p>
                        <p><b>Ⅱ.Read the following descriptions of the items in the above pictures,and then put the
                                number of the corresponding picture in the blanks.</b></p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0069-7.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">39</span>
                    <span class="contet-num-box">59</span>
                </div>
            </div>
        </div>
@@ -46,19 +70,940 @@
            <div v-if="showPageList.indexOf(66) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit3 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit3">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit3">基础模块一</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle"></div>
                    <div class="bodystyle">
                        <h3 id="c029"><span class="bjh3">Listening</span></h3>
                        <p><b>Listen to the conversation between Tony and Zhang Ping and match the sentence halves.</b>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0070-2.jpg" /></p>
                        <h3 id="c030"><span class="bjh3">Reading</span></h3>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <p>1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
                        </p>
                        <p>2.How can robots help humans today in daily life and work?</p>
                        <p class="center"><b>Robots in Action</b></p>
                        <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
                            soon be used to study sea creatures up close.These robots can blend right in with underwater
                            habitats.Robots take on tasks to make our life easier and safer.Scientists keep coming up
                            with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a
                            look at the latest robots.</p>
                        <p><b>Super Swimmer</b></p>
                        <p>The Octobot is perfectly named.Its design is based on the octopus.The robot is the size of a
                            shoebox.It can blend in with its underwater surroundings.The Octobot can travel at seven
                            inches per second.That is close to the speed of an octopus.The Octobot moves through water
                            by slowly opening its soft rubber arms and then snapping them shut.During tests,fish swam
                            alongside the Octobot.Researchers can use the robot to study sea creatures.</p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0070-4.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">12</span>
                    <span class="contet-num-box">60</span>
                </div>
            </div>
        </div>
        <!-- 61 -->
        <div class="page-box" page="67">
            <div v-if="showPageList.indexOf(67) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>See Spot Run</b></p>
                        <p>Spot looks and moves much like a real dog.But don’t expect it to play fetch.Boston Dynamics
                            created the four-legged,160-pound mechanical dog.It can climb mountains.It can cross
                            woods.It can go upstairs.Spot can also keep itself from falling over if it loses its
                            balance.In the future,Spot may be used for search-and-rescue missions and to carry heavy
                            facilities.</p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p>
                        <p><b>Hotel Helper</b></p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-2.jpg" /></p>
                        <p>No towels? No problem! At the Crowne Plaza in the Dishuihu area of Shanghai,Mingo robot is on
                            the job.The three-foot-tall robot has been making deliveries to guest rooms.When a guest
                            asks for an item,a clerk places it in Mingo’s lid and enters the room number onto a
                            screen.Guests are always very excited when Mingo arrives with a delivery.</p>
                        <p><b>Big in Japan</b></p>
                        <p>In Japan,scientists are leading the way in creating humanoid robots.SoftBank introduced
                            Pepper,a four-foot-tall robot who can talk with humans and react to emotions.If you
                            frown,Pepper will try to cheer you up.The robot is being used in stores.But SoftBank has
                            bigger plans for Pepper.It may one day keep humans company and help teach children.</p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-1.jpg" /></p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p>creature /ˈkriːtʃə(r)/ <i>n.</i> 生物;(尤指) 动物</p>
                        <div class="bkbj">
                            <p><i>a living thing that can move around,such as an animal</i></p>
                        </div>
                        <p>blend /blend/ <i>v.</i> 融合;协调</p>
                        <div class="bkbj">
                            <p><i>to mix harmoniously</i></p>
                        </div>
                        <p>habitat /ˈhæbɪtæt/ <i>n.</i> 栖息地</p>
                        <div class="bkbj">
                            <p><i>the place where a particular type of animal or plant is normally found</i></p>
                        </div>
                        <p>octopus /ˈɒktəpəs/ <i>n.</i> 章鱼</p>
                        <div class="bkbj">
                            <p><i>a sea creature with a soft round body and eight long muscular arms</i></p>
                        </div>
                        <p>rubber /ˈrʌbə(r)/ <i>n.</i> 橡胶</p>
                        <div class="bkbj">
                            <p><i>a strong,waterproof,elastic substance made from the juice of a tropical plant</i></p>
                        </div>
                        <p>snap /snæp/ <i>v.</i> (使啪地) 关上;打开</p>
                        <div class="bkbj">
                            <p><i>to move sth.into a particular position quickly,esp.with a sudden sharp noise</i></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">61</span>
                </div>
            </div>
        </div>
        <!-- 62 -->
        <div class="page-box" page="68">
            <div v-if="showPageList.indexOf(68) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>fetch /fetʃ/ <i>n.</i> 去取回</p>
                        <div class="bkbj">
                            <p><i>an act of going for sth.and then bringing it back</i></p>
                        </div>
                        <p>mechanical /məˈkænɪkl/ <i>adj.</i> 机械的;机器的</p>
                        <div class="bkbj">
                            <p><i>operated by power from an engine</i></p>
                        </div>
                        <p>balance /ˈbæləns/ <i>n.</i> 平衡</p>
                        <div class="bkbj">
                            <p><i>even distribution of weight</i></p>
                        </div>
                        <p>rescue /ˈreskjuː/ <i>n.</i> 救援;营救</p>
                        <div class="bkbj">
                            <p><i>the act of saving sb./sth.from a dangerous or difficult situation</i></p>
                        </div>
                        <p>mission /ˈmɪʃn/ <i>n.</i> 任务;使命</p>
                        <div class="bkbj">
                            <p><i>an important official job that a person or group of people is given to do</i></p>
                        </div>
                        <p>facility /fəˈsɪləti/ <i>n.</i> 设备;设施</p>
                        <div class="bkbj">
                            <p><i>equipment,buildings,services,etc.that are provided for a particular purpose</i></p>
                        </div>
                        <p>lid /lɪd/ <i>n.</i> 盖子</p>
                        <div class="bkbj">
                            <p><i>a cover over a container that can be removed or opened by turning it or lifting it</i>
                            </p>
                        </div>
                        <p>humanoid /ˈhjuːmənɔɪd/ <i>adj.</i> 像人的;仿人的</p>
                        <div class="bkbj">
                            <p><i>behaving and looking like a human being</i></p>
                        </div>
                        <p>react /riˈækt/ <i>v.</i> 回应;起反应</p>
                        <div class="bkbj">
                            <p><i>to behave in a particular way as a result of or in response to sth.</i></p>
                        </div>
                        <p>frown /fraʊn/ <i>v.</i> 皱眉;蹙额</p>
                        <div class="bkbj">
                            <p><i>to make a serious,angry or worried expression by bringing your eyebrows closer
                                    together</i></p>
                        </div>
                        <p>company /ˈkʌmpəni/ <i>n.</i> 陪伴;做伴</p>
                        <div class="bkbj">
                            <p><i>the fact of being with sb.else and not alone</i></p>
                        </div>
                        <p>in action 在活动;在运转</p>
                        <p>blend in (with sth.) 与(某物) 十分协调</p>
                        <p>on the job 在岗;在工作</p>
                        <p>on the rise 与日俱增</p>
                        <p>cheer sb.up (使某人) 更高兴或更快活</p>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Read the passage and complete the summary.</p>
                        <p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make
                            people’s lives 1._________.Sometimes,machines can perform better than humans.There are four
                            examples of the latest robots.Octobot is designed to study 2._________,which can blend in
                            with its underwater surroundings.Spot is a mechanical dog which may</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">62</span>
                </div>
            </div>
        </div>
        <!-- 63 -->
        <div class="page-box" page="69">
            <div v-if="showPageList.indexOf(69) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p> be used for 3._________missions.Mingo could be found in hotels making 4._________.A humanoid
                            robot Pepper has been created to communicate with humans and react to 5._________.</p>
                        <p>B.Match the four types of robots introduced in the passage with the descriptions below.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0073-1.jpg" /></p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper form of the words given below.</p>
                        <div class="bk-wh">
                            <p>facility mission mechanical habitat creature react</p>
                        </div>
                        <p>1.This jellyfish looks like a _______ from outer space.</p>
                        <p>2.The giant panda _______ is commonly known as a bamboo forest.</p>
                        <p>3.China launched its first manned space _______ in 2003.</p>
                        <p>4.E-Theatre is equipped with state-of-the-art audio and video _______ .</p>
                        <p>5.Research shows that video games can help us think and _______ faster.</p>
                        <p>6.Our company has over 10 years of experience in the field of _______ engineering.</p>
                        <p>B.Choose the correct preposition or adverb.</p>
                        <p>1.I have not yet seen the machines <i><span class="u">in / into</span></i> action.</p>
                        <p>2.Technology is <i><span class="u">off / on</span></i> the rise more than ever before.</p>
                        <p>3.The secretary is not willing to take <i><span class="u">up / on</span></i> any extra work.
                        </p>
                        <p>4.Employees are not allowed to smoke while <i><span class="u">on / in</span></i> the job.</p>
                        <p>5.I don’t know how to cheer him <i><span class="u">up / on</span></i> when he found the
                            project was a total failure.</p>
                        <p>C.Translate the following sentences into Chinese.</p>
                        <p>1.While riding your scooter,you should keep your body in balance.</p>
                        <p>__________________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">63</span>
                </div>
            </div>
        </div>
        <!-- 64 -->
        <div class="page-box" page="70">
            <div v-if="showPageList.indexOf(71) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>2.The task of the robot is to serve the technicians on the site by fetching supplies from a
                            central store.</p>
                        <p>__________________________________________________</p>
                        <p>3.Not only does our team have professional equipment,but they also have a great amount of
                            rescue experience.</p>
                        <p>__________________________________________________</p>
                        <p>4.Food processors are great tools for blending vegetables and fruits.</p>
                        <p>__________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The comparative degree.</b></p>
                        <p>A.Write the comparative form for each word below.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0074-1.jpg" /></p>
                        <p>B.Fill in the blanks with the correct comparatives from the above.</p>
                        <p>1.The new car model may be launched _______ than expected.</p>
                        <p>2.The higher we go above the earth,the _______ the air is.</p>
                        <p>3.What you plant now,you will harvest _______ .</p>
                        <p>4.People come online _______ with smartphones than with any other device.</p>
                        <p>5.The big ball is _______ than the small ball.</p>
                        <p>6.In fact,the summer heat is _______ than lightning.</p>
                        <p>7.Our mission is to create a/an _______ everyday life for the many people.</p>
                        <p>8.I wanted to discuss it _______ ,but we didn’t have time.</p>
                        <h3 id="c031"><span class="bjh3">Mini-project</span></h3>
                        <p>Robots play a bigger role in our life than ever before.Discuss the following questions with
                            your partner.Afterwards,share your thoughts in class.</p>
                        <div class="fieldset">
                            <p>Questions:1.What are the differences between humanoid robots and human beings?</p>
                            <p>   2.List the things that robots can’t do but humans can.</p>
                            <p>   3.If you could design your own robot,what functions would you expect of it?</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">64</span>
                </div>
            </div>
        </div>
        <!-- 65 -->
        <div class="page-box" page="71">
            <div v-if="showPageList.indexOf(71) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0075-1.jpg" /></p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>physical complex social relationship feeling emotion empathy thought tireless creative
                            </p>
                        </div>
                        <h2 id="b014"><img class="img-0" alt="" src="../../assets/images/dy4-le2.jpg" /></h2>
                        <h3 id="c032"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Work in groups and ask your group members about their interest in science,and then report
                                your findings to the class.</b></p>
                        <div class="fieldset-1">
                            <p class="center"><b>Interest in Science</b></p>
                            <p>1. Do you like science?</p>
                            <p>□ YES (Continue to Question 2) </p>
                            <p>□ NO (Go directly to Question 4)</p>
                            <p>2. What/Who inspired your interest in science?</p>
                            <p>□ Parents/Relatives.</p>
                            <p>□ Film/TV.</p>
                            <p>□ Friends.</p>
                            <p>□ Internet.</p>
                            <p>□ Teachers.</p>
                            <p>□ A special event.</p>
                            <p>□ School or a particular subject.</p>
                            <p>□ I don’t know.</p>
                            <p>□ Books.</p>
                            <p>□ Other.</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">65</span>
                </div>
            </div>
        </div>
        <!-- 66 -->
        <div class="page-box" page="72">
            <div v-if="showPageList.indexOf(72) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="fieldset-1">
                            <p>3. Why are you interested in studying science?</p>
                            <p>□ I am curious about the world.</p>
                            <p>□ It challenges me intellectually.</p>
                            <p>□ To earn money.</p>
                            <p>□ To get a good job.</p>
                            <p>□ To help others or contribute to society.</p>
                            <p>□ I don’t know.</p>
                            <p>□ To search for answers or make new discoveries.</p>
                            <p>□ Other.</p>
                            <p>4. What are the main reasons that you are not interested in science?</p>
                            <p>□ It’s difficult for me to understand.</p>
                            <p>□ I find it boring.</p>
                            <p>□ Science is not spread to the public effectively.</p>
                            <p>□ I’m too lazy.</p>
                            <p>□ There has been nothing to encourage or inspire me.</p>
                            <p>□ I don’t know.</p>
                            <p>□ I don’t like my science teacher.</p>
                            <p>□ Other.</p>
                        </div>
                        <p>You may start your survey report with the following expressions:</p>
                        <p><i>Most students seem</i>…</p>
                        <p><i>It appears that most students</i>…</p>
                        <p><i>What surprised me is that</i>…</p>
                        <h3 id="c033"><span class="bjh3">Reading</span></h3>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence?
                        </p>
                        <p>2.What is your dream about space exploration?</p>
                        <p class="center"><b>Fresh Face of Science</b></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
                        <p>According to Zhao Hongzhou,founder of China’s scientometrics,scientists typically make their
                            biggest achievements between the ages of 25 and 45,which is true of the scientists and
                            engineers working on FAST(Five-hundred-meter Aperture Spherical Telescope).Its engineering
                            and operation team has an average age of 39,while its on-site team has an average age of
                            30.Meanwhile,the scientific spirit these young scientists have shown is also moving.</p>
                        <p>As the world’s largest radio telescope,it has been </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">66</span>
                </div>
            </div>
        </div>
        <!-- 67 -->
        <div class="page-box" page="73">
            <div v-if="showPageList.indexOf(73) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>quite helpful in the discovery of around 340 pulsars,since becoming operational in September
                            2016.It has also contributed to helping human beings better understand the origin of fast
                            radio
                            bursts,extremely brief but powerful flashes in the universe.FAST was listed by the journals
                            <i>Nature</i> and<i> Science</i> as one of the biggest scientific discoveries of 2020.
                        </p>
                        <p>The construction of FAST pushed the team to its physical and intellectual limits,including
                            creating new systems to operate the telescope,also known as the “Sky Eye”.At the age of
                            28,Yao Rui,a researcher behind FAST’s feed cabin,was responsible for creating the “pupil” of
                            the “Sky Eye” after joining the team.Some of her most challenging tasks involved downsizing
                            the cabin’s weight from 34 to 30 tons,while keeping most of the systems inside and leaving
                            enough room to fill it with as much complex and sensitive equipment as possible.Yao’s
                            solution was to change the shape of the cabin to a diamond structure.The redesign was
                            daring,but later testing proved that it worked perfectly.“I’m not worried about
                            problems,because wherever there is a problem,there is a chance for further research,” she
                            said.“As a young scientist,I am lucky to associate my personal passions with the needs of
                            the nation,so I can improve and grow together with the country.”</p>
                        <p>Sun Jinghai,a 38-year-old researcher of FAST,was involved in perfecting and protecting the
                            giant machine.Nan Rendong,FAST’s former chief scientist,often stressed that FAST not only
                            needed to be precise and sensitive in its applications,but it should also be beautiful to
                            look at.“He expected nothing less of an instrument of national significance,” Sun said.He
                            spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and
                            rewarded him with confidence as he overcame many difficulties and setbacks.</p>
                        <p>The “Sky Eye” is open to the world and offers more observation possibilities to the global
                            scientific community,contributing Chinese wisdom to building a community of a shared future
                            for humanity.</p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p>scientometrics /ˈsaɪəntəʊˈmetrɪks/ <i>n.</i> 科学计量学</p>
                        <div class="bkbj">
                            <p><i>the science of measuring and analyzing science</i></p>
                        </div>
                        <p>telescope /ˈtelɪskəʊp/ <i>n.</i> 望远镜</p>
                        <div class="bkbj">
                            <p><i>a piece of equipment shaped like a tube that is used to view distant objects</i></p>
                        </div>
                        <p>pulsar /ˈpʌlsɑː(r)/ <i>n.</i> 脉冲星</p>
                        <div class="bkbj">
                            <p><i>a star that cannot be seen but that sends out regular rapid radio signals</i></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">67</span>
                </div>
            </div>
        </div>
        <!-- 68 -->
        <div class="page-box" page="74">
            <div v-if="showPageList.indexOf(74) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>origin /ˈɒrɪdʒɪn/ <i>n.</i> 起因;起源</p>
                        <div class="bkbj">
                            <p><i>the cause of sth.or the point from which sth.starts</i></p>
                        </div>
                        <p>burst /bɜːst/ <i>n.</i> 爆裂;爆破</p>
                        <div class="bkbj">
                            <p><i>a sudden brief outbreak or explosion</i></p>
                        </div>
                        <p>universe /ˈjuːnɪvɜːs/ <i>n.</i> 宇宙</p>
                        <div class="bkbj">
                            <p><i>the whole of space and everything in it,including the earth,the planets and the
                                    stars</i></p>
                        </div>
                        <p>intellectual /ˌɪntəˈlektʃuəl/ <i>adj.</i> 智力的;脑力的</p>
                        <div class="bkbj">
                            <p><i>using a person’s ability to think in a logical way and understand things</i></p>
                        </div>
                        <p>cabin /ˈkæbɪn/ <i>n.</i> 舱体;船舱</p>
                        <div class="bkbj">
                            <p><i>a small room on a ship in which you live or sleep</i></p>
                        </div>
                        <p>pupil /ˈpjuːpl/ <i>n.</i> 瞳孔</p>
                        <div class="bkbj">
                            <p><i>the small round black area at the center of the eye</i></p>
                        </div>
                        <p>complex /ˈkɒmpleks/ <i>adj.</i> 复杂的</p>
                        <div class="bkbj">
                            <p><i>made up of (usu.several) closely connected parts</i></p>
                        </div>
                        <p>diamond /ˈdaɪəmənd/ <i>n.</i> 菱形</p>
                        <div class="bkbj">
                            <p><i>a shape with four straight sides of equal length and with angles that are not right
                                    angles</i></p>
                        </div>
                        <p>daring /ˈdeərɪŋ/ <i>adj.</i> (出奇地) 大胆的</p>
                        <div class="bkbj">
                            <p><i>bold in a new or unusual way</i></p>
                        </div>
                        <p>precise /prɪˈsaɪs/ <i>adj.</i> 准确的;精确的</p>
                        <div class="bkbj">
                            <p><i>exact and accurate in all its details</i></p>
                        </div>
                        <p>reward /rɪˈwɔːd/ <i>v.</i> 回报;奖励</p>
                        <div class="bkbj">
                            <p><i>to give sth.to sb.because they have done sth.good or worked hard</i></p>
                        </div>
                        <p>overcome /ˌəʊvəˈkʌm/ <i>v.</i> 克服;解决</p>
                        <div class="bkbj">
                            <p><i>to succeed in dealing with or controlling a problem that has been preventing you from
                                    achieving sth.</i></p>
                        </div>
                        <p>observation /ˌɒbzəˈveɪʃn/ <i>n.</i> 观察;观测</p>
                        <div class="bkbj">
                            <p><i>the act of watching sb./sth.carefully for a period of time</i></p>
                        </div>
                        <p>community /kəˈmjuːnəti/ <i>n.</i> 有共同利益的集体</p>
                        <div class="bkbj">
                            <p><i>a group of people with shared interests</i></p>
                        </div>
                        <p>work on 致力于;从事</p>
                        <p>be responsible for 对……负责</p>
                        <p>in return 作为回报</p>
                        <p>contribute to 有助于;对……有所贡献</p>
                        <p>be involved in 参与;涉及</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">68</span>
                </div>
            </div>
        </div>
        <!-- 69 -->
        <div class="page-box" page="75">
            <div v-if="showPageList.indexOf(75) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="bj-note">
                            <p><b>Notes:</b></p>
                            <p>FAST:全称为Five-hundred-metre Aperture Spherical
                                Telescope。五百米口径射电望远镜位于中国贵州省黔南布依族苗族自治州境内,是具有我国自主知识产权、世界最大单口径、最灵敏的射电望远镜。它被誉为“中国天眼”,大幅拓展了人类的视野,用于探索宇宙的起源和演化。
                            </p>
                            <p>Nan Rendong:南仁东,中国天文学家,“中国天眼”
                                的主要发起者和奠基人,自1994年项目预研究到2016年建成,坚持了22年,在射电天文研究领域、国家重大需求、国际合作等方面做出了重要贡献,被授予“人民科学家” 国家荣誉称号。
                            </p>
                        </div>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Complete the introduction of the FAST team with the numbers in the box.</p>
                        <div class="bk-wh">
                            <p>15 28 30 38 39 340 2016</p>
                        </div>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0079-1.jpg" /></p>
                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
                        <p>( ) 1.According to Zhao Hongzhou’s analysis,scientists usually make their greatest
                            achievements before the age of 45.</p>
                        <p>( ) 2.FAST helps scientists better understand the origin of the universe and find potential
                            life on other planets.</p>
                        <p>( ) 3.Yao Rui is lucky to associate her personal interests with the development of the
                            country.</p>
                        <p>( ) 4.Sun Jinghai encountered many difficulties in the construction of FAST and lost
                            confidence in himself.</p>
                        <p>( ) 5.Young Chinese scientists contribute their wisdom to building a community of a shared
                            future.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">69</span>
                </div>
            </div>
        </div>
        <!-- 70 -->
        <div class="page-box" page="76">
            <div v-if="showPageList.indexOf(76) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
                            have been given.</p>
                        <p>1.The o _______ of life is one of the great mysteries in the universe.</p>
                        <p>2.The most c _______ science is biology followed by chemistry and next is physics.</p>
                        <p>3.Years of doing scientific research had made her very p _______ in her working methods.</p>
                        <p>4.The competition is designed to inspire and r _______ the next generation of scientific
                            leaders.</p>
                        <p>5.Learning how to o _______ challenges is a necessary life skill on the road to success.</p>
                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                        <div class="bk-wh">
                            <p>work on in return be responsible for be involved in contribute to</p>
                        </div>
                        <p>1.If we are nice to others,we expect that they will be nice to us _______ .</p>
                        <p>2.We will always remember Yuan Longping who _______ China’s food security.</p>
                        <p>3.The service of food delivery robot is still not satisfactory,but the company say they’re
                            _______ it.</p>
                        <p>4.All drivers _______ their vehicles—even when it’s a self-driving car accident.</p>
                        <p>5.Studies show how customers can _______ innovation development by giving feedback.</p>
                        <p><b>Ⅲ.Grammar focus:The superlative degree.</b></p>
                        <p>Complete the sentences with the superlative form of the words in the brackets.</p>
                        <p>1.He is probably the _______ (creative) designer in our company.</p>
                        <p>2.This automated store offers the _______ (wide) variety of products.</p>
                        <p>3.His ankles hurt badly,but his knees hurt _______ (badly).</p>
                        <p>4.Penicillin is one of the _______ (big) scientific discoveries of all time.</p>
                        <p>5.You can contact me _______ (easily) by email.Here’s my address.</p>
                        <p>6.The light bulb is one of the _______ (helpful) inventions.</p>
                        <p>7.In our office,Zhang Ming works by far the _______ (hard).</p>
                        <p>8.As I live _______ (near) to the station,I’ll go and buy the train tickets for us.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">70</span>
                </div>
            </div>
        </div>
        <!-- 71 -->
        <div class="page-box" page="77">
            <div v-if="showPageList.indexOf(77) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c034"><span class="bjh3">Mini-project</span></h3>
                        <p>A large number of scientists have made major contributions to the advancement of science and
                            technology,the improvement of people’s lives,and the development of the Chinese nation.Work
                            in groups and list some great Chinese scientists and their contributions to the world,and
                            then discuss with your group members about their spirit towards scientific research and
                            innovation.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0081-2.jpg" /></p>
                        <h2 id="b015"><img class="img-0" alt="" src="../../assets/images/dy4-le3.jpg" /></h2>
                        <h3 id="c035"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p><b>Ⅰ.Listen to Nadia talking about her favorite electronic device and mark what she says
                                about it.</b></p>
                        <p>□ 1.What it is</p>
                        <p>□ 2.Where Nadia got it</p>
                        <p>□ 3.How much it is</p>
                        <p>□ 4.What Nadia uses it for</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">71</span>
                </div>
            </div>
        </div>
        <!-- 72 -->
        <div class="page-box" page="78">
            <div v-if="showPageList.indexOf(78) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>□ 5.When Nadia owned it</p>
                        <p>□ 6.Why it is important to Nadia</p>
                        <p><b>Ⅱ.Ms.Zhang is discussing technology trends with her students.Listen to the
                                conversation,and write down the benefits of each App.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0082-1.jpg" /></p>
                        <h3 id="c036"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.What is a sales letter like?</p>
                        <p>2.What are the purposes of a sales letter?</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">72</span>
                </div>
            </div>
        </div>
        <!-- 73 -->
        <div class="page-box" page="79">
            <div v-if="showPageList.indexOf(79) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅰ.Read the following tips and find out how to write an effective sales letter.</b></p>
                        <p>A sales letter is a marketing tool that businesses use to promote products or service.Like
                            any other letter you write,you need to include the basics and convey your messages as
                            clearly as possible.Generally,every sales letter should contain the following elements:</p>
                        <div class="fieldset">
                            <p>♦ <b>A Headline</b>—Grab the reader’s attention and highlight your main purpose.</p>
                            <p>♦ <b>Introduction</b>—Provide the details of your products or service.</p>
                            <p>♦ <b>Body</b>—Build your credibility.Highlight information such as the product’s
                                worth,how it performs compared to similar products,or a list of satisfied customers.</p>
                            <p>♦ <b>Call to Action</b>—Encourage the reader to respond.</p>
                            <p class="center"><img class="img-f" alt="" src="../../assets/images/0083-1.jpg" /></p>
                        </div>
                        <p><b>Ⅱ.As a sales manager,Nadia is writing a letter to introduce a new gardening tool to her
                                clients.Complete the letter by filling in the blanks with the expressions in the box
                                below.</b></p>
                        <div class="bk-wh">
                            <p>take advantage of suffer from limited time easy to handle difference between</p>
                        </div>
                        <div class="fieldset-3">
                            <p class="left">Easyman Hardware Inc.</p>
                            <p class="left">3489 Greene Ave.</p>
                            <p class="left">Olympia, WA</p>
                            <p class="left">Subject: Home Gardening Made Easy</p>
                            <p class="left">Dear Mr. Smith,</p>
                            <p class="left">Gardening can be back-breaking work when you are not using the right tools.
                                Almost 90% of homeowners injure their backs just by simply raking (耙) the leaves in
                                their back yards. If you are like them and 1._________ a sore back after gardening, then
                                you need to use our new easy rake leaf blower.</p>
                            <p class="left">What is the 2.________ raking and blowing leaves:</p>
                            <p class="left">  ●No bending over, so less back pain</p>
                            <p class="left">  ●3.________ and your arms do not ache</p>
                            <p class="left">  ●Powerful motor blows leaves right where you want them</p>
                            <p class="left">  ●Durable and easy to store in your garage</p>
                            <p class="left">  ●4._________ 20% discount with every purchase</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">73</span>
                </div>
            </div>
        </div>
        <!-- 74 -->
        <div class="page-box" page="80">
            <div v-if="showPageList.indexOf(80) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="fieldset-3">
                            <p class="left">To 5.________ this offer, just come into our store on the corner of Main and
                                Front Streets between 8 a.m. and 5 p.m. and see what this leaf blower can do for you.
                            </p>
                            <p class="left">Sincerely,</p>
                            <p class="left">Nadia Jones</p>
                            <p class="left">Sales Manager</p>
                        </div>
                        <p><b>Ⅲ.Translate the Chinese in the brackets into English to complete the sentences.</b></p>
                        <p>1.Are you having trouble cleaning your house?__________________ (我们有解决方案).</p>
                        <p>2.__________ (我们刚刚推出一款新产品) —modern sweeper XSweep.</p>
                        <p>3.With XSweep,you can do it straight from the ground and______________ (它的长度可达4英尺).</p>
                        <p>4.How much will this cost you?___________________ (含运费只要19.99美元).</p>
                        <p>5.__________________ (如果您感兴趣或想了解更多信息),you can call us directly at 493-201-2018.</p>
                        <p>6.__________________ (欢迎您来试用我们的新产品) and we assure you that you will love it.</p>
                        <p>Ⅳ<b>.Wang Qiang,Nadia's client,is planning to have a thorough housecleaning.Nadia wants to
                                seize the chance to introduce their new sweeper XSweep to him.Work with your partner and
                                write a sales letter of the new sweeper.</b></p>
                        <div class="fieldset-4">
                            <p class="left">Wang Qiang</p>
                            <p class="left">2398 Red Street</p>
                            <p class="left">Salem, MA 34588</p>
                            <p class="left">Subject: A Household Cleaning Tool You Need</p>
                            <p class="left"><br /></p>
                            <p class="left">Dear Mr. Wang,</p>
                            <p class="left">_________________________________________</p>
                            <p class="left">_________________________________________</p>
                            <p class="left">_________________________________________</p>
                            <p class="left">_________________________________________</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">74</span>
                </div>
            </div>
        </div>
        <!-- 75 -->
        <div class="page-box" page="81">
            <div v-if="showPageList.indexOf(81) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit4">MODULE 4</span>
                        <span class="chapter-right-bc-unit4 fw-bl chapter-right-cl-unit4">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="fieldset-4">
                            <p class="left">_________________________________________</p>
                            <p class="left">Sincerely,</p>
                            <p class="left">Nadia Jones</p>
                            <p class="left">Sales Manager</p>
                        </div>
                        <div class="un-h2">
                            <h2 id="b016">Unit Project</h2>
                        </div>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0085-1.jpg" /></p>
                        <p>Youth are pushing the world forward and shaping the world’s future.The annual innovation and
                            entrepreneurship competition (创新创业大赛) is coming.All the participants are required to create
                            “Fit
                            for Future” products and solve the world’s problems through innovation.Work in groups and
                            find
                            ways to make a product or solutions and sign up for the competition.</p>
                        <p><b>Working steps:</b></p>
                        <p>➢ Form groups of five</p>
                        <p>➢ Each group thinks of a product they want to create(either invent a new product,or create a
                            variation on the basis of a product you know)</p>
                        <p>➢ Develop the details of your product by answering the questions in the box below</p>
                        <div class="fieldset-5">
                            <p>What functions does your product have?</p>
                            <p>Who will buy your product? Why will they buy it?</p>
                            <p>What advantages does your product have?</p>
                            <p>Why is your product superior to other products?</p>
                            <p>How much will your product cost?</p>
                        </div>
                        <p>➢ Draft a sales letter to introduce your product to potential customers</p>
                        <p>➢ Make a presentation in front of the class</p>
                        <p>➢ Vote for the best product</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">75</span>
                </div>
            </div>
        </div>
        <!-- 76 -->
        <div class="page-box" page="82">
            <div v-if="showPageList.indexOf(82) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit4 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit4">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit4">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <div class="fieldset-4">
                            <p class="left">Harrison Allen</p>
                            <p class="left">ABC Textiles</p>
                            <p class="left">435 Celina, Texas</p>
                            <p><br /></p>
                            <p class="left">Dear Mr. Allen,</p>
                            <p class="left">_________________________________________</p>
                            <p class="left">_________________________________________</p>
                            <p class="left">_________________________________________</p>
                            <p class="left">_________________________________________</p>
                            <p class="left">_________________________________________</p>
                            <p class="left">Sincerely,</p>
                            <p class="left">Lin Yi</p>
                            <p class="left">Marketing Manager</p>
                        </div>
                        <div class="fieldset-4">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>I am really excited about showing you …</p>
                            <p>I am going to show you …</p>
                            <p>This is one of our latest designs.</p>
                            <p>It is made of/from/in …</p>
                            <p>You can use it to …</p>
                            <p>These … are designed by …</p>
                            <p>The package includes …</p>
                            <p>It has/contains …</p>
                            <p>This kind of … is practical and economical for the needs of …</p>
                            <p>Our products are of superb quality and reasonable price.</p>
                            <p>We can very well compete against … in price.</p>
                            <p>… are the best-selling products of this kind.</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">76</span>
                </div>
            </div>
        </div>
@@ -494,4 +1439,78 @@
};
</script>
<style lang="less" scoped></style>
<style lang="less" scoped>
p {
    font-size: 16px !important;
}
.bodystyle {
    margin: 0 !important;
}
.line-border-box {
    margin-left: 10px;
    display: inline-block;
    width: 50%;
    height: 3px;
    background-color: #f9a71b;
}
.mr-20 {
    margin-right: 20px;
}
.dl-box {
    display: flex;
    flex-wrap: wrap;
    .dl-span {
        display: inline-block;
        text-indent: 0;
        margin-bottom: 15px;
        height: 20px;
        line-height: 20px;
    }
}
.btn-w {
    font-size: 14px;
    border-width: 1px;
    min-width: 80px;
    height: 30px;
    background-color: #fff;
    &:hover {
        background-color: #0bab87;
        color: #fff;
    }
}
.banshi {
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 350px;
    margin: 0 auto;
}
.pageBox {
    z-index: 9999999999;
    color: #999;
    position: absolute;
    left: 48%;
    bottom: 0px;
}
select {
    height: 24px;
}
.mini-audio {
    width: 200px;
    height: 200px;
    position: fixed;
    right: 0;
    background-color: red;
}
</style>
src/books/English/view/components/chapter005.vue
New file
@@ -0,0 +1,1532 @@
<template>
    <div class="chapter" num="6">
        <!-- 第五单元 -->
        <!-- 77 -->
        <div class="page-box" page="83">
            <div class="bodystyle" v-if="showPageList.indexOf(83) > -1">
                <h1 id="a005">
                    <img class="img-0" alt="" src="../../assets/images/dy5.jpg" />
                </h1>
                <p class="img">
                <p>➢ Learn words and expressions about environmental topics</p>
                <p>➢ Review the structure of the present perfect tense and the usage of the infinitive</p>
                <p>➢ Be able to express your concern on environmental issues</p>
                <p>➢ Be able to compose a business memo</p>
                <p>➢ Understand the significance of environmental protection</p>
                </p>
                <p class="center">
                    <img class="img-0" alt="" src="../../assets/images/0087-2.jpg" />
                </p>
                <p class="img"></p>
            </div>
        </div>
        <!-- 78 -->
        <div class="page-box" page="84">
            <div v-if="showPageList.indexOf(84) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b017"><img class="img-0" alt="" src="../../assets/images/dy5-le1.jpg" /></h2>
                        <h3 id="c037"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Put the expressions in the box below on the corresponding answer line under each
                                picture.</b></p>
                        <div class="bk-wh">
                            <p>plastic waste problem water pollution global warming oil spill air
                                pollution deforestation</p>
                        </div>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-1.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-2.jpg" /></p>
                        <p class="center">2._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-3.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-4.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-5.jpg" /></p>
                        <p class="center">5._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0088-6.jpg" /></p>
                        <p class="center">6._____________________</p>
                        <p><b>Ⅱ.What other environmental issues do you know?</b></p>
                        <p>_____________________________________________</p>
                        <h3 id="c038"><span class="bjh3">Listening</span></h3>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p><b>Nature is sending warnings to human beings.Watch the video and answer the following
                                questions.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0088-8.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">78</span>
                </div>
            </div>
        </div>
        <!-- 79 -->
        <div class="page-box" page="85">
            <div v-if="showPageList.indexOf(85) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c039"><span class="bjh3">Reading</span></h3>
                        <p class="center"> <audio :src="resource.readingOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p>1.Plastic never biodegrades,so every piece ever made lasts forever! It has posed a serious
                            threat to our health and future generations.What do you use plastic for in daily life?</p>
                        <p>2.Can you think of some ways to reduce the use of plastic? Share your ideas with the class.
                        </p>
                        <p class="center"><b>A Better Path for Plastic</b></p>
                        <p>Plastic plays an important role in modern life,serving as building blocks for everything from
                            packaging to medical equipment.This useful material has undeniable upsides—but far too much
                            of it ends up in landfills or in our environment.What can each of us do to be part of the
                            solution?</p>
                        <p>Here’s some inspiration for how you can make a positive impact in your community and the
                            world.</p>
                        <p>1)_________________</p>
                        <p>Initiatives that encourage repair,reuse,and recycling to reduce plastic waste come from every
                            part of the society and from every corner of the world.In India,some shops have begun
                            treating recyclable things as a form of exchangeable currency for groceries.In the
                            U.S.,Phoenix—once branded the world’s least sustainable city—now has set an ambitious goal
                            to be zero-waste by 2050,and other cities are setting their own zero-waste targets.</p>
                        <p>2)_________________</p>
                        <p>Solving big challenges requires leadership from our elected officials,from businesses,and
                            from each one of us.As parents or mentors,we can teach and encourage positive behaviors.In
                            our work,we can drive changes within our own companies.And as everyday citizens,we can share
                            what matters to us in conversations and on social media.</p>
                        <p>3)_________________</p>
                        <p>Waste is a problem that is growing right before our eyes.Making decisions about what types of
                            products to buy—or whether to purchase them at all—can feel intense.Start by asking
                            questions about the products that you’re using.What is it made of? How long will it last? Is
                            it recyclable or compostable in your area? Is there an alternative? Then look for products
                            that contain recycled materials and are designed from the start with circularity in mind.
                        </p>
                        <p>4)_________________</p>
                        <p>Placing recyclable and compostable items in their appropriate bins whenever you can is very
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">79</span>
                </div>
            </div>
        </div>
        <!-- 80 -->
        <div class="page-box" page="86">
            <div v-if="showPageList.indexOf(86) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>important—but that’s not all you can do.Consider ways to buy less and reuse more,such as by
                            choosing refillable packaging.See if your community offers more repair workshops as a way to
                            keep items working longer.Neighborhood groups and thrift stores are a great way to pass on
                            what you no longer need and pick up basic essentials without buying new things.</p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p>undeniable /ˌʌndɪˈnaɪəbl/ <i>adj.</i> 不可否定的;无可争辩的</p>
                        <div class="bkbj">
                            <p><i>that cannot be denied</i></p>
                        </div>
                        <p>upside /ˈʌpsaɪd/ <i>n.</i> (糟糕局面的) 好的一面;正面</p>
                        <div class="bkbj">
                            <p><i>the more positive aspect of a situation that is generally bad</i></p>
                        </div>
                        <p>landfill /ˈlændfɪl/ <i>n.</i> 废物填埋场</p>
                        <div class="bkbj">
                            <p><i>an area of land where large amounts of waste materials are buried under the earth</i>
                            </p>
                        </div>
                        <p>initiative /ɪˈnɪʃətɪv/ <i>n.</i> 倡议;新方案</p>
                        <div class="bkbj">
                            <p><i>a new plan for dealing with a particular problem or for achieving a particular
                                    purpose</i></p>
                        </div>
                        <p>recycling /ˌriːˈsaɪklɪŋ/ <i>n.</i> 回收利用</p>
                        <div class="bkbj">
                            <p><i>the process of processing things that have already been used so that they can be used
                                    again</i></p>
                        </div>
                        <p>currency /ˈkʌrənsi/ <i>n.</i> 货币</p>
                        <div class="bkbj">
                            <p><i>the system of money that a country uses</i></p>
                        </div>
                        <p>exchangeable /ɪksˈtʃeɪndʒəbl/ <i>adj.</i> 可兑换的;可交换的</p>
                        <div class="bkbj">
                            <p><i>that can be exchanged for money or goods</i></p>
                        </div>
                        <p>sustainable /səˈsteɪnəbl/ <i>adj.</i> (对自然资源和能源的利用) 不破坏生态平衡的,合理利用的</p>
                        <div class="bkbj">
                            <p><i>involving the use of natural products and energy in a way that does not harm the
                                    environment</i></p>
                        </div>
                        <p>ambitious /æmˈbɪʃəs/ <i>adj.</i> 宏伟的;远大的</p>
                        <div class="bkbj">
                            <p><i>determined to be successful,rich,powerful,etc.</i></p>
                        </div>
                        <p>zero-waste <i>adj.</i> 零废弃的</p>
                        <div class="bkbj">
                            <p><i>having no waste</i></p>
                        </div>
                        <p>mentor /ˈmentɔː(r)/ <i>n.</i> 导师;顾问</p>
                        <div class="bkbj">
                            <p><i>an experienced person who advises and helps sb.with less experience over a period of
                                    time</i></p>
                        </div>
                        <p>intense /ɪnˈtens/ <i>adj.</i> 十分强烈的</p>
                        <div class="bkbj">
                            <p><i>very strong</i></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">80</span>
                </div>
            </div>
        </div>
        <!-- 81 -->
        <div class="page-box" page="87">
            <div v-if="showPageList.indexOf(87) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>compostable [kəmˈpɒstəbl] <i>adj.</i> 可用作堆肥的</p>
                        <div class="bkbj">
                            <p><i>capable of being used as compost</i></p>
                        </div>
                        <p>alternative /ɔːlˈtɜːnətɪv/ <i>n.</i> 可供替代的事物</p>
                        <div class="bkbj">
                            <p><i>a thing that you can choose to replace sth.else</i></p>
                        </div>
                        <p>circularity /ˌsɜːkjəˈlærəti/ <i>n.</i> 循环</p>
                        <div class="bkbj">
                            <p><i>moving through a space,circuit or system,returning to the starting point</i></p>
                        </div>
                        <p>refillable /ˌriːˈfɪləbl/ <i>adj.</i> 适于再装的</p>
                        <div class="bkbj">
                            <p><i>able to be filled again</i></p>
                        </div>
                        <p>essential /ɪˈsenʃl/ <i>n.</i> 必需品</p>
                        <div class="bkbj">
                            <p><i>fundamentally necessary thing</i></p>
                        </div>
                        <p>building blocks组成部分;构成要素</p>
                        <p>thrift store二手商店</p>
                        <p>end up最终;结果</p>
                        <p>pass on传递;继续</p>
                        <p>pick up发现;找到</p>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Choose one proper subtitle from the following for paragraph 2-5.There is one subtitle which
                            you don’t need.</p>
                        <p>a.Stay Curious</p>
                        <p>b.Change Your Lifestyle</p>
                        <p>c.Solutions in Action</p>
                        <p>d.Be Responsible</p>
                        <p>e.Be a Community Leader</p>
                        <p>B.Read the passage and answer the following questions.</p>
                        <p>1.What is the use of plastic in modern life?</p>
                        <p>____________________________________________________</p>
                        <p>2.Which city in the U.S.has set a goal to be zero-waste by 2050?</p>
                        <p>____________________________________________________</p>
                        <p>3.Who should lead the campaign against plastic pollution?</p>
                        <p>____________________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">81</span>
                </div>
            </div>
        </div>
        <!-- 82 -->
        <div class="page-box" page="88">
            <div v-if="showPageList.indexOf(88) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words from the passage.The initial letters of the words
                            have been given.</p>
                        <p>1.They hope to raise consumers’ awareness and avoid recyclable packaging ending up in
                            l________sites.</p>
                        <p>2.The Belt and Road I________has won a warm welcome from the international community.</p>
                        <p>3.The children were taught to flatten the empty milk cartons and r________them.</p>
                        <p>4.Many coffee shops started to offer paper straws or ones made of c________plastic.</p>
                        <p>5.Do your bit for the planet by switching to r________sports bottles.They’re kind to your
                            body too!</p>
                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                        <div class="bk-wh">
                            <p>building blocks end up thrift store pass on pick up</p>
                        </div>
                        <p>1.If our planet is seriously polluted,what’s left there to _______ to future generations?</p>
                        <p>2.Single words are the _______ of language.</p>
                        <p>3.I buy clothes in the _______ instead of noting the brand names.</p>
                        <p>4.Every student is responsible for _______ their own litter in the classroom.</p>
                        <p>5.Large amounts of plastic waste _______ littered on the streets,or worse,in our oceans.</p>
                        <p>C.Translate the following sentences into Chinese.</p>
                        <p>1.China has set ambitious targets to reach a carbon peak by 2030 and achieve carbon
                            neutrality by 2060.</p>
                        <p>____________________________________________________</p>
                        <p>2.Consumers are encouraged to use reusable grocery bags instead of plastic bags,which helps
                            to achieve the zero-waste target.</p>
                        <p>____________________________________________________</p>
                        <p>3.Electric cars help to reduce greenhouse gas emissions(排放),making it a great alternative to
                            gas-only cars.</p>
                        <p>____________________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">82</span>
                </div>
            </div>
        </div>
        <!-- 83 -->
        <div class="page-box" page="89">
            <div v-if="showPageList.indexOf(89) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>4.The Beijing 2022 Winter Olympics is in line with its concept of delivering a green and
                            sustainable Games.</p>
                        <p>____________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The present perfect tense.</b></p>
                        <p>A.Mark the correct form of the words in the brackets.</p>
                        <p>1.Some shops in India have (begin,began,begun) to exchange recyclable things for groceries.
                        </p>
                        <p>2.In the U.S.,Phoenix now has (set,sets,setting) an ambitious goal to be zero-waste by 2050.
                        </p>
                        <p>3.The temperature increase has (cause,causes,caused) melting glaciers and drought.</p>
                        <p>4.Destruction of forests has (lead,leads,led) to the extinction of some animal species.</p>
                        <p>5.A nationwide waste sorting policy has been (adopt,adopted,adopting) to protect the
                            environment.</p>
                        <p>6.We need to be aware that some natural resources have (run,ran,running) out.</p>
                        <p>B.Fill in each blank with the present perfect form of the verb in the brackets.</p>
                        <p>1.I__________up my mind to live a zero-waste lifestyle to help our planet.(make)</p>
                        <p>2.Solar power__________more and more popular for domestic use.(become)</p>
                        <p>3.New energy vehicle industry__________rapid development in the past few years.(experience)
                        </p>
                        <p>4.While waste sorting may sound simple,it__________harder to do in practice.(prove)</p>
                        <p>5.Light pollution__________human health and animal behavior.(affect)</p>
                        <h3 id="c040"><span class="bjh3">Mini-project</span></h3>
                        <p>Nature is speaking with a furious tone telling us that she’s been through a very difficult
                            time while humans do nothing but make it worse.Search online for the causes and effects of
                            environmental issues,and finish the worksheet,and then prepare a report to the class.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">83</span>
                </div>
            </div>
        </div>
        <!-- 84 -->
        <div class="page-box" page="90">
            <div v-if="showPageList.indexOf(90) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>Nature is speaking with a furious tone telling us that she’s been through a very difficult
                            time while humans do nothing but make it worse.Search online for the causes and effects of
                            environmental issues,and finish the worksheet,and then prepare a report to the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0094-1.jpg" /></p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>smog greenhouse gases unusual temperature rising sea levels melting glaciers frequent
                                drought heavier rainstorms soil degradation</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">84</span>
                </div>
            </div>
        </div>
        <!-- 85 -->
        <div class="page-box" page="91">
            <div v-if="showPageList.indexOf(91) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b018"><img class="img-0" alt="" src="image/dy5-le1.jpg" /></h2>
                        <h3 id="c041"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Nature is calling for help! Everyone has a part to play in this everlasting planet-saving
                                mission.Are you environmentally conscious? Complete the following questionnaire and
                                check the results.</b></p>
                        <p class="center"><b>How Green Are You?</b></p>
                        <div class="fieldset-6">
                            <p>1.Do you sort your household waste into corresponding categories?</p>
                            <p>a.Yes,always. b.Sometimes. c.Never.</p>
                            <p>2.Do you use your own shopping bags?</p>
                            <p>a.Yes,always. b.Sometimes. c.Never.</p>
                            <p>3.Do you recycle light bulbs and used batteries?</p>
                            <p>a.Yes,always. b.Sometimes. c.Never.</p>
                            <p>4.Do you switch off the lights when you leave a room?</p>
                            <p>a.Yes,always. b.Sometimes. c.Never.</p>
                            <p>5.Do you switch off the TV and computer before you go to sleep?</p>
                            <p>a.Yes,always. b.Sometimes. c.Never.</p>
                            <p>6.Do you put on warmer clothes on a cold day instead of turning on the heating?</p>
                            <p>a.Yes,always. b.Sometimes. c.Never.</p>
                            <p>7.Do you keep the tap closed while you are brushing your teeth?</p>
                            <p>a.Yes,always. b.Sometimes. c.Never.</p>
                            <p>8.Do you use public transport or a bike when possible?</p>
                            <p>a.Yes,always. b.Sometimes. c.Never.</p>
                            <p>Check the number of the points you have got and see if you are GREEN!</p>
                            <p>a.2 points b.1 point c.0 point</p>
                            <div class="fieldset-61">
                                <p>From 12 to 16</p>
                                <p>Congratulations! You are definitely environmentally conscious.Thank you for helping
                                    save our planet!</p>
                            </div>
                            <div class="fieldset-61">
                                <p>From 6 to 11</p>
                                <p>Well,you should improve and live a greener life.Remember to take environment
                                    protection as priority.</p>
                            </div>
                            <div class="fieldset-61">
                                <p>Below 5</p>
                                <p>You should do a lot more to leave a favorable environment to your children and
                                    grandchildren.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">85</span>
                </div>
            </div>
        </div>
        <!-- 86 -->
        <div class="page-box" page="92">
            <div v-if="showPageList.indexOf(92) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c042"><span class="bjh3">Reading</span></h3>
                        <p>1.“You are what you eat.” How do you understand this saying?</p>
                        <p>2.What is a climate-friendly diet?</p>
                        <p class="center"><b>Your Dinner Has a Carbon Footprint</b></p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p>Every morning,I wake up,and just moments after my feet hit this floor,I’m reaching for a
                            sports bra and tying my shoelaces.It’s time to go running.</p>
                        <p>Sometimes,I’m alone.Other times,I’m with a friend.I’m a runner,and for me,there’s nothing
                            better than a crisp morning,when the air is fresh,the sun is peaking over the horizon,and my
                            legs are light.But some days,when an air quality warning shows on my phone,I know running
                            outdoors will be unpleasant.</p>
                        <p>Most of us would love to cut our carbon footprints in half—I know I would—but it just isn’t
                            convenient.We want to drive in cars,fly in planes,and eat fruits that only grow on the other
                            side of the world.I’m lucky enough to live in a city with great public transportation and a
                            wealth of ecofriendly ride-sharing options.But actually,not all of us have these choices.
                        </p>
                        <p>So,if we can’t take millions of cars off the road,what can we do right now,on an individual
                            level,to reduce our carbon footprint?</p>
                        <p>Well,everybody eats.We eat to celebrate,to grow,and to survive.We also eat selectively.It
                            seems like everyone has a dietary restriction these days.Most of the dietary choices are
                            made for personal,health-related reasons,but what I’ve learned recently is that the food we
                            eat doesn’t just impact us; it impacts the planet big time.</p>
                        <p>Just this summer,a group of researchers in the UK published a study comparing the carbon
                            footprints connected with different diets:meat-eaters,fish-eaters,and vegans.It turns out
                            that eliminating meat from your diet can reduce your carbon emissions by half.A vegan diet
                            was connected with the least amount of greenhouse gas emissions—99 percent to 102 percent
                            less than meateaters—but even switching from meat to fish can reduce your dietary emissions
                            by 50 percent.</p>
                        <p>Before learning about this study,I never thought about how my diet impacted anyone but
                            myself.I always figured that what I put into my body was a personal decision,but it’s a
                            public concern.</p>
                        <p>Every night before sleeping,I lay there for a moment,reflecting on the day,and thinking about
                            my next meatless meal.As I close my eyes,I hope for a crisp morning with fresh air,the sun
                            peaking over the horizon,a lightness in my legs.I am looking forward to the next day’s run.
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">86</span>
                </div>
            </div>
        </div>
        <!-- 87 -->
        <div class="page-box" page="93">
            <div v-if="showPageList.indexOf(93) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            @play="audioPlay"></audio>
                        <p>crisp /krɪsp/ <i>adj.</i> (指空气、天气) 干冷的;凉爽的</p>
                        <div class="bkbj">
                            <p><i>(of the air or the weather) pleasantly dry and cold</i></p>
                        </div>
                        <p>peak /piːk/ <i>v.</i> 达到高峰</p>
                        <div class="bkbj">
                            <p><i>to reach the highest point</i></p>
                        </div>
                        <p>horizon /həˈraɪzn/ <i>n.</i> 地平线</p>
                        <div class="bkbj">
                            <p><i>the furthest that you can see,where the sky seems to meet the land or the sea</i></p>
                        </div>
                        <p>eco-friendly <i>adj.</i> 环保的</p>
                        <div class="bkbj">
                            <p><i>not harmful to the environment</i></p>
                        </div>
                        <p>ride-sharing <i>adj.</i> 拼车的</p>
                        <div class="bkbj">
                            <p><i>sharing rides</i></p>
                        </div>
                        <p>survive /səˈvaɪv/ <i>v.</i> 生存;存活</p>
                        <div class="bkbj">
                            <p><i>to continue to live or exist</i></p>
                        </div>
                        <p>selectively /sɪ’lektɪvli/ <i>adv.</i> 有选择地</p>
                        <div class="bkbj">
                            <p><i>in a selective manner</i></p>
                        </div>
                        <p>dietary /ˈdaɪətəri/ <i>adj.</i> 饮食的</p>
                        <div class="bkbj">
                            <p><i>of or relating to the diet</i></p>
                        </div>
                        <p>restriction /rɪˈstrɪkʃn/ <i>n.</i> 限制;约束</p>
                        <div class="bkbj">
                            <p><i>the act of limiting or controlling sb./sth.</i></p>
                        </div>
                        <p>vegan /ˈviːɡən/ <i>n.</i> 严格素食主义者</p>
                        <div class="bkbj">
                            <p><i>a person who does not eat any animal products such as meat,milk or eggs</i></p>
                        </div>
                        <p>eliminate /ɪˈlɪmɪneɪt/ <i>v.</i> 清除;消除</p>
                        <div class="bkbj">
                            <p><i>to remove or get rid of sb./sth.</i></p>
                        </div>
                        <p>emission /iˈmɪʃn/ <i>n.</i> (光、热、气等的) 排放</p>
                        <div class="bkbj">
                            <p><i>the production or sending out of light,heat,gas,etc.</i></p>
                        </div>
                        <p>figure /ˈfɪɡə(r)/ <i>v.</i> 认为</p>
                        <div class="bkbj">
                            <p><i>to think</i></p>
                        </div>
                        <p>carbon footprint 碳足迹</p>
                        <p>big time 大范围地;很大程度地</p>
                        <p>reflect on 回想</p>
                        <p>reach for sth.伸出(手) 以抓到或拿到某物</p>
                        <p>turn out 结果是</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">87</span>
                </div>
            </div>
        </div>
        <!-- 88 -->
        <div class="page-box" page="94">
            <div v-if="showPageList.indexOf(94) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Mark the suggestions given by the author on how to reduce carbon footprints.</p>
                        <p>Ways to reduce carbon footprints</p>
                        <p>   □ Driving to work in cars</p>
                        <p>   □ Carpooling to work</p>
                        <p>   □ Eating much meat</p>
                        <p>   □ Having a meatless meal</p>
                        <p>   □ Eating vegetables</p>
                        <p>   □ Eating imported fruits</p>
                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
                        <p>( ) 1.It’s convenient to cut our carbon footprints in half.</p>
                        <p>( ) 2.People eat for different purposes and have different eating habits.</p>
                        <p>( ) 3.Carbon footprints have nothing to do with people’s diets.</p>
                        <p>( ) 4.The more meat people eat,the fewer carbon emissions are produced.</p>
                        <p>( ) 5.People’s personal diets have a huge influence on the planet.</p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Replace the words or expression,in italics with the exact words in the passage and change
                            the form if necessary.</p>
                        <p>1.The air was thin and <i>fresh</i>,filled with hazy sunshine and frost._________</p>
                        <p>2.Few can <i>live</i> more than a week without water._________</p>
                        <p>3.People should be prohibited from using plastic bags to <i>get rid of</i> white
                            pollution._________</p>
                        <p>4.<i>Discharge</i> of greenhouse gases contributes to global warming._________</p>
                        <p>5.She <i>thought</i> that both she and Ned had learned a lot from the experience._________
                        </p>
                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                        <div class="bk-wh">
                            <p>carbon footprint big time turn out reflect on reach for</p>
                        </div>
                        <p>1.We need to take some time to ________ what we have done to nature.</p>
                        <p>2.Human activities affect the environment ________ .</p>
                        <p>3.She ________ the luggage when she was required to show the ticket.</p>
                        <p>4.We all need to look for ways to reduce our ________ .</p>
                        <p>5.It ________ that bamboo can replace plastic in items like tableware,toothbrushes and so on.
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">88</span>
                </div>
            </div>
        </div>
        <!-- 89 -->
        <div class="page-box" page="95">
            <div v-if="showPageList.indexOf(95) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅲ.Grammar focus:The infinitive.</b></p>
                        <p>Rewrite the following sentences using the infinitive symbol “to”.</p>
                        <p>1.We work hard.</p>
                        <p>We want to make a better life.</p>
                        <p>___________________________________________________</p>
                        <p>2.I’m sorry.</p>
                        <p>I sent the urgent email to a wrong person.</p>
                        <p>___________________________________________________</p>
                        <p>3.I was shocked.</p>
                        <p>I heard the news that temperatures at North Pole were more than 50°F warmer than average.</p>
                        <p>___________________________________________________</p>
                        <p>4.The 70-year-old grandma was warm-hearted.</p>
                        <p>She cleaned 52 beaches in one year.</p>
                        <p>___________________________________________________</p>
                        <p>5.Miss Li was environmentally conscious.</p>
                        <p>She switched off all the lights after each class.</p>
                        <p>___________________________________________________</p>
                        <h3 id="c043"><span class="bjh3">Mini-project</span></h3>
                        <p>Nature needs to be heard,understood and assisted.Let’s start with waste sorting.</p>
                        <p>“What kind of trash are you? I mean,what kind of the trash are you taking?” There have been
                            such funny chats among neighbours ever since each household was strictly required to sort
                            its waste into four categories (recyclable waste,hazardous waste,kitchen waste and residual
                            waste),and put them into proper bins.</p>
                        <p><b>Ⅰ.Classify the following waste and put the number of the waste into proper bins.</b></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">89</span>
                </div>
            </div>
        </div>
        <!-- 90 -->
        <div class="page-box" page="96">
            <div v-if="showPageList.indexOf(96) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>1.books 2.paints 3.dust 4.eggshells 5.plastic bottles 6.fruit peels</p>
                        <p>7.batteries 8.hair 9.leftovers 10.newspapers 11.tin cans 12.expired medicine</p>
                        <p>13.broken ceramics 14.used tissue 15.fish bones 16.nail polish remover</p>
                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0100-1.jpg" /></p>
                        <p><b>Ⅱ.Work in groups.Ask your group members how they deal with the household waste every
                                day.Finish the worksheet and prepare a report to the class.</b></p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0100-2.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">96</span>
                </div>
            </div>
        </div>
        <!-- 91 -->
        <div class="page-box" page="97">
            <div v-if="showPageList.indexOf(97) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b019"><img class="img-0" alt="" src="../../assets/images/dy5-le3.jpg" /></h2>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <h3 id="c044"><span class="bjh3">Listening</span></h3>
                        <p><b>Ⅰ.Every one of us should have a clear sense of how important Nature means to mankind.Watch
                                the video and fill in the blanks with what you hear.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0101-2.jpg" /></p>
                        <p><b>Ⅱ.The four people below are all concerned with the increasingly serious environmental
                                issues.Listen to the recording and decide which website they use to search for the
                                information they need.</b></p>
                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0101-3.jpg" /></p>
                        <div class="fieldset-7">
                            <p><b>a. oneworld.org</b></p>
                            <p>There’s lots of environmental information here, whether you’re just starting to explore
                                the subject, or wanting to find out about the latest research.</p>
                            <p><b>b. eco.org</b></p>
                            <p>You can find out here if your choice of transport damages the planet. If so, try the easy
                                changes to your routine suggested here.</p>
                            <p><b>c. planetmatters.org</b></p>
                            <p>There’s a recycling section in this website — find different uses for things that you
                                might otherwise put in the bin.</p>
                            <p><b>d. ourworld.org</b></p>
                            <p>If you prefer working things out for yourself, you can find experiments to do in this
                                website, like making your own power using sunlight!</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">91</span>
                </div>
            </div>
        </div>
        <!-- 92 -->
        <div class="page-box" page="98">
            <div v-if="showPageList.indexOf(98) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c045"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.Who is the memo written to?</p>
                        <p>2.What is the purpose of memo writing?</p>
                        <p><b>Ⅰ.Read the following tips for writing a memo and find out how you can improve your
                                memo.</b></p>
                        <p>A memo,also known as memorandum,is a short message used for internal communication in a
                            business.It is written to inform the staff about new information like some internal
                            changes,upcoming events,meeting schedules,etc.</p>
                        <p>Sample:</p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0102-1.jpg" /></p>
                        <p>The following are some tips that will help you write a clear,concise,and effective business
                            memo.</p>
                        <div class="fieldset">
                            <p>◆ Keep it brief and to the point.</p>
                            <p>◆ Get the tone right.</p>
                            <p>◆ Maintain a professional style.</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">92</span>
                </div>
            </div>
        </div>
        <!-- 93 -->
        <div class="page-box" page="99">
            <div v-if="showPageList.indexOf(99) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Translate the following sentences into Chinese.</b></p>
                        <p>1.Please note that the company will start the office recycling program on May 15.</p>
                        <p>___________________________________________________</p>
                        <p>2.I’d like to have your report by 10 a.m.tomorrow.</p>
                        <p>___________________________________________________</p>
                        <p>3.This memo will present the decisions made at the meeting.</p>
                        <p>___________________________________________________</p>
                        <p>4.Please contact the HR department for more detailed information.</p>
                        <p>___________________________________________________</p>
                        <p>5.Thank you for your support.</p>
                        <p>___________________________________________________</p>
                        <p><b>Ⅲ.Complete the memo with the sentences given below.</b></p>
                        <div class="fieldset-5">
                            <p>a.In addition,we would like to encourage everyone to participate by turning off the
                                lights at home during the event</p>
                            <p>b.Our company will join together with millions of people across the globe celebrating
                                Earth Hour</p>
                            <p>c.I’d appreciate your cooperation during this time</p>
                            <p>d.Join us in the Earth Hour Movement</p>
                            <p>e.Help us make sure the lights do actually go out at 8.30 p.m.on March 26</p>
                        </div>
                        <div class="fieldset-4">
                            <p class="center"><b>MEMO</b></p>
                            <p>To:All employees</p>
                            <p>From:Ryan Black,CEO</p>
                            <p>Date:March 23,2023</p>
                            <p>Subject:1.___________________</p>
                            <p>2.___________________,the world’s largest grassroots movement for the environment.</p>
                            <p>3.___________________,by switching off all non-essential office lights and unplugging
                                non-essential equipment before leaving the building if you happen to be there on
                                Friday,March 25,the day before Earth Hour.4._________________ .</p>
                            <p>5.______________.Small actions can make a big difference to the planet,our home.</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">93</span>
                </div>
            </div>
        </div>
        <!-- 94 -->
        <div class="page-box" page="100">
            <div v-if="showPageList.indexOf(100) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>Ⅳ<b>.Your company recognizes the importance of running its offices sustainably and strives to
                                adopt best green office practices.Help Steven White,CEO,write a memo to explain the new
                                Green Office Policy to all the employees.</b></p>
                        <p>1.The policy will start on December 20.</p>
                        <p>2.Employees should reduce paper use,avoid the use of disposable items,sort the waste into
                            corresponding bins,keep the AC temperature no lower than 26°C in summer and no higher than
                            20°C in winter,and switch off all lights and office equipment before leaving the office.</p>
                        <p>3.For more information,email at OFFICE@company.com.</p>
                        <div class="fieldset-1">
                            <p class="center"><b>Expressions for Reference</b></p>
                            <p>Please note that ...</p>
                            <p>Please notice that ...</p>
                            <p>If you have any questions,please contact me at ...</p>
                            <p>Thank you for ...</p>
                            <p>We would appreciate it if you ...</p>
                        </div>
                        <div class="fieldset-4">
                            <p class="center"><b>MEMO</b></p>
                            <p class="left">To:______________</p>
                            <p class="left">From:___________</p>
                            <p class="left">Date:____________</p>
                            <p class="left">Subject:__________</p>
                            <p class="left">_____________________________________</p>
                            <p class="left">_____________________________________</p>
                            <p class="left">_____________________________________</p>
                            <p class="left">_____________________________________</p>
                            <p class="left">_____________________________________</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">94</span>
                </div>
            </div>
        </div>
        <!-- 95 -->
        <div class="page-box" page="101">
            <div v-if="showPageList.indexOf(101) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit5">MODULE 5</span>
                        <span class="chapter-right-bc-unit5 fw-bl chapter-right-cl-unit5">A BETTER WORLD WITH
                            VOLUNTEERS</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="un-h2">
                            <h2 id="b020">Unit Project</h2>
                        </div>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p>The 26th Conference of the Parties to the United Nations Framework Convention on Climate
                            Change (COP26) kicked off on November 1,2021,in Glasgow,Scotland.CGTN reporter Xu Jinhui
                            also did her part by joining the 7-day No Plastic Challenge.Let’s watch her vlog and see
                            what a single person can do to bring about positive changes to the world we live in.</p>
                        <p>Next,engage yourself in the 7-day No Plastic Challenge just like what Ms.Xu did in her vlog
                            and finish the worksheet below.Here is the instructions on how to conduct the challenge.</p>
                        <p>Step 1:Decide on the form(s) of documenting.It can be vlogs,photos,journals or other creative
                            means.</p>
                        <p>Step 2:Document how you avoid plastic use during the 7-day No Plastic Challenge.</p>
                        <p>Step 3:Post your experience of the 7-day No Plastic Challenge on social media platforms.</p>
                        <p>Step 4:Share your experiences as well as your thoughts on how to reduce personal carbon
                            footprints in the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0105-2.jpg" /></p>
                        <div class="fieldset-4">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>In response to the national call for plastic reduction, I decide to engage in the 7-day
                                No Plastic Challenge.</p>
                            <p>I will document the challenge in the form of …</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">95</span>
                </div>
            </div>
        </div>
        <!-- 96 -->
        <div class="page-box" page="102">
            <div v-if="showPageList.indexOf(102) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit5 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit5">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit5">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="fieldset-4">
                            <p>I will post my experience on …</p>
                            <p>I will use eco-friendly bags for grocery shopping.</p>
                            <p>I will carry a stainless steel container for my lunch.</p>
                            <p>I succeeded in the challenge. On the first day, I …</p>
                            <p>I failed the challenge, because …</p>
                            <p>Everyone can do small things at will to prevent environmental issues, such as …</p>
                            <p>We can make a huge difference if we come together and act now.</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">96</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapter-Five",
    components: { matching },
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
                    {
                        oldId: "FB34",
                        txt: "Martin    Silk",
                    },
                    {
                        oldId: "64D6",
                        txt: "Jessica  The Great Wall",
                    },
                    {
                        oldId: "2ED4",
                        txt: "Soren  Chinese Food",
                    },
                    {
                        oldId: "44DE",
                        txt: "Chinese    Tea",
                    },
                ],
                right: [
                    {
                        oldId: "64D6",
                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                    },
                    {
                        oldId: "FB34",
                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                    },
                    {
                        oldId: "2ED4",
                        txt: "The clothing material is quite popular among Roman women inancient times.",
                    },
                    {
                        oldId: "44DE",
                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                    },
                ],
            },
            value: [],
            question: {
                KnowledgePoint: "123",
                analysis: "123",
                answer: [
                    {
                        id: "FB34",
                        linkValue:
                            "The clothing material is quite popular among Roman women inancient times.",
                        value: "Silk",
                    },
                    {
                        id: "64D6",
                        linkValue:
                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        value: "The Great Wall",
                    },
                    {
                        id: "2ED4",
                        linkValue:
                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        value: "Chinese Food",
                    },
                    {
                        id: "44DE",
                        linkValue:
                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                        value: "Chinese Tea",
                    },
                ],
                optionStyle: undefined,
                id: 489306,
                options: {
                    linkValues: [
                        {
                            oldId: "64D6",
                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        },
                        {
                            oldId: "44DE",
                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
                        },
                        {
                            oldId: "FB34",
                            txt: "The clothing material is quite popular among Roman women inancient times.",
                        },
                        {
                            oldId: "2ED4",
                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        },
                    ],
                    values: [
                        {
                            oldId: "FB34",
                            txt: "Martin  Silk",
                        },
                        {
                            oldId: "64D6",
                            txt: "The Great Wall",
                        },
                        {
                            oldId: "2ED4",
                            txt: "Chinese Food",
                        },
                        {
                            oldId: "44DE",
                            txt: "Chinese Tea",
                        },
                    ],
                },
                questionType: "matching",
                stem: {
                    stemTxt: "按顺序连线",
                },
                stemStyle: undefined,
                titleDescription: "1",
                userChoise: [],
                value: [],
                answerImg: require("../../assets/images/matching-one.png"),
            },
            questionData: {
                warnUp: {
                    one: {
                        value: "",
                        isRight: null,
                        answer: "Chinese knot",
                    },
                    two: {
                        value: "",
                        isRight: null,
                        answer: "Chinese medicine",
                    },
                    three: {
                        value: "",
                        isRight: null,
                        answer: "Chinese calligraphy",
                    },
                    four: {
                        value: "",
                        isRight: null,
                        answer: "Taichi",
                    },
                    five: {
                        value: "",
                        isRight: null,
                        answer: "sweet dumpling",
                    },
                    six: {
                        value: "",
                        isRight: null,
                        answer: "Chinese chess",
                    },
                    seven: "",
                },
                reading: {
                    one: "",
                    two: "",
                },
                table: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    nine: "",
                },
            },
            testData: {
                check: [],
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            },
            resource: {
                listenOne: "",
                readingOne: "",
                readingTwo: "",
            },
            dropDownList: [
                "animal rescue and care",
                "blood donation",
                "community clean-ups",
                "language service",
            ],
            dropdownData: {
                one: {
                    value: "",
                    isRight: null,
                    answer: "blood donation",
                },
                two: {
                    value: "",
                    isRight: null,
                    answer: "language service",
                },
                three: {
                    value: "",
                    isRight: null,
                    answer: "community clean-ups",
                },
                four: {
                    value: "",
                    isRight: null,
                    answer: "animal rescue and care",
                },
            },
        };
    },
    mounted() {
        const testData = localStorage.getItem("english-testOne");
        if (testData) {
            this.testData = JSON.parse(testData);
        }
        const bookQuestion = localStorage.getItem("english-book-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const dropdownData = localStorage.getItem("english-dropdown-one");
        if (dropdownData) {
            this.dropdownData = JSON.parse(dropdownData);
        }
        this.getPath();
    },
    methods: {
        saveWord(event, word) {
            this.$emit("saveCharacters", event, word);
        },
        setTestData() {
            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
        },
        changeTestData() {
            localStorage.removeItem("english-testOne");
            this.testData = {
                check: [],
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            };
        },
        setBookQuestion() {
            console.log("保存");
            localStorage.setItem(
                "english-book-question-one",
                JSON.stringify(this.questionData)
            );
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
            );
        },
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            }
        },
        handleQuestion(type) {
            if (type == "one") {
                this.questionData.warnUp.one.value
                    ? (this.questionData.warnUp.one.isRight =
                        this.questionData.warnUp.one.value == "Chinese knot")
                    : (this.questionData.warnUp.one.isRight = null);
            } else if (type == "two") {
                this.questionData.warnUp.two.value
                    ? (this.questionData.warnUp.two.isRight =
                        this.questionData.warnUp.two.value == "Chinese medicine")
                    : (this.questionData.warnUp.two.isRight = null);
            } else if (type == "three") {
                this.questionData.warnUp.three.value
                    ? (this.questionData.warnUp.three.isRight =
                        this.questionData.warnUp.three.value == "Chinese calligraphy")
                    : (this.questionData.warnUp.three.isRight = null);
            } else if (type == "four") {
                this.questionData.warnUp.four.value
                    ? (this.questionData.warnUp.four.isRight =
                        this.questionData.warnUp.four.value == "Taichi")
                    : (this.questionData.warnUp.four.isRight = null);
            } else if (type == "five") {
                this.questionData.warnUp.five.value
                    ? (this.questionData.warnUp.five.isRight =
                        this.questionData.warnUp.five.value == "sweet dumpling")
                    : (this.questionData.warnUp.five.isRight = null);
            } else if (type == "six") {
                this.questionData.warnUp.six.value
                    ? (this.questionData.warnUp.six.isRight =
                        this.questionData.warnUp.six.value == "Chinese chess")
                    : (this.questionData.warnUp.six.isRight = null);
            }
        },
        handleDropdown(type) {
            const dropdownDatas = this.dropdownData;
            for (let key in dropdownDatas) {
                const item = dropdownDatas[key];
                if (type == "judge") {
                    item.value == item.answer
                        ? (item.isRight = true)
                        : (item.isRight = false);
                    console.log(item.value, item.answer);
                }
            }
            this.dropdownData = dropdownDatas;
        },
        changeDropdown() {
            localStorage.removeItem("english-dropdown-one");
            for (let key in this.dropdownData) {
                const item = this.dropdownData[key];
                item.value = "";
                item.isRight = null;
            }
        },
        setDropdownData() {
            localStorage.setItem(
                "english-dropdown-one",
                JSON.stringify(this.dropdownData)
            );
        },
        saveData() {
            console.log(this.testData);
        },
        audioPlay() {
            this.$emit("closeMiniAudio");
        },
    },
};
</script>
<style lang="less" scoped>
p {
    font-size: 16px !important;
}
.bodystyle {
    margin: 0 !important;
}
.line-border-box {
    margin-left: 10px;
    display: inline-block;
    width: 50%;
    height: 3px;
    background-color: #f9a71b;
}
.mr-20 {
    margin-right: 20px;
}
.dl-box {
    display: flex;
    flex-wrap: wrap;
    .dl-span {
        display: inline-block;
        text-indent: 0;
        margin-bottom: 15px;
        height: 20px;
        line-height: 20px;
    }
}
.btn-w {
    font-size: 14px;
    border-width: 1px;
    min-width: 80px;
    height: 30px;
    background-color: #fff;
    &:hover {
        background-color: #0bab87;
        color: #fff;
    }
}
.banshi {
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 350px;
    margin: 0 auto;
}
.pageBox {
    z-index: 9999999999;
    color: #999;
    position: absolute;
    left: 48%;
    bottom: 0px;
}
select {
    height: 24px;
}
.mini-audio {
    width: 200px;
    height: 200px;
    position: fixed;
    right: 0;
    background-color: red;
}
.select-border {
    border: 0;
    border-bottom: 1px solid #767676;
    &:focus {
        outline: none;
    }
}
</style>
src/books/English/view/components/chapter006.vue
New file
@@ -0,0 +1,1550 @@
<template>
    <div class="chapter" num="7">
        <!-- 第六单元 -->
        <!-- 97 -->
        <div class="page-box" page="103">
            <div v-if="showPageList.indexOf(103) > -1">
                <h1 id="a010"><img class="img-0" alt="" src="../../assets/images/dy6.jpg" /></h1>
                <p><b>This unit will help you to:</b></p>
                <p>➢ Learn words and expressions about work environment</p>
                <p>➢ Review the usage of inverted sentences and modal verbs (can,could,may,might)</p>
                <p>➢ Be able to perform properly when chairing a meeting</p>
                <p>➢ Be able to write minutes</p>
                <p>➢ Learn to create a positive work environment</p>
                <p class="center"><img class="img-0" alt="" src="../../assets/images/0107-2.jpg" /></p>
            </div>
        </div>
        <!-- 98 -->
        <div class="page-box" page="104">
            <div v-if="showPageList.indexOf(104) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b021"><img class="img-0" alt="" src="../../assets/images/dy6-le1.jpg" /></h2>
                        <h3 id="c046"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Put the expressions in the box below on the corresponding answer line under each
                                picture.</b></p>
                        <div class="bk-wh">
                            <p>open plan office cubicles private office SOHO</p>
                        </div>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-1.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-2.jpg" /></p>
                        <p class="center">2._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-3.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0108-4.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <p><b>Ⅱ.Pick up the words in the box below to describe the work environment you love and explain
                                your reasons.</b></p>
                        <div class="bk-wh">
                            <p>caring, supportive, privacy, friendly, freedom, flexible</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">98</span>
                </div>
            </div>
        </div>
        <!-- 99 -->
        <div class="page-box" page="105">
            <div v-if="showPageList.indexOf(105) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c047"><span class="bjh3">Listening</span></h3>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p><b>Four interns are talking about the work environment they like.Listen to the recording and
                                fill in the blanks with what you hear.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0109-2.jpg" /></p>
                        <h3 id="c048"><span class="bjh3">Reading</span></h3>
                        <p>1.What makes a positive work environment?</p>
                        <p>2.Why would people be more productive in such environment?</p>
                        <p class="center"><b>A Positive Work Environment</b></p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>How do we exactly define a positive work environment? When asked what makes a great work
                            environment,most people would mention a fancy workplace in a big building with modern
                            design,or a good relationship with coworkers.</p>
                        <p>Gone are those times when candidates only considered the salary at the time of joining a
                            company.Nowadays,apart from the job prospect itself,one factor that is greatly influencing
                            how employees feel about work is the environment being provided by the employer.The work
                            environment here includes everything,such as the relationship with coworkers,company
                            culture,room for personal development,café,furniture,etc.A positive work environment is
                            something that makes employees feel good about coming to work every day,and also motivates
                            them to work and give their best effort.</p>
                        <p>An effective way to ensure a positive work environment is to motivate employees for a correct
                            behavioral approach.Good behavior also determines good and peaceful environment.Another way
                            is to ensure healthy relationships among the staff; that is why communication is quite
                            necessary.Keeping an eye on staff interaction doesn’t cost much time for the management
                            team.They only </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">99</span>
                </div>
            </div>
        </div>
        <!-- 100 -->
        <div class="page-box" page="106">
            <div v-if="showPageList.indexOf(106) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p> need to observe body language and listen for negative clues and try to fix the problems as
                            soon as possible.The staff often takes the message from the behavior of the management
                            team,so the management team should also be aware of the power of their behavior and always
                            maintain dignity.</p>
                        <p>Another important way to make a great work environment for a company is to show appreciation
                            of outstanding employees.Workers are more likely to stay in the company,work hard and
                            provide years of excellent service when knowing that they have a clear opportunity for
                            advancement.When employees know they are valued,they tend to return the favor by being the
                            best at their job.A positive work environment is a place that promises to advance gifted
                            employees and keep that promise.</p>
                        <p>The work environment can greatly influence how the employees feel about their jobs.Because of
                            this,it’s important to find an employer that fosters a positive atmosphere and encourages
                            employees consistently.A positive work environment can improve employees’ happiness,increase
                            the productivity and motivate those around them.</p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center">
                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                                style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        </p>
                        <p>candidate /ˈkændɪdət/ <i>n.</i> 应聘者</p>
                        <div class="bkbj">
                            <p><i>a person who is applying for a job</i></p>
                        </div>
                        <p>prospect /ˈprɒspekt/ <i>n.</i> 前景;展望</p>
                        <div class="bkbj">
                            <p><i>the chances of being successful</i></p>
                        </div>
                        <p>ensure /ɪnˈʃɔː(r)]/ <i>v.</i> 确保;保证</p>
                        <div class="bkbj">
                            <p><i>to make sure that sth.happens or is definite</i></p>
                        </div>
                        <p>behavioral /bɪˈheɪvjərəl/ <i>adj.</i> 行为的</p>
                        <div class="bkbj">
                            <p><i>of or relating to behavior</i></p>
                        </div>
                        <p>approach /əˈprəʊtʃ/ <i>n.</i> 方法;路径</p>
                        <div class="bkbj">
                            <p><i>a way of doing or thinking about sth.such as a problem or a task</i></p>
                        </div>
                        <p>determine /dɪˈtɜːmɪn/ <i>v.</i> 对(某事物) 产生决定性的影响;决定</p>
                        <div class="bkbj">
                            <p><i>to make sth.happen in a particular way or be of a particular type</i></p>
                        </div>
                        <p>interaction /ɪntərˈækʃn/ <i>n.</i> 交流;沟通;合作</p>
                        <div class="bkbj">
                            <p><i>communication; cooperation</i></p>
                        </div>
                        <p>clue /kluː/ <i>n.</i> 线索;端倪</p>
                        <div class="bkbj">
                            <p><i>a fact or a piece of evidence that helps to solve a problem or reveal the truth in an
                                    investigation</i></p>
                        </div>
                        <p>maintain /meɪn’teɪn/ <i>v.</i> 保持;维持</p>
                        <div class="bkbj">
                            <p><i>to keep sth.in existence at the same level,standard,etc.</i></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">100</span>
                </div>
            </div>
        </div>
        <!-- 101 -->
        <div class="page-box" page="107">
            <div v-if="showPageList.indexOf(107) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>dignity /ˈdɪɡnəti/ <i>n.</i> 尊严;庄重</p>
                        <div class="bkbj">
                            <p><i>a calm and serious manner that deserves respect</i></p>
                        </div>
                        <p>appreciation /əˌpriːʃiˈeɪʃn/ <i>n.</i> 欣赏</p>
                        <div class="bkbj">
                            <p><i>understanding and enjoyment</i></p>
                        </div>
                        <p>outstanding /aʊtˈstændɪŋ/ <i>adj.</i> 杰出的;显著的</p>
                        <div class="bkbj">
                            <p><i>excellent or exceptionally good</i></p>
                        </div>
                        <p>advancement /ədˈvɑːnsmənt/ <i>n.</i> 晋升</p>
                        <div class="bkbj">
                            <p><i>promotion in rank or status</i></p>
                        </div>
                        <p>value /ˈvæljuː/ <i>v.</i> 重视;珍视</p>
                        <div class="bkbj">
                            <p><i>to have a high opinion of sb./sth.</i></p>
                        </div>
                        <p>favor /ˈfeɪvə(r)/ <i>n.</i> 恩惠</p>
                        <div class="bkbj">
                            <p><i>act of kindness beyond what is due or usual</i></p>
                        </div>
                        <p>gifted /ˈɡɪftɪd/ <i>adj</i>.有天赋的</p>
                        <div class="bkbj">
                            <p><i>having a lot of natural ability or intelligence</i></p>
                        </div>
                        <p>foster /ˈfɒstə(r)/ <i>v.</i> 促进;培养</p>
                        <div class="bkbj">
                            <p><i>to encourage sth.to develop</i></p>
                        </div>
                        <p>consistently /kənˈsɪstəntli/ <i>adv.</i> 始终;一贯地</p>
                        <div class="bkbj">
                            <p><i>in a way that does not change and continues for a period of time</i></p>
                        </div>
                        <p>productivity /ˈprɒdʌkˈtɪvəti/ <i>n.</i> 生产率;生产能力</p>
                        <div class="bkbj">
                            <p><i>the rate at which a worker,a company or a country produces goods,and the amount
                                    produced,compared with how much time,work and money is needed to produce them</i>
                            </p>
                        </div>
                        <p>apart from ...除了……外(都)</p>
                        <p>be aware of 意识到;觉察</p>
                        <p>return the favor 回报</p>
                        <p>keep an eye on 留意;密切注视</p>
                        <p>be likely to 很可能</p>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Mark the elements of a positive work environment mentioned in the passage.</p>
                        <p>□Company culture</p>
                        <p>□Personal development</p>
                        <p>□Relationship with colleagues</p>
                        <p>□Salary</p>
                        <p>□Café</p>
                        <p>□Leaders</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">101</span>
                </div>
            </div>
        </div>
        <!-- 102 -->
        <div class="page-box" page="108">
            <div v-if="showPageList.indexOf(108) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>B.Match the questions below with related paragraphs.Then answer the questions.</p>
                        <div class="fieldset-8">
                            <p>1.Why is it important to ensure a positive work environment?</p>
                            <p>2.What does positive work environment refer to?</p>
                            <p>3.How do employers maintain a positive work environment?</p>
                        </div>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0112-1.jpg" /></p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
                            have been given.</p>
                        <p>1.Aside from the job p________ itself,one factor that is significantly influencing how
                            employees feel about work is the work environment.</p>
                        <p>2.To f_______ a positive work environment,the employer can motivate employees for a correct
                            behavioral approach.</p>
                        <p>3.Good behavior can not only d_________ a good and peaceful environment,but also promote
                            healthy relationships among the staff.</p>
                        <p>4.Another way to ensure a great work environment in a company is to show a_______ to
                            outstanding employees.</p>
                        <p>5.For employees,a positive work environment can greatly improve their happiness and p______ .
                        </p>
                        <p>B.Replace the underlined part in each of the following sentences with a phrase in the box
                            below.Change the form if necessary.</p>
                        <div class="bk-wh">
                            <p>apart from keep an eye on be likely to return the favor be aware of</p>
                        </div>
                        <p>1.The manager asked me to <span class="u">pay close attention to</span> the monthly sales
                            report of the products._____</p>
                        <p>2.<span class="u">Except for</span> the low salary,it’s not a bad job._____</p>
                        <p>3.The management team <span class="u">noticed</span> some inappropriate behavior in the
                            company._____</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">102</span>
                </div>
            </div>
        </div>
        <!-- 103 -->
        <div class="page-box" page="109">
            <div v-if="showPageList.indexOf(109) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>4.The graduates with a language proficiency certificate <span class="u">are more possible
                                to</span> land a good job._____</p>
                        <p>5.I will <span class="u">help you because you have helped me</span> some time._____</p>
                        <p>C.Translate the following sentences into Chinese.</p>
                        <p>1.Communication is quite necessary to ensure a healthy relationship with coworkers.</p>
                        <p>______________________________________________</p>
                        <p>2.A good work atmosphere can greatly increase the productivity of employees.</p>
                        <p>______________________________________________</p>
                        <p>3.Most of the candidates view company culture as the most important factor when choosing a
                            job.</p>
                        <p>______________________________________________</p>
                        <p>4.At the annual meeting,the manager expressed the appreciation to the outstanding staff of
                            the company.</p>
                        <p>______________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:Inverted sentences.</b></p>
                        <p>A.Choose the correct version of the translation of the inverted sentences.</p>
                        <p>1.公交车来了。</p>
                        <p>a.There comes the bus.</p>
                        <p>b.There the bus comes.</p>
                        <p>2.发达国家制定规则、其他国家服从的时代已经过去了。</p>
                        <p>a.Gone are the days when rich countries make the rules and everyone else follows.</p>
                        <p>b.Gone the days are when rich countries make the rules and everyone else follows.</p>
                        <p>3.我们刚到机场,飞机就起飞了。</p>
                        <p>a.No sooner did we reached the airport than the plane had taken off.</p>
                        <p>b.No sooner had we reached the airport than the plane took off.</p>
                        <p>4.到那时他才意识到他错了。</p>
                        <p>a.Only then he realized that he was wrong.</p>
                        <p>b.Only then did he realize that he was wrong.</p>
                        <p>5.雨停了之后他才离开房间。</p>
                        <p>a.Not until the rain stopped did he leave the room.</p>
                        <p>b.Not until did the rain stop he left the room.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">103</span>
                </div>
            </div>
        </div>
        <!-- 104 -->
        <div class="page-box" page="110">
            <div v-if="showPageList.indexOf(110) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>B.Put the following words in right order to make inverted sentences.</p>
                        <p>1.did he it saw so and I</p>
                        <p>______________________________________________</p>
                        <p>2.he young is he a lot knows as</p>
                        <p>______________________________________________</p>
                        <p>3.no under will lend circumstances I money him to</p>
                        <p>______________________________________________</p>
                        <p>4.she have hardly music listen to does time to</p>
                        <p>______________________________________________</p>
                        <p>5.village in the front of river a was</p>
                        <p>______________________________________________</p>
                        <h3 id="c049"><span class="bjh3">Mini-project</span></h3>
                        <p>A pleasant work environment can make employees love their jobs and do their best.Work in
                            groups to list the elements of a pleasant work environment and explain the reasons for your
                            choice.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0114-1.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">104</span>
                </div>
            </div>
        </div>
        <!-- 105 -->
        <div class="page-box" page="111">
            <div v-if="showPageList.indexOf(111) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>relationship communication productivity respect pleasure professional team spirit job
                                satisfaction personal development job prospect modern decor</p>
                        </div>
                        <h2 id="b022"><img class="img-0" alt="" src="../../assets/images/dy6-le2.jpg" /></h2>
                        <h3 id="c050"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Put the following statements into the corresponding box to make a code of conduct for a
                                school.</b></p>
                        <div class="fieldset-5">
                            <p>a.Students are supposed to arrive at the classroom on time.</p>
                            <p>b.Students are required to come to school in a neat uniform.</p>
                            <p>c.Students should treat others with respect.</p>
                            <p>d.Keep food and drink outside of the classroom.</p>
                            <p>e.Mobile phones must be on silent mode during the class.</p>
                        </div>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">105</span>
                </div>
            </div>
        </div>
        <!-- 106 -->
        <div class="page-box" page="112">
            <div v-if="showPageList.indexOf(112) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0115-1.jpg" /></p>
                        <h3 id="c051"><span class="bjh3">Reading</span></h3>
                        <p>1.How do you understand the Chinese saying “Nothing can be accomplished without norms or
                            standards.”?</p>
                        <p>2.Are rules and regulations important for an organization? Why?</p>
                        <p class="center"><b>Code of Conduct in the Workplace</b></p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>A company code of conduct is a set of rules and standards all employees must follow.By
                            knowing the company code of conduct,employees know how to act at work and can be more
                            successful in their roles.If you just joined a new company,it would be beneficial to start
                            with learning the code of conduct.</p>
                        <p>Often,a company uses its core values,including its mission,to guide the creation of these
                            codes.These guidelines outline how the organization operates,how employees conduct
                            themselves daily,and how they work with others on behalf of the organization.</p>
                        <p>You can usually find a company’s code of conduct in an employee handbook.Each company has
                            different rules in its code of conduct,and each company has its own policies for enforcing
                            this code.</p>
                        <p>The following code of conduct may help you dig into more details.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">106</span>
                </div>
            </div>
        </div>
        <!-- 107 -->
        <div class="page-box" page="113">
            <div v-if="showPageList.indexOf(113) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="fieldset-8">
                            <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
                            <p><b>A._______________________</b></p>
                            <p>1.Honesty and integrity.Above all,treat clients fairly.</p>
                            <p>2.Maintain the good reputation of the company.</p>
                            <p>3.Conflicts and interest.Manage conflicts of interest fairly and do not act in a manner
                                inconsistent with the company mission and values.</p>
                            <p>4.Confidentiality.Always be careful of the information received.</p>
                            <p>5.Advertising.Products should not be advertised in a misleading way.</p>
                            <p><b>B._______________________</b></p>
                            <p>6.Competence.Advise clients only on matters in which they are competent.</p>
                            <p>7.Clients’ interests.Pay due regard to the interests of clients and keep those interests
                                above their own.</p>
                            <p>8.Giving information to clients.Communicate information clearly,fairly and not in a way
                                that is misleading.</p>
                            <p>9.Suitability of advice.Advice should be suitable for the clients’ needs.</p>
                            <p>10.Activities.Do not engage in activities that will bring direct or indirect profit to a
                                competitor.</p>
                            <p><b>C._______________________</b></p>
                            <p>11.Skill and care.Act at all times with reasonable skill and care.</p>
                            <p>12.Professional discipline.Organize business in a responsible and effective way.</p>
                            <p>13.Company guidance.Be familiar and seek to observe the company guidance.</p>
                            <p>14.Complaints.Handle the complaints fairly and quickly.</p>
                            <p>15.Respect.Treat the clients with respect without discrimination.</p>
                        </div>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>core /kɔː(r)/ <i>adj</i>.核心的</p>
                        <div class="bkbj">
                            <p><i>the most important or central part of sth.</i></p>
                        </div>
                        <p>outline /ˈaʊtlaɪn/ <i>v</i>.概述</p>
                        <div class="bkbj">
                            <p><i>to give a description of the main facts or points involved in sth.</i></p>
                        </div>
                        <p>conduct /kənˈdʌkt/ <i>v</i>.举止;表现</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">107</span>
                </div>
            </div>
        </div>
        <!-- 108 -->
        <div class="page-box" page="114">
            <div v-if="showPageList.indexOf(114) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="bkbj">
                            <p><i>to behave in a particular way</i></p>
                        </div>
                        <p>enforce /ɪnˈfɔːs/ <i>v</i>.(强制) 实施,执行</p>
                        <div class="bkbj">
                            <p><i>to make sure that people obey a particular law or rule</i></p>
                        </div>
                        <p>integrity /ɪnˈteɡrəti/ <i>n</i>.诚实正直</p>
                        <div class="bkbj">
                            <p><i>the quality of being honest and having strong moral principles</i></p>
                        </div>
                        <p>client /ˈklaɪənt/ <i>n</i>.客户</p>
                        <div class="bkbj">
                            <p><i>a person who uses the services or advice of a professional person or organization</i>
                            </p>
                        </div>
                        <p>reputation /ˌrepjuˈteɪʃn/ <i>n</i>.名誉;名声</p>
                        <div class="bkbj">
                            <p><i>the opinion that people have about what sb./sth.is like</i></p>
                        </div>
                        <p>conflict /ˈkɒnflɪkt/ <i>n</i>.冲突;争论</p>
                        <div class="bkbj">
                            <p><i>a situation in which people,groups or countries are involved in a serious disagreement
                                    or argument</i></p>
                        </div>
                        <p>inconsistent /ˌɪnkənˈsɪstənt/ <i>adj</i>.不符合(某套标准、思想等)</p>
                        <div class="bkbj">
                            <p><i>not matching a set of standards,ideas,etc.</i></p>
                        </div>
                        <p>confidentiality /ˌkɒnfɪˌdenʃiˈæləti/ <i>n</i>.保密;机密</p>
                        <div class="bkbj">
                            <p><i>a situation in which you expect sb.to keep information secret</i></p>
                        </div>
                        <p>advertise /ˈædvətaɪz/ <i>v</i>.做广告;做宣传</p>
                        <div class="bkbj">
                            <p><i>to tell the public about a product or a service in order to encourage people to buy or
                                    to use it</i></p>
                        </div>
                        <p>misleading /ˌmɪsˈliːdɪŋ/ <i>adj</i>.误导的;引入歧途的</p>
                        <div class="bkbj">
                            <p><i>giving the wrong idea or impression and making you believe sth.that is not true</i>
                            </p>
                        </div>
                        <p>competence /ˈkɒmpɪtəns/ <i>n</i>.能力;胜任</p>
                        <div class="bkbj">
                            <p><i>the ability to do sth.well</i></p>
                        </div>
                        <p>competent /ˈkɒmpɪtənt/ <i>adj</i>.足以胜任的;有能力的</p>
                        <div class="bkbj">
                            <p><i>having enough skill or knowledge to do sth.well</i></p>
                        </div>
                        <p>suitability /ˌsuːtəˈbɪləti/ <i>n</i>.适合;适宜性</p>
                        <div class="bkbj">
                            <p><i>the quality of being right or appropriate</i></p>
                        </div>
                        <p>competitor /kəmˈpetɪtə(r)/ <i>n</i>.(尤指商业方面的) 竞争者,对手</p>
                        <div class="bkbj">
                            <p><i>a person or an organization that compete against others,esp.in business</i></p>
                        </div>
                        <p>discipline /ˈdɪsəplɪn/ <i>n</i>.自制力</p>
                        <div class="bkbj">
                            <p><i>the ability to control your behavior or the way you live,work,etc.</i></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">108</span>
                </div>
            </div>
        </div>
        <!-- 109 -->
        <div class="page-box" page="115">
            <div v-if="showPageList.indexOf(115) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>observe /əbˈzɜːv/ <i>v</i>.遵守(规则、法律等)</p>
                        <div class="bkbj">
                            <p><i>to obey rules,laws,etc.</i></p>
                        </div>
                        <p>guidance /'ɡaɪdns/ <i>n</i>.指导;引导</p>
                        <div class="bkbj">
                            <p><i>help or advice that is given to sb.</i></p>
                        </div>
                        <p>complaint /kəm'pleɪnt/ <i>n</i>.投诉;抱怨</p>
                        <div class="bkbj">
                            <p><i>a reason for not being satisfied</i></p>
                        </div>
                        <p>on behalf of 代表</p>
                        <p>above all 最重要的是;尤其是</p>
                        <p>engage in 从事;参加</p>
                        <p>dig into 钻研;挖掘</p>
                        <p>pay due regard to 给予应有的重视</p>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Read the passage quickly and choose appropriate headings for A-C in the passage.</p>
                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0119-1.jpg" /></p>
                        <p>B.Mark the proper ones according to the code of conduct in the passage.</p>
                        <div class="bk-11">
                            <p>( ) 1.Observe the employee handbook strictly.</p>
                            <p>( ) 2.Get involved in activities inconsistent with company values.</p>
                            <p>( ) 3.Never leak personal information of the client.</p>
                            <p>( ) 4.Advertise products and services in a professional way.</p>
                            <p>( ) 5.Judge customers by appearance.</p>
                            <p>( ) 6.Always give priority to clients’ interests.</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">109</span>
                </div>
            </div>
        </div>
        <!-- 110 -->
        <div class="page-box" page="116">
            <div v-if="showPageList.indexOf(116) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Replace the words in italics with the exact words in the passage and change the form if
                            necessary.</p>
                        <p>1.We may feel cheated when finding the report is actually <i>false</i>._____________</p>
                        <p>2.A true partnership is a two-way street,and our <i>customers</i> embrace this
                            philosophy._____________</p>
                        <p>3.The <i>disagreements</i> at the workplace need to be resolved in a timely and professional
                            manner._____________</p>
                        <p>4.The company’s <i>image</i> is the reflection of its culture._____________</p>
                        <p>5.All the staff are required to <i>follow</i> the company code of conduct._____________</p>
                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                        <div class="bk-wh">
                            <p>on behalf of pay due regard to dig into engage in above all</p>
                        </div>
                        <p>1.The manager asked the intern to_______the data and draft a report.</p>
                        <p>2.A firm must_________the interests of its customers and treat them fairly.</p>
                        <p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p>
                        <p>4._________,you shouldn’t give up without trying.</p>
                        <p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p>
                        <p><b>Ⅲ.Grammar focus:Modal verbs (can,could,may,might).</b></p>
                        <p>A.Choose the correct modal verbs in the brackets.</p>
                        <p>1.It’s 9 o’clock in the evening.He______(can/could) still be at the office.He is a
                            workaholic.</p>
                        <p>2.You should introduce yourself; your client______(can/may) not remember you.</p>
                        <p>3.I thought he_____(can/might) have a meeting with his team.</p>
                        <p>4.The customer____(can/may) be very difficult to deal with when he is in a bad mood.</p>
                        <p>5.There is a slim chance that we______(can/might) take a rest this weekend.</p>
                        <p>B.Correct the misused modal verbs in the following sentences.</p>
                        <p>1.Our boss <span class="u">can</span> be very angry when people don’t listen to him.______
                        </p>
                        <p>2.The new project might work,but it <span class="u">could</span> not.______</p>
                        <p>3.The manager <span class="u">can not</span> have seen the message yet.______</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">110</span>
                </div>
            </div>
        </div>
        <!-- 111 -->
        <div class="page-box" page="117">
            <div v-if="showPageList.indexOf(117) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>4.We <span class="u">may</span> have been colleagues if he hadn’t missed the interview.______
                        </p>
                        <p>5.The meeting might be cancelled for the delay of their plane.______</p>
                        <h3 id="c052"><span class="bjh3">Mini-project</span></h3>
                        <p>Work in groups.Ask your group members about any improper behavior he/she has ever seen in the
                            library and draft a code of conduct.Share your opinions with the class.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0121-1.jpg" /></p>
                        <h2 id="b023"><img class="img-0" alt="" src="../../assets/images/dy6-le3.jpg" /></h2>
                        <h3 id="c053"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p><b>Ⅰ.Listen to the monologue about the perfect workplace and decide whether the following
                                statements are true (T) or false (F).</b></p>
                        <p>( ) 1.A positive workplace might have the same details for everybody.</p>
                        <p>( ) 2.It should be a place where the management team enjoys coming to work.</p>
                        <p>( ) 3.The happier people are at work,the better they will perform.</p>
                        <p>( ) 4.The better the company culture is,the greater the reputation it enjoys.</p>
                        <p>( ) 5.Most employees succeed in a positive atmosphere.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">111</span>
                </div>
            </div>
        </div>
        <!-- 112 -->
        <div class="page-box" page="118">
            <div v-if="showPageList.indexOf(118) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Listen to the conversation about the dress code between Sally and Ross and match the
                                following information with the corresponding speaker.</b></p>
                        <p class="center"><img class="img-0" alt="" src="../../assets/images/0122-1.jpg" /></p>
                        <h3 id="c054"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.Why do we need to take the minutes?</p>
                        <p>2.What should we take down in the minutes?</p>
                        <p><b>Ⅰ.Read the following tips and learn about the minutes.</b></p>
                        <p>Minutes can be defined as the record of what is said and decided at a meeting.It highlights
                            the key issues that are discussed,proposals voted on and resolutions made.Minutes can also
                            be a valuable resource for team members who missed a meeting to catch up on any decisions
                            from the meeting.Minutes usually consist of the following parts.</p>
                        <div class="fieldset-8">
                            <p>◆The time,date and place of the meeting</p>
                            <p>◆Who attended the meeting and who was absent</p>
                            <p>◆What happened at the meeting in detail</p>
                            <p class="center"><img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">112</span>
                </div>
            </div>
        </div>
        <!-- 113 -->
        <div class="page-box" page="119">
            <div v-if="showPageList.indexOf(119) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Read the minutes and do the following exercises.</b></p>
                        <p>1. <span class="u">Underline</span> the time,date and place of the meeting.</p>
                        <p>2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> the attendees.</p>
                        <p>3.Summarize the main points discussed at the meeting.</p>
                        <p class="center"><img class="img-f" alt="" src="../../assets/images/0123-2.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">113</span>
                </div>
            </div>
        </div>
        <!-- 114 -->
        <div class="page-box" page="120">
            <div v-if="showPageList.indexOf(120) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /></p>
                        <p><b>Ⅲ.Match the following sentences with the correct translation.</b></p>
                        <div class="fieldset-8">
                            <p>1.Mr.Green called the meeting to order at 10:00 a.m.</p>
                            <p>2.A vote was taken to approve the amended</p>
                            <p>Code of Conduct for employees.</p>
                            <p>3.The meeting agenda was unanimously approved by all attendees.</p>
                            <p>4.The meeting adjourned at 5:00 p.m.</p>
                            <p>5.All attendees were given an agenda prior to the meeting via email.</p>
                        </div>
                        <div class="fieldset-8">
                            <p>a.投票同意修订后的《员工行为守则》。</p>
                            <p>b.格林先生于上午10点宣布会议开始。</p>
                            <p>c.下午5点休会。</p>
                            <p>d.全体参会人员一致同意本次会议事项。</p>
                            <p>e.会议前已通过邮件将会议事项发</p>
                            <p>给了全体参会人员。</p>
                        </div>
                        <p>Ⅳ<b>.The HR department has been assigned the task to prepare the in-service training for the
                                newly recruited employees.Complete the following minutes based on the information
                                provided.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0124-2.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">114</span>
                </div>
            </div>
        </div>
        <!-- 115 -->
        <div class="page-box" page="121">
            <div v-if="showPageList.indexOf(121) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0125-1.jpg" /></p>
                        <div class="un-h2">
                            <h2 id="b024">Unit Project</h2>
                        </div>
                        <p>When employees work in a positive environment,they are happier and more motivated.Work with
                            your partner and complete the following two tasks.</p>
                        <p><b>Task 1:</b> The following are three pictures of work environment.Find out the problems and
                            put forward some suggestions for improvement so as to create a comfortable and productive
                            workplace,and then finish Worksheet 1.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">115</span>
                </div>
            </div>
        </div>
        <!-- 116 -->
        <div class="page-box" page="122">
            <div v-if="showPageList.indexOf(122) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit6">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit6">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-1.jpg" /></p>
                        <p class="img">Picture 1</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-2.jpg" /></p>
                        <p class="img">Picture 2</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0126-3.jpg" /></p>
                        <p class="img">Picture 3</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0126-4.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">116</span>
                </div>
            </div>
        </div>
        <!-- 117 -->
        <div class="page-box" page="123">
            <div v-if="showPageList.indexOf(123) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit6">MODULE 6</span>
                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Task 2:</b> Investigate the work environment of the people you know,and then work with
                            your partner to finish Worksheet 2.</p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0127-1.jpg" /></p>
                        <div class="fieldset-8">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>I don’t think it appropriate to ...</p>
                            <p>There are ...on the desk/in the office.</p>
                            <p>...looks tidy/untidy.</p>
                            <p>The negative/positive work environment usually leads to/brings about ...</p>
                            <p>The measures for ...are as follows.</p>
                            <p>The solutions to the ...are listed below.</p>
                            <p>It has a good/bad effect on ...</p>
                            <p>For me,I prefer team-based work environment which can ...</p>
                            <p>Effective communication is quite important for ...</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">117</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapterSex",
    components: { matching },
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
                    {
                        oldId: "FB34",
                        txt: "Martin    Silk",
                    },
                    {
                        oldId: "64D6",
                        txt: "Jessica  The Great Wall",
                    },
                    {
                        oldId: "2ED4",
                        txt: "Soren  Chinese Food",
                    },
                    {
                        oldId: "44DE",
                        txt: "Chinese    Tea",
                    },
                ],
                right: [
                    {
                        oldId: "64D6",
                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                    },
                    {
                        oldId: "FB34",
                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                    },
                    {
                        oldId: "2ED4",
                        txt: "The clothing material is quite popular among Roman women inancient times.",
                    },
                    {
                        oldId: "44DE",
                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                    },
                ],
            },
            value: [],
            question: {
                KnowledgePoint: "123",
                analysis: "123",
                answer: [
                    {
                        id: "FB34",
                        linkValue:
                            "The clothing material is quite popular among Roman women inancient times.",
                        value: "Silk",
                    },
                    {
                        id: "64D6",
                        linkValue:
                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        value: "The Great Wall",
                    },
                    {
                        id: "2ED4",
                        linkValue:
                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        value: "Chinese Food",
                    },
                    {
                        id: "44DE",
                        linkValue:
                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                        value: "Chinese Tea",
                    },
                ],
                optionStyle: undefined,
                id: 489306,
                options: {
                    linkValues: [
                        {
                            oldId: "64D6",
                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        },
                        {
                            oldId: "44DE",
                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
                        },
                        {
                            oldId: "FB34",
                            txt: "The clothing material is quite popular among Roman women inancient times.",
                        },
                        {
                            oldId: "2ED4",
                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        },
                    ],
                    values: [
                        {
                            oldId: "FB34",
                            txt: "Martin  Silk",
                        },
                        {
                            oldId: "64D6",
                            txt: "The Great Wall",
                        },
                        {
                            oldId: "2ED4",
                            txt: "Chinese Food",
                        },
                        {
                            oldId: "44DE",
                            txt: "Chinese Tea",
                        },
                    ],
                },
                questionType: "matching",
                stem: {
                    stemTxt: "按顺序连线",
                },
                stemStyle: undefined,
                titleDescription: "1",
                userChoise: [],
                value: [],
                answerImg: require("../../assets/images/matching-one.png"),
            },
            questionData: {
                warnUp: {
                    one: {
                        value: "",
                        isRight: null,
                        answer: "Chinese knot",
                    },
                    two: {
                        value: "",
                        isRight: null,
                        answer: "Chinese medicine",
                    },
                    three: {
                        value: "",
                        isRight: null,
                        answer: "Chinese calligraphy",
                    },
                    four: {
                        value: "",
                        isRight: null,
                        answer: "Taichi",
                    },
                    five: {
                        value: "",
                        isRight: null,
                        answer: "sweet dumpling",
                    },
                    six: {
                        value: "",
                        isRight: null,
                        answer: "Chinese chess",
                    },
                    seven: "",
                },
                reading: {
                    one: "",
                    two: "",
                },
                table: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    nine: "",
                },
            },
            testData: {
                check: {
                    isRight: null,
                    answer: ["Culture", "Cuisine", "Landscapes"],
                    value: []
                },
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    isRight: null,
                    answer: 'cuisine,landscapes,civilization,explore,unique'
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            },
            resource: {
                listenOne: "",
                readingOne: "",
                readingTwo: "",
            },
            dropDownList: [
                "online shopping",
                "facial recognition",
                "electronic payment",
                "intercity train",
                "shared bike",
                "take-away service",
            ],
            dropdownData: {
                one: {
                    value: "",
                    isRight: null,
                    answer: "intercity train",
                },
                two: {
                    value: "",
                    isRight: null,
                    answer: "online shopping",
                },
                three: {
                    value: "",
                    isRight: null,
                    answer: "electronic payment",
                },
                four: {
                    value: "",
                    isRight: null,
                    answer: "shared bike",
                },
                five: {
                    value: "",
                    isRight: null,
                    answer: "take-away service",
                },
                six: {
                    value: "",
                    isRight: null,
                    answer: "facial recognition",
                },
            },
        };
    },
    mounted() {
        const testData = localStorage.getItem("english-testOne");
        if (testData) {
            this.testData = JSON.parse(testData);
        }
        const bookQuestion = localStorage.getItem("english-book-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const dropdownData = localStorage.getItem("english-dropdown-one");
        if (dropdownData) {
            this.dropdownData = JSON.parse(dropdownData);
        }
        this.getPath();
    },
    methods: {
        saveWord(event, word) {
            this.$emit("saveCharacters", event, word);
        },
        setTestData() {
            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
        },
        changeTestData() {
            localStorage.removeItem("english-testOne");
            this.testData = {
                check: {
                    isRight: null,
                    answer: ["Culture", "Cuisine", "Landscapes"],
                    value: []
                },
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    isRight: null,
                    answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            };
        },
        setBookQuestion() {
            console.log("保存");
            localStorage.setItem(
                "english-book-question-one",
                JSON.stringify(this.questionData)
            );
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
            );
        },
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            }
        },
        handleQuestion(type) {
            if (type == "one") {
                this.questionData.warnUp.one.value
                    ? (this.questionData.warnUp.one.isRight =
                        this.questionData.warnUp.one.value == "Chinese knot")
                    : (this.questionData.warnUp.one.isRight = null);
            } else if (type == "two") {
                this.questionData.warnUp.two.value
                    ? (this.questionData.warnUp.two.isRight =
                        this.questionData.warnUp.two.value == "Chinese medicine")
                    : (this.questionData.warnUp.two.isRight = null);
            } else if (type == "three") {
                this.questionData.warnUp.three.value
                    ? (this.questionData.warnUp.three.isRight =
                        this.questionData.warnUp.three.value == "Chinese calligraphy")
                    : (this.questionData.warnUp.three.isRight = null);
            } else if (type == "four") {
                this.questionData.warnUp.four.value
                    ? (this.questionData.warnUp.four.isRight =
                        this.questionData.warnUp.four.value == "Taichi")
                    : (this.questionData.warnUp.four.isRight = null);
            } else if (type == "five") {
                this.questionData.warnUp.five.value
                    ? (this.questionData.warnUp.five.isRight =
                        this.questionData.warnUp.five.value == "sweet dumpling")
                    : (this.questionData.warnUp.five.isRight = null);
            } else if (type == "six") {
                this.questionData.warnUp.six.value
                    ? (this.questionData.warnUp.six.isRight =
                        this.questionData.warnUp.six.value == "Chinese chess")
                    : (this.questionData.warnUp.six.isRight = null);
            }
        },
        handleDropdown(type) {
            const dropdownDatas = this.dropdownData;
            for (let key in dropdownDatas) {
                const item = dropdownDatas[key];
                if (type == "judge") {
                    item.value == item.answer
                        ? (item.isRight = true)
                        : (item.isRight = false);
                    console.log(item.value, item.answer);
                }
            }
            this.dropdownData = dropdownDatas;
        },
        changeDropdown() {
            localStorage.removeItem("english-dropdown-one");
            for (let key in this.dropdownData) {
                const item = this.dropdownData[key];
                item.value = "";
                item.isRight = null;
            }
        },
        setDropdownData() {
            localStorage.setItem(
                "english-dropdown-one",
                JSON.stringify(this.dropdownData)
            );
        },
        saveData() {
            const item = this.testData['check']
            const sortedArr1 = item.answer.slice().sort();
            const sortedArr2 = item.value.slice().sort();
            const isRight = sortedArr1.every(
                (value, index) => value === sortedArr2[index]
            );
            const inData = this.testData['in']
            let inString = []
            for (let key in inData) {
                const citem = inData[key];
                if (key != 'answer' && key !== 'isRight') {
                    console.log(key);
                    inString.push(citem)
                }
            }
            const inRight = inData.answer == inString
            console.log('in', inData.answer, inString);
            this.$set(this.testData['in'], 'isRight', inRight)
            this.$set(this.testData['check'], 'isRight', isRight)
            this.setTestData()
            console.log(this.testData);
        },
        audioPlay() {
            this.$emit("closeMiniAudio");
        },
    },
};
</script>
<style lang="less" scoped>
p {
    font-size: 16px !important;
}
.bodystyle {
    margin: 0 !important;
}
.line-border-box {
    margin-left: 10px;
    display: inline-block;
    width: 50%;
    height: 3px;
    background-color: #f9a71b;
}
.mr-20 {
    margin-right: 20px;
}
.dl-box {
    display: flex;
    flex-wrap: wrap;
    .dl-span {
        display: inline-block;
        text-indent: 0;
        margin-bottom: 15px;
        height: 20px;
        line-height: 20px;
    }
}
.btn-w {
    font-size: 14px;
    border-width: 1px;
    min-width: 80px;
    height: 30px;
    background-color: #fff;
    &:hover {
        background-color: #0bab87;
        color: #fff;
    }
}
.banshi {
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 350px;
    margin: 0 auto;
}
.pageBox {
    z-index: 9999999999;
    color: #999;
    position: absolute;
    left: 48%;
    bottom: 0px;
}
select {
    height: 24px;
}
.mini-audio {
    width: 200px;
    height: 200px;
    position: fixed;
    right: 0;
    background-color: red;
}
.select-border {
    border: 0;
    border-bottom: 1px solid #767676;
    &:focus {
        outline: none;
    }
}
</style>
src/books/English/view/components/chapter007.vue
New file
@@ -0,0 +1,1435 @@
<template>
    <div class="chapter" num="8">
        <!-- 第七单元 -->
        <!-- 118 -->
        <div class="page-box" page="124">
            <div v-if="showPageList.indexOf(124) > -1">
                <h1 id="a011"><img class="img-0" alt="" src="../../assets/images/dy7.jpg" /></h1>
                <p><b>This unit will help you to:</b></p>
                <p>➢ Learn words and expressions about work ethic</p>
                <p>➢ Review the difference between the simple past tense and the past perfect tense as well as the usage
                    of conjunctions (and,or,but)</p>
                <p>➢ Give suggestions on how to develop a strong work ethic</p>
                <p>➢ Be able to write a warning notice</p>
                <p>➢ Understand some work ethic and behave well in the workplace</p>
                <p class="center"><img class="img-0" alt="" src="../../assets/images/0128-2.jpg" /></p>
            </div>
        </div>
        <!-- 119 -->
        <div class="page-box" page="125">
            <div v-if="showPageList.indexOf(125) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit7">MODULE 7</span>
                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
                            WORKPLACE</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b025"><img class="img-0" alt="" src="../../assets/images/dy7-le1.jpg" /></h2>
                        <h3 id="c055"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Suppose it is your first day at work,how can you favorably impress your workmates?</b>
                        </p>
                        <p>______________________________________________</p>
                        <p><b>Ⅱ.Put the following names of the departments in the proper blanks according to their
                                functions.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-2.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0129-1.jpg" /></p>
                        <h3 id="c056"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p><b>Listen to the monologue about workplace success and fill in the blanks with what you
                                hear.</b></p>
                        <p>Do you want to succeed in the workplace? Try your best for_____in everything you
                            do.Excellence means to be the best in_____you do.Giving your 100% every time will help you
                            achieve that excellence in no time at all.Put all your_____in whatever you do and achieve
                            the best results.Care about the_____of your work and be willing to put in extra effort when
                            necessary.You will get more_____to grow as an individual and make great progress within
                            yourcareer.People with strong work ethic always a_______lot in return.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">119</span>
                </div>
            </div>
        </div>
        <!-- 120 -->
        <div class="page-box" page="126">
            <div v-if="showPageList.indexOf(126) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit7">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit7">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c057"><span class="bjh3">Reading</span></h3>
                        <p>1.If a man is called to be a street sweeper,he should sweep streets even as Michelangelo
                            painted,or Beethoven composed music or Shakespeare wrote poetry.What does this saying try to
                            tell us?</p>
                        <p>2.How can other people’s jobs influence our life?</p>
                        <p class="center"><b>Lineman Wang Jin</b></p>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>Working on high-voltage power lines is considered by many as a high-risk job.But for some
                            people it’s a daily routine.</p>
                        <p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
                            Jin has been in this job for more than 20 years.He is a team leader at an electric power
                            company.</p>
                        <p>Wang still clearly remembered the first time he touched the power line.“I was really scared
                            because at the moment of contact ...500 000 volts of electricity hit the gloves,” recalled
                            Wang.</p>
                        <p>The work is even harder for Wang and his co-workers because UHV lines are often set up in
                            remote areas.</p>
                        <p>Summer in east China’s Shandong Province can be hot and dry.The steel tower is also
                            hot.Wearing protective clothes in such weather,Wang felt dizzy even before he started the
                            shift.</p>
                        <p>In 2011,Wang finished the world’s first repair work on a 660-kilovolt live-transmission
                            line.The power transmitted by this line was almost one-tenth of the total power in the
                            entire province at that time.Wang won the National Science and Technology Progress Award—one
                            of China’s highest national honors—for his excellent performance.</p>
                        <p>China’s UHV power network continues to expand,so Wang and his colleagues have set up an
                            innovation center to address new challenges.</p>
                        <p>They have introduced more technologies including the use of drones for line inspection and
                            maintenance.They have 240 drones and 80 operators,and they want to create an
                            unmanned,digital and intelligent line inspection system.</p>
                        <p>Wang is now a father of two.His family gave him the biggest support.His dedication has made
                            him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
                            achieved more than 30 technological innovations.</p>
                        <p>By the end of 2020,a total of 35 UHV projects had been completed or were under construction
                            in China.Their total length is 48 000 kilometers.China’s electricity network has the highest
                            voltage and the biggest transmission capacity in the world.Thanks to technicians like Wang
                            and his colleagues,China hasn’t experienced a large-scale power outage in the past 10 years.
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">120</span>
                </div>
            </div>
        </div>
        <!-- 121 -->
        <div class="page-box" page="127">
            <div v-if="showPageList.indexOf(127) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit7">MODULE 7</span>
                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
                            WORKPLACE</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>voltage /ˈvəʊltɪdʒ/ <i>n.</i> 电压</p>
                        <div class="bkbj">
                            <p><i>electrical force measured in volts</i></p>
                        </div>
                        <p>routine /ruːˈtiːn/ <i>n.</i> 常规</p>
                        <div class="bkbj">
                            <p><i>fixed and regular way of doing things</i></p>
                        </div>
                        <p>scared /skeəd/ <i>adj.</i> 惊恐的;恐惧的</p>
                        <div class="bkbj">
                            <p><i>frightened</i></p>
                        </div>
                        <p>contact /ˈkɒntækt/ <i>n.</i> 接触</p>
                        <div class="bkbj">
                            <p><i>the state of touching sth.</i></p>
                        </div>
                        <p>electricity /ɪˌlekˈtrɪsəti/ <i>n.</i> 电</p>
                        <div class="bkbj">
                            <p><i>a form of energy from charged elementary particles,usually supplied as electric
                                    current</i></p>
                        </div>
                        <div class="bkbj">
                            <p><i>through cables,wires,etc.for lighting,heating,driving machines,etc.</i></p>
                        </div>
                        <p>protective /prəˈtektɪv/ <i>adj.</i> 受保护的</p>
                        <div class="bkbj">
                            <p><i>providing or intended to provide protection</i></p>
                        </div>
                        <p>dizzy /ˈdɪzi/<i> adj.</i> 头晕的;眩晕的</p>
                        <div class="bkbj">
                            <p><i>feeling as if everything is turning around you and that you are not able to
                                    balance</i></p>
                        </div>
                        <p>transmission /trænzˈmɪʃn/ <i>n.</i> 传送</p>
                        <div class="bkbj">
                            <p><i>the act or process of sending out an electronic signal or message</i></p>
                        </div>
                        <p>inspection /ɪnˈspekʃn/ <i>n.</i> 检查</p>
                        <div class="bkbj">
                            <p><i>the act of looking closely at sth./sb.,esp.to check if everything is as it should
                                    be</i></p>
                        </div>
                        <p>maintenance /ˈmeɪntənəns/ <i>n.</i> 维护</p>
                        <div class="bkbj">
                            <p><i>the act of keeping sth.in good condition by checking or repairing it regularly</i></p>
                        </div>
                        <p>digital /ˈdɪdʒɪtl/ <i>adj.</i> 数字的</p>
                        <div class="bkbj">
                            <p><i>connected with the use of computer technology,esp.the Internet</i></p>
                        </div>
                        <p>intelligent /ɪnˈtelɪdʒənt/ <i>adj.</i> 智能的</p>
                        <div class="bkbj">
                            <p><i>good at learning,understanding and thinking in a logical way about things; showing
                                    this ability</i></p>
                        </div>
                        <p>dedication /ˌdedɪˈkeɪʃn/ <i>n.</i> 献身;奉献</p>
                        <div class="bkbj">
                            <p><i>the hard work and effort that sb.puts into an activity or a purpose because they think
                                    it is important</i></p>
                        </div>
                        <p>achieve /əˈtʃiːv/ <i>v.</i> 获得;达到</p>
                        <div class="bkbj">
                            <p><i>to succeed in reaching a particular goal,status or standard,esp.by making an effort
                                    for a long time</i></p>
                        </div>
                        <p>construction /kənˈstrʌkʃn/ <i>n.</i> 建设</p>
                        <div class="bkbj">
                            <p><i>the process or method of building or making sth.,esp.roads,buildings,bridges,etc.</i>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">121</span>
                </div>
            </div>
        </div>
        <!-- 122 -->
        <div class="page-box" page="128">
            <div v-if="showPageList.indexOf(128) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit7">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit7">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>capacity /kəˈpæsəti/ <i>n.</i> 容纳某事物的能力;做某事的能力</p>
                        <div class="bkbj">
                            <p><i>the ability to hold or contain sth.; the ability to do sth.</i></p>
                        </div>
                        <p>live-transmission line直流输电线路</p>
                        <p>under construction 修建中</p>
                        <p>set up 建立;设立</p>
                        <p>power outage停电</p>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Fill in the blanks with the exact words in the passage.</p>
                        <p>1.Wang takes a high-risk job on high-voltage power lines as_______________.</p>
                        <p>2.Wang Jin felt_______________when he first touched the power line.</p>
                        <p>3.Wang finished the world’s first repair work on a 660-kilovolt_______________.</p>
                        <p>4.The innovation center uses_______________for line inspection and maintenance.</p>
                        <p>5.By 2020,a total of 35 UHV projects had been completed or_______________.</p>
                        <p>B.Put the following statements in right order according to the course of Wang’s career
                            development in the passage.</p>
                        <p>( ) Wang got one of the highest national awards for his superior performance.</p>
                        <p>( ) Wang and his colleagues set up an innovation center to meet new work demand.</p>
                        <p>( ) Wang was really afraid when he first touched the ultra-high-voltage line.</p>
                        <p>( ) Wang and his colleagues want to create an digital and intelligent line inspection system.
                        </p>
                        <p>( ) Wang and his colleagues use drones for checking and repairing the lines.</p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
                            have been given.</p>
                        <p>One of my first c________in my job experience was the cultural difference.Different cultures
                            make people think and behave differently.“Do in Rome as the Romans do.” In the first year I
                            usually communicated with my c________.I spent a lot of time keeping in c________with my
                            customers and developed my cross-cultural c________.In this way,I adapted to my new working
                            environment very fast,p________well and finally I a________my goals.</p>
                        <p>B.Underline the following expressions in the passage and make sentences with them.</p>
                        <p>1.set up_________________________________________</p>
                        <p>2.give support_________________________________________</p>
                        <p>3.under construction_________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">122</span>
                </div>
            </div>
        </div>
        <!-- 123 -->
        <div class="page-box" page="129">
            <div v-if="showPageList.indexOf(129) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit7">MODULE 7</span>
                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
                            WORKPLACE</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>4.thanks to_________________________________________</p>
                        <p>5.power outage_________________________________________</p>
                        <p>C.Translate the following sentences into Chinese.</p>
                        <p>1.If you want to achieve a higher working goal,you need to consider it carefully right now.
                        </p>
                        <p>_________________________________________________________________</p>
                        <p>2.To go for technical innovation,one must have the fearless spirit of a pathbreaker.</p>
                        <p>_________________________________________________________________</p>
                        <p>3.You need keep in contact with your customers when some problems arise.</p>
                        <p>_________________________________________________________________</p>
                        <p>4.Those employees believe that challenges offer opportunities to learn.</p>
                        <p>_________________________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The simple past &amp; past perfect tense.</b></p>
                        <p>A.Pick out two sentences of the simple past tense and the past perfect tense respectively
                            from the passage,and then write them down.</p>
                        <p><b>The simple past tense:</b></p>
                        <p>1._________________________________________</p>
                        <p>2._________________________________________</p>
                        <p><b>The past perfect tense:</b></p>
                        <p>3._________________________________________</p>
                        <p>4._________________________________________</p>
                        <p>B.Fill in the blanks with the proper form of the given words.</p>
                        <p>1.He_____more than 20 technological innovations before he turned 35.(achieve)</p>
                        <p>2.She_____(give) a lot of financial support to animal protection organizations in 2022.</p>
                        <p>3.She didn’t go to bed until she_____her work.(finish)</p>
                        <p>4.He_____many awards because of his hard work last year.(win)</p>
                        <p>5.They_____more technologies for line repairing by 2021.(introduce)</p>
                        <h3 id="c058"><span class="bjh3">Mini-project</span></h3>
                        <p>List some people who are dedicated to their work,and analyze the reasons for their
                            success.Jot down some notes,and then make a report to the class.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">123</span>
                </div>
            </div>
        </div>
        <!-- 124 -->
        <div class="page-box" page="130">
            <div v-if="showPageList.indexOf(130) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit7">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit7">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0134-1.jpg" /></p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>strong-willed motivated active cooperative stressful disciplined risky helpful dutiful enthusiastic
                            </p>
                        </div>
                        <h2 id="b026"><img class="img-0" alt="" src="../../assets/images/dy7-le2.jpg" /></h2>
                        <h3 id="c059"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Put the expressions in the box below on the corresponding answer line under each
                                picture.</b></p>
                        <div class="bk-wh">
                            <p>no bribery punctual attentive gossiping</p>
                        </div>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0134-2.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0134-3.jpg" /></p>
                        <p class="center">2._____________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">124</span>
                </div>
            </div>
        </div>
        <!-- 125 -->
        <div class="page-box" page="131">
            <div v-if="showPageList.indexOf(131) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit7">MODULE 7</span>
                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
                            WORKPLACE</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0135-1.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0135-2.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <h3 id="c060"><span class="bjh3">Reading</span></h3>
                        <p>1.What examples come first to mind when referring to positive or poor work ethic?</p>
                        <p>2.What kind of colleagues do you want to work with?</p>
                        <p class="center"><b>Work Ethic in the Workplace</b></p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>Work ethic is a set of standards of behavior and beliefs regarding what is and isn’t
                            acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
                            views of employees,their motivation,and overall company culture.</p>
                        <p>Next,we’ll review some common examples of both strong and poor work ethic.</p>
                        <p><b>Example</b> 1</p>
                        <p>Angela’s director asked her to sort out data about the patients and
                            insurance.Unfortunately,Angela isn’t very familiar with processing certain insurance claims.
                        </p>
                        <p>Rather than giving up,Angela decides to expand her skills.She networks with her coworkers in
                            the insurance department and consults her director.</p>
                        <p>In the process,she expands her skills to make sure she meets her goals.</p>
                        <p><b>Example</b> 2</p>
                        <p>Jim’s director asked him to review the financial reports from last quarter to look for
                            purchases from one guest.The director gave him this task about a month ago and asked him to
                            complete it within a few weeks.</p>
                        <p>Now,a month has passed,but Jim still hasn’t reviewed any of the reports.Rather than starting
                            early,he leaves it to the last minute and turns in an incomplete report.</p>
                        <p><b>Example</b> 3</p>
                        <p>Sheila is sometimes bothered by the tasks assigned by her director.However,she never
                            addresses her complaints to the director.Instead,she complains to her coworkers,friends,and
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">125</span>
                </div>
            </div>
        </div>
        <!-- 126 -->
        <div class="page-box" page="132">
            <div v-if="showPageList.indexOf(132) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit7">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit7">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>anyone that will listen to her about her job.</p>
                        <p>Finally,the image of the company was badly affected and a bad working environment was
                            created.</p>
                        <p><b>Example</b> 4</p>
                        <p>Jeff is often late to work.When he arrives at the company,his coworkers have already worked
                            for half an hour or even longer.</p>
                        <p>Instead of trying hard to change the current situation,he makes various excuses for being
                            late.</p>
                        <p>His constant delay shows a lack of respect for his job and coworkers.His coworkers think of
                            him as being unreliable and irresponsible as a result.</p>
                        <p>The above examples represent a set of working attitudes that regulate employees’ behavior at
                            work.And what can you do to develop strong work ethic?</p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>regarding /rɪˈɡɑːdɪŋ/ <i>prep.</i> 关于;至于</p>
                        <div class="bkbj">
                            <p><i>concerning sb./sth.; about sb./sth.</i></p>
                        </div>
                        <p>insurance /ɪnˈʃʊərəns/<i> n.</i>保险</p>
                        <div class="bkbj">
                            <p><i>an arrangement with a company in which you pay them regular amounts of</i></p>
                        </div>
                        <div class="bkbj">
                            <p><i>money and they agree to pay the costs</i></p>
                        </div>
                        <p>claim /kleɪm/<i> n.</i> 保险金索款</p>
                        <div class="bkbj">
                            <p><i>demand for a sum of money as insurance</i></p>
                        </div>
                        <p>purchase /ˈpɜːtʃəs/ <i>n.</i> 购买之物</p>
                        <div class="bkbj">
                            <p><i>sth.that you have bought</i></p>
                        </div>
                        <p>bother /ˈbɒðə(r)/ <i>v.</i> 打扰或烦扰某人</p>
                        <div class="bkbj">
                            <p><i>to</i> <i>cause trouble or annoyance to sb.</i></p>
                        </div>
                        <p>address /əˈdres/ <i>v.</i> 向……说话</p>
                        <div class="bkbj">
                            <p><i>to say sth.directly to sb.</i></p>
                        </div>
                        <p>complain /kəmˈpleɪn/ <i>v.</i> 抱怨;诉苦</p>
                        <div class="bkbj">
                            <p><i>to say that you are annoyed,unhappy or not satisfied about sb./sth.</i></p>
                        </div>
                        <p>constant /ˈkɒnstənt/ <i>adj.</i> 连续发生的;不断的;重复的</p>
                        <div class="bkbj">
                            <p><i>happening all the time or repeatedly</i></p>
                        </div>
                        <p>depend on 依靠;依赖</p>
                        <p>sort out 理顺;整理</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">126</span>
                </div>
            </div>
        </div>
        <!-- 127 -->
        <div class="page-box" page="133">
            <div v-if="showPageList.indexOf(133) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit7">MODULE 7</span>
                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
                            WORKPLACE</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>give up 放弃</p>
                        <p>address sth.to sb. 向某人说某事</p>
                        <p>turn in 上交</p>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Match the names in the left column with their behavior in the right column.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-1.jpg" /></p>
                        <p>B.Write down the work ethic mentioned in each of the four examples,and decide whether they
                            are strong or poor.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0137-2.jpg" /></p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper form of the words given below.</p>
                        <div class="bk-wh">
                            <p>bother complain constant address regarding</p>
                        </div>
                        <p>1.Call me if you have any problems_____your work.</p>
                        <p>2.Two questions often_____first-time corporate investors.</p>
                        <p>3.Babies need_____attention.</p>
                        <p>4.She_____to me about his rudeness.</p>
                        <p>5.Please_____all complaints to the manager.</p>
                        <p>B.Underline the following expressions in the passage and make sentences with them.</p>
                        <p>1.depend on_________________________________________</p>
                        <p>2.sort out_________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">127</span>
                </div>
            </div>
        </div>
        <!-- 128 -->
        <div class="page-box" page="134">
            <div v-if="showPageList.indexOf(134) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit7">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit7">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>3.give up_________________________________________</p>
                        <p>4.turn in_________________________________________</p>
                        <p>5.address ...to ..._____________________________</p>
                        <p><b>Ⅲ.Grammar focus:Conjunctions (and,or,but).</b></p>
                        <p>Read the examples and complete the sentences with <i>and</i>,<i>or</i>,or <i>but</i>.</p>
                        <p><b>Examples:</b></p>
                        <div class="fieldset-8">
                            <p>1.We must double our efforts,or we will never be able to catch up with the others.</p>
                            <p>2.The camerawork is perfect,and the cast is good.</p>
                        </div>
                        <p>1.I’d like to go to the theatre tonight,_____I’m too busy.</p>
                        <p>2.Your delay shows a lack of respect for the job_____fellow coworkers.</p>
                        <p>3.Work ethic can be strong_____poor.</p>
                        <p>4.She is bothered by the tasks,_____she never complains.</p>
                        <p>5.All the employees should show up on time_____even earlier.</p>
                        <h3 id="c061"><span class="bjh3">Mini-project</span></h3>
                        <p>Work in groups.Choose two of the work ethic from the box below,and discuss the way to develop
                            them,and then prepare a report to the class.</p>
                        <div class="bk-wh">
                            <p>faithfulness initiative innovation selflessness bravery rigor teamwork fortitude</p>
                        </div>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">128</span>
                </div>
            </div>
        </div>
        <!-- 129 -->
        <div class="page-box" page="135">
            <div v-if="showPageList.indexOf(135) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit7">MODULE 7</span>
                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
                            WORKPLACE</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0138-1.jpg" /></p>
                        <h2 id="b027"><img class="img-0" alt="" src="../../assets/images/dy7-le3.jpg" /></h2>
                        <h3 id="c062"><span class="bjh3">Listening</span></h3>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p><b>Ⅰ.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
                                for being late.</b></p>
                        <p>□ His car broke down.</p>
                        <p>□ His car was borrowed.</p>
                        <p>□ His clock was broken.</p>
                        <p>□ His phone was out of service.</p>
                        <p>□ His phone was out of battery.</p>
                        <p>□ He didn’t get on the subway.</p>
                        <p>□ He was ill.</p>
                        <p>□ He was squeezed out of the bus.</p>
                        <p><b>Ⅱ.Susan,HR director,is now talking with Jenny about Jeff’s problems.Listen to the
                                conversation and fill in the blanks with what you hear.</b></p>
                        <p>Susan:Have you noticed Jeff has been late many times?</p>
                        <p>Jenny:Yes,I want to have a talk with you about this.</p>
                        <p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
                            about this?</p>
                        <p>Jenny:I think Jim must have already talked with Jeff.But maybe Jeff doesn’t pay attention.
                        </p>
                        <p>Susan:So,1._____?</p>
                        <p>Jenny:I suppose we should give a warning notice to Jeff about his tardiness.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">129</span>
                </div>
            </div>
        </div>
        <!-- 130 -->
        <div class="page-box" page="136">
            <div v-if="showPageList.indexOf(136) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit7">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit7">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>Susan:2._____if I talked with his director first to get to know things better.</p>
                        <p>Jenny:And perhaps we should have a talk with Jeff.</p>
                        <p>Susan: I think so.3._____.It is very important to let him know how serious the problem is.
                        </p>
                        <p>Jenny:4._____.</p>
                        <p>Susan:Then after the talk,we 5._____to Jeff.</p>
                        <p>Jenny: OK.I will talk with Jeff this afternoon.I hope he won’t make the same mistake again in
                            the future.</p>
                        <h3 id="c063"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.What kind of notices have you ever read?</p>
                        <p>2.Can you give some tips for writing a notice well?</p>
                        <p><b>Ⅰ.Read the following tips,and summarize how to write a notice well.</b></p>
                        <p>A notice intends to publicize social events,inform staff of instructions,give
                            information,change plans,etc.Most notices have the following features.</p>
                        <div class="fieldset">
                            <p>◆ Very short and attractive</p>
                            <p>◆ Simple and easy-to-read</p>
                            <p>◆ Clear and specific</p>
                            <p>◆ Boldfaced words</p>
                            <p class="center"><img class="img-g" alt="" src="../../assets/images/0140-1.jpg" /></p>
                        </div>
                        <p><b>Ⅱ.Susan is going to issue a personnel warning notice to Jeff.Choose the items from the box
                                below and fill in the blanks to make a proper notice.</b></p>
                        <div class="bk-12">
                            <p>in order of escalation</p>
                            <p>your following actions</p>
                            <p>you received a verbal warning</p>
                            <p>help you improve your performance to meet our quality standards</p>
                            <p>job suspension without pay for one workweek</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">130</span>
                </div>
            </div>
        </div>
        <!-- 131 -->
        <div class="page-box" page="137">
            <div v-if="showPageList.indexOf(137) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit7">MODULE 7</span>
                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
                            WORKPLACE</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="bk-13">
                            <p>Tech Market Technology Co.</p>
                            <p>Warning 1</p>
                            <p>Employee’s Name:Jeff Bell</p>
                            <p>Supervisor’s Name:Jim Marche</p>
                            <p>HR Representative’s Name:Susan Landen</p>
                            <p>Date:1/31/23</p>
                        </div>
                        <div class="bk-13">
                            <p>Dear Jeff Bell,</p>
                            <p>Your HR department has been informed by your director that_____do not comply with Tech
                                Market Technology Company’s policies:</p>
                            <p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
                            <p>_____on January 17th,2023.</p>
                            <p>The following consequences,_____,will be applied,should you not demonstrate improvement
                                or cease violation of company policies:</p>
                            <p>1.Second warning notice issued</p>
                            <p>2._____</p>
                            <p>3.Third and final warning notice followed by an in-person meeting</p>
                            <p>4.Termination of employment</p>
                            <p>We will do whatever to_____.</p>
                            <p>Supervisor’s signature:Jim Marche</p>
                            <p>Date:1/31/23</p>
                        </div>
                        <p><b>Ⅲ.Put the following words in right order to make sentences.</b></p>
                        <p>1.used who everyone should coffee it the clean machine</p>
                        <p>_________________________________________________</p>
                        <p>2.to the this are welcome lecture attend all staff</p>
                        <p>_________________________________________________</p>
                        <p>3.due weather the badminton the to competition canceled be will</p>
                        <p>_________________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">131</span>
                </div>
            </div>
        </div>
        <!-- 132 -->
        <div class="page-box" page="138">
            <div v-if="showPageList.indexOf(138) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit7">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit7">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>4.gate school gather for the 8 at o’clock examination at will the we</p>
                        <p>_________________________________________________</p>
                        <p>5.held will meeting contest in at be room tomorrow 9 p.m.the</p>
                        <p>_________________________________________________</p>
                        <p><b>Ⅳ.Susan,HR director,is responsible for writing a warning notice to Jason who delayed
                                handling in a very important report.</b></p>
                        <div class="fieldset-4">
                            <p class="left">Tech Market Technology Co.</p>
                            <p class="left">Warning 1</p>
                            <p class="left">Employee’s Name:</p>
                            <p class="left">Supervisor’s Name: Jim Marche</p>
                            <p class="left">HR Representative’s Name: Susan Landen</p>
                            <p class="left">Date:</p>
                            <p><br /></p>
                            <p class="left">Dear Jason,</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">Supervisor’s signature: Jim Marche</p>
                            <p class="left">Date:1/31/23</p>
                        </div>
                        <div class="un-h2">
                            <h2 id="b028">Unit Project</h2>
                        </div>
                        <p>Work with your partner to complete the following tasks,and then share your ideas with others.
                        </p>
                        <p><b>Task 1:</b> Read each of the following examples and decide whether they are strong or bad
                            work ethic,and then find out what kind of work ethic they are.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">132</span>
                </div>
            </div>
        </div>
        <!-- 133 -->
        <div class="page-box" page="139">
            <div v-if="showPageList.indexOf(139) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit7">MODULE 7</span>
                        <span class="chapter-right-bc-unit7 fw-bl chapter-right-cl-unit7">WORK ETHIC AND SUCCESS IN THE
                            WORKPLACE</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0143-1.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">133</span>
                </div>
            </div>
        </div>
        <!-- 134 -->
        <div class="page-box" page="140">
            <div v-if="showPageList.indexOf(140) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit7 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit7">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit7">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Task 2:</b>List the possible impact the above behavior will have on a company.</p>
                        <p>1.____________________________________________</p>
                        <p>2.____________________________________________</p>
                        <p>3.____________________________________________</p>
                        <p><b>Task 3:</b>List at least three strong work ethic you should develop and the tips for
                            developing them.</p>
                        <p>1.____________________________________________</p>
                        <p>2.____________________________________________</p>
                        <p>3.____________________________________________</p>
                        <div class="fieldset-9">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p><b>Strong work ethic you should develop:</b></p>
                            <p>Hard work</p>
                            <p>Dedication</p>
                            <p>Discipline</p>
                            <p>Productivity</p>
                            <p>Teamwork</p>
                            <p>Responsibility</p>
                            <p>Determination</p>
                            <p>Professionalism</p>
                            <p><b>Bad work ethic you should avoid:</b></p>
                            <p>Procrastination</p>
                            <p>Inefficiency</p>
                            <p>Irresponsibility</p>
                            <p>Passiveness</p>
                            <p>Tardiness</p>
                            <p>Unprofessional behavior</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">134</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapterSeven",
    components: { matching },
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
                    {
                        oldId: "FB34",
                        txt: "Martin    Silk",
                    },
                    {
                        oldId: "64D6",
                        txt: "Jessica  The Great Wall",
                    },
                    {
                        oldId: "2ED4",
                        txt: "Soren  Chinese Food",
                    },
                    {
                        oldId: "44DE",
                        txt: "Chinese    Tea",
                    },
                ],
                right: [
                    {
                        oldId: "64D6",
                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                    },
                    {
                        oldId: "FB34",
                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                    },
                    {
                        oldId: "2ED4",
                        txt: "The clothing material is quite popular among Roman women inancient times.",
                    },
                    {
                        oldId: "44DE",
                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                    },
                ],
            },
            value: [],
            question: {
                KnowledgePoint: "123",
                analysis: "123",
                answer: [
                    {
                        id: "FB34",
                        linkValue:
                            "The clothing material is quite popular among Roman women inancient times.",
                        value: "Silk",
                    },
                    {
                        id: "64D6",
                        linkValue:
                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        value: "The Great Wall",
                    },
                    {
                        id: "2ED4",
                        linkValue:
                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        value: "Chinese Food",
                    },
                    {
                        id: "44DE",
                        linkValue:
                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                        value: "Chinese Tea",
                    },
                ],
                optionStyle: undefined,
                id: 489306,
                options: {
                    linkValues: [
                        {
                            oldId: "64D6",
                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        },
                        {
                            oldId: "44DE",
                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
                        },
                        {
                            oldId: "FB34",
                            txt: "The clothing material is quite popular among Roman women inancient times.",
                        },
                        {
                            oldId: "2ED4",
                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        },
                    ],
                    values: [
                        {
                            oldId: "FB34",
                            txt: "Martin  Silk",
                        },
                        {
                            oldId: "64D6",
                            txt: "The Great Wall",
                        },
                        {
                            oldId: "2ED4",
                            txt: "Chinese Food",
                        },
                        {
                            oldId: "44DE",
                            txt: "Chinese Tea",
                        },
                    ],
                },
                questionType: "matching",
                stem: {
                    stemTxt: "按顺序连线",
                },
                stemStyle: undefined,
                titleDescription: "1",
                userChoise: [],
                value: [],
                answerImg: require("../../assets/images/matching-one.png"),
            },
            questionData: {
                warnUp: {
                    one: {
                        value: "",
                        isRight: null,
                        answer: "Chinese knot",
                    },
                    two: {
                        value: "",
                        isRight: null,
                        answer: "Chinese medicine",
                    },
                    three: {
                        value: "",
                        isRight: null,
                        answer: "Chinese calligraphy",
                    },
                    four: {
                        value: "",
                        isRight: null,
                        answer: "Taichi",
                    },
                    five: {
                        value: "",
                        isRight: null,
                        answer: "sweet dumpling",
                    },
                    six: {
                        value: "",
                        isRight: null,
                        answer: "Chinese chess",
                    },
                    seven: "",
                },
                reading: {
                    one: "",
                    two: "",
                },
                table: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    nine: "",
                },
            },
            testData: {
                check: {
                    isRight: null,
                    answer: ["Culture", "Cuisine", "Landscapes"],
                    value: []
                },
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    isRight: null,
                    answer: 'cuisine,landscapes,civilization,explore,unique'
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            },
            resource: {
                listenOne: "",
                readingOne: "",
                readingTwo: "",
            },
            dropDownList: [
                "online shopping",
                "facial recognition",
                "electronic payment",
                "intercity train",
                "shared bike",
                "take-away service",
            ],
            dropdownData: {
                one: {
                    value: "",
                    isRight: null,
                    answer: "intercity train",
                },
                two: {
                    value: "",
                    isRight: null,
                    answer: "online shopping",
                },
                three: {
                    value: "",
                    isRight: null,
                    answer: "electronic payment",
                },
                four: {
                    value: "",
                    isRight: null,
                    answer: "shared bike",
                },
                five: {
                    value: "",
                    isRight: null,
                    answer: "take-away service",
                },
                six: {
                    value: "",
                    isRight: null,
                    answer: "facial recognition",
                },
            },
        };
    },
    mounted() {
        const testData = localStorage.getItem("english-testOne");
        if (testData) {
            this.testData = JSON.parse(testData);
        }
        const bookQuestion = localStorage.getItem("english-book-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const dropdownData = localStorage.getItem("english-dropdown-one");
        if (dropdownData) {
            this.dropdownData = JSON.parse(dropdownData);
        }
        this.getPath();
    },
    methods: {
        saveWord(event, word) {
            this.$emit("saveCharacters", event, word);
        },
        setTestData() {
            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
        },
        changeTestData() {
            localStorage.removeItem("english-testOne");
            this.testData = {
                check: {
                    isRight: null,
                    answer: ["Culture", "Cuisine", "Landscapes"],
                    value: []
                },
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    isRight: null,
                    answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            };
        },
        setBookQuestion() {
            console.log("保存");
            localStorage.setItem(
                "english-book-question-one",
                JSON.stringify(this.questionData)
            );
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
            );
        },
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            }
        },
        handleQuestion(type) {
            if (type == "one") {
                this.questionData.warnUp.one.value
                    ? (this.questionData.warnUp.one.isRight =
                        this.questionData.warnUp.one.value == "Chinese knot")
                    : (this.questionData.warnUp.one.isRight = null);
            } else if (type == "two") {
                this.questionData.warnUp.two.value
                    ? (this.questionData.warnUp.two.isRight =
                        this.questionData.warnUp.two.value == "Chinese medicine")
                    : (this.questionData.warnUp.two.isRight = null);
            } else if (type == "three") {
                this.questionData.warnUp.three.value
                    ? (this.questionData.warnUp.three.isRight =
                        this.questionData.warnUp.three.value == "Chinese calligraphy")
                    : (this.questionData.warnUp.three.isRight = null);
            } else if (type == "four") {
                this.questionData.warnUp.four.value
                    ? (this.questionData.warnUp.four.isRight =
                        this.questionData.warnUp.four.value == "Taichi")
                    : (this.questionData.warnUp.four.isRight = null);
            } else if (type == "five") {
                this.questionData.warnUp.five.value
                    ? (this.questionData.warnUp.five.isRight =
                        this.questionData.warnUp.five.value == "sweet dumpling")
                    : (this.questionData.warnUp.five.isRight = null);
            } else if (type == "six") {
                this.questionData.warnUp.six.value
                    ? (this.questionData.warnUp.six.isRight =
                        this.questionData.warnUp.six.value == "Chinese chess")
                    : (this.questionData.warnUp.six.isRight = null);
            }
        },
        handleDropdown(type) {
            const dropdownDatas = this.dropdownData;
            for (let key in dropdownDatas) {
                const item = dropdownDatas[key];
                if (type == "judge") {
                    item.value == item.answer
                        ? (item.isRight = true)
                        : (item.isRight = false);
                    console.log(item.value, item.answer);
                }
            }
            this.dropdownData = dropdownDatas;
        },
        changeDropdown() {
            localStorage.removeItem("english-dropdown-one");
            for (let key in this.dropdownData) {
                const item = this.dropdownData[key];
                item.value = "";
                item.isRight = null;
            }
        },
        setDropdownData() {
            localStorage.setItem(
                "english-dropdown-one",
                JSON.stringify(this.dropdownData)
            );
        },
        saveData() {
            const item = this.testData['check']
            const sortedArr1 = item.answer.slice().sort();
            const sortedArr2 = item.value.slice().sort();
            const isRight = sortedArr1.every(
                (value, index) => value === sortedArr2[index]
            );
            const inData = this.testData['in']
            let inString = []
            for (let key in inData) {
                const citem = inData[key];
                if (key != 'answer' && key !== 'isRight') {
                    console.log(key);
                    inString.push(citem)
                }
            }
            const inRight = inData.answer == inString
            console.log('in', inData.answer, inString);
            this.$set(this.testData['in'], 'isRight', inRight)
            this.$set(this.testData['check'], 'isRight', isRight)
            this.setTestData()
            console.log(this.testData);
        },
        audioPlay() {
            this.$emit("closeMiniAudio");
        },
    },
};
</script>
<style lang="less" scoped>
p {
    font-size: 16px !important;
}
.bodystyle {
    margin: 0 !important;
}
.line-border-box {
    margin-left: 10px;
    display: inline-block;
    width: 50%;
    height: 3px;
    background-color: #f9a71b;
}
.mr-20 {
    margin-right: 20px;
}
.dl-box {
    display: flex;
    flex-wrap: wrap;
    .dl-span {
        display: inline-block;
        text-indent: 0;
        margin-bottom: 15px;
        height: 20px;
        line-height: 20px;
    }
}
.btn-w {
    font-size: 14px;
    border-width: 1px;
    min-width: 80px;
    height: 30px;
    background-color: #fff;
    &:hover {
        background-color: #0bab87;
        color: #fff;
    }
}
.banshi {
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 350px;
    margin: 0 auto;
}
.pageBox {
    z-index: 9999999999;
    color: #999;
    position: absolute;
    left: 48%;
    bottom: 0px;
}
select {
    height: 24px;
}
.mini-audio {
    width: 200px;
    height: 200px;
    position: fixed;
    right: 0;
    background-color: red;
}
.select-border {
    border: 0;
    border-bottom: 1px solid #767676;
    &:focus {
        outline: none;
    }
}
</style>
src/books/English/view/components/chapter008.vue
New file
@@ -0,0 +1,1485 @@
<template>
    <div class="chapter" num="9">
        <!-- 第八单元 -->
        <!-- 135 -->
        <div class="page-box" page="141">
            <div v-if="showPageList.indexOf(141) > -1">
                <h1 id="a012"><img class="img-0" alt="" src="../../assets/images/dy8.jpg" /></h1>
                <p><b>This unit will help you to:</b></p>
                <p>➢ Learn words and expressions to describe jobs</p>
                <p>➢ Review the structure of the simple present &amp; past tense,and the usage of pronouns (it,one)</p>
                <p>➢ Perform properly in a job interview</p>
                <p>➢ Be able to compose a follow-up email after an interview</p>
                <p>➢ Know how to choose the right career</p>
                <p class="center"><img class="img-0" alt="" src="../../assets/images/0145-2.jpg" /></p>
            </div>
        </div>
        <!-- 136 -->
        <div class="page-box" page="142">
            <div v-if="showPageList.indexOf(142) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b029"><img class="img-0" alt="" src="../../assets/images/dy8-le1.jpg" /></h2>
                        <h3 id="c064"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Ⅰ.Figure out what the people in the following pictures do.</b></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-1.jpg" /></p>
                        <p class="center">1._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-2.jpg" /></p>
                        <p class="center">2._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-3.jpg" /></p>
                        <p class="center">3._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-4.jpg" /></p>
                        <p class="center">4._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-5.jpg" /></p>
                        <p class="center">5._____________________</p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0146-6.jpg" /></p>
                        <p class="center">6._____________________</p>
                        <p><b>Ⅱ.What other jobs can you list?</b></p>
                        <p>____________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">136</span>
                </div>
            </div>
        </div>
        <!-- 137 -->
        <div class="page-box" page="143">
            <div v-if="showPageList.indexOf(143) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h3 id="c065"><span class="bjh3">Listening</span></h3>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p><b>Watch the video and find out how the speakers describe their jobs.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0147-2.jpg" /></p>
                        <h3 id="c066"><span class="bjh3">Reading</span></h3>
                        <p>1.There is a saying that a part-time job can be a way to gain the experience necessary for
                            full-time employment.Do you agree? Why or why not?</p>
                        <p>2.If you’re considering a part-time job,what’s your expectation of it?</p>
                        <p class="center">__________________</p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                                controlslist="noplaybackrate nodownload" class="audio" @play="audioPlay"></audio></p>
                        <p>Everyone’s first job is special.There are a couple of reasons for this:the experience is
                            burned into one’s memory; it gives you the practice needed to fulfill other positions; and
                            it teaches you about the value of money.</p>
                        <p>When I was sixteen years old,I wanted to buy a new speed cube,but I did not have any money.My
                            parents were not the type of people to give money to me out of nowhere,or even for work done
                            at home.I had to find work in order to purchase one.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">137</span>
                </div>
            </div>
        </div>
        <!-- 138 -->
        <div class="page-box" page="144">
            <div v-if="showPageList.indexOf(144) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>So,I inquired as to who could give me work around town.I lived in the town of Woodway,which
                            had enough people,especially elderly people,who needed help in their yards.I went to the
                            oldest person I knew in my neighbourhood,Mrs.Hudson.She was over eighty years old,and could
                            not tend her garden anymore.She had flowers,a grass lawn,and some tomato plants.I knocked on
                            her door,building up enough courage to ask her for work.She answered that indeed she needed
                            help in her garden.</p>
                        <p>My first job was to pull out weeds.I got down on my knees with foam protectors and began to
                            pull out weeds one by one in her front yard and backyard.After this tedious task,I mowed her
                            lawn—front and back.That was it for my first day,and it took me about two hours.I asked her
                            how much I would get paid,and she said,“I will give you $5 an hour.” It was less than I
                            thought I would get paid,but at least I had a job and the money for my cube.</p>
                        <p>I think everyone should get down on one’s knees and pull weeds.I think everyone should feel
                            the burning sun on one’s back as they mow.It seems these experiences harden spirits and
                            resolve.Besides this,a first job like this teaches you the value of money,and as sweat
                            turned into the “cube”,it is something no one can take away.</p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>fulfill /fʊlˈfɪl/ <i>v.</i> 符合;履行</p>
                        <div class="bkbj">
                            <p><i>to do or have what is required or necessary</i></p>
                        </div>
                        <p>cube /kjuːb/ <i>n.</i>立方体</p>
                        <div class="bkbj">
                            <p><i>a solid or hollow figure with six equal square sides</i></p>
                        </div>
                        <p>inquire /ɪnˈkwaɪə(r)/<i> v.</i> 打听;询问</p>
                        <div class="bkbj">
                            <p><i>to ask sb.for some information</i></p>
                        </div>
                        <p>elderly /ˈeldəli/ <i>adj.</i>年纪较大的</p>
                        <div class="bkbj">
                            <p><i>(of people) used as a polite word for “old”</i></p>
                        </div>
                        <p>neighbourhood /ˈneɪbəhʊd/ <i>n.</i> 所在地;临近的地方</p>
                        <div class="bkbj">
                            <p><i>the area that you are in or the area near a particular place</i></p>
                        </div>
                        <p>weed /wiːd/<i> n.</i> 杂草,野草(尤指庄稼或花园中的)</p>
                        <div class="bkbj">
                            <p><i>a wild plant growing where it is not wanted,esp.among crops or garden plants</i></p>
                        </div>
                        <p>foam /fəʊm/ <i>n.</i>泡沫橡胶</p>
                        <div class="bkbj">
                            <p><i>a soft light rubber material,full of small holes,that is used for
                                    seats,mattresses,etc.</i></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">138</span>
                </div>
            </div>
        </div>
        <!-- 139 -->
        <div class="page-box" page="145">
            <div v-if="showPageList.indexOf(145) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>tedious /ˈtiːdiəs/ <i>adj.</i>单调乏味的</p>
                        <div class="bkbj">
                            <p><i>lasting or taking too long and not interesting</i></p>
                        </div>
                        <p>mow /məʊ/ <i>v.</i> 刈;割</p>
                        <div class="bkbj">
                            <p><i>to cut grass,etc.using a machine or tool with a special blade</i></p>
                        </div>
                        <p>lawn /lɔːn/ <i>n.</i>草地;草坪</p>
                        <div class="bkbj">
                            <p><i>an area of ground covered in short grass in a garden/yard or park,or used for playing
                                    a game on</i></p>
                        </div>
                        <p>harden /ˈhɑːdn/<i> v.</i> (使) 更坚定,更强硬</p>
                        <div class="bkbj">
                            <p><i>to make sb’s feelings or attitudes more fixed and determined</i></p>
                        </div>
                        <p>resolve /rɪˈzɒlv/ <i>n.</i> 决心;坚定的信念</p>
                        <div class="bkbj">
                            <p><i>strong determination to achieve sth.</i></p>
                        </div>
                        <p>sweat /swet/ <i>n.</i> 汗水</p>
                        <div class="bkbj">
                            <p><i>drops of liquid that appear on the surface of your skin when you are hot,ill or
                                    afraid</i></p>
                        </div>
                        <p>a couple of 几个</p>
                        <p>as to 关于</p>
                        <p>at least 至少</p>
                        <p>take away 剥夺;拿走</p>
                        <p>out of nowhere 莫名其妙地</p>
                        <p>build up 逐步建立</p>
                        <p>supply sb.with sth.为某人提供某物</p>
                        <div class="bj-note">
                            <p><b>Notes:</b></p>
                            <p>speed cube 竞速魔方,对传统魔方内部机件进行了重新设计的一种魔方,它能够让拼图块以更平滑、更快的方式移动。</p>
                        </div>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Read the passage and answer the following questions.</p>
                        <p>1.What job did the author take?</p>
                        <p>____________________________________________________</p>
                        <p>2.How did he describe his job?</p>
                        <p>____________________________________________________</p>
                        <p>3.What can be a proper title for this passage?</p>
                        <p>____________________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">139</span>
                </div>
            </div>
        </div>
        <!-- 140 -->
        <div class="page-box" page="146">
            <div v-if="showPageList.indexOf(146) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>B.Put the questions in the right blanks according to the main idea of each paragraph,and then
                            find the answer to each question.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0150-1.jpg" /></p>
                        <p>The answer to each question:</p>
                        <p>1.________________________________________________</p>
                        <p>2.________________________________________________</p>
                        <p>3.________________________________________________</p>
                        <p>4.________________________________________________</p>
                        <p>5.________________________________________________</p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Fill in the blanks with the proper words in the passage.The initial letters of the words
                            have been given.</p>
                        <p>The first job experience is burned into our memories for a c_______of reasons,and Nicholas
                            remembered his well.When he was about 16,he wanted to buy a speed cube.Unfortunately,he had
                            no money,so he decided to take a job and earn enough money for it.He planned to help
                            e________people with their gardens,so he went to Mrs.Hudson who just lived in his n_______.
                            Although his job of pulling out weeds there was t_________, he managed to get the money he
                            needed for his speed cube.And most importantly,that working experience made him realize the
                            v_______of money through his s_________.</p>
                        <p>B.Underline the following expressions in the passage and make sentences with them.</p>
                        <p>1.out of nowhere______________________________</p>
                        <p>2.as to______________________________________</p>
                        <p>3.build up___________________________________</p>
                        <p>4.at least___________________________________</p>
                        <p>5.take away__________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">146</span>
                </div>
            </div>
        </div>
        <!-- 141 -->
        <div class="page-box" page="147">
            <div v-if="showPageList.indexOf(147) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>C.Translate the following sentences into Chinese.</p>
                        <p>1.Wang Jinxi,the “Iron Man”,successfully fulfilled his job under incredible difficulties.</p>
                        <p>____________________________________________________</p>
                        <p>2.Zhang Guimei,a teacher,spent all her money purchasing things needed for the girls in her
                            school.</p>
                        <p>____________________________________________________</p>
                        <p>3.Wu Dajing impressed the whole nation when fighting to supply his teammates with a better
                            position in the lane.</p>
                        <p>____________________________________________________</p>
                        <p>4.Wang Yaping with resolve won her family’s support to be the first woman in China’s new
                            space station.</p>
                        <p>____________________________________________________</p>
                        <p><b>Ⅲ.Grammar focus:The simple present &amp; past tense.</b></p>
                        <p>A.Based on the form of the underlined verbs tell us whether the following sentences are about
                            the past or the present.</p>
                        <p>(present)1.Everyone’s first job <span class="u">is</span> special.</p>
                        <p>(  )2.I <span class="u">wanted</span> to buy a new speed cube.</p>
                        <p>(  )3.I <span class="u">went</span> to the oldest person I knew in my neighborhood.</p>
                        <p>(  )4.It <span class="u">seems</span> these experiences harden our spirits and resolve.</p>
                        <p>(  )5.When I <span class="u">was</span> about sixteen years old, I <span class="u">wanted
                            </span>to buy a new speed cube.</p>
                        <p>(  )6.I <span class="u">think</span> everyone should get down on one’s knees and pull weeds.
                        </p>
                        <p>B.Write the present or the past form of the following verbs.</p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0151-1.jpg" /></p>
                        <h3 id="c067"><span class="bjh3">Mini-project</span></h3>
                        <p>People do different jobs and hold different ideas about their jobs.You are required to:</p>
                        <p>1.Do a small survey among your family members or relatives and jot down their opinions;</p>
                        <p>2.Finish the worksheet according to your survey;</p>
                        <p>3.Report to the class.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">141</span>
                </div>
            </div>
        </div>
        <!-- 142 -->
        <div class="page-box" page="148">
            <div v-if="showPageList.indexOf(148) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="fieldset">
                            <p>Questions:1.Who are you going to talk to?</p>
                            <p>    2.What is his/her job?</p>
                            <p>    3.How does he/she describe his/her job?</p>
                        </div>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0152-1.jpg" /></p>
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p>dangerous demanding dull exciting repetitive risky satisfying stimulating stressful voluntary
                            </p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">142</span>
                </div>
            </div>
        </div>
        <!-- 143 -->
        <div class="page-box" page="149">
            <div v-if="showPageList.indexOf(149) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <h2 id="b030"><img class="img-0" alt="" src="../../assets/images/dy8-le2.jpg" /></h2>
                        <h3 id="c068"><span class="bjh3">Warm-up</span></h3>
                        <p><b>Mostly,the first step to map out your career is to create a career road map for
                                yourself.Work with your partner and figure out what the pictures in the following road
                                maps possibly mean,and then choose the proper expressions to fill in the blanks.</b></p>
                        <p><b>Road map</b>1:</p>
                        <p><b>People often think that career path works like this:</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0153-1.jpg" /></p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">143</span>
                </div>
            </div>
        </div>
        <!-- 144 -->
        <div class="page-box" page="150">
            <div v-if="showPageList.indexOf(150) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Road map</b>2:</p>
                        <p><b>In reality,it looks more like:</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0154-1.jpg" /></p>
                        <h3 id="c069"><span class="bjh3">Reading</span></h3>
                        <p>1.Working hard is only the first part of success.Making good choices is the second part.It
                            truly takes both to achieve success at whatever you do.What’s your interpretation of the
                            sentence?</p>
                        <p>2.What’s your suggestion for making the “right” career choice?</p>
                        <p class="center"><b>Choose a Career You Love</b></p>
                        <p class="center"><audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>We spend a large portion of our lives working,so how we spend those years matters.It is
                            beneficial to find a career that will bring satisfaction and happiness rather than find one
                            based on income.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">144</span>
                </div>
            </div>
        </div>
        <!-- 145 -->
        <div class="page-box" page="151">
            <div v-if="showPageList.indexOf(151) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>“Find a job you enjoy doing,and you will never have to work a day in your life,” Mark Twain
                            said.</p>
                        <p>When we have a job that we love,we are more productive and satisfied.There is more passion to
                            get up in the morning and begin working.There are more positive emotions associated with
                            doing something we care about.Sometimes people choose a certain profession because of past
                            experiences.</p>
                        <p>Someone may choose to be an actor because they want others to be happy.Someone may choose to
                            be a doctor because someone they knew was ill.Someone may choose to be a vet because they
                            care about animals.These past experiences may influence a career,and the career may provide
                            more satisfaction and a sense of purpose.</p>
                        <p>We shouldn’t spend a lot of time worrying about where we should be.Things will fall into
                            place as they are meant to.There isn’t one correct path and everyone’s life is different.We
                            may face challenges that bring greater outcomes later on.</p>
                        <p>Some may argue that they need more money to survive and be happy.It is true that we need
                            money to survive,but after a certain amount it doesn’t give us any more happiness.It can
                            provide necessities like food,water,clothes,and shelter.It can also provide luxuries like
                            vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
                            enjoyment doesn’t last forever.We usually return to our baseline state shortly after.Every
                            individual’s needs are different,but we can sometimes play a part in our emotional
                            state.Having more luxury items and wants doesn’t bring happiness that lasts.</p>
                        <p>Having a career that we are passionate about,one that gives our life a sense of purpose,and
                            one that we are comfortable with is important.Finding a career shouldn’t be based on income
                            or forced.We spend a huge amount of our lives working,so we should spend this time doing
                            something we are passionate about.</p>
                        <p class="fl al-cn mt-40">
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p>portion /ˈpɔːʃn/ <i>n.</i>部分</p>
                        <div class="bkbj">
                            <p><i>one part of sth.larger</i></p>
                        </div>
                        <p>profession /prəˈfeʃn/ <i>n.</i> 职业</p>
                        <div class="bkbj">
                            <p><i>a type of job that needs special training or skill</i></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">145</span>
                </div>
            </div>
        </div>
        <!-- 146 -->
        <div class="page-box" page="152">
            <div v-if="showPageList.indexOf(152) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>vet /vet/ <i>n.</i>兽医</p>
                        <div class="bkbj">
                            <p><i>a person who has been trained in the science of animal medicine,whose job is to treat
                                    animals who are sick or injured</i></p>
                        </div>
                        <p>outcome /ˈaʊtkʌm/ <i>n.</i>结果</p>
                        <div class="bkbj">
                            <p><i>the result of an action or event</i></p>
                        </div>
                        <p>necessity /nəˈsesəti/ <i>n.</i> 必需品</p>
                        <div class="bkbj">
                            <p><i>a thing that you must have and cannot manage without</i></p>
                        </div>
                        <p>shelter /ˈʃeltə(r)/ <i>n.</i>居所;住处</p>
                        <div class="bkbj">
                            <p><i>the fact of having a place to live or stay,considered as a basic human need</i></p>
                        </div>
                        <p>luxury /ˈlʌkʃəri/ <i>n.</i>奢侈品</p>
                        <div class="bkbj">
                            <p><i>a thing that is expensive and enjoyable but not essential</i></p>
                        </div>
                        <p>baseline /ˈbeɪslaɪn/<i> n.</i>起点;基础</p>
                        <div class="bkbj">
                            <p><i>a line or measurement that is used as a starting point when comparing facts</i></p>
                        </div>
                        <p>emotional /ɪˈməʊʃənl/ <i>adj.</i> 感情的;情感的;情绪的</p>
                        <div class="bkbj">
                            <p><i>connected with people’s feelings</i></p>
                        </div>
                        <p>passionate /ˈpæʃənət/ <i>adj.</i>热情的;狂热的</p>
                        <div class="bkbj">
                            <p><i>having or showing strong feelings of enthusiasm for sth.</i></p>
                        </div>
                        <p>comfortable /ˈkʌmftəbl/ <i>adj.</i>舒适的;安逸的</p>
                        <div class="bkbj">
                            <p><i>feeling physically relaxed in a pleasant way</i></p>
                        </div>
                        <p>a portion of ...一部分……</p>
                        <p>later on过后;后来</p>
                        <p>be comfortable with ...对……感到舒服的</p>
                        <p>fall into place水到渠成</p>
                        <p>be passionate about ...对……充满热情</p>
                        <div class="bj-note">
                            <p><b>Notes:</b></p>
                            <p>Mark Twain:马克·吐温(1835—1910),美国作家、演说家,代表作品有小说《百万英镑》《哈克贝利·费恩历险记》《汤姆·索亚历险记》等。</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">146</span>
                </div>
            </div>
        </div>
        <!-- 147 -->
        <div class="page-box" page="153">
            <div v-if="showPageList.indexOf(153) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <p>A.Mark the suggestions given by the author when choosing a career.</p>
                        <p>Deciding on a Career£Income</p>
                        <p>□Education</p>
                        <p>□Experience</p>
                        <p>□Goals</p>
                        <p>□Happiness</p>
                        <p>□Interest</p>
                        <p>□Satisfaction</p>
                        <p>□Skills</p>
                        <p>□Values</p>
                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
                        <p>( ) 1.When we decide on our future career,satisfaction and happiness matter a lot.</p>
                        <p>( ) 2.Positive emotions make us more productive and satisfied in our jobs.</p>
                        <p>( ) 3.Our past experiences have nothing to do with our jobs in the future.</p>
                        <p>( ) 4.There is no need to worry about what career we are going to take.</p>
                        <p>( ) 5.Luxuries will bring enjoyment to us,but that feeling cannot last forever.</p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Replace the words in italics with the exact words in the passage and change the form if
                            necessary.</p>
                        <p>1.Once you find a desired <i>occupation</i>,you’ll notice a change even in your daily
                            life._____________</p>
                        <p>2.Only a small <i>part</i> of the budget is spent on books._____________</p>
                        <p>3.Happiness itself can help to shape job market <i>results</i> and even firm
                            performance._____________</p>
                        <p>4.Those who are <i>excited</i> about numbers can work in the accounting field._____________
                        </p>
                        <p>5.We need to leave our <i>pleasant</i> zone at work if we want growth
                            opportunities._____________</p>
                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                        <div class="bk-wh">
                            <p>a portion of fall into place be passionate about later on be comfortable with</p>
                        </div>
                        <p>1.Keep your options open and everything will___________.</p>
                        <p>2.You’d better set a long-term goal that you can___________.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">147</span>
                </div>
            </div>
        </div>
        <!-- 148 -->
        <div class="page-box" page="154">
            <div v-if="showPageList.indexOf(154) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>3.Anyone hired into the company must___________the system.</p>
                        <p>4.You must accept___________the blame for this crisis.</p>
                        <p>5.Many people plan to take one job of any kind and consider a new career path___________.</p>
                        <p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b></p>
                        <p>Read the examples and complete the sentences with <i>it</i> or <i>one</i>.</p>
                        <p><b>Examples:</b></p>
                        <div class="fieldset-2">
                            <p>1.It is beneficial to find a career that will bring satisfaction and happiness rather
                                than find one based on income.</p>
                            <p>2.Having a career that we are passionate about,<i>one</i> that gives our life a sense of
                                purpose,and one that we are comfortable with is important.</p>
                        </div>
                        <p>1.Although finding a new job might not be easy,there are many different methods to
                            find_______effectively.</p>
                        <p>2.As you make a decision about your career,_______is important to reflect on your
                            interest,skills and career goals.</p>
                        <p>3.People will usually set a milestone in their career path,_______that they will work for in
                            the next five or ten years.</p>
                        <p>4.A career aptitude test could be helpful,because_______will give you suggestions based on
                            the test of your personal type.</p>
                        <p>5.We all have to work,and for most of us,if you discount weekends and sleep,_______will take
                            up at least half our available time.</p>
                        <h3 id="c070"><span class="bjh3">Mini-project</span></h3>
                        <p>Work in groups.Every one of you will take a job in the future.Ask your group members what job
                            he/she is going to choose and why he/she chooses this job.Jot down some notes,and prepare a
                            report to the class.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">148</span>
                </div>
            </div>
        </div>
        <!-- 149 -->
        <div class="page-box" page="155">
            <div v-if="showPageList.indexOf(155) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0159-1.jpg" /></p>
                        <h2 id="b031"><img class="img-0" alt="" src="../../assets/images/dy8-le3.jpg" /></h2>
                        <h3 id="c071"><span class="bjh3">Listening</span></h3>
                        <p class="center"> <audio :src="resource.readingTwo" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                @play="audioPlay"></audio></p>
                        <p><b>Ⅰ.Derek is talking about his job interview.Listen to the recording and fill in the blanks
                                with what you hear.</b></p>
                        <p>Hi,everyone.I’m Derek Cruise.I landed a job interview the other day.It is a bank
                            1._________that I’ve wanted for a long time.I’m excited you know.The job is quite
                            2._________and I love to play with 3._________.I prepared my 4._________,and bought a
                            suit.My friend reminded me that I should send a follow-up 5._________after the interview.But
                            I feel worried about writing the letter,for I know little about it.Anyway,I am
                            well-prepared,I guess.Now all I’ve got to do is to take that job.Wish me good luck!</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">149</span>
                </div>
            </div>
        </div>
        <!-- 150 -->
        <div class="page-box" page="156">
            <div v-if="showPageList.indexOf(156) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Susan is interviewing the candidate Derek.Listen to the conversation and write down
                                Susan's questions.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0160-1.jpg" /></p>
                        <h3 id="c072"><span class="bjh3">Practical Writing</span></h3>
                        <p>Work with your partner to discuss the following questions.</p>
                        <p>1.How do you follow up after a job interview?</p>
                        <p>2.How do you write follow-up emails after an interview?</p>
                        <p><b>Ⅰ.Read the following tips,and find out why a follow-up email is needed after an
                                interview.</b></p>
                        <p>A follow-up email is a good way to show your interest in the position and,most important of
                            all,your good manners.Most follow-up emails after an interview have the following features.
                        </p>
                        <div class="fieldset">
                            <p>◆ Subject line</p>
                            <p>◆ Personalized greetings</p>
                            <p>◆ Note of appreciation</p>
                            <p>◆ Recap of your qualifications</p>
                            <p>◆ Prompt to take the next step</p>
                            <p>◆ Contact information</p>
                            <p class="center"><img class="img-f" alt="" src="../../assets/images/0160-2.jpg" /></p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">150</span>
                </div>
            </div>
        </div>
        <!-- 151 -->
        <div class="page-box" page="157">
            <div v-if="showPageList.indexOf(157) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅱ.Fill in the blanks with the right expressions from the labels to finish the following-up
                                email.</b></p>
                        <p class="center"><img class="img-a" alt="" src="../../assets/images/0161-1.jpg" /></p>
                        <p><b>Ⅲ.Put the following words in right order to make sentences.</b></p>
                        <p>1.thank for me meet taking the time to with yesterday you</p>
                        <p>_______________________________________________</p>
                        <p>2.I appreciate interview me the time to took you</p>
                        <p>_______________________________________________</p>
                        <p>3.I about am excited joining of possibility the very you</p>
                        <p>_______________________________________________</p>
                        <p>4.I about enjoyed position speaking the today with you</p>
                        <p>_______________________________________________</p>
                        <p>5.I am and for forward from hearing in interested look to very working you you</p>
                        <p>_______________________________________________</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">151</span>
                </div>
            </div>
        </div>
        <!-- 152 -->
        <div class="page-box" page="158">
            <div v-if="showPageList.indexOf(158) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p><b>Ⅳ.After his interview Derek wants to send a follow-up email.Work with your partner and
                                write one for him.</b></p>
                        <div class="fieldset-4">
                            <p class="left">From:</p>
                            <p class="left">To:</p>
                            <p class="left">Subject:</p>
                            <p><br /></p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">derekcruise@email.com</p>
                            <p class="left">521-764-8809</p>
                        </div>
                        <div class="un-h2">
                            <h2 id="b032">Unit Project</h2>
                        </div>
                        <p>In the following job ads,there are some job vacancies from different companies.Read carefully
                            and make a decision about the one you are going to apply for.First tell your partner the
                            reason why that job interests you.Then work in pairs,role-playing the interviewer and the
                            interviewee,and then switch your roles.</p>
                        <p><b>* The job ads in the QR code are for reference.Make your own ones if you would like
                                to.</b></p>
                        <p><b>Role 1:Interviewer</b></p>
                        <p>1.Work with your partner and decide what questions you will ask during the
                            interview.2.Complete the worksheet for the interviewer.</p>
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                        <p class="center"></p>
                        <p><b>Role 2:Interviewee</b></p>
                        <p>1.Make a list of the information which might be useful in the interview.2.Finish the
                            follow-up email after the interview.</p>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">152</span>
                </div>
            </div>
        </div>
        <!-- 153 -->
        <div class="page-box" page="159">
            <div v-if="showPageList.indexOf(159) > -1">
                <!-- 头部 -->
                <ul class="preface-odd-header w100 fl ju-bt">
                    <li class=""></li>
                    <li class="fz-18">
                        <span class="chapter-left-bc-unit8">MODULE 8</span>
                        <span class="chapter-right-bc-unit8 fw-bl chapter-right-cl-unit8">THE FIRST STEP TOWARD A
                            CAREER</span>
                    </li>
                </ul>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center"><b>Worksheet for the Interviewer</b></p>
                        <div class="fieldset-5">
                            <p class="left">Name:</p>
                            <p class="left">Phone:</p>
                            <p class="left">Email:</p>
                            <p class="left">Work experience</p>
                            <p><br /></p>
                            <p class="left">Education</p>
                            <p><br /></p>
                            <p class="left">Skills</p>
                            <p><br /></p>
                            <p class="left">Other related information</p>
                            <p><br /></p>
                        </div>
                        <p><b>Follow-up Email for the Interviewee</b></p>
                        <div class="fieldset-4">
                            <p class="left">From:</p>
                            <p class="left">To:</p>
                            <p class="left">Subject:</p>
                            <p><br /></p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                            <p class="left">____________________________________________</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">153</span>
                </div>
            </div>
        </div>
        <!-- 154 -->
        <div class="page-box" page="160">
            <div v-if="showPageList.indexOf(160) > -1">
                <!-- 头部 -->
                <div class="w100 mb-20" style="padding-right: 20px">
                    <div class="event-header-bc-unit8 fl al-end" style="height: 100px; padding-left: 40px">
                        <div class="preface-header-box event-header-text-bc-unit8">
                            <span class="l-text">新标准通用职场英语</span>
                            <span class="g-text event-text-color-unit8">基础模块一</span>
                        </div>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <div class="bk-14">
                            <p class="center"><b>Useful Expressions</b></p>
                            <p>It was a pleasure speaking with you about ...</p>
                            <p>I just wanted to follow up on ...</p>
                            <p>I’m excited about the opportunity to join ...</p>
                            <p>I’m enthusiastic about the prospect of ...</p>
                            <p>I’m sure you’re still in research mode right now ...</p>
                            <p>Please feel free to contact me if I can provide you with any further information.</p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                    <span class="contet-num-box">154</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
export default {
    name: "chapterEight",
    components: { matching },
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            imgThirteen: require("../../assets/images/grammar.jpg"),
            showAnswerOne: false,
            showAnswerTwo: false,
            showAnswerThree: false,
            showAnswerFour: false,
            showAnswerFive: false,
            showImg: false,
            showQuestionAnswer: false,
            rawData: {
                left: [
                    {
                        oldId: "FB34",
                        txt: "Martin    Silk",
                    },
                    {
                        oldId: "64D6",
                        txt: "Jessica  The Great Wall",
                    },
                    {
                        oldId: "2ED4",
                        txt: "Soren  Chinese Food",
                    },
                    {
                        oldId: "44DE",
                        txt: "Chinese    Tea",
                    },
                ],
                right: [
                    {
                        oldId: "64D6",
                        txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                    },
                    {
                        oldId: "FB34",
                        txt: "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                    },
                    {
                        oldId: "2ED4",
                        txt: "The clothing material is quite popular among Roman women inancient times.",
                    },
                    {
                        oldId: "44DE",
                        txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                    },
                ],
            },
            value: [],
            question: {
                KnowledgePoint: "123",
                analysis: "123",
                answer: [
                    {
                        id: "FB34",
                        linkValue:
                            "The clothing material is quite popular among Roman women inancient times.",
                        value: "Silk",
                    },
                    {
                        id: "64D6",
                        linkValue:
                            "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        value: "The Great Wall",
                    },
                    {
                        id: "2ED4",
                        linkValue:
                            "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        value: "Chinese Food",
                    },
                    {
                        id: "44DE",
                        linkValue:
                            "It was first discovered and drank in China and my favorileLongjing tca is praduced near the West Lake in Hangzhou.",
                        value: "Chinese Tea",
                    },
                ],
                optionStyle: undefined,
                id: 489306,
                options: {
                    linkValues: [
                        {
                            oldId: "64D6",
                            txt: "It is one of China's must-see sights for visitors, which shows thewisdom of Chinese people.",
                        },
                        {
                            oldId: "44DE",
                            txt: "It was first discovered and drank in China and my favoriteLongjing tea is produced near the West Lake in Hangzhou.",
                        },
                        {
                            oldId: "FB34",
                            txt: "The clothing material is quite popular among Roman women inancient times.",
                        },
                        {
                            oldId: "2ED4",
                            txt: "It is very delicious and I like the hot and spicy Sichuan lavor hest.",
                        },
                    ],
                    values: [
                        {
                            oldId: "FB34",
                            txt: "Martin  Silk",
                        },
                        {
                            oldId: "64D6",
                            txt: "The Great Wall",
                        },
                        {
                            oldId: "2ED4",
                            txt: "Chinese Food",
                        },
                        {
                            oldId: "44DE",
                            txt: "Chinese Tea",
                        },
                    ],
                },
                questionType: "matching",
                stem: {
                    stemTxt: "按顺序连线",
                },
                stemStyle: undefined,
                titleDescription: "1",
                userChoise: [],
                value: [],
                answerImg: require("../../assets/images/matching-one.png"),
            },
            questionData: {
                warnUp: {
                    one: {
                        value: "",
                        isRight: null,
                        answer: "Chinese knot",
                    },
                    two: {
                        value: "",
                        isRight: null,
                        answer: "Chinese medicine",
                    },
                    three: {
                        value: "",
                        isRight: null,
                        answer: "Chinese calligraphy",
                    },
                    four: {
                        value: "",
                        isRight: null,
                        answer: "Taichi",
                    },
                    five: {
                        value: "",
                        isRight: null,
                        answer: "sweet dumpling",
                    },
                    six: {
                        value: "",
                        isRight: null,
                        answer: "Chinese chess",
                    },
                    seven: "",
                },
                reading: {
                    one: "",
                    two: "",
                },
                table: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    enight: "",
                    nine: "",
                },
            },
            testData: {
                check: {
                    isRight: null,
                    answer: ["Culture", "Cuisine", "Landscapes"],
                    value: []
                },
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    isRight: null,
                    answer: 'cuisine,landscapes,civilization,explore,unique'
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            },
            resource: {
                listenOne: "",
                readingOne: "",
                readingTwo: "",
            },
            dropDownList: [
                "online shopping",
                "facial recognition",
                "electronic payment",
                "intercity train",
                "shared bike",
                "take-away service",
            ],
            dropdownData: {
                one: {
                    value: "",
                    isRight: null,
                    answer: "intercity train",
                },
                two: {
                    value: "",
                    isRight: null,
                    answer: "online shopping",
                },
                three: {
                    value: "",
                    isRight: null,
                    answer: "electronic payment",
                },
                four: {
                    value: "",
                    isRight: null,
                    answer: "shared bike",
                },
                five: {
                    value: "",
                    isRight: null,
                    answer: "take-away service",
                },
                six: {
                    value: "",
                    isRight: null,
                    answer: "facial recognition",
                },
            },
        };
    },
    mounted() {
        const testData = localStorage.getItem("english-testOne");
        if (testData) {
            this.testData = JSON.parse(testData);
        }
        const bookQuestion = localStorage.getItem("english-book-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const dropdownData = localStorage.getItem("english-dropdown-one");
        if (dropdownData) {
            this.dropdownData = JSON.parse(dropdownData);
        }
        this.getPath();
    },
    methods: {
        saveWord(event, word) {
            this.$emit("saveCharacters", event, word);
        },
        setTestData() {
            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
        },
        changeTestData() {
            localStorage.removeItem("english-testOne");
            this.testData = {
                check: {
                    isRight: null,
                    answer: ["Culture", "Cuisine", "Landscapes"],
                    value: []
                },
                tx: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                in: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    isRight: null,
                    answer: ['uisine', 'andscapes', 'ivilization', 'xplore', 'nique']
                },
                line: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                ts: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                gr: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                cm: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            };
        },
        setBookQuestion() {
            console.log("保存");
            localStorage.setItem(
                "english-book-question-one",
                JSON.stringify(this.questionData)
            );
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
            );
        },
        showAnswer(type) {
            if (type == "showImg") {
                this.showImg = !this.showImg;
            }
        },
        handleQuestion(type) {
            if (type == "one") {
                this.questionData.warnUp.one.value
                    ? (this.questionData.warnUp.one.isRight =
                        this.questionData.warnUp.one.value == "Chinese knot")
                    : (this.questionData.warnUp.one.isRight = null);
            } else if (type == "two") {
                this.questionData.warnUp.two.value
                    ? (this.questionData.warnUp.two.isRight =
                        this.questionData.warnUp.two.value == "Chinese medicine")
                    : (this.questionData.warnUp.two.isRight = null);
            } else if (type == "three") {
                this.questionData.warnUp.three.value
                    ? (this.questionData.warnUp.three.isRight =
                        this.questionData.warnUp.three.value == "Chinese calligraphy")
                    : (this.questionData.warnUp.three.isRight = null);
            } else if (type == "four") {
                this.questionData.warnUp.four.value
                    ? (this.questionData.warnUp.four.isRight =
                        this.questionData.warnUp.four.value == "Taichi")
                    : (this.questionData.warnUp.four.isRight = null);
            } else if (type == "five") {
                this.questionData.warnUp.five.value
                    ? (this.questionData.warnUp.five.isRight =
                        this.questionData.warnUp.five.value == "sweet dumpling")
                    : (this.questionData.warnUp.five.isRight = null);
            } else if (type == "six") {
                this.questionData.warnUp.six.value
                    ? (this.questionData.warnUp.six.isRight =
                        this.questionData.warnUp.six.value == "Chinese chess")
                    : (this.questionData.warnUp.six.isRight = null);
            }
        },
        handleDropdown(type) {
            const dropdownDatas = this.dropdownData;
            for (let key in dropdownDatas) {
                const item = dropdownDatas[key];
                if (type == "judge") {
                    item.value == item.answer
                        ? (item.isRight = true)
                        : (item.isRight = false);
                    console.log(item.value, item.answer);
                }
            }
            this.dropdownData = dropdownDatas;
        },
        changeDropdown() {
            localStorage.removeItem("english-dropdown-one");
            for (let key in this.dropdownData) {
                const item = this.dropdownData[key];
                item.value = "";
                item.isRight = null;
            }
        },
        setDropdownData() {
            localStorage.setItem(
                "english-dropdown-one",
                JSON.stringify(this.dropdownData)
            );
        },
        saveData() {
            const item = this.testData['check']
            const sortedArr1 = item.answer.slice().sort();
            const sortedArr2 = item.value.slice().sort();
            const isRight = sortedArr1.every(
                (value, index) => value === sortedArr2[index]
            );
            const inData = this.testData['in']
            let inString = []
            for (let key in inData) {
                const citem = inData[key];
                if (key != 'answer' && key !== 'isRight') {
                    console.log(key);
                    inString.push(citem)
                }
            }
            const inRight = inData.answer == inString
            console.log('in', inData.answer, inString);
            this.$set(this.testData['in'], 'isRight', inRight)
            this.$set(this.testData['check'], 'isRight', isRight)
            this.setTestData()
            console.log(this.testData);
        },
        audioPlay() {
            this.$emit("closeMiniAudio");
        },
    },
};
</script>
<style lang="less" scoped>
p {
    font-size: 16px !important;
}
.bodystyle {
    margin: 0 !important;
}
.line-border-box {
    margin-left: 10px;
    display: inline-block;
    width: 50%;
    height: 3px;
    background-color: #f9a71b;
}
.mr-20 {
    margin-right: 20px;
}
.dl-box {
    display: flex;
    flex-wrap: wrap;
    .dl-span {
        display: inline-block;
        text-indent: 0;
        margin-bottom: 15px;
        height: 20px;
        line-height: 20px;
    }
}
.btn-w {
    font-size: 14px;
    border-width: 1px;
    min-width: 80px;
    height: 30px;
    background-color: #fff;
    &:hover {
        background-color: #0bab87;
        color: #fff;
    }
}
.banshi {
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 350px;
    margin: 0 auto;
}
.pageBox {
    z-index: 9999999999;
    color: #999;
    position: absolute;
    left: 48%;
    bottom: 0px;
}
select {
    height: 24px;
}
.mini-audio {
    width: 200px;
    height: 200px;
    position: fixed;
    right: 0;
    background-color: red;
}
.select-border {
    border: 0;
    border-bottom: 1px solid #767676;
    &:focus {
        outline: none;
    }
}
</style>
src/books/English/view/components/index.vue
@@ -14,6 +14,14 @@
        v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
        <chapterFour @saveCharacters="saveCharacters" @closeMiniAudio="closeMiniAudio"
        v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
        <chapterFive @saveCharacters="saveCharacters" @closeMiniAudio="closeMiniAudio"
        v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterFive>
        <chapterSex @saveCharacters="saveCharacters" @closeMiniAudio="closeMiniAudio"
        v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSex>
        <chapterSeven @saveCharacters="saveCharacters" @closeMiniAudio="closeMiniAudio"
        v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList"></chapterSeven>
        <chapterEight @saveCharacters="saveCharacters" @closeMiniAudio="closeMiniAudio"
        v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight>
    </div>
    <miniAudio :path="audioPath" :currentTime="currentTime" @closeMiniAudio="closeMiniAudio" ref="audioPlayer">
    </miniAudio>
@@ -23,9 +31,13 @@
<script>
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
import chapterTwo from "./chapter002.vue"
import chapterThree from "./chapter003.vue"
import chapterFour from "./chapter004.vue"
import chapterTwo from "./chapter002.vue";
import chapterThree from "./chapter003.vue";
import chapterFour from "./chapter004.vue";
import chapterFive from "./chapter005.vue";
import chapterSex from "./chapter006.vue";
import chapterSeven from "./chapter007.vue";
import chapterEight from "./chapter008.vue";
import miniAudio from "@/components/miniAudio/index.vue";
import NoteIcon from "@/assets/images/biji.png";
import _ from "lodash";
@@ -36,7 +48,7 @@
export default {
  data() {
    return {
      catalogLength: 5, // 总章节数
      catalogLength: 9, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
@@ -155,8 +167,8 @@
    }, 500);
    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(4,59);
     setTimeout(() => {
       this.gotoPage(2,7);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -184,7 +196,7 @@
      //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼(见图1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ",
      //   txtIndex: 57
      // });
     }, 50);
     }, 500);
  },
  methods: {
    // setZoom1() {
@@ -718,6 +730,10 @@
        chapterTwo,
        chapterThree,
        chapterFour,
        chapterFive,
        chapterSex,
        chapterSeven,
        chapterEight,
      };
      // 遍历所有章节文件
      for (const key in pageData) {
@@ -889,6 +905,10 @@
    chapterTwo,
    chapterThree,
    chapterFour,
    chapterFive,
    chapterSex,
    chapterSeven,
    chapterEight,
    miniAudio,
  },
};
src/books/artAndDrama/view/components/chapter001.vue
@@ -417,12 +417,14 @@
      videoPathOne: "",
      auidoPathOne: "",
      auidoPathTwo: "",
      auidoPathThree: "",
      auidoPathFour: "",
      auidoPathFive: "",
      auidoPathSex: "",
      auidoPathSeven: "",
      auidoPathEight: "",
      auidoPathNine: "",
      accentColor:"",
      color:"#fff",
      chapterData: {
        isCollectImg: false,
@@ -775,6 +777,8 @@
  border-radius: 10px;
  padding: 0 10px;
  box-sizing: border-box;
  font-family: "STkaiti";
  font-size: 19px;
}
.fw-400 {
  font-weight: 400 !important;
src/components/choice/choice.vue
@@ -1,10 +1,12 @@
<template>
  <div class="choice-question">
    <!-- 题目内容及选项部分 -->
    <div style="display: flex; justify-content: space-around;">
      <div class="question-content">
        <p class="question-t"> <span>
            <span class="hs1">◇</span>请选出你认为正确的答案。</span><span>第{{ currentQuestion.id }}题 (共{{ questions.length}}题)</span></p>
    <div style="display: flex; flex-direction: column;">
       <div class="question-t">
          <span style="display: flex; "><span class="hs1">◇</span>请选出你认为正确的答案。</span>
          <span>第{{ currentQuestion.id }}题 (共{{ questions.length}}题)</span>
       </div>
       <div class="question-content">
        <p>{{ currentQuestion.stem.stemTxt }}</p>
        <div class="all-options">
          <span v-for="(option, index) in currentQuestion.options" :key="index" class="option"
@@ -13,14 +15,14 @@
            <span>
              <svg v-if="selectedOptions.includes(index)" t="1718282810750" class="icon" viewBox="0 0 1355 1024"
                version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="87382" xmlns:xlink="http://www.w3.org/1999/xlink"
                width="170" height="170">
                width="130" height="170">
                <path
                  d="M1299.772238 471.021724a366.045786 366.045786 0 0 0-97.270943-99.189942 379.484778 379.484778 0 0 0-29.436982-123.509928 398.682766 398.682766 0 0 0-89.591948-127.986925 405.722762 405.722762 0 0 0-133.107922-91.511946A409.56176 409.56176 0 0 0 794.859534 0.026 401.242765 401.242765 0 0 0 568.319667 67.85896a411.481759 411.481759 0 0 0-97.909943 91.511947 261.735847 261.735847 0 0 0-63.994962-7.679996 247.656855 247.656855 0 0 0-176.623897 71.033958 245.736856 245.736856 0 0 0-72.312957 202.860882 325.729809 325.729809 0 0 0-84.471951 72.953957A309.731819 309.731819 0 0 0 0.053 703.959588a311.010818 311.010818 0 0 0 97.269943 229.099865 323.80981 323.80981 0 0 0 231.659864 90.871947h660.418613a360.926789 360.926789 0 0 0 255.97585-104.949938 360.926789 360.926789 0 0 0 81.272953-116.469932 355.166792 355.166792 0 0 0 27.516984-138.866919 345.567798 345.567798 0 0 0-54.394969-192.622887z"
                  fill="rgb(245, 130, 32)" :style="{ fill: primaryColor }" p-id="87383"></path>
              </svg>
              <!-- 实心云朵 -->
              <svg v-else t="1718282816195" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="87529" xmlns:xlink="http://www.w3.org/1999/xlink" width="170"
                xmlns="http://www.w3.org/2000/svg" p-id="87529" xmlns:xlink="http://www.w3.org/1999/xlink" width="130"
                height="170">
                <path
                  d="M829.248 420.576C815.264 274.56 693.696 160 544 160c-115.808 0-214.944 68.736-260.672 167.36A142.72 142.72 0 0 0 240.032 320a144.032 144.032 0 0 0-144 144c0 15.808 3.168 30.752 7.872 44.928C42.048 544.992 0.032 611.168 0.032 687.936a208 208 0 0 0 208 208V896H784v-0.064c132.576 0 240-107.424 240-240 0-116.992-83.872-214.176-194.752-235.36zM784 831.936V832H208.032a144.256 144.256 0 0 1-144-144.064c0-51.2 26.976-97.44 72.128-123.744 43.872-25.184 46.88-30.176 28.48-75.424a78.56 78.56 0 0 1-4.608-24.736c0-44.128 35.872-80 80-80 0 0 20.992-1.504 43.296 7.36 36.704 14.624 40.704 0.64 58.048-37.088C378.08 275.168 457.6 224 544 224c115.2 0 210.432 87.136 221.568 202.688 3.936 45.824 3.936 45.824 51.68 56.736A175.872 175.872 0 0 1 960 655.936c0 97.056-78.944 176-176 176z"
@@ -424,6 +426,7 @@
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
}
.all-options {
@@ -435,7 +438,7 @@
}
/* 当屏幕宽度最大为600px时应用此样式 */
@media screen and (max-width: 420px) {
@media screen and (max-width: 430px) {
  .all-options {
    display: flex;
    flex-direction: row;
@@ -571,7 +574,7 @@
  position: absolute;
  z-index: 1;
  bottom: 2% ;
  right: 0;
  right: 4%;
}
.face {
  width: 80%;
@@ -580,6 +583,6 @@
.face-text {
  text-wrap: wrap;
  text-wrap: nowrap;
}
</style>