token恢复，口语交际修改

闫增涛

2 天以前 e47c23b886970d12efb0eb4719f0904ba525363e

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

@@ -56,7 +56,9 @@
                  <span>{{ item.name }}</span>
                  <img
                    :src="
                      collectResourceList.includes(item.md5)
                      collectResourceList.findIndex(
                        (citem) => citem.md5 == item.md5
                      ) > -1
                        ? collectCheck
                        : collectImg
                    "
@@ -124,7 +126,8 @@
            色彩丰富，变化自如。声音色彩是播音员随内容的发展而运动变化着的感情的外衣。人的感情是不断运动变化的，声音色彩也是在对比变化中体现出来的。声音色彩有如画家的调色板，越丰富细致就越能传情，也就越有表现力。感情色彩的变化是无穷的，声音色彩的变化也是无穷的。掌握发音吐字的基本方法，是为了利于声音的变化，而不是为了追求固定不变的音色。
          </p>
          <h3 id="c042">
            <span class="h3-zt">二、</span><span class="h3-zt1">播音的技巧</span>
            <span class="h3-zt">二、</span
            ><span class="h3-zt1">播音的技巧</span>
          </h3>
          <h4 id="d109">（一）停顿</h4>
          <p>
@@ -310,7 +313,8 @@
            合适的语速和清晰的发音可以保证交流的有效进行，对一些特殊的旅客还要特殊对待。例如，面对老年旅客或听障旅客，必要时可提高音量，凑近一些，重复两遍，或用肢体语言辅助表达，以便旅客能清楚地理解服务人员要表达的内容。
          </p>
          <h3 id="c047">
            <span class="h3-zt">五、</span><span class="h3-zt1">体态语表达</span>
            <span class="h3-zt">五、</span
            ><span class="h3-zt1">体态语表达</span>
          </h3>
          <p>
            <img
@@ -440,7 +444,6 @@
          </p>
          <p>谢谢！</p>
          <p><br /></p>

        </div>
      </div>
    </div>
@@ -1167,7 +1170,10 @@
            </div>
            <!-- 视频 -->
            <ul class="videos-box">
              <li v-for="(item, index) in videoTwo.slice(9,10)" :key="item.md5">
              <li
                v-for="(item, index) in videoTwo.slice(9, 10)"
                :key="item.md5"
              >
                <audio
                  :src="item.url"
                  controls
@@ -1231,7 +1237,10 @@
            </div>
            <!-- 视频 -->
            <ul class="videos-box">
              <li v-for="(item, index) in videoTwo.slice(9,10)" :key="item.md5">
              <li
                v-for="(item, index) in videoTwo.slice(9, 10)"
                :key="item.md5"
              >
                <audio
                  :src="item.url"
                  controls
@@ -1274,7 +1283,10 @@
            </div>
            <!-- 视频 -->
            <ul class="videos-box">
              <li v-for="(item, index) in videoTwo.slice(9,10)" :key="item.md5">
              <li
                v-for="(item, index) in videoTwo.slice(9, 10)"
                :key="item.md5"
              >
                <audio
                  :src="item.url"
                  controls
@@ -1706,105 +1718,105 @@
      collectResourceList: [],
      videoOne:[
        {
          name:'常规广播词分类',
          md5:'58713a0a123849d4ae5d48ea567decf5',
          type:'视频'
          name: "常规广播词分类",
          md5: "58713a0a123849d4ae5d48ea567decf5",
          type: "视频",
        },
        {
          name:'4.3.1',
          md5:'7d431083643a2b3fbb95c7933d19de83'
          name: "4.3.1",
          md5: "7d431083643a2b3fbb95c7933d19de83",
        },
        {
          name:'4.3.2',
          md5:'a0fe09310d765720a5abc30d4b4dc44e'
          name: "4.3.2",
          md5: "a0fe09310d765720a5abc30d4b4dc44e",
        },
        {
          name:'4.3.3',
          md5:'ac4981d570ef546f9f9e0803dc15b326'
          name: "4.3.3",
          md5: "ac4981d570ef546f9f9e0803dc15b326",
        },
        {
          name:'4.3.4',
          md5:'a3d6d7d585cd5f50c433b97000696022'
          name: "4.3.4",
          md5: "a3d6d7d585cd5f50c433b97000696022",
        },
        {
          name:'4.3.5',
          md5:'1b0cd532b18f0bff01a7e0c1513f7896'
        }
          name: "4.3.5",
          md5: "1b0cd532b18f0bff01a7e0c1513f7896",
        },
      ],
      videoTwo:[
        {
          name:'4.4.1',
          md5:'9b6b4a865b3290961db364d84e3c034c'
          name: "4.4.1",
          md5: "9b6b4a865b3290961db364d84e3c034c",
        },
        {
          name:'4.4.2',
          md5:'e766f0c27d5901247a4234db25af2f3e'
          name: "4.4.2",
          md5: "e766f0c27d5901247a4234db25af2f3e",
        },
        {
          name:'4.4.3',
          md5:'92364b5f3dbfee0c963f9dc16f8b25a9'
          name: "4.4.3",
          md5: "92364b5f3dbfee0c963f9dc16f8b25a9",
        },
        {
          name:'4.4.4',
          md5:'345f098717af4c35a5fb958dfc123039'
          name: "4.4.4",
          md5: "345f098717af4c35a5fb958dfc123039",
        },
        {
          name:'4.4.5',
          md5:'a1f580e0a28bc9a25e00f0b039c989c8'
          name: "4.4.5",
          md5: "a1f580e0a28bc9a25e00f0b039c989c8",
        },
        {
          name:'4.4.6',
          md5:'1ca94b85d0065dffab86921e06b00fec'
          name: "4.4.6",
          md5: "1ca94b85d0065dffab86921e06b00fec",
        },
        {
          name:'4.5.1',
          md5:'906ad2ef7360132bd117ca5443354c7f'
          name: "4.5.1",
          md5: "906ad2ef7360132bd117ca5443354c7f",
        },
        {
          name:'4.5.2',
          md5:'a466c84932e87aaa1e6410d2b6d0c9e9'
          name: "4.5.2",
          md5: "a466c84932e87aaa1e6410d2b6d0c9e9",
        },
        {
          name:'4.5.3',
          md5:'a3cdd0b041424dbedf76a1be83d4a6cd'
          name: "4.5.3",
          md5: "a3cdd0b041424dbedf76a1be83d4a6cd",
        },
        {
          name:'4.5.4',
          md5:'5dc181761ead77bf721c74e8535bfd7c'
          name: "4.5.4",
          md5: "5dc181761ead77bf721c74e8535bfd7c",
        },
        {
          name:'4.5.5',
          md5:'0477b8fb9c343a0bb74a559a840b51c6'
          name: "4.5.5",
          md5: "0477b8fb9c343a0bb74a559a840b51c6",
        },
        {
          name:'4.5.6',
          md5:'26387da419640ca40bdd93a052a686aa'
          name: "4.5.6",
          md5: "26387da419640ca40bdd93a052a686aa",
        },
      ],
      videoThree:[
        {
          name:'4.7.1',
          md5:'99ccbec7d990839daff312d3c1cb6a88'
          name: "4.7.1",
          md5: "99ccbec7d990839daff312d3c1cb6a88",
        },
        {
          name:'4.7.2',
          md5:'c5de5e43cf1061f4cf872b11bdf12c75'
          name: "4.7.2",
          md5: "c5de5e43cf1061f4cf872b11bdf12c75",
        },
      ]
      ],
    };
  },
  watch:{
    showPageList:function(newValue) {
      if(newValue.includes(133) && !this.videoOne.find(item =>item.url)) {
      if (newValue.includes(133) && !this.videoOne.find((item) => item.url)) {
        this.getVideoPath("videoOne");
      }
      if(newValue.includes(144) && !this.videoTwo.find(item =>item.url)) {
      if (newValue.includes(144) && !this.videoTwo.find((item) => item.url)) {
       this.getVideoPath("videoTwo");
      }
      if(newValue.includes(158) && !this.videoThree.find(item =>item.url)) {
      if (newValue.includes(158) && !this.videoThree.find((item) => item.url)) {
       this.getVideoPath("videoThree");
      }
    }
    },
  },
  async mounted() {
    this.collectResourceList = await getCollectResource(