diff --git a/.history/src/components/VideoDetails_20221210181352.vue b/.history/src/components/VideoDetails_20221210181352.vue
deleted file mode 100644
index 9768fb17da5783b1a6fb34671ce163ff8a247a39..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210181352.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-  <div>
-    <div v-for="i in 10" :key="i">
-      <video-player 
-      class="video-player vjs-custom-skin" 
-      ref="videoPlayer" 
-      :playsline="false" 
-      :options="playerOptions">
-      </video-player>
-      <p>{{'视频' + i}}</p>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      playerOptions: {
-        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
-        autoplay: false, // 如果true,浏览器准备好时开始回放。
-        muted: false, // 默认情况下将会消除任何音频。
-        loop: false, // 导致视频一结束就重新开始。
-        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
-        language: 'zh-CN',
-        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
-        sources: [{
-          type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
-          src: '../../../../static/video1.mp4' // url地址
-        }],
-        poster: '../../../../static/full_res.jpg', // 你的封面地址
-        width: document.documentElement.clientWidth, // 播放器宽度
-        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
-        controlBar: {
-          timeDivider: true,
-          durationDisplay: true,
-          remainingTimeDisplay: false,
-          fullscreenToggle: true // 全屏按钮
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style scoped >
-  .video-js .vjs-icon-placeholder {
-    width: 80%;
-    height: 80%;
-    display: block;
-  }
-  /* .video-player {
-    width: 50%;
-  } */
-</style>
-
diff --git a/.history/src/components/VideoDetails_20221210181639.vue b/.history/src/components/VideoDetails_20221210181639.vue
deleted file mode 100644
index 6808314982f980c03cac1e974376882aac5b6298..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210181639.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <div>test</div>
-    <div v-for="i in 10" :key="i">
-      <video-player 
-      class="video-player vjs-custom-skin" 
-      ref="videoPlayer" 
-      :playsline="false" 
-      :options="playerOptions">
-      </video-player>
-      <p>{{'视频' + i}}</p>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      playerOptions: {
-        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
-        autoplay: false, // 如果true,浏览器准备好时开始回放。
-        muted: false, // 默认情况下将会消除任何音频。
-        loop: false, // 导致视频一结束就重新开始。
-        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
-        language: 'zh-CN',
-        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
-        sources: [{
-          type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
-          src: '../../../../static/video1.mp4' // url地址
-        }],
-        poster: '../../../../static/full_res.jpg', // 你的封面地址
-        width: document.documentElement.clientWidth, // 播放器宽度
-        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
-        controlBar: {
-          timeDivider: true,
-          durationDisplay: true,
-          remainingTimeDisplay: false,
-          fullscreenToggle: true // 全屏按钮
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style scoped >
-  .video-js .vjs-icon-placeholder {
-    width: 80%;
-    height: 80%;
-    display: block;
-  }
-  /* .video-player {
-    width: 50%;
-  } */
-</style>
-
diff --git a/.history/src/components/VideoDetails_20221210181846.vue b/.history/src/components/VideoDetails_20221210181846.vue
deleted file mode 100644
index c2fab76e396beade90246c0d0d13386849f4d911..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210181846.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <div>test</div>
-    <!-- <div v-for="i in 10" :key="i">
-      <video-player 
-      class="video-player vjs-custom-skin" 
-      ref="videoPlayer" 
-      :playsline="false" 
-      :options="playerOptions">
-      </video-player>
-      <p>{{'视频' + i}}</p>
-    </div> -->
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      playerOptions: {
-        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
-        autoplay: false, // 如果true,浏览器准备好时开始回放。
-        muted: false, // 默认情况下将会消除任何音频。
-        loop: false, // 导致视频一结束就重新开始。
-        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
-        language: 'zh-CN',
-        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
-        sources: [{
-          type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
-          src: '../../../../static/video1.mp4' // url地址
-        }],
-        poster: '../../../../static/full_res.jpg', // 你的封面地址
-        width: document.documentElement.clientWidth, // 播放器宽度
-        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
-        controlBar: {
-          timeDivider: true,
-          durationDisplay: true,
-          remainingTimeDisplay: false,
-          fullscreenToggle: true // 全屏按钮
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style scoped >
-  .video-js .vjs-icon-placeholder {
-    width: 80%;
-    height: 80%;
-    display: block;
-  }
-  /* .video-player {
-    width: 50%;
-  } */
-</style>
-
diff --git a/.history/src/components/VideoDetails_20221210183503.vue b/.history/src/components/VideoDetails_20221210183503.vue
deleted file mode 100644
index 6808314982f980c03cac1e974376882aac5b6298..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210183503.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <div>test</div>
-    <div v-for="i in 10" :key="i">
-      <video-player 
-      class="video-player vjs-custom-skin" 
-      ref="videoPlayer" 
-      :playsline="false" 
-      :options="playerOptions">
-      </video-player>
-      <p>{{'视频' + i}}</p>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      playerOptions: {
-        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
-        autoplay: false, // 如果true,浏览器准备好时开始回放。
-        muted: false, // 默认情况下将会消除任何音频。
-        loop: false, // 导致视频一结束就重新开始。
-        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
-        language: 'zh-CN',
-        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
-        sources: [{
-          type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
-          src: '../../../../static/video1.mp4' // url地址
-        }],
-        poster: '../../../../static/full_res.jpg', // 你的封面地址
-        width: document.documentElement.clientWidth, // 播放器宽度
-        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
-        controlBar: {
-          timeDivider: true,
-          durationDisplay: true,
-          remainingTimeDisplay: false,
-          fullscreenToggle: true // 全屏按钮
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style scoped >
-  .video-js .vjs-icon-placeholder {
-    width: 80%;
-    height: 80%;
-    display: block;
-  }
-  /* .video-player {
-    width: 50%;
-  } */
-</style>
-
diff --git a/.history/src/components/VideoDetails_20221210183907.vue b/.history/src/components/VideoDetails_20221210183907.vue
deleted file mode 100644
index 274ca62167d68fa8c997551e25215e1ddb9cf5d8..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210183907.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <div>
-    <div>test</div>
-    <video-player 
-      class="video-player vjs-custom-skin" 
-      ref="videoPlayer" 
-      :playsline="false" 
-      :options="playerOptions">
-      </video-player>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      playerOptions: {
-        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
-        autoplay: false, // 如果true,浏览器准备好时开始回放。
-        muted: false, // 默认情况下将会消除任何音频。
-        loop: false, // 导致视频一结束就重新开始。
-        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
-        language: 'zh-CN',
-        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
-        sources: [{
-          type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
-          src: '../../../../static/video1.mp4' // url地址
-        }],
-        poster: '../../../../static/full_res.jpg', // 你的封面地址
-        width: document.documentElement.clientWidth, // 播放器宽度
-        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
-        controlBar: {
-          timeDivider: true,
-          durationDisplay: true,
-          remainingTimeDisplay: false,
-          fullscreenToggle: true // 全屏按钮
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style scoped >
-  .video-js .vjs-icon-placeholder {
-    width: 80%;
-    height: 80%;
-    display: block;
-  }
-  /* .video-player {
-    width: 50%;
-  } */
-</style>
-
diff --git a/.history/src/components/VideoDetails_20221210184022.vue b/.history/src/components/VideoDetails_20221210184022.vue
deleted file mode 100644
index 321be4fa39d96363bcca958db0a541e80aa54925..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210184022.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <div>
-    <div>test</div>
-    <video
-      class="video-player vjs-custom-skin" 
-      ref="videoPlayer" 
-      :playsline="false" 
-      :options="playerOptions">
-      </video>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      playerOptions: {
-        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
-        autoplay: false, // 如果true,浏览器准备好时开始回放。
-        muted: false, // 默认情况下将会消除任何音频。
-        loop: false, // 导致视频一结束就重新开始。
-        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
-        language: 'zh-CN',
-        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
-        sources: [{
-          type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
-          src: '../../../../static/video1.mp4' // url地址
-        }],
-        poster: '../../../../static/full_res.jpg', // 你的封面地址
-        width: document.documentElement.clientWidth, // 播放器宽度
-        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
-        controlBar: {
-          timeDivider: true,
-          durationDisplay: true,
-          remainingTimeDisplay: false,
-          fullscreenToggle: true // 全屏按钮
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style scoped >
-  .video-js .vjs-icon-placeholder {
-    width: 80%;
-    height: 80%;
-    display: block;
-  }
-  /* .video-player {
-    width: 50%;
-  } */
-</style>
-
diff --git a/.history/src/components/VideoDetails_20221210184530.vue b/.history/src/components/VideoDetails_20221210184530.vue
deleted file mode 100644
index 8a0f43890689c7b37d74682f38ba09289480276f..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210184530.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <div>
-    <div>test</div>
-    <video
-      class="video-player vjs-custom-skin" 
-      ref="videoPlayer" 
-      :playsline="false" 
-      :options="playerOptions">
-      </video>
-      <div>
-      <VideoPlay
-      videoUrl="视频链接"
-      videoCover="封面链接"
-      :width="800"
-      :height="450"
-      :autoplay="false"
-      :controls="true"
-      :loop="false"
-      :muted="false"
-      preload="auto"
-      :playWidth="96"
-      zoom="none"
-    />
-      </div>
-  </div>
-</template>
-
-<script>
-import VideoPlay from '@/components/VideoPlay'
-
-export default {
-  components: {
-    VideoPlay
-  },
-  data () {
-    return {
-      playerOptions: {
-        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
-        autoplay: false, // 如果true,浏览器准备好时开始回放。
-        muted: false, // 默认情况下将会消除任何音频。
-        loop: false, // 导致视频一结束就重新开始。
-        preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
-        language: 'zh-CN',
-        aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
-        sources: [{
-          type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
-          src: '../../../../static/video1.mp4' // url地址
-        }],
-        poster: '../../../../static/full_res.jpg', // 你的封面地址
-        width: document.documentElement.clientWidth, // 播放器宽度
-        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
-        controlBar: {
-          timeDivider: true,
-          durationDisplay: true,
-          remainingTimeDisplay: false,
-          fullscreenToggle: true // 全屏按钮
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style scoped >
-  .video-js .vjs-icon-placeholder {
-    width: 80%;
-    height: 80%;
-    display: block;
-  }
-  /* .video-player {
-    width: 50%;
-  } */
-</style>
-
diff --git a/.history/src/components/VideoDetails_20221210184630.vue b/.history/src/components/VideoDetails_20221210184630.vue
deleted file mode 100644
index f150bf4d6f42f65f80104a7afc1f1c37f60bfa36..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210184630.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div :class="['m-video', { hover: !originPlay }]" :style="`width: ${width}px; height: ${height}px;`">
-    <video
-      ref="veo"
-      :class="{ cursor: !originPlay }"
-      :style="`object-fit: ${zoom};`"
-      :src="videoUrl"
-      :poster="videoCover"
-      :width="width"
-      :height="height"
-      :autoplay="autoplay"
-      :controls="!originPlay&&controls"
-      :loop="loop"
-      :muted="autoplay || muted"
-      :preload="preload">
-      您的浏览器不支持video标签。
-    </video>
-    <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
-    </svg>
-  </div>
-</template>
-<script>
-export default {
-  name: 'VideoDetail',
-  props: {
-    videoUrl: { // 视频文件url
-      type: String,
-      default: null,
-      required: true
-    },
-    videoCover: { // 视频封面url
-      type: String,
-      default: null
-    },
-    width: { // 视频播放器宽度
-      type: Number,
-      default: 800
-    },
-    height: { // 视频播放器高度
-      type: Number,
-      default: 450
-    },
-    /*
-      由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
-      已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
-      属性也一样不能自动播放！
-      本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
-      动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
-    */
-    autoplay: { // 视频就绪后是否马上播放
-      type: Boolean,
-      default: false
-    },
-    controls: { // 是否向用户显示控件，比如进度条，全屏
-      type: Boolean,
-      default: true
-    },
-    loop: { // 视频播放完成后，是否循环播放
-      type: Boolean,
-      default: false
-    },
-    muted: { // 是否静音
-      type: Boolean,
-      default: false
-    },
-    preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
-      type: String,
-      default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
-    },
-    playWidth: { // 中间播放暂停按钮的边长
-      type: Number,
-      default: 96
-    },
-    zoom: { // video的poster默认图片和视频内容缩放规则
-      type: String,
-      default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
-    }
-  },
-  data () {
-    return {
-      originPlay: true,
-      vplay: true
-    }
-  },
-  mounted () {
-    this.$refs.veo.addEventListener('pause', this.onPause)
-    this.$refs.veo.addEventListener('playing', this.onPlaying)
-    if (this.autoplay) {
-      this.vplay = false
-      this.originPlay = false
-    }
-  },
-  methods: {
-    onPause () {
-      this.vplay = true
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('pause', this.onPause)
-      })
-    },
-    onPlaying () {
-      this.vplay = false
-      // 自动清理自己，避免内存泄漏
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('playing', this.onPlaying)
-      })
-    },
-    clickPlay () {
-      this.$refs.veo.play()
-      this.vplay = false
-      if (this.originPlay) {
-        this.originPlay = false
-      }
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-.m-video {
-  display: inline-block;
-  position: relative;
-  background: #000;
-  .cursor {
-    cursor: pointer;
-  }
-  .play {
-    fill: none;
-    color: #FFF;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    transition: opacity .3s;
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-  .hidden {
-    display: none;
-  }
-}
-.hover {
-  &:hover {
-    .play {
-      opacity: 0.9;
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221210184738.vue b/.history/src/components/VideoDetails_20221210184738.vue
deleted file mode 100644
index 90a8867149bc9f764b8acbec6d81be633ec88d11..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221210184738.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div :class="['m-video', { hover: !originPlay }]" :style="`width: ${width}px; height: ${height}px;`">
-    <video
-      ref="veo"
-      :class="{ cursor: !originPlay }"
-      :style="`object-fit: ${zoom};`"
-      :src="videoUrl"
-      :poster="videoCover"
-      :width="width"
-      :height="height"
-      :autoplay="autoplay"
-      :controls="!originPlay&&controls"
-      :loop="loop"
-      :muted="autoplay || muted"
-      :preload="preload">
-      您的浏览器不支持video标签。
-    </video>
-    <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
-    </svg>
-  </div>
-</template>
-<script>
-export default {
-  name: 'VideoDetail',
-  props: {
-    videoUrl: { // 视频文件url
-      type: String,
-      default: null,
-      required: true
-    },
-    videoCover: { // 视频封面url
-      type: String,
-      default: null
-    },
-    width: { // 视频播放器宽度
-      type: Number,
-      default: 800
-    },
-    height: { // 视频播放器高度
-      type: Number,
-      default: 450
-    },
-    /*
-      由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
-      已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
-      属性也一样不能自动播放！
-      本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
-      动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
-    */
-    autoplay: { // 视频就绪后是否马上播放
-      type: Boolean,
-      default: false
-    },
-    controls: { // 是否向用户显示控件，比如进度条，全屏
-      type: Boolean,
-      default: true
-    },
-    loop: { // 视频播放完成后，是否循环播放
-      type: Boolean,
-      default: false
-    },
-    muted: { // 是否静音
-      type: Boolean,
-      default: false
-    },
-    preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
-      type: String,
-      default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
-    },
-    playWidth: { // 中间播放暂停按钮的边长
-      type: Number,
-      default: 96
-    },
-    zoom: { // video的poster默认图片和视频内容缩放规则
-      type: String,
-      default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
-    }
-  },
-  data () {
-    return {
-      originPlay: true,
-      vplay: true
-    }
-  },
-  mounted () {
-    this.$refs.veo.addEventListener('pause', this.onPause)
-    this.$refs.veo.addEventListener('playing', this.onPlaying)
-    if (this.autoplay) {
-      this.vplay = false
-      this.originPlay = false
-    }
-  },
-  methods: {
-    onPause () {
-      this.vplay = true
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('pause', this.onPause)
-      })
-    },
-    onPlaying () {
-      this.vplay = false
-      // 自动清理自己，避免内存泄漏
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('playing', this.onPlaying)
-      })
-    },
-    clickPlay () {
-      this.$refs.veo.play()
-      this.vplay = false
-      if (this.originPlay) {
-        this.originPlay = false
-      }
-    }
-  }
-}
-</script>
-<style lang="css" scoped>
-/* .m-video {
-  display: inline-block;
-  position: relative;
-  background: #000;
-  .cursor {
-    cursor: pointer;
-  }
-  .play {
-    fill: none;
-    color: #FFF;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    transition: opacity .3s;
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-  .hidden {
-    display: none;
-  }
-}
-.hover {
-  &:hover {
-    .play {
-      opacity: 0.9;
-    }
-  }
-} */
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211163648.vue b/.history/src/components/VideoDetails_20221211163648.vue
deleted file mode 100644
index a8c196eb173a6a75e72c67c4d8dec74793b71aa5..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211163648.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div :class="['m-video', { hover: !originPlay }]" :style="`width: ${width}px; height: ${height}px;`">
-    <video
-      ref="veo"
-      :class="{ cursor: !originPlay }"
-      :style="`object-fit: ${zoom};`"
-      :src="videoUrl"
-      :poster="videoCover"
-      :width="width"
-      :height="height"
-      :autoplay="autoplay"
-      :controls="!originPlay&&controls"
-      :loop="loop"
-      :muted="autoplay || muted"
-      :preload="preload">
-      当前浏览器不支持视频插件，请更新或更换浏览器~
-    </video>
-    <!-- <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
-    </svg> -->
-  </div>
-</template>
-<script>
-export default {
-  name: 'VideoDetail',
-  props: {
-    videoUrl: { // 视频文件url
-      type: String,
-      default: null,
-      required: true
-    },
-    videoCover: { // 视频封面url
-      type: String,
-      default: null
-    },
-    width: { // 视频播放器宽度
-      type: Number,
-      default: 800
-    },
-    height: { // 视频播放器高度
-      type: Number,
-      default: 450
-    },
-    /*
-      由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
-      已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
-      属性也一样不能自动播放！
-      本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
-      动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
-    */
-    autoplay: { // 视频就绪后是否马上播放
-      type: Boolean,
-      default: false
-    },
-    controls: { // 是否向用户显示控件，比如进度条，全屏
-      type: Boolean,
-      default: true
-    },
-    loop: { // 视频播放完成后，是否循环播放
-      type: Boolean,
-      default: false
-    },
-    muted: { // 是否静音
-      type: Boolean,
-      default: false
-    },
-    preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
-      type: String,
-      default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
-    },
-    playWidth: { // 中间播放暂停按钮的边长
-      type: Number,
-      default: 96
-    },
-    zoom: { // video的poster默认图片和视频内容缩放规则
-      type: String,
-      default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
-    }
-  },
-  data () {
-    return {
-      originPlay: true,
-      vplay: true
-    }
-  },
-  mounted () {
-    this.$refs.veo.addEventListener('pause', this.onPause)
-    this.$refs.veo.addEventListener('playing', this.onPlaying)
-    if (this.autoplay) {
-      this.vplay = false
-      this.originPlay = false
-    }
-  },
-  methods: {
-    onPause () {
-      this.vplay = true
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('pause', this.onPause)
-      })
-    },
-    onPlaying () {
-      this.vplay = false
-      // 自动清理自己，避免内存泄漏
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('playing', this.onPlaying)
-      })
-    },
-    clickPlay () {
-      this.$refs.veo.play()
-      this.vplay = false
-      if (this.originPlay) {
-        this.originPlay = false
-      }
-    }
-  }
-}
-</script>
-<style lang="css" scoped>
-/* .m-video {
-  display: inline-block;
-  position: relative;
-  background: #000;
-  .cursor {
-    cursor: pointer;
-  }
-  .play {
-    fill: none;
-    color: #FFF;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    transition: opacity .3s;
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-  .hidden {
-    display: none;
-  }
-}
-.hover {
-  &:hover {
-    .play {
-      opacity: 0.9;
-    }
-  }
-} */
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211163857.vue b/.history/src/components/VideoDetails_20221211163857.vue
deleted file mode 100644
index 2c9d487e2e580fb97e68118a41aa0da2661169dd..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211163857.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div :class="['m-video', { hover: !originPlay }]" :style="`width: ${width}px; height: ${height}px;`">
-    <video
-      ref="veo"
-      :class="{ cursor: !originPlay }"
-      :style="`object-fit: ${zoom};`"
-      :src="videoUrl"
-      :poster="videoCover"
-      :width="width"
-      :height="height"
-      :autoplay="autoplay"
-      :controls="originPlay&&controls"
-      :loop="loop"
-      :muted="autoplay || muted"
-      :preload="preload">
-      当前浏览器不支持视频插件，请更新或更换浏览器~
-    </video>
-    <!-- <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
-    </svg> -->
-  </div>
-</template>
-<script>
-export default {
-  name: 'VideoDetail',
-  props: {
-    videoUrl: { // 视频文件url
-      type: String,
-      default: null,
-      required: true
-    },
-    videoCover: { // 视频封面url
-      type: String,
-      default: null
-    },
-    width: { // 视频播放器宽度
-      type: Number,
-      default: 800
-    },
-    height: { // 视频播放器高度
-      type: Number,
-      default: 450
-    },
-    /*
-      由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
-      已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
-      属性也一样不能自动播放！
-      本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
-      动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
-    */
-    autoplay: { // 视频就绪后是否马上播放
-      type: Boolean,
-      default: false
-    },
-    controls: { // 是否向用户显示控件，比如进度条，全屏
-      type: Boolean,
-      default: true
-    },
-    loop: { // 视频播放完成后，是否循环播放
-      type: Boolean,
-      default: false
-    },
-    muted: { // 是否静音
-      type: Boolean,
-      default: false
-    },
-    preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
-      type: String,
-      default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
-    },
-    playWidth: { // 中间播放暂停按钮的边长
-      type: Number,
-      default: 96
-    },
-    zoom: { // video的poster默认图片和视频内容缩放规则
-      type: String,
-      default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
-    }
-  },
-  data () {
-    return {
-      originPlay: true,
-      vplay: true
-    }
-  },
-  mounted () {
-    this.$refs.veo.addEventListener('pause', this.onPause)
-    this.$refs.veo.addEventListener('playing', this.onPlaying)
-    if (this.autoplay) {
-      this.vplay = false
-      this.originPlay = false
-    }
-  },
-  methods: {
-    onPause () {
-      this.vplay = true
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('pause', this.onPause)
-      })
-    },
-    onPlaying () {
-      this.vplay = false
-      // 自动清理自己，避免内存泄漏
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('playing', this.onPlaying)
-      })
-    },
-    clickPlay () {
-      this.$refs.veo.play()
-      this.vplay = false
-      if (this.originPlay) {
-        this.originPlay = false
-      }
-    }
-  }
-}
-</script>
-<style lang="css" scoped>
-/* .m-video {
-  display: inline-block;
-  position: relative;
-  background: #000;
-  .cursor {
-    cursor: pointer;
-  }
-  .play {
-    fill: none;
-    color: #FFF;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    transition: opacity .3s;
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-  .hidden {
-    display: none;
-  }
-}
-.hover {
-  &:hover {
-    .play {
-      opacity: 0.9;
-    }
-  }
-} */
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211163935.vue b/.history/src/components/VideoDetails_20221211163935.vue
deleted file mode 100644
index a8c196eb173a6a75e72c67c4d8dec74793b71aa5..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211163935.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div :class="['m-video', { hover: !originPlay }]" :style="`width: ${width}px; height: ${height}px;`">
-    <video
-      ref="veo"
-      :class="{ cursor: !originPlay }"
-      :style="`object-fit: ${zoom};`"
-      :src="videoUrl"
-      :poster="videoCover"
-      :width="width"
-      :height="height"
-      :autoplay="autoplay"
-      :controls="!originPlay&&controls"
-      :loop="loop"
-      :muted="autoplay || muted"
-      :preload="preload">
-      当前浏览器不支持视频插件，请更新或更换浏览器~
-    </video>
-    <!-- <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
-    </svg> -->
-  </div>
-</template>
-<script>
-export default {
-  name: 'VideoDetail',
-  props: {
-    videoUrl: { // 视频文件url
-      type: String,
-      default: null,
-      required: true
-    },
-    videoCover: { // 视频封面url
-      type: String,
-      default: null
-    },
-    width: { // 视频播放器宽度
-      type: Number,
-      default: 800
-    },
-    height: { // 视频播放器高度
-      type: Number,
-      default: 450
-    },
-    /*
-      由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
-      已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
-      属性也一样不能自动播放！
-      本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
-      动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
-    */
-    autoplay: { // 视频就绪后是否马上播放
-      type: Boolean,
-      default: false
-    },
-    controls: { // 是否向用户显示控件，比如进度条，全屏
-      type: Boolean,
-      default: true
-    },
-    loop: { // 视频播放完成后，是否循环播放
-      type: Boolean,
-      default: false
-    },
-    muted: { // 是否静音
-      type: Boolean,
-      default: false
-    },
-    preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
-      type: String,
-      default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
-    },
-    playWidth: { // 中间播放暂停按钮的边长
-      type: Number,
-      default: 96
-    },
-    zoom: { // video的poster默认图片和视频内容缩放规则
-      type: String,
-      default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
-    }
-  },
-  data () {
-    return {
-      originPlay: true,
-      vplay: true
-    }
-  },
-  mounted () {
-    this.$refs.veo.addEventListener('pause', this.onPause)
-    this.$refs.veo.addEventListener('playing', this.onPlaying)
-    if (this.autoplay) {
-      this.vplay = false
-      this.originPlay = false
-    }
-  },
-  methods: {
-    onPause () {
-      this.vplay = true
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('pause', this.onPause)
-      })
-    },
-    onPlaying () {
-      this.vplay = false
-      // 自动清理自己，避免内存泄漏
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('playing', this.onPlaying)
-      })
-    },
-    clickPlay () {
-      this.$refs.veo.play()
-      this.vplay = false
-      if (this.originPlay) {
-        this.originPlay = false
-      }
-    }
-  }
-}
-</script>
-<style lang="css" scoped>
-/* .m-video {
-  display: inline-block;
-  position: relative;
-  background: #000;
-  .cursor {
-    cursor: pointer;
-  }
-  .play {
-    fill: none;
-    color: #FFF;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    transition: opacity .3s;
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-  .hidden {
-    display: none;
-  }
-}
-.hover {
-  &:hover {
-    .play {
-      opacity: 0.9;
-    }
-  }
-} */
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211164412.vue b/.history/src/components/VideoDetails_20221211164412.vue
deleted file mode 100644
index 2c9d487e2e580fb97e68118a41aa0da2661169dd..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211164412.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div :class="['m-video', { hover: !originPlay }]" :style="`width: ${width}px; height: ${height}px;`">
-    <video
-      ref="veo"
-      :class="{ cursor: !originPlay }"
-      :style="`object-fit: ${zoom};`"
-      :src="videoUrl"
-      :poster="videoCover"
-      :width="width"
-      :height="height"
-      :autoplay="autoplay"
-      :controls="originPlay&&controls"
-      :loop="loop"
-      :muted="autoplay || muted"
-      :preload="preload">
-      当前浏览器不支持视频插件，请更新或更换浏览器~
-    </video>
-    <!-- <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
-    </svg> -->
-  </div>
-</template>
-<script>
-export default {
-  name: 'VideoDetail',
-  props: {
-    videoUrl: { // 视频文件url
-      type: String,
-      default: null,
-      required: true
-    },
-    videoCover: { // 视频封面url
-      type: String,
-      default: null
-    },
-    width: { // 视频播放器宽度
-      type: Number,
-      default: 800
-    },
-    height: { // 视频播放器高度
-      type: Number,
-      default: 450
-    },
-    /*
-      由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
-      已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
-      属性也一样不能自动播放！
-      本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
-      动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
-    */
-    autoplay: { // 视频就绪后是否马上播放
-      type: Boolean,
-      default: false
-    },
-    controls: { // 是否向用户显示控件，比如进度条，全屏
-      type: Boolean,
-      default: true
-    },
-    loop: { // 视频播放完成后，是否循环播放
-      type: Boolean,
-      default: false
-    },
-    muted: { // 是否静音
-      type: Boolean,
-      default: false
-    },
-    preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
-      type: String,
-      default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
-    },
-    playWidth: { // 中间播放暂停按钮的边长
-      type: Number,
-      default: 96
-    },
-    zoom: { // video的poster默认图片和视频内容缩放规则
-      type: String,
-      default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
-    }
-  },
-  data () {
-    return {
-      originPlay: true,
-      vplay: true
-    }
-  },
-  mounted () {
-    this.$refs.veo.addEventListener('pause', this.onPause)
-    this.$refs.veo.addEventListener('playing', this.onPlaying)
-    if (this.autoplay) {
-      this.vplay = false
-      this.originPlay = false
-    }
-  },
-  methods: {
-    onPause () {
-      this.vplay = true
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('pause', this.onPause)
-      })
-    },
-    onPlaying () {
-      this.vplay = false
-      // 自动清理自己，避免内存泄漏
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('playing', this.onPlaying)
-      })
-    },
-    clickPlay () {
-      this.$refs.veo.play()
-      this.vplay = false
-      if (this.originPlay) {
-        this.originPlay = false
-      }
-    }
-  }
-}
-</script>
-<style lang="css" scoped>
-/* .m-video {
-  display: inline-block;
-  position: relative;
-  background: #000;
-  .cursor {
-    cursor: pointer;
-  }
-  .play {
-    fill: none;
-    color: #FFF;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    transition: opacity .3s;
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-  .hidden {
-    display: none;
-  }
-}
-.hover {
-  &:hover {
-    .play {
-      opacity: 0.9;
-    }
-  }
-} */
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211164854.vue b/.history/src/components/VideoDetails_20221211164854.vue
deleted file mode 100644
index 2c9d487e2e580fb97e68118a41aa0da2661169dd..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211164854.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div :class="['m-video', { hover: !originPlay }]" :style="`width: ${width}px; height: ${height}px;`">
-    <video
-      ref="veo"
-      :class="{ cursor: !originPlay }"
-      :style="`object-fit: ${zoom};`"
-      :src="videoUrl"
-      :poster="videoCover"
-      :width="width"
-      :height="height"
-      :autoplay="autoplay"
-      :controls="originPlay&&controls"
-      :loop="loop"
-      :muted="autoplay || muted"
-      :preload="preload">
-      当前浏览器不支持视频插件，请更新或更换浏览器~
-    </video>
-    <!-- <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
-    </svg> -->
-  </div>
-</template>
-<script>
-export default {
-  name: 'VideoDetail',
-  props: {
-    videoUrl: { // 视频文件url
-      type: String,
-      default: null,
-      required: true
-    },
-    videoCover: { // 视频封面url
-      type: String,
-      default: null
-    },
-    width: { // 视频播放器宽度
-      type: Number,
-      default: 800
-    },
-    height: { // 视频播放器高度
-      type: Number,
-      default: 450
-    },
-    /*
-      由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
-      已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
-      属性也一样不能自动播放！
-      本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
-      动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
-    */
-    autoplay: { // 视频就绪后是否马上播放
-      type: Boolean,
-      default: false
-    },
-    controls: { // 是否向用户显示控件，比如进度条，全屏
-      type: Boolean,
-      default: true
-    },
-    loop: { // 视频播放完成后，是否循环播放
-      type: Boolean,
-      default: false
-    },
-    muted: { // 是否静音
-      type: Boolean,
-      default: false
-    },
-    preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
-      type: String,
-      default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
-    },
-    playWidth: { // 中间播放暂停按钮的边长
-      type: Number,
-      default: 96
-    },
-    zoom: { // video的poster默认图片和视频内容缩放规则
-      type: String,
-      default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
-    }
-  },
-  data () {
-    return {
-      originPlay: true,
-      vplay: true
-    }
-  },
-  mounted () {
-    this.$refs.veo.addEventListener('pause', this.onPause)
-    this.$refs.veo.addEventListener('playing', this.onPlaying)
-    if (this.autoplay) {
-      this.vplay = false
-      this.originPlay = false
-    }
-  },
-  methods: {
-    onPause () {
-      this.vplay = true
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('pause', this.onPause)
-      })
-    },
-    onPlaying () {
-      this.vplay = false
-      // 自动清理自己，避免内存泄漏
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('playing', this.onPlaying)
-      })
-    },
-    clickPlay () {
-      this.$refs.veo.play()
-      this.vplay = false
-      if (this.originPlay) {
-        this.originPlay = false
-      }
-    }
-  }
-}
-</script>
-<style lang="css" scoped>
-/* .m-video {
-  display: inline-block;
-  position: relative;
-  background: #000;
-  .cursor {
-    cursor: pointer;
-  }
-  .play {
-    fill: none;
-    color: #FFF;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    transition: opacity .3s;
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-  .hidden {
-    display: none;
-  }
-}
-.hover {
-  &:hover {
-    .play {
-      opacity: 0.9;
-    }
-  }
-} */
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211171712.vue b/.history/src/components/VideoDetails_20221211171712.vue
deleted file mode 100644
index 2179ff0dc9820bf7d05d38431866192c66e03a99..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211171712.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <div>
-      <video-player
-      :videoUrl="video.url"
-      :videoCover="video.cover"
-      :width="1000"
-      :height="450"
-      :autoplay="false"
-      :controls="true"
-      :loop="false"
-      :muted="false"
-      preload="auto"
-      :playWidth="96"
-      zoom="none"
-      >
-      </video-player>
-    </div>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211172101.vue b/.history/src/components/VideoDetails_20221211172101.vue
deleted file mode 100644
index 9726b22697e660c8f85269cb1001af270b9e4210..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211172101.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="1000"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211172116.vue b/.history/src/components/VideoDetails_20221211172116.vue
deleted file mode 100644
index e16906bd53983f1630ae44e16d343bd594d9a780..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211172116.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="1000"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8"><div class="grid-content bg-purple">hhhha</div></el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211172149.vue b/.history/src/components/VideoDetails_20221211172149.vue
deleted file mode 100644
index bb76edd1abe6db92a8f2ee5a2c005e88480780e9..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211172149.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="1000"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>hhhha</div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211172207.vue b/.history/src/components/VideoDetails_20221211172207.vue
deleted file mode 100644
index b08efc35df736483bcda10847eabecb13354901e..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211172207.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>hhhha</div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211172347.vue b/.history/src/components/VideoDetails_20221211172347.vue
deleted file mode 100644
index c8b949e6acb671671b1ed346d630d130e20c3d5f..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211172347.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          学习进度: <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211172659.vue b/.history/src/components/VideoDetails_20221211172659.vue
deleted file mode 100644
index c0d55a58ace9a0a8b1d7cea24bbbb831b9b027ef..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211172659.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          : 
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211172704.vue b/.history/src/components/VideoDetails_20221211172704.vue
deleted file mode 100644
index c5f8a3c85e73974024a788ed3c132fa5a947505f..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211172704.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211173630.vue b/.history/src/components/VideoDetails_20221211173630.vue
deleted file mode 100644
index 05294d46b7cec67ddab619798815be27746bac6f..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211173630.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          学习进度：<el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211173742.vue b/.history/src/components/VideoDetails_20221211173742.vue
deleted file mode 100644
index f2ac46fc0562d3b60517fa1d37716cbb91a79bc7..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211173742.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-progress :percentage="50"></el-progress>
-          </el-descriptions>
-          学习进度：<el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211173800.vue b/.history/src/components/VideoDetails_20221211173800.vue
deleted file mode 100644
index c4a93f78960cd78cf2bb778357816776b7ce8bff..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211173800.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            d<el-progress :percentage="50"></el-progress>
-          </el-descriptions>
-          学习进度：<el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211173936.vue b/.history/src/components/VideoDetails_20221211173936.vue
deleted file mode 100644
index e5c2f0f7d1227d9de16b77f6746236af09dcb529..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211173936.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          <dir class="el-description_title">
-            学习进度：
-          </dir>
-          <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211174111.vue b/.history/src/components/VideoDetails_20221211174111.vue
deleted file mode 100644
index 1b2c4f41ab8df12a1336cf9c49b2176a1e04d543..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211174111.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          <dir class="el-descriptions_title">
-            学习进度：
-          </dir>
-          <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211174130.vue b/.history/src/components/VideoDetails_20221211174130.vue
deleted file mode 100644
index 89696bd895ea3b1c365a7af13c63df4d0ec5d5ad..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211174130.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          <dir class="el-descriptions__title">
-            学习进度：
-          </dir>
-          <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211174336.vue b/.history/src/components/VideoDetails_20221211174336.vue
deleted file mode 100644
index 1aa2ca9b77dd793dcacdac8d6a8661c94cacce84..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211174336.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习进度">
-              <el-progress :percentage="50"></el-progress>
-            </el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          <dir class="el-descriptions__title sec_title_padding">
-            学习进度
-          </dir>
-          <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style lang="css" scoped>
-.sec_title_padding {
-  padding: 0px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211174703.vue b/.history/src/components/VideoDetails_20221211174703.vue
deleted file mode 100644
index 5efe78ad6294110d77227cd075a7c0d5b8d95218..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211174703.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="技能要求">
-              掌握基本的健身知识
-            </el-descriptions-item>
-            <el-descriptions-item label="视频类型">
-              <el-tag size="small">健身</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-          </el-descriptions>
-          <dir class="el-descriptions__title sec_title_padding">
-            学习进度
-          </dir>
-          <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style lang="css" scoped>
-.sec_title_padding {
-  padding: 0px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211175104.vue b/.history/src/components/VideoDetails_20221211175104.vue
deleted file mode 100644
index c6a3a20a3f6f1260117a42ca889859e0a36677b1..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211175104.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习类型">
-              必须掌握
-            </el-descriptions-item>
-            <el-descriptions-item label="技能要求">
-              掌握基本的健身知识
-            </el-descriptions-item>
-            <el-descriptions-item label="视频类型">
-              <el-tag size="small">健身</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="上传人">
-              张三<el-tag size="small">ceo</el-tag>
-            </el-descriptions-item>
-          </el-descriptions>
-          <dir class="el-descriptions__title sec_title_padding">
-            学习进度
-          </dir>
-          <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style lang="css" scoped>
-.sec_title_padding {
-  padding: 0px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211175149.vue b/.history/src/components/VideoDetails_20221211175149.vue
deleted file mode 100644
index 501dea55a6781b1c4dfbed8229de7aed6ea06568..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211175149.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习类型">
-              必须掌握
-            </el-descriptions-item>
-            <el-descriptions-item label="技能要求">
-              掌握基本的健身知识
-            </el-descriptions-item>
-            <el-descriptions-item label="视频类型">
-              <el-tag size="small">健身</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="上传人">
-              张三
-            </el-descriptions-item>
-          </el-descriptions>
-          <dir class="el-descriptions__title sec_title_padding">
-            学习进度
-          </dir>
-          <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: 'https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style lang="css" scoped>
-.sec_title_padding {
-  padding: 0px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211210808.vue b/.history/src/components/VideoDetails_20221211210808.vue
deleted file mode 100644
index 729972b0a167c1f3f495db4efb6d44e61c45a17d..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoDetails_20221211210808.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-  <div>
-    <!-- 视频播放模块 -->
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <div>
-          <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
-          :width="850"
-          :height="450"
-          :autoplay="false"
-          :controls="true"
-          :loop="false"
-          :muted="false"
-          preload="auto"
-          :playWidth="96"
-          zoom="none"
-          >
-          </video-player>
-        </div>
-      </el-col>
-      <el-col :span="8">
-        <div>
-          <el-descriptions class="margin-top" title="任务描述" :column="1">
-            <el-descriptions-item label="学习类型">
-              必须掌握
-            </el-descriptions-item>
-            <el-descriptions-item label="技能要求">
-              掌握基本的健身知识
-            </el-descriptions-item>
-            <el-descriptions-item label="视频类型">
-              <el-tag size="small">健身</el-tag>
-            </el-descriptions-item>
-            <el-descriptions-item label="上传人">
-              张三
-            </el-descriptions-item>
-          </el-descriptions>
-          <dir class="el-descriptions__title sec_title_padding">
-            学习进度
-          </dir>
-          <el-progress :percentage="50"></el-progress>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
-    <div>
-
-    </div>
-    <!-- https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4 -->
-  </div>
-</template>
-
-<script>
-import videoPlayer from '@/components/VideoPlayer.vue'
-export default {
-  components: {
-    videoPlayer
-  },
-  data() {
-    return {
-      video: {
-        url: '',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
-      }
-    }
-  }
-
-}
-</script>
-
-<style lang="css" scoped>
-.sec_title_padding {
-  padding: 0px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/components/VideoPlayer_20221211164818.vue b/.history/src/components/VideoPlayer_20221211164818.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/components/VideoPlayer_20221211164844.vue b/.history/src/components/VideoPlayer_20221211164844.vue
deleted file mode 100644
index aa0d3d97d054df3cbe3010d34d54f3c78c2fbc88..0000000000000000000000000000000000000000
--- a/.history/src/components/VideoPlayer_20221211164844.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-  <div :class="['m-video', { hover: !originPlay }]" :style="`width: ${width}px; height: ${height}px;`">
-    <video
-      ref="veo"
-      :class="{ cursor: !originPlay }"
-      :style="`object-fit: ${zoom};`"
-      :src="videoUrl"
-      :poster="videoCover"
-      :width="width"
-      :height="height"
-      :autoplay="autoplay"
-      :controls="originPlay&&controls"
-      :loop="loop"
-      :muted="autoplay || muted"
-      :preload="preload">
-      当前浏览器不支持视频插件，请更新或更换浏览器~
-    </video>
-    <!-- <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
-    </svg> -->
-  </div>
-</template>
-<script>
-export default {
-  name: 'videoPlayer',
-  props: {
-    videoUrl: { // 视频文件url
-      type: String,
-      default: null,
-      required: true
-    },
-    videoCover: { // 视频封面url
-      type: String,
-      default: null
-    },
-    width: { // 视频播放器宽度
-      type: Number,
-      default: 800
-    },
-    height: { // 视频播放器高度
-      type: Number,
-      default: 450
-    },
-    /*
-      由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
-      已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
-      属性也一样不能自动播放！
-      本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
-      动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
-    */
-    autoplay: { // 视频就绪后是否马上播放
-      type: Boolean,
-      default: false
-    },
-    controls: { // 是否向用户显示控件，比如进度条，全屏
-      type: Boolean,
-      default: true
-    },
-    loop: { // 视频播放完成后，是否循环播放
-      type: Boolean,
-      default: false
-    },
-    muted: { // 是否静音
-      type: Boolean,
-      default: false
-    },
-    preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
-      type: String,
-      default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
-    },
-    playWidth: { // 中间播放暂停按钮的边长
-      type: Number,
-      default: 96
-    },
-    zoom: { // video的poster默认图片和视频内容缩放规则
-      type: String,
-      default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
-    }
-  },
-  data () {
-    return {
-      originPlay: true,
-      vplay: true
-    }
-  },
-  mounted () {
-    this.$refs.veo.addEventListener('pause', this.onPause)
-    this.$refs.veo.addEventListener('playing', this.onPlaying)
-    if (this.autoplay) {
-      this.vplay = false
-      this.originPlay = false
-    }
-  },
-  methods: {
-    onPause () {
-      this.vplay = true
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('pause', this.onPause)
-      })
-    },
-    onPlaying () {
-      this.vplay = false
-      // 自动清理自己，避免内存泄漏
-      this.$once('hook:beforeDestroy', function () {
-        removeEventListener('playing', this.onPlaying)
-      })
-    },
-    clickPlay () {
-      this.$refs.veo.play()
-      this.vplay = false
-      if (this.originPlay) {
-        this.originPlay = false
-      }
-    }
-  }
-}
-</script>
-<style lang="css" scoped>
-/* .m-video {
-  display: inline-block;
-  position: relative;
-  background: #000;
-  .cursor {
-    cursor: pointer;
-  }
-  .play {
-    fill: none;
-    color: #FFF;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    transition: opacity .3s;
-    &:hover {
-      opacity: 0.9;
-    }
-  }
-  .hidden {
-    display: none;
-  }
-}
-.hover {
-  &:hover {
-    .play {
-      opacity: 0.9;
-    }
-  }
-} */
-</style>
\ No newline at end of file
diff --git a/.history/src/layout/index_20221211175843.vue b/.history/src/layout/index_20221211175843.vue
deleted file mode 100644
index 6559ba51882a59105ddbc866db9f81ba6647635e..0000000000000000000000000000000000000000
--- a/.history/src/layout/index_20221211175843.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<template>
-  <el-container class="main-container">
-    <!--头部区域-->
-    <el-header>
-      <el-row class="main-row">
-        <el-col :span="20">
-          <el-menu
-            :router="true"
-            class="main-row"
-            mode="horizontal"
-            background-color="#545c64"
-            text-color="#fff"
-            active-text-color="#ffd04b"
-          >
-            <el-menu-item index="/funcHall">
-              <img src="@/assets/bg/logo.png">
-            </el-menu-item>
-          </el-menu>
-        </el-col>
-        <el-col :span="4">
-          <el-menu
-            :router="true"
-            mode="horizontal"
-            menu-trigger="click"
-            background-color="#545c64"
-            text-color="#fff"
-            active-text-color="#ffd04b"
-          >
-            <el-menu-item index="1">
-              <el-avatar
-                size="medium"
-                src="@/assets/bg/bg.jpg"
-              ></el-avatar>
-            </el-menu-item>
-            <el-submenu index="1">
-              <template slot="title">zhangsan</template>
-              <el-menu-item index="/personCenter">个人中心</el-menu-item>
-              <el-menu-item index="/login">切换账号</el-menu-item>
-              <el-menu-item @click.native="logout">退出登录</el-menu-item>
-            </el-submenu>
-          </el-menu>
-        </el-col>
-      </el-row>
-    </el-header>
-    <el-container>
-      <el-aside width="200px">
-        <el-menu
-          default-active="/funcHall"
-          :router="true"
-          class="main-aside"
-          background-color="#545c64"
-          text-color="#fff"
-          :unique-opened="true"
-          active-text-color="#ffd04b"
-        >
-          <el-menu-item index="/funcHall">
-            <template>
-              <i class="el-icon-location"></i>
-              <span>功能大厅</span>
-            </template>
-          </el-menu-item>
-          <el-submenu index="2">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>学习中心</span>
-            </template>
-            <el-menu-item index="/watchVideo">观看视频</el-menu-item>
-            <el-menu-item index="/watchLog">管理记录</el-menu-item>
-            <el-menu-item index="/videoMan">视频管理</el-menu-item>
-          </el-submenu>
-          <el-submenu index="3">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>考试中心</span>
-            </template>
-            <el-menu-item index="/pratice">在线练习</el-menu-item>
-            <el-menu-item index="/bank">题库管理</el-menu-item>
-            <el-menu-item index="/exam">我的考试</el-menu-item>
-          </el-submenu>
-          <el-submenu index="4">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>部门管理</span>
-            </template>
-            <el-menu-item index="/deptMan">部门管理</el-menu-item>
-            <el-menu-item index="/selfDept">我的部门</el-menu-item>
-          </el-submenu>
-          <el-submenu index="5">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>用户管理</span>
-            </template>
-            <el-menu-item index="/authMan">权限管理</el-menu-item>
-            <el-menu-item index="/positionMan">职位管理</el-menu-item>
-          </el-submenu>
-          <el-submenu index="6">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>消息中心</span>
-            </template>
-            <el-menu-item index="/approvalMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的审批
-              </el-badge>
-            </el-menu-item>
-            <el-menu-item index="/applyMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的申请
-              </el-badge>
-            </el-menu-item>
-          </el-submenu>
-        </el-menu>
-      </el-aside>
-      <!-- 主体展示区域 -->
-      <el-main>
-        <router-view />
-      </el-main>
-    </el-container>
-  </el-container>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    logout() {
-      // 清除sessionStorage中的token
-      window.sessionStorage.clear();
-      // 跳转到登录页面
-      this.$router.push("/login");
-    },
-    //
-    toIndex() {
-      this.$router.push("/funcHall");
-    },
-  },
-};
-</script>
-
-
-<style lang="css" scope>
-.main-container .el-header {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 50px;
-}
-.main-container {
-  height: 100%;
-}
-.el-aside {
-  background-color: "#545c64";
-}
-.item {
-  margin-top: 10px;
-  margin-right: 40px;
-}
-.main-aside {
-  height: 100%;
-}
-.main-row {
-  width: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/layout/index_20221211180037.vue b/.history/src/layout/index_20221211180037.vue
deleted file mode 100644
index 1986120f93f49868da02cebf56d185d46fb08736..0000000000000000000000000000000000000000
--- a/.history/src/layout/index_20221211180037.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<template>
-  <el-container class="main-container">
-    <!--头部区域-->
-    <el-header>
-      <el-row class="main-row">
-        <el-col :span="20">
-          <el-menu
-            :router="true"
-            class="main-row"
-            mode="horizontal"
-            background-color="#545c64"
-            text-color="#fff"
-            active-text-color="#ffd04b"
-          >
-            <el-menu-item index="/funcHall">
-              <img src="@/assets/bg/logo.png">
-            </el-menu-item>
-          </el-menu>
-        </el-col>
-        <el-col :span="4">
-          <el-menu
-            :router="true"
-            mode="horizontal"
-            menu-trigger="click"
-            background-color="#545c64"
-            text-color="#fff"
-            active-text-color="#ffd04b"
-          >
-            <el-menu-item index="1">
-              <el-avatar
-                size="medium"
-                src="@/assets/bg/bg.jpg"
-              ></el-avatar>
-            </el-menu-item>
-            <el-submenu index="1">
-              <template slot="title">zhangsan</template>
-              <el-menu-item index="/personCenter">个人中心</el-menu-item>
-              <el-menu-item index="/login">切换账号</el-menu-item>
-              <el-menu-item @click.native="logout">退出登录</el-menu-item>
-            </el-submenu>
-          </el-menu>
-        </el-col>
-      </el-row>
-    </el-header>
-    <el-container>
-      <el-aside width="200px">
-        <el-menu
-          default-active="/funcHall"
-          :router="true"
-          class="main-aside"
-          background-color="#545c64"
-          text-color="#fff"
-          :unique-opened="true"
-          active-text-color="#ffd04b"
-        >
-          <el-menu-item index="/funcHall">
-            <template>
-              <i class="el-icon-location"></i>
-              <span>功能大厅</span>
-            </template>
-          </el-menu-item>
-          <el-submenu index="2">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>学习中心</span>
-            </template>
-            <el-menu-item index="/watchVideo">观看视频</el-menu-item>
-            <el-menu-item index="/watchLog">管理记录</el-menu-item>
-            <el-menu-item index="/videoMan">视频管理</el-menu-item>
-          </el-submenu>
-          <el-submenu index="3">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>考试中心</span>
-            </template>
-            <el-menu-item index="/pratice">在线练习</el-menu-item>
-            <el-menu-item index="/bank">题库管理</el-menu-item>
-            <el-menu-item index="/myExam">我的考试</el-menu-item>
-          </el-submenu>
-          <el-submenu index="4">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>部门管理</span>
-            </template>
-            <el-menu-item index="/deptMan">部门管理</el-menu-item>
-            <el-menu-item index="/selfDept">我的部门</el-menu-item>
-          </el-submenu>
-          <el-submenu index="5">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>用户管理</span>
-            </template>
-            <el-menu-item index="/authMan">权限管理</el-menu-item>
-            <el-menu-item index="/positionMan">职位管理</el-menu-item>
-          </el-submenu>
-          <el-submenu index="6">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>消息中心</span>
-            </template>
-            <el-menu-item index="/approvalMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的审批
-              </el-badge>
-            </el-menu-item>
-            <el-menu-item index="/applyMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的申请
-              </el-badge>
-            </el-menu-item>
-          </el-submenu>
-        </el-menu>
-      </el-aside>
-      <!-- 主体展示区域 -->
-      <el-main>
-        <router-view />
-      </el-main>
-    </el-container>
-  </el-container>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    logout() {
-      // 清除sessionStorage中的token
-      window.sessionStorage.clear();
-      // 跳转到登录页面
-      this.$router.push("/login");
-    },
-    //
-    toIndex() {
-      this.$router.push("/funcHall");
-    },
-  },
-};
-</script>
-
-
-<style lang="css" scope>
-.main-container .el-header {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 50px;
-}
-.main-container {
-  height: 100%;
-}
-.el-aside {
-  background-color: "#545c64";
-}
-.item {
-  margin-top: 10px;
-  margin-right: 40px;
-}
-.main-aside {
-  height: 100%;
-}
-.main-row {
-  width: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/layout/index_20221211180342.vue b/.history/src/layout/index_20221211180342.vue
deleted file mode 100644
index df7aebca58b9f87b4c36ee06e91c7d2532ba46c1..0000000000000000000000000000000000000000
--- a/.history/src/layout/index_20221211180342.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<template>
-  <el-container class="main-container">
-    <!--头部区域-->
-    <el-header>
-      <el-row class="main-row">
-        <el-col :span="20">
-          <el-menu
-            :router="true"
-            class="main-row"
-            mode="horizontal"
-            background-color="#545c64"
-            text-color="#fff"
-            active-text-color="#ffd04b"
-          >
-            <el-menu-item index="/funcHall">
-              <img src="@/assets/bg/logo.png">
-            </el-menu-item>
-          </el-menu>
-        </el-col>
-        <el-col :span="4">
-          <el-menu
-            :router="true"
-            mode="horizontal"
-            menu-trigger="click"
-            background-color="#545c64"
-            text-color="#fff"
-            active-text-color="#ffd04b"
-          >
-            <el-menu-item index="1">
-              <el-avatar
-                size="medium"
-                src="@/assets/bg/bg.jpg"
-              ></el-avatar>
-            </el-menu-item>
-            <el-submenu index="1">
-              <template slot="title">zhangsan</template>
-              <el-menu-item index="/personCenter">个人中心</el-menu-item>
-              <el-menu-item index="/login">切换账号</el-menu-item>
-              <el-menu-item @click.native="logout">退出登录</el-menu-item>
-            </el-submenu>
-          </el-menu>
-        </el-col>
-      </el-row>
-    </el-header>
-    <el-container>
-      <el-aside width="200px">
-        <el-menu
-          default-active="/funcHall"
-          :router="true"
-          class="main-aside"
-          background-color="#545c64"
-          text-color="#fff"
-          :unique-opened="true"
-          active-text-color="#ffd04b"
-        >
-          <el-menu-item index="/funcHall">
-            <template>
-              <i class="el-icon-location"></i>
-              <span>功能大厅</span>
-            </template>
-          </el-menu-item>
-          <el-submenu index="2">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>学习中心</span>
-            </template>
-            <el-menu-item index="/watchVideo">观看视频</el-menu-item>
-            <el-menu-item index="/watchLog">管理记录</el-menu-item>
-            <el-menu-item index="/videoMan">视频管理</el-menu-item>
-          </el-submenu>
-          <el-submenu index="3">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>考试中心</span>
-            </template>
-            <el-menu-item index="/paperPractice">在线练习</el-menu-item>
-            <el-menu-item index="/paperBank">题库管理</el-menu-item>
-            <el-menu-item index="/paperExam">我的考试</el-menu-item>
-          </el-submenu>
-          <el-submenu index="4">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>部门管理</span>
-            </template>
-            <el-menu-item index="/deptMan">部门管理</el-menu-item>
-            <el-menu-item index="/selfDept">我的部门</el-menu-item>
-          </el-submenu>
-          <el-submenu index="5">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>用户管理</span>
-            </template>
-            <el-menu-item index="/authMan">权限管理</el-menu-item>
-            <el-menu-item index="/positionMan">职位管理</el-menu-item>
-          </el-submenu>
-          <el-submenu index="6">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>消息中心</span>
-            </template>
-            <el-menu-item index="/approvalMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的审批
-              </el-badge>
-            </el-menu-item>
-            <el-menu-item index="/applyMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的申请
-              </el-badge>
-            </el-menu-item>
-          </el-submenu>
-        </el-menu>
-      </el-aside>
-      <!-- 主体展示区域 -->
-      <el-main>
-        <router-view />
-      </el-main>
-    </el-container>
-  </el-container>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    logout() {
-      // 清除sessionStorage中的token
-      window.sessionStorage.clear();
-      // 跳转到登录页面
-      this.$router.push("/login");
-    },
-    //
-    toIndex() {
-      this.$router.push("/funcHall");
-    },
-  },
-};
-</script>
-
-
-<style lang="css" scope>
-.main-container .el-header {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 50px;
-}
-.main-container {
-  height: 100%;
-}
-.el-aside {
-  background-color: "#545c64";
-}
-.item {
-  margin-top: 10px;
-  margin-right: 40px;
-}
-.main-aside {
-  height: 100%;
-}
-.main-row {
-  width: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/layout/index_20221211181231.vue b/.history/src/layout/index_20221211181231.vue
deleted file mode 100644
index df7aebca58b9f87b4c36ee06e91c7d2532ba46c1..0000000000000000000000000000000000000000
--- a/.history/src/layout/index_20221211181231.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<template>
-  <el-container class="main-container">
-    <!--头部区域-->
-    <el-header>
-      <el-row class="main-row">
-        <el-col :span="20">
-          <el-menu
-            :router="true"
-            class="main-row"
-            mode="horizontal"
-            background-color="#545c64"
-            text-color="#fff"
-            active-text-color="#ffd04b"
-          >
-            <el-menu-item index="/funcHall">
-              <img src="@/assets/bg/logo.png">
-            </el-menu-item>
-          </el-menu>
-        </el-col>
-        <el-col :span="4">
-          <el-menu
-            :router="true"
-            mode="horizontal"
-            menu-trigger="click"
-            background-color="#545c64"
-            text-color="#fff"
-            active-text-color="#ffd04b"
-          >
-            <el-menu-item index="1">
-              <el-avatar
-                size="medium"
-                src="@/assets/bg/bg.jpg"
-              ></el-avatar>
-            </el-menu-item>
-            <el-submenu index="1">
-              <template slot="title">zhangsan</template>
-              <el-menu-item index="/personCenter">个人中心</el-menu-item>
-              <el-menu-item index="/login">切换账号</el-menu-item>
-              <el-menu-item @click.native="logout">退出登录</el-menu-item>
-            </el-submenu>
-          </el-menu>
-        </el-col>
-      </el-row>
-    </el-header>
-    <el-container>
-      <el-aside width="200px">
-        <el-menu
-          default-active="/funcHall"
-          :router="true"
-          class="main-aside"
-          background-color="#545c64"
-          text-color="#fff"
-          :unique-opened="true"
-          active-text-color="#ffd04b"
-        >
-          <el-menu-item index="/funcHall">
-            <template>
-              <i class="el-icon-location"></i>
-              <span>功能大厅</span>
-            </template>
-          </el-menu-item>
-          <el-submenu index="2">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>学习中心</span>
-            </template>
-            <el-menu-item index="/watchVideo">观看视频</el-menu-item>
-            <el-menu-item index="/watchLog">管理记录</el-menu-item>
-            <el-menu-item index="/videoMan">视频管理</el-menu-item>
-          </el-submenu>
-          <el-submenu index="3">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>考试中心</span>
-            </template>
-            <el-menu-item index="/paperPractice">在线练习</el-menu-item>
-            <el-menu-item index="/paperBank">题库管理</el-menu-item>
-            <el-menu-item index="/paperExam">我的考试</el-menu-item>
-          </el-submenu>
-          <el-submenu index="4">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>部门管理</span>
-            </template>
-            <el-menu-item index="/deptMan">部门管理</el-menu-item>
-            <el-menu-item index="/selfDept">我的部门</el-menu-item>
-          </el-submenu>
-          <el-submenu index="5">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>用户管理</span>
-            </template>
-            <el-menu-item index="/authMan">权限管理</el-menu-item>
-            <el-menu-item index="/positionMan">职位管理</el-menu-item>
-          </el-submenu>
-          <el-submenu index="6">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>消息中心</span>
-            </template>
-            <el-menu-item index="/approvalMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的审批
-              </el-badge>
-            </el-menu-item>
-            <el-menu-item index="/applyMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的申请
-              </el-badge>
-            </el-menu-item>
-          </el-submenu>
-        </el-menu>
-      </el-aside>
-      <!-- 主体展示区域 -->
-      <el-main>
-        <router-view />
-      </el-main>
-    </el-container>
-  </el-container>
-</template>
-
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    logout() {
-      // 清除sessionStorage中的token
-      window.sessionStorage.clear();
-      // 跳转到登录页面
-      this.$router.push("/login");
-    },
-    //
-    toIndex() {
-      this.$router.push("/funcHall");
-    },
-  },
-};
-</script>
-
-
-<style lang="css" scope>
-.main-container .el-header {
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 50px;
-}
-.main-container {
-  height: 100%;
-}
-.el-aside {
-  background-color: "#545c64";
-}
-.item {
-  margin-top: 10px;
-  margin-right: 40px;
-}
-.main-aside {
-  height: 100%;
-}
-.main-row {
-  width: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/router/index_20221210180440.js b/.history/src/router/index_20221210180440.js
deleted file mode 100644
index 8b837d90d73d859bcaf4808f942a33ab99e7a23e..0000000000000000000000000000000000000000
--- a/.history/src/router/index_20221210180440.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import layout from '@/layout/index'
-
-Vue.use(Router)
-const router = new Router({
-    routes: [
-        {
-            path: '/login',
-            name: 'login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/',
-            redirect: '/login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/home',
-            component: layout
-        },
-        {
-            path: '/sys',
-            component: layout,
-            children: [
-                {
-                    path: '/funcHall',
-                    component: () => import('@/views/FuncHall.vue')
-                }
-            ]
-        },
-        {
-            path: '/stady',
-            component: layout,
-            children: [
-                {
-                    path: '/watchVideo',
-                    component: () => import('@/views/WatchVideo.vue'),
-                    children: [
-                        {
-                            path: '/videoDetail',
-                            component: () => import('@/components/VideoDetails.vue')
-                        }
-                    ]
-                },
-                {
-                    path: '/watchLog',
-                    component: () => import('@/views/WatchLog.vue')
-                },
-                {
-                    path: '/videoMan',
-                    component: () => import('@/views/VideoMan.vue')
-                },
-                {
-                    path: 'allVideo',
-                    component: () => import('@/views/AllVideo.vue')
-                }
-            ]
-        },
-        {
-            path: '/dept',
-            component: layout,
-            children: [
-                {
-                    path: '/deptMan',
-                    component: () => import('@/views/DeptMan.vue')
-                },
-                {
-                    path: '/selfDept',
-                    component: () => import('@/views/SelfDept.vue')
-                }
-            ]
-        },
-        {
-            path: '/user',
-            component: layout,
-            children: [
-                {
-                    path: '/authMan',
-                    component: () => import('@/views/AuthMan.vue')
-                },
-                {
-                    path: '/positionMan',
-                    component: () => import('@/views/PositionMan.vue')
-                },
-                {
-                    path: '/personCenter',
-                    component: () => import('@/views/PersonCenter.vue')
-                }
-            ]
-        },
-        {
-            path: '/notice',
-            component: layout,
-            children: [
-                {
-                    path: '/approvalMan',
-                    component: () => import('@/views/ApprovalMan.vue')
-                },
-                {
-                    path: '/applyMan',
-                    component: () => import('@/views/ApplyMan.vue')
-                }
-            ]
-        }
-    ]
-})
-// 路由导航守卫
-// 权限验证：判断当前请求是否能够访问
-router.beforeEach((to, from, next) => {
-// to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
-if (to.path === '/login') return next()
-const token = window.sessionStorage.getItem('token')
-if (!token) return next('/login')
-next()
-})
-
-export default router
\ No newline at end of file
diff --git a/.history/src/router/index_20221210183057.js b/.history/src/router/index_20221210183057.js
deleted file mode 100644
index dd15441561ff31f150861282d2a09458e7b0b13f..0000000000000000000000000000000000000000
--- a/.history/src/router/index_20221210183057.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import layout from '@/layout/index'
-
-Vue.use(Router)
-const router = new Router({
-    routes: [
-        {
-            path: '/login',
-            name: 'login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/',
-            redirect: '/login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/home',
-            component: layout
-        },
-        {
-            path: '/sys',
-            component: layout,
-            children: [
-                {
-                    path: '/funcHall',
-                    component: () => import('@/views/FuncHall.vue')
-                }
-            ]
-        },
-        {
-            path: '/stady',
-            component: layout,
-            children: [
-                {
-                    path: '/watchVideo',
-                    component: () => import('@/views/WatchVideo.vue')
-                },
-                {
-                    path: '/watchLog',
-                    component: () => import('@/views/WatchLog.vue')
-                },
-                {
-                    path: '/videoMan',
-                    component: () => import('@/views/VideoMan.vue')
-                },
-                {
-                    path: 'allVideo',
-                    component: () => import('@/views/AllVideo.vue')
-                },
-                {
-                    path: '/videoDetail',
-                    component: () => import('@/components/VideoDetails.vue')
-                }
-            ]
-        },
-        {
-            path: '/dept',
-            component: layout,
-            children: [
-                {
-                    path: '/deptMan',
-                    component: () => import('@/views/DeptMan.vue')
-                },
-                {
-                    path: '/selfDept',
-                    component: () => import('@/views/SelfDept.vue')
-                }
-            ]
-        },
-        {
-            path: '/user',
-            component: layout,
-            children: [
-                {
-                    path: '/authMan',
-                    component: () => import('@/views/AuthMan.vue')
-                },
-                {
-                    path: '/positionMan',
-                    component: () => import('@/views/PositionMan.vue')
-                },
-                {
-                    path: '/personCenter',
-                    component: () => import('@/views/PersonCenter.vue')
-                }
-            ]
-        },
-        {
-            path: '/notice',
-            component: layout,
-            children: [
-                {
-                    path: '/approvalMan',
-                    component: () => import('@/views/ApprovalMan.vue')
-                },
-                {
-                    path: '/applyMan',
-                    component: () => import('@/views/ApplyMan.vue')
-                }
-            ]
-        }
-    ]
-})
-// 路由导航守卫
-// 权限验证：判断当前请求是否能够访问
-router.beforeEach((to, from, next) => {
-// to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
-if (to.path === '/login') return next()
-const token = window.sessionStorage.getItem('token')
-if (!token) return next('/login')
-next()
-})
-
-export default router
\ No newline at end of file
diff --git a/.history/src/router/index_20221210183436.js b/.history/src/router/index_20221210183436.js
deleted file mode 100644
index 5ca4e78af1c371191e85f9511d5c611bd3884ff3..0000000000000000000000000000000000000000
--- a/.history/src/router/index_20221210183436.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import layout from '@/layout/index'
-
-Vue.use(Router)
-const router = new Router({
-    routes: [
-        {
-            path: '/login',
-            name: 'login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/',
-            redirect: '/login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/home',
-            component: layout
-        },
-        {
-            path: '/sys',
-            component: layout,
-            children: [
-                {
-                    path: '/funcHall',
-                    component: () => import('@/views/FuncHall.vue')
-                }
-            ]
-        },
-        {
-            path: '/stady',
-            component: layout,
-            children: [
-                {
-                    path: '/watchVideo',
-                    component: () => import('@/views/WatchVideo.vue')
-                },
-                {
-                    path: '/watchLog',
-                    component: () => import('@/views/WatchLog.vue')
-                },
-                {
-                    path: '/videoMan',
-                    component: () => import('@/views/VideoMan.vue')
-                },
-                {
-                    path: '/allVideo',
-                    component: () => import('@/views/AllVideo.vue')
-                },
-                {
-                    path: '/videoDetail',
-                    component: () => import('@/components/VideoDetails.vue')
-                }
-            ]
-        },
-        {
-            path: '/dept',
-            component: layout,
-            children: [
-                {
-                    path: '/deptMan',
-                    component: () => import('@/views/DeptMan.vue')
-                },
-                {
-                    path: '/selfDept',
-                    component: () => import('@/views/SelfDept.vue')
-                }
-            ]
-        },
-        {
-            path: '/user',
-            component: layout,
-            children: [
-                {
-                    path: '/authMan',
-                    component: () => import('@/views/AuthMan.vue')
-                },
-                {
-                    path: '/positionMan',
-                    component: () => import('@/views/PositionMan.vue')
-                },
-                {
-                    path: '/personCenter',
-                    component: () => import('@/views/PersonCenter.vue')
-                }
-            ]
-        },
-        {
-            path: '/notice',
-            component: layout,
-            children: [
-                {
-                    path: '/approvalMan',
-                    component: () => import('@/views/ApprovalMan.vue')
-                },
-                {
-                    path: '/applyMan',
-                    component: () => import('@/views/ApplyMan.vue')
-                }
-            ]
-        }
-    ]
-})
-// 路由导航守卫
-// 权限验证：判断当前请求是否能够访问
-router.beforeEach((to, from, next) => {
-// to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
-if (to.path === '/login') return next()
-const token = window.sessionStorage.getItem('token')
-if (!token) return next('/login')
-next()
-})
-
-export default router
\ No newline at end of file
diff --git a/.history/src/router/index_20221211180454.js b/.history/src/router/index_20221211180454.js
deleted file mode 100644
index fd9bc68eceafb71838de2c8873904092f84a6e56..0000000000000000000000000000000000000000
--- a/.history/src/router/index_20221211180454.js
+++ /dev/null
@@ -1,134 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import layout from '@/layout/index'
-
-Vue.use(Router)
-const router = new Router({
-    routes: [
-        {
-            path: '/login',
-            name: 'login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/',
-            redirect: '/login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/home',
-            component: layout
-        },
-        {
-            path: '/sys',
-            component: layout,
-            children: [
-                {
-                    path: '/funcHall',
-                    component: () => import('@/views/FuncHall.vue')
-                }
-            ]
-        },
-        {
-            path: '/paper',
-            component: layout,
-            children: [
-                {
-                    path: '/paperPractice',
-                    component: () => import('@/views/ExamPractice.vue')
-                },
-                {
-                    path: '/paperExam',
-                    component: () => import('@/views/PaperExam.vue')
-                },
-                {
-                    path: '/paperBank',
-                    component: () => import('@/views/PaperBank.vue')
-                }
-            ]
-        },
-        {
-            path: '/stady',
-            component: layout,
-            children: [
-                {
-                    path: '/watchVideo',
-                    component: () => import('@/views/WatchVideo.vue')
-                },
-                {
-                    path: '/watchLog',
-                    component: () => import('@/views/WatchLog.vue')
-                },
-                {
-                    path: '/videoMan',
-                    component: () => import('@/views/VideoMan.vue')
-                },
-                {
-                    path: '/allVideo',
-                    component: () => import('@/views/AllVideo.vue')
-                },
-                {
-                    path: '/videoDetail',
-                    component: () => import('@/components/VideoDetails.vue')
-                }
-            ]
-        },
-        {
-            path: '/dept',
-            component: layout,
-            children: [
-                {
-                    path: '/deptMan',
-                    component: () => import('@/views/DeptMan.vue')
-                },
-                {
-                    path: '/selfDept',
-                    component: () => import('@/views/SelfDept.vue')
-                }
-            ]
-        },
-        {
-            path: '/user',
-            component: layout,
-            children: [
-                {
-                    path: '/authMan',
-                    component: () => import('@/views/AuthMan.vue')
-                },
-                {
-                    path: '/positionMan',
-                    component: () => import('@/views/PositionMan.vue')
-                },
-                {
-                    path: '/personCenter',
-                    component: () => import('@/views/PersonCenter.vue')
-                }
-            ]
-        },
-        {
-            path: '/notice',
-            component: layout,
-            children: [
-                {
-                    path: '/approvalMan',
-                    component: () => import('@/views/ApprovalMan.vue')
-                },
-                {
-                    path: '/applyMan',
-                    component: () => import('@/views/ApplyMan.vue')
-                }
-            ]
-        }
-    ]
-})
-// 路由导航守卫
-// 权限验证：判断当前请求是否能够访问
-router.beforeEach((to, from, next) => {
-// to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
-if (to.path === '/login') return next()
-const token = window.sessionStorage.getItem('token')
-if (!token) return next('/login')
-next()
-})
-
-export default router
\ No newline at end of file
diff --git a/.history/src/router/index_20221211181047.js b/.history/src/router/index_20221211181047.js
deleted file mode 100644
index 2f8ca3fcc4c6ebf8617f48da64c79d483cbff44b..0000000000000000000000000000000000000000
--- a/.history/src/router/index_20221211181047.js
+++ /dev/null
@@ -1,134 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import layout from '@/layout/index'
-
-Vue.use(Router)
-const router = new Router({
-    routes: [
-        {
-            path: '/login',
-            name: 'login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/',
-            redirect: '/login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/home',
-            component: layout
-        },
-        {
-            path: '/sys',
-            component: layout,
-            children: [
-                {
-                    path: '/funcHall',
-                    component: () => import('@/views/FuncHall.vue')
-                }
-            ]
-        },
-        {
-            path: '/paper',
-            component: layout,
-            children: [
-                {
-                    path: '/paperPractice',
-                    component: () => import('@/views/PaperPractice.vue')
-                },
-                {
-                    path: '/paperExam',
-                    component: () => import('@/views/PaperExam.vue')
-                },
-                {
-                    path: '/paperBank',
-                    component: () => import('@/views/PaperBank.vue')
-                }
-            ]
-        },
-        {
-            path: '/stady',
-            component: layout,
-            children: [
-                {
-                    path: '/watchVideo',
-                    component: () => import('@/views/WatchVideo.vue')
-                },
-                {
-                    path: '/watchLog',
-                    component: () => import('@/views/WatchLog.vue')
-                },
-                {
-                    path: '/videoMan',
-                    component: () => import('@/views/VideoMan.vue')
-                },
-                {
-                    path: '/allVideo',
-                    component: () => import('@/views/AllVideo.vue')
-                },
-                {
-                    path: '/videoDetail',
-                    component: () => import('@/components/VideoDetails.vue')
-                }
-            ]
-        },
-        {
-            path: '/dept',
-            component: layout,
-            children: [
-                {
-                    path: '/deptMan',
-                    component: () => import('@/views/DeptMan.vue')
-                },
-                {
-                    path: '/selfDept',
-                    component: () => import('@/views/SelfDept.vue')
-                }
-            ]
-        },
-        {
-            path: '/user',
-            component: layout,
-            children: [
-                {
-                    path: '/authMan',
-                    component: () => import('@/views/AuthMan.vue')
-                },
-                {
-                    path: '/positionMan',
-                    component: () => import('@/views/PositionMan.vue')
-                },
-                {
-                    path: '/personCenter',
-                    component: () => import('@/views/PersonCenter.vue')
-                }
-            ]
-        },
-        {
-            path: '/notice',
-            component: layout,
-            children: [
-                {
-                    path: '/approvalMan',
-                    component: () => import('@/views/ApprovalMan.vue')
-                },
-                {
-                    path: '/applyMan',
-                    component: () => import('@/views/ApplyMan.vue')
-                }
-            ]
-        }
-    ]
-})
-// 路由导航守卫
-// 权限验证：判断当前请求是否能够访问
-router.beforeEach((to, from, next) => {
-// to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
-if (to.path === '/login') return next()
-const token = window.sessionStorage.getItem('token')
-if (!token) return next('/login')
-next()
-})
-
-export default router
\ No newline at end of file
diff --git a/.history/src/router/index_20221211213028.js b/.history/src/router/index_20221211213028.js
deleted file mode 100644
index 260d8850a45a11d14a0e39961ef8c58eb4d90bc9..0000000000000000000000000000000000000000
--- a/.history/src/router/index_20221211213028.js
+++ /dev/null
@@ -1,134 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import layout from '@/layout/index'
-
-Vue.use(Router)
-const router = new Router({
-    routes: [
-        {
-            path: '/login',
-            name: 'login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/',
-            redirect: '/login',
-            component: () => import('@/views/login')
-        },
-        {
-            path: '/home',
-            component: layout
-        },
-        {
-            path: '/sys',
-            component: layout,
-            children: [
-                {
-                    path: '/funcHall',
-                    component: () => import('@/views/FuncHall.vue')
-                }
-            ]
-        },
-        {
-            path: '/paper',
-            component: layout,
-            children: [
-                {
-                    path: '/paperPractice',
-                    component: () => import('@/views/PaperPractice.vue')
-                },
-                {
-                    path: '/paperExam',
-                    component: () => import('@/views/PaperExam.vue')
-                },
-                {
-                    path: '/paperBank',
-                    component: () => import('@/views/PaperBank.vue')
-                }
-            ]
-        },
-        {
-            path: '/stady',
-            component: layout,
-            children: [
-                {
-                    path: '/watchVideo',
-                    component: () => import('@/views/WatchVideo.vue')
-                },
-                {
-                    path: '/watchLog',
-                    component: () => import('@/views/WatchLog.vue')
-                },
-                {
-                    path: '/videoMan',
-                    component: () => import('@/views/VideoMan.vue')
-                },
-                {
-                    path: '/allVideo',
-                    component: () => import('@/views/AllVideo.vue')
-                },
-                {
-                    path: '/videoDetail',
-                    component: () => import('@/components/VideoDetails.vue')
-                }
-            ]
-        },
-        {
-            path: '/dept',
-            component: layout,
-            children: [
-                {
-                    path: '/deptMan',
-                    component: () => import('@/views/DeptMan.vue')
-                },
-                {
-                    path: '/selfDept',
-                    component: () => import('@/views/SelfDept.vue')
-                }
-            ]
-        },
-        {
-            path: '/user',
-            component: layout,
-            children: [
-                {
-                    path: '/authMan',
-                    component: () => import('@/views/AuthMan.vue')
-                },
-                {
-                    path: '/positionMan',
-                    component: () => import('@/views/PositionMan.vue')
-                },
-                {
-                    path: '/personCenter',
-                    component: () => import('@/views/PersonCenter.vue')
-                }
-            ]
-        },
-        {
-            path: '/notice',
-            component: layout,
-            children: [
-                {
-                    path: '/approvalMan',
-                    component: () => import('@/views/ApprovalMan.vue')
-                },
-                {
-                    path: '/applyMan',
-                    component: () => import('@/views/ApplyMan.vue')
-                }
-            ]
-        }
-    ]
-})
-// 路由导航守卫
-// 权限验证：判断当前请求是否能够访问
-router.beforeEach((to, from, next) => {
-// to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
-if (to.path === '/login') return next()
-const token = window.sessionStorage.getItem('Authorization')
-if (!token) return next('/login')
-next()
-})
-
-export default router
\ No newline at end of file
diff --git a/.history/src/utils/axios/index_20221211205937.js b/.history/src/utils/axios/index_20221211205937.js
deleted file mode 100644
index 78b61245472aeca3a2bf8bd3aecbf14c7d875b55..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211205937.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://127.0.0.1:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        '/user/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/user/login',
-    ]
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.url)) {
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211210428.js b/.history/src/utils/axios/index_20221211210428.js
deleted file mode 100644
index 5479fc2b40fc7628ad61008c2ee1affee8d5e77f..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211210428.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        '/user/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/user/login',
-    ]
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.url)) {
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211210529.js b/.history/src/utils/axios/index_20221211210529.js
deleted file mode 100644
index b25d93984b6496986f5bafcfe7a61f332876e8d4..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211210529.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        '/sys/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/sys/login',
-    ]
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.url)) {
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211211256.js b/.history/src/utils/axios/index_20221211211256.js
deleted file mode 100644
index 985c39eaee4db21d1734a1a10263bdbb8a454932..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211211256.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        '/sys/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/sys/login',
-    ]
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.url)) {
-        console.log(response)
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211211350.js b/.history/src/utils/axios/index_20221211211350.js
deleted file mode 100644
index 6ba87b7c61a021a3572043febda7c383ea2ecc60..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211211350.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        '/sys/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/sys/login',
-    ]
-    console.log(response)
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.url)) {
-        console.log(response)
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211212100.js b/.history/src/utils/axios/index_20221211212100.js
deleted file mode 100644
index 7bffda90807093e61d0ad79de4caac591c974e36..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211212100.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        '/sys/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/sys/login',
-    ]
-    console.log(response)
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.url)) {
-        console.log(response.url)
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211212314.js b/.history/src/utils/axios/index_20221211212314.js
deleted file mode 100644
index b7a0081c218eb630a9c4c32019970acbbd5a4195..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211212314.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        '/sys/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/sys/login',
-    ]
-    console.log(response)
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.url)) {
-        console.log(response.config.url)
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211212347.js b/.history/src/utils/axios/index_20221211212347.js
deleted file mode 100644
index 7546d4506490e21033fd4825bfd51e5ee895f831..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211212347.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        '/sys/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/sys/login',
-    ]
-    console.log(response.config.url)
-    console.log(response)
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.url)) {
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211212506.js b/.history/src/utils/axios/index_20221211212506.js
deleted file mode 100644
index 2304935cfcbfbe742a6d4f75d4ebfbabd226e827..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211212506.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        'sys/login'
-    ]
-    console.log(config)
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        'sys/login',
-    ]
-    console.log(response.config.url)
-    console.log(response)
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.config.url)) {
-        // 获取响应中的token
-        var token = response.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211212515.js b/.history/src/utils/axios/index_20221211212515.js
deleted file mode 100644
index a891f7041f699901992830f65584f91ef0963cc3..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211212515.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        'sys/login'
-    ]
-    console.log(config)
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        'sys/login',
-    ]
-    console.log(response.config.url)
-    console.log(response)
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.config.url)) {
-        // 获取响应中的token
-        var token = response.data.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211212725.js b/.history/src/utils/axios/index_20221211212725.js
deleted file mode 100644
index 74339bbae58520a6cf3de3fc10130474ccda17b8..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211212725.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        'sys/login'
-    ]
-    console.log(config.url)
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        'sys/login',
-    ]
-    console.log(response.config.url)
-    console.log(response)
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.config.url)) {
-        // 获取响应中的token
-        var token = response.data.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/utils/axios/index_20221211213406.js b/.history/src/utils/axios/index_20221211213406.js
deleted file mode 100644
index 5e96af26050d5cfb41616e347661d5b6ea7a6ea0..0000000000000000000000000000000000000000
--- a/.history/src/utils/axios/index_20221211213406.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import axios from 'axios'
-
-const http = axios.create({
-    baseURL: 'http://localhost:4523/m1/1989611-0-default/',
-    withCredentials: true,
-    timeout: 1000 * 120
-})
-
-// 请求拦截器
-http.interceptors.request.use(function(config) {
-    // 配置忽略请求路径
-    var ignore = [
-        'sys/login'
-    ]
-    // 判断当前请求是否需要忽略
-    if (ignore.includes(config.url)) {
-        // 直接放行
-        return config
-    } else {
-        // 在localStorage中获取token
-        var token = window.sessionStorage.getItem("Authorization") || ''
-        // 在请求头中加入token
-        config.headers["Authorization"] = token
-        // 放行
-        return config
-    }
-}) 
-// 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        'sys/login',
-    ]
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.config.url)) {
-        // 获取响应中的token
-        var token = response.data.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
-
-
-export default http  
-
diff --git a/.history/src/views/AllVideo_20221030193803.vue b/.history/src/views/AllVideo_20221030193803.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/AllVideo_20221030193812.vue b/.history/src/views/AllVideo_20221030193812.vue
deleted file mode 100644
index dd7092b0641d2600dc539bb3e57d29a71bed360d..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030193812.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div></div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030194003.vue b/.history/src/views/AllVideo_20221030194003.vue
deleted file mode 100644
index e686615ba99b677401879bfaee4148b64f37193e..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030194003.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>all</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030194339.vue b/.history/src/views/AllVideo_20221030194339.vue
deleted file mode 100644
index 03b357d917772cbc0573f54704035587a74518a8..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030194339.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>ssss</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030201348.vue b/.history/src/views/AllVideo_20221030201348.vue
deleted file mode 100644
index 8614d2d2b55b279770ab19b9a5fd754add8ff450..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030201348.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <span class="tag-group__title">Dark</span>
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ['全部年份', '2022', '2021', '2020', '2019', '2018', '更早']
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030201418.vue b/.history/src/views/AllVideo_20221030201418.vue
deleted file mode 100644
index 11dc83e3cd286c4fddcf4e549f33a21d2d119a8e..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030201418.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ['全部年份', '2022', '2021', '2020', '2019', '2018', '更早']
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030201508.vue b/.history/src/views/AllVideo_20221030201508.vue
deleted file mode 100644
index fbbc817f9647172b0849c18c4a78ad90833b1deb..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030201508.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ['全部年份', '2022', '2021', '2020', '2019', '2018', '更早']
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030201816.vue b/.history/src/views/AllVideo_20221030201816.vue
deleted file mode 100644
index d9475e509fdf6eba6d50e686d5607de0a005ede8..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030201816.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(type, index) in types" :key="index">{{ type }}</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ['全部年份', '2022', '2021', '2020', '2019', '2018', '更早'],
-      types: ['全部风格', '短片', '健身', '防身', '科普', '教育', '历史', '任务', '其他']
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030201954.vue b/.history/src/views/AllVideo_20221030201954.vue
deleted file mode 100644
index 6a82c7f7b59908a5810eb626d0f801e9321fde0f..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030201954.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(type, index) in types" :key="index">{{ type }}</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ['全部年份', '2022', '2021', '2020', '2019', '2018', '更早'],
-      types: ['全部风格', '短片', '健身', '防身', '科普', '教育', '历史', '任务', '其他'],
-      sorts: ['综合排序', '最多播放', '最近更新', '我的任务', '我的收藏']
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030202021.vue b/.history/src/views/AllVideo_20221030202021.vue
deleted file mode 100644
index 392895046de6ac65a6425e89599f7d763b83a3e1..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030202021.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(sort, index) in sorts" :key="index">{{ sort }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(type, index) in types" :key="index">{{ type }}</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ['全部年份', '2022', '2021', '2020', '2019', '2018', '更早'],
-      types: ['全部风格', '短片', '健身', '防身', '科普', '教育', '历史', '任务', '其他'],
-      sorts: ['综合排序', '最多播放', '最近更新', '我的任务', '我的收藏']
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030202033.vue b/.history/src/views/AllVideo_20221030202033.vue
deleted file mode 100644
index 129899a5d6d69944efe46aa7f19036abc0dfa740..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030202033.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(sort, index) in sorts" :key="index">{{ sort }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(year, index) in years" :key="index">{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button type="text" v-for="(type, index) in types" :key="index">{{ type }}</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ['全部年份', '2022', '2021', '2020', '2019', '2018', '更早'],
-      types: ['全部风格', '短片', '健身', '防身', '科普', '教育', '历史', '任务', '其他'],
-      sorts: ['综合排序', '最多播放', '最近更新', '我的任务', '我的收藏']
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030202401.vue b/.history/src/views/AllVideo_20221030202401.vue
deleted file mode 100644
index 82dea4fabb713b82f86e12aeed8f6d8f212a36ee..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030202401.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-    };
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030202434.vue b/.history/src/views/AllVideo_20221030202434.vue
deleted file mode 100644
index 33224f1c73ba6c1d2fc63c5a3f7c93c92718804b..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030202434.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030202623.vue b/.history/src/views/AllVideo_20221030202623.vue
deleted file mode 100644
index 0011d8c09e787cd9eaa392c857852ee3eb13944f..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030202623.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 20px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030202637.vue b/.history/src/views/AllVideo_20221030202637.vue
deleted file mode 100644
index 287d5a579de742d43933ce0c78657de99ce87cbf..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030202637.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group">
-        <el-button
-          type="text"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030202700.vue b/.history/src/views/AllVideo_20221030202700.vue
deleted file mode 100644
index 33a82d985dba2d3065976d1b0a35ec8f91114b7f..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030202700.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030215740.vue b/.history/src/views/AllVideo_20221030215740.vue
deleted file mode 100644
index 8a00044caf7f06faf1a4e34608018bb2564c6bac..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030215740.vue
+++ /dev/null
@@ -1,155 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-select {
-  color: blue;
-  background-color: pink;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030215757.vue b/.history/src/views/AllVideo_20221030215757.vue
deleted file mode 100644
index 1d02a63729195143e039ddc5d27c97c328f5d145..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030215757.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-select {
-  color: blue;
-  background-color: pink;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030220001.vue b/.history/src/views/AllVideo_20221030220001.vue
deleted file mode 100644
index ff16aa3f244b9de03fe20be05061dcf00cee30ea..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030220001.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-      <el-radio-group v-model="radio1">
-        <el-radio-button label="上海"></el-radio-button>
-        <el-radio-button label="北京"></el-radio-button>
-        <el-radio-button label="广州"></el-radio-button>
-        <el-radio-button label="深圳"></el-radio-button>
-      </el-radio-group>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-select {
-  color: blue;
-  background-color: pink;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030220041.vue b/.history/src/views/AllVideo_20221030220041.vue
deleted file mode 100644
index 52af92827f3a7a2c859505cdfe70f604af99f8c8..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030220041.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-      <el-radio-group v-model="radio1">
-        <el-radio-button label="上海"></el-radio-button>
-        <el-radio-button label="北京"></el-radio-button>
-        <el-radio-button label="广州"></el-radio-button>
-        <el-radio-button label="深圳"></el-radio-button>
-      </el-radio-group>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-select {
-  color: blue;
-  background-color: pink;
-}
-.el-radio-group {
-  border: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030220844.vue b/.history/src/views/AllVideo_20221030220844.vue
deleted file mode 100644
index b87863e91ace4a4ff0486ba0e8abc6099fd4dd69..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030220844.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort)"
-          type="text"
-          class="sec-text-btn"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-  methods: {
-    selectSort(sort) {
-      this.$message.success(sort)
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-select {
-  color: blue;
-  background-color: pink;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030221038.vue b/.history/src/views/AllVideo_20221030221038.vue
deleted file mode 100644
index bc6ae64c08340a8635af2b82d7c8fdb783a2f9a9..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030221038.vue
+++ /dev/null
@@ -1,170 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort)"
-          type="text"
-          :style="selectedStyle"
-          class="sec-text-btn"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-    };
-  },
-  methods: {
-    selectSort(sort) {
-      this.$message.success(sort)
-    },
-    selectedStyle() {
-      return {
-        color: 'blue',
-        background: 'pink'
-      }
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-select {
-  color: blue;
-  background-color: pink;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030221840.vue b/.history/src/views/AllVideo_20221030221840.vue
deleted file mode 100644
index a901ab08d16270507539318e678d009de90bc0b1..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030221840.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort)"
-          type="text"
-          :class="{'sec-text-btn': !selected, 'sec-btn-selected': selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-    };
-  },
-  methods: {
-    selectSort(sort) {
-      this.$message.success(sort)
-    },
-    selectedStyle() {
-      this.selected = !this.selected 
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030222039.vue b/.history/src/views/AllVideo_20221030222039.vue
deleted file mode 100644
index e243332aeb1948ddfc9f7c6d412a3e03fb223996..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030222039.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort)"
-          type="text"
-          :class="{'sec-text-btn': !selected, 'sec-btn-selected': selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-    };
-  },
-  methods: {
-    selectSort(sort) {
-      this.$message.success(sort)
-      this.selected = !this.selected 
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030222225.vue b/.history/src/views/AllVideo_20221030222225.vue
deleted file mode 100644
index 9d1953a99fc3037b4458a40613232976c1bf78b7..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030222225.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort)"
-          type="text"
-          :class="{'sec-text-btn': !selected, 'sec-btn-selected': selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-    };
-  },
-  methods: {
-    selectSort(sort) {
-      this.$message.success(sort)
-      this.selected = !this.selected 
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-  border: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030222541.vue b/.history/src/views/AllVideo_20221030222541.vue
deleted file mode 100644
index 6248292f6962bdd1628a0c21e6669fccc34e51a5..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030222541.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort)"
-          type="text"
-          :class="{'sec-text-btn': !selected, 'sec-btn-selected': selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-    };
-  },
-  methods: {
-    selectSort(sort) {
-      this.$message.success(sort)
-      this.selected = !this.selected 
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-  border: none;
-  outline: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030222557.vue b/.history/src/views/AllVideo_20221030222557.vue
deleted file mode 100644
index 228ae91a1bf000a8ccd140a308ebdfb1b25b3607..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030222557.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort)"
-          type="text"
-          :class="{'sec-text-btn': !selected, 'sec-btn-selected': selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: ["综合排序", "最多播放", "最近更新", "我的任务", "我的收藏"],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-    };
-  },
-  methods: {
-    selectSort(sort) {
-      this.$message.success(sort)
-      this.selected = !this.selected 
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-  outline: none;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-  border: none;
-  outline: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030223324.vue b/.history/src/views/AllVideo_20221030223324.vue
deleted file mode 100644
index 790c60e8185920e99d060d10eb79916bad705839..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030223324.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort, index)"
-          type="text"
-          :class="{'sec-text-btn': unSelected, 'sec-btn-selected': selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort.name }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: [ 
-        {
-          name: "综合排序",
-          index: 1
-        },
-        {
-          name:  "最多播放",
-          index: 2
-        }, 
-        {
-          name: "最近更新",
-          index: 3
-        }, 
-        {
-          name: "我的任务",
-          index: 4
-        }, 
-        {
-          name: "我的收藏",
-          index: 5
-        }
-      ],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-      unSelected: true,
-    };
-  },
-  methods: {
-    selectSort(sort, index) {
-      this.$message.success(sort)
-      console.log(index)
-      this.selected = !this.selected 
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-  outline: none;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-  border: none;
-  outline: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030223508.vue b/.history/src/views/AllVideo_20221030223508.vue
deleted file mode 100644
index 4ad6fc4fc66e89c2609d5029ae9fd212a1af76a6..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030223508.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort, index)"
-          type="text"
-          :class="{'sec-text-btn': unSelected, 'sec-btn-selected': selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort.name }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: [ 
-        {
-          name: "综合排序",
-          index: 0
-        },
-        {
-          name:  "最多播放",
-          index: 1
-        }, 
-        {
-          name: "最近更新",
-          index: 2
-        }, 
-        {
-          name: "我的任务",
-          index: 3
-        }, 
-        {
-          name: "我的收藏",
-          index: 4
-        }
-      ],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-      unSelected: true,
-    };
-  },
-  methods: {
-    selectSort(sort, index) {
-      this.$message.success(sort)
-      if (index == sort.index) {
-        this.selected = !this.selected
-      }
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-  outline: none;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-  border: none;
-  outline: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030223521.vue b/.history/src/views/AllVideo_20221030223521.vue
deleted file mode 100644
index 8cd460ddd7d9d36dc473147580d7345be5e744d2..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030223521.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort, index)"
-          type="text"
-          :class="{'sec-text-btn': unSelected, 'sec-btn-selected': selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort.name }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: [ 
-        {
-          name: "综合排序",
-          index: 0
-        },
-        {
-          name:  "最多播放",
-          index: 1
-        }, 
-        {
-          name: "最近更新",
-          index: 2
-        }, 
-        {
-          name: "我的任务",
-          index: 3
-        }, 
-        {
-          name: "我的收藏",
-          index: 4
-        }
-      ],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-      unSelected: true,
-    };
-  },
-  methods: {
-    selectSort(sort, index) {
-      this.$message.success(sort.name)
-      if (index == sort.index) {
-        this.selected = !this.selected
-      }
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-  outline: none;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-  border: none;
-  outline: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030223804.vue b/.history/src/views/AllVideo_20221030223804.vue
deleted file mode 100644
index 991d28e5326647fe9d18786f75bb1bedca067bfd..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030223804.vue
+++ /dev/null
@@ -1,197 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort, index)"
-          type="text"
-          :class="{'sec-text-btn': true, 'sec-btn-selected': sort.selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort.name }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: [ 
-        {
-          name: "综合排序",
-          index: 0,
-          selected: false
-        },
-        {
-          name:  "最多播放",
-          index: 1,
-          selected: false
-        }, 
-        {
-          name: "最近更新",
-          index: 2,
-          selected: false
-        }, 
-        {
-          name: "我的任务",
-          index: 3,
-          selected: false
-        }, 
-        {
-          name: "我的收藏",
-          index: 4,
-          selected: false
-        }
-      ],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-      unSelected: true,
-    };
-  },
-  methods: {
-    selectSort(sort, index) {
-      this.$message.success(sort.name)
-      if (index == sort.index) {
-        sort.selected = !this.selected
-      }
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-  outline: none;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-  border: none;
-  outline: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AllVideo_20221030224005.vue b/.history/src/views/AllVideo_20221030224005.vue
deleted file mode 100644
index 8b47adbe86ad713c5992f906feba902a22b34bbe..0000000000000000000000000000000000000000
--- a/.history/src/views/AllVideo_20221030224005.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-<template>
-  <div>
-    <!-- 分类标签 -->
-    <div>
-      <div class="tag-group sec-align">
-        <el-button
-          @click="selectSort(sort, index)"
-          type="text"
-          :class="{'sec-text-btn': true, 'sec-btn-selected': sort.selected}"
-          v-for="(sort, index) in sorts"
-          :key="index"
-        >{{ sort.name }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
-      </div>
-      <div class="tag-group sec-align">
-        <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
-      </div>
-    </div>
-    <el-divider></el-divider>
-    <!-- 视频区域 -->
-    <div>
-      <!-- 无限滚动 -->
-      <ul
-        class="infinite-list"
-        v-infinite-scroll="load"
-        style="overflow:auto"
-      >
-        <el-row>
-          <el-col
-            :span="5"
-            v-for="(video, index) in videos"
-            :key="index"
-            :offset="index % 4 == 0 ? 0 : 1"
-          >
-            <el-card
-              :body-style="{ padding: '0px' }"
-              shadow="hover"
-            >
-              <img
-                @click="playVideo(video)"
-                :src="video.image"
-                class="image"
-              >
-              <div
-                style="padding: 14px;"
-                @click="videoDesc(video)"
-              >
-                <span>{{ video.name }}</span>
-                <div class="bottom clearfix">
-                  <span
-                    v-if="video.desc.length > 20"
-                    class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
-                  <span
-                    v-else
-                    class="sec-video-desc"
-                  >{{ video.desc }}</span>
-                  <!-- <time class="time">{{ currentDate }}</time> -->
-                </div>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
-      sorts: [ 
-        {
-          name: "综合排序",
-          index: 0,
-          selected: false
-        },
-        {
-          name:  "最多播放",
-          index: 1,
-          selected: false
-        }, 
-        {
-          name: "最近更新",
-          index: 2,
-          selected: false
-        }, 
-        {
-          name: "我的任务",
-          index: 3,
-          selected: false
-        }, 
-        {
-          name: "我的收藏",
-          index: 4,
-          selected: false
-        }
-      ],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-      unSelected: true,
-    };
-  },
-  methods: {
-    selectSort(sort, index) {
-      this.$message.success(sort.name)
-      if (index == sort.index) {
-        // 取消之前选中的按钮
-        this.sorts.forEach(sort => sort.selected = false)
-        // 选中当前点击的按钮
-        sort.selected = !this.selected
-      }
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-align {
-  margin-left: 40px;
-}
-.sec-text-btn {
-  color: black;
-  outline: none;
-}
-.sec-btn-selected {
-  color: blue;
-  background-color: pink;
-  border: none;
-  outline: none;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221029211621.vue b/.history/src/views/AuthMan_20221029211621.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/AuthMan_20221029211658.vue b/.history/src/views/AuthMan_20221029211658.vue
deleted file mode 100644
index f2a36b28d20ddef4c5b3f16932bdb247a3d77fa8..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221029211658.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>authMan</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030113442.vue b/.history/src/views/AuthMan_20221030113442.vue
deleted file mode 100644
index 7aa470c69e902ebec502c6a0bc6804aa76e45277..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030113442.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030131411.vue b/.history/src/views/AuthMan_20221030131411.vue
deleted file mode 100644
index 19ae1836ac272cfb9784e224715e6cbb8c09e6c4..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030131411.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="authorities"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        width="180"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >再次申请</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-      ]
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030131457.vue b/.history/src/views/AuthMan_20221030131457.vue
deleted file mode 100644
index 8af19d162362adb703bf198c34c25848669fb5de..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030131457.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="authorities"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >再次申请</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-      ]
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030131511.vue b/.history/src/views/AuthMan_20221030131511.vue
deleted file mode 100644
index d822537c6f198297dddbfa8a86ed89a6890c2e3d..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030131511.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="authorities"
-      height="590"
-      border
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >再次申请</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-      ]
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030131519.vue b/.history/src/views/AuthMan_20221030131519.vue
deleted file mode 100644
index f86ba800e5049da21dd4c6716330c65a1edb797f..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030131519.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >再次申请</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-      ]
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030131550.vue b/.history/src/views/AuthMan_20221030131550.vue
deleted file mode 100644
index 8909bd10ec92f853d47d335af80de96dd31fc708..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030131550.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-        {
-          authId: '1234553',
-          authName: 'approval',
-          authValue: 'sys:high:approval',
-          authDesc: '审批权限',
-        },
-      ]
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030132339.vue b/.history/src/views/AuthMan_20221030132339.vue
deleted file mode 100644
index 7c4121d4d8decbd9afd0dd17cc44a1afca11aafa..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030132339.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<template>
-  <div>
-    <div>
-      <div></div>
-      <div>
-        <el-button type="text">文字按钮</el-button>
-      </div>
-    </div>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030132442.vue b/.history/src/views/AuthMan_20221030132442.vue
deleted file mode 100644
index 71e7a8ba60009c59723350de415c6a288cb5ae1c..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030132442.vue
+++ /dev/null
@@ -1,138 +0,0 @@
-<template>
-  <div>
-    <div>
-      <div></div>
-      <div>
-        <el-button type="text">文字按钮</el-button>
-      </div>
-    </div>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    onSubmit() {
-        console.log('submit!');
-      }
-  }
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030134942.vue b/.history/src/views/AuthMan_20221030134942.vue
deleted file mode 100644
index 57088102f76adf95e0588e935acd593c1a31a144..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030134942.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div>权限管理</div>
-      </el-col>
-      <el-col :span="22">
-        <div>
-          <i class="el-icon-edit"></i>
-          <el-button type="text">文字按钮</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
-      },
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030135007.vue b/.history/src/views/AuthMan_20221030135007.vue
deleted file mode 100644
index 669624bb57b356338bbd42f2a49beb8f62905e13..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030135007.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div>权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-edit"></i>
-          <el-button type="text">文字按钮</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
-      },
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030135036.vue b/.history/src/views/AuthMan_20221030135036.vue
deleted file mode 100644
index 9ed6452bb3c2b07177d6c76210cfe8e5f5b739c6..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030135036.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div>权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus"></i>
-          <el-button type="text">文字按钮</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
-      },
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030135151.vue b/.history/src/views/AuthMan_20221030135151.vue
deleted file mode 100644
index 955b244bff0f307395079513997eb7004659a2fd..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030135151.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div>权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">文字按钮</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
-      },
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: blue;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030135247.vue b/.history/src/views/AuthMan_20221030135247.vue
deleted file mode 100644
index 1b845b106b3477a4ddba4e2527ad077c9fe6db2a..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030135247.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div>权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">文字按钮</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
-      },
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030135303.vue b/.history/src/views/AuthMan_20221030135303.vue
deleted file mode 100644
index 98dd3e76c0bfb5cda0c72bbc8fe3824360cf8a3c..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030135303.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div>权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
-      },
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/AuthMan_20221030135409.vue b/.history/src/views/AuthMan_20221030135409.vue
deleted file mode 100644
index b160e73e9477d25c0ac7e522cffeb166e6c7a72c..0000000000000000000000000000000000000000
--- a/.history/src/views/AuthMan_20221030135409.vue
+++ /dev/null
@@ -1,150 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="authorities"
-      height="590"
-    >
-      <el-table-column
-        prop="authId"
-        label="权限编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authName"
-        label="权限名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authValue"
-        label="权限值"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="authDesc"
-        label="权限描述"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
-      },
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/DeptMan_20221029211524.vue b/.history/src/views/DeptMan_20221029211524.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/DeptMan_20221029211538.vue b/.history/src/views/DeptMan_20221029211538.vue
deleted file mode 100644
index 7c4419763d6baf9b0f9ac6d094b3d5b444e8db75..0000000000000000000000000000000000000000
--- a/.history/src/views/DeptMan_20221029211538.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>deptMan</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/DeptMan_20221030113423.vue b/.history/src/views/DeptMan_20221030113423.vue
deleted file mode 100644
index ef7fdf23942bd238a163e283d7f4513302090df0..0000000000000000000000000000000000000000
--- a/.history/src/views/DeptMan_20221030113423.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/DeptMan_20221030135850.vue b/.history/src/views/DeptMan_20221030135850.vue
deleted file mode 100644
index 0c2fcb27a3a9f7fe1065b7a6f1479695c95ab1e6..0000000000000000000000000000000000000000
--- a/.history/src/views/DeptMan_20221030135850.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="申请状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="申请状态"
-        >
-          <el-option
-            label="通过"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未通过"
-            value="e"
-          ></el-option>
-          <el-option
-            label="过期"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="aprovals"
-      height="590"
-    >
-      <el-table-column
-        prop="approvalId"
-        label="审批编号"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="content"
-        label="审批内容"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="receiveName"
-        label="审批人"
-        width="170"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="senderName"
-        label="申请人"
-        width="170"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="status"
-        label="申请状态"
-        width="100"
-      >
-        <template slot-scope="scope">
-          <el-tag size="medium">{{ handleStatus(scope.row.status) }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="applyTime"
-        label="申请时间"
-        width="170"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="approvalTime"
-        label="审批时间"
-        width="170"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        width="140"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >再次申请</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      aprovals: [
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    handleStatus(status) {
-      var str = "";
-      if (status == "a") {
-        str = "通过";
-      } else if (status == "p") {
-        str = "申请超时";
-      } else {
-        str = "未通过";
-      }
-      return str;
-    },
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/DeptMan_20221030173955.vue b/.history/src/views/DeptMan_20221030173955.vue
deleted file mode 100644
index 6614aa59e23382d5e7c6ce4d33b144b716a6a964..0000000000000000000000000000000000000000
--- a/.history/src/views/DeptMan_20221030173955.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">部门管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="部门名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="部门名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="部门职务">
-        <el-select
-          v-model="formInline.region"
-          placeholder="部门职务"
-        >
-          <el-option
-            label="人力资源"
-            value="a"
-          ></el-option>
-          <el-option
-            label="财政管理"
-            value="e"
-          ></el-option>
-          <el-option
-            label="安全保护"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="aprovals"
-      height="590"
-    >
-      <el-table-column
-        prop="deptId"
-        label="部门编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptName"
-        label="部门名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="leaderName"
-        label="负责人"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptDesc"
-        label="部门描述"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptNum"
-        label="部门人数"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptTask"
-        label="部门职务"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      aprovals: [
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    handleStatus(status) {
-      var str = "";
-      if (status == "a") {
-        str = "通过";
-      } else if (status == "p") {
-        str = "申请超时";
-      } else {
-        str = "未通过";
-      }
-      return str;
-    },
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/DeptMan_20221030174259.vue b/.history/src/views/DeptMan_20221030174259.vue
deleted file mode 100644
index b07dc345ba1c9909656757a6c8a86ce1164de7f4..0000000000000000000000000000000000000000
--- a/.history/src/views/DeptMan_20221030174259.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">部门管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="部门名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="部门名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="部门职务">
-        <el-select
-          v-model="formInline.region"
-          placeholder="部门职务"
-        >
-          <el-option
-            label="人力资源"
-            value="a"
-          ></el-option>
-          <el-option
-            label="财政管理"
-            value="e"
-          ></el-option>
-          <el-option
-            label="安全保护"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="depts"
-      height="590"
-    >
-      <el-table-column
-        prop="deptId"
-        label="部门编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptName"
-        label="部门名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="leaderName"
-        label="负责人"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptDesc"
-        label="部门描述"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptNum"
-        label="部门人数"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptTask"
-        label="部门职务"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      depts: [
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/DeptMan_20221030174328.vue b/.history/src/views/DeptMan_20221030174328.vue
deleted file mode 100644
index b07dc345ba1c9909656757a6c8a86ce1164de7f4..0000000000000000000000000000000000000000
--- a/.history/src/views/DeptMan_20221030174328.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">部门管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="部门名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="部门名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="部门职务">
-        <el-select
-          v-model="formInline.region"
-          placeholder="部门职务"
-        >
-          <el-option
-            label="人力资源"
-            value="a"
-          ></el-option>
-          <el-option
-            label="财政管理"
-            value="e"
-          ></el-option>
-          <el-option
-            label="安全保护"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="depts"
-      height="590"
-    >
-      <el-table-column
-        prop="deptId"
-        label="部门编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptName"
-        label="部门名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="leaderName"
-        label="负责人"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptDesc"
-        label="部门描述"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptNum"
-        label="部门人数"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptTask"
-        label="部门职务"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      depts: [
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/DeptMan_20221030183945.vue b/.history/src/views/DeptMan_20221030183945.vue
deleted file mode 100644
index 585e4ddc3528ee0ad6803ec738536ea87531361d..0000000000000000000000000000000000000000
--- a/.history/src/views/DeptMan_20221030183945.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">部门管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="部门名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="部门名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="部门职务">
-        <el-select
-          v-model="formInline.region"
-          placeholder="部门职务"
-        >
-          <el-option
-            label="人力资源"
-            value="a"
-          ></el-option>
-          <el-option
-            label="财政管理"
-            value="e"
-          ></el-option>
-          <el-option
-            label="安全保护"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="depts"
-      height="590"
-    >
-      <el-table-column
-        prop="deptId"
-        label="部门编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptName"
-        label="部门名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="leaderName"
-        label="负责人"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptDesc"
-        label="部门描述"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptNum"
-        label="部门人数"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="deptTask"
-        label="部门职务"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      depts: [
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029205300.vue b/.history/src/views/FuncHall_20221029205300.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/FuncHall_20221029205323.vue b/.history/src/views/FuncHall_20221029205323.vue
deleted file mode 100644
index 2e12aa62b33afe1ab9e611b00c2c2a30e2879c3e..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029205323.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div>
-    funcHall
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029215059.vue b/.history/src/views/FuncHall_20221029215059.vue
deleted file mode 100644
index a929a700b94ef79ca60368d7bdf213641a8dc90b..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029215059.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="main-box">
-    funcHall
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style lang="css" scope>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029215145.vue b/.history/src/views/FuncHall_20221029215145.vue
deleted file mode 100644
index d5e70af1d6d842045a2eb5fd8d5f344fd5448c59..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029215145.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <span class="demonstration">Click 指示器触发</span>
-      <el-carousel
-        trigger="click"
-        height="150px"
-      >
-        <el-carousel-item
-          v-for="item in 4"
-          :key="item"
-        >
-          <h3 class="small">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029215218.vue b/.history/src/views/FuncHall_20221029215218.vue
deleted file mode 100644
index 3c7bc068c3355a22884cbd837d9707ae1f174305..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029215218.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <span class="demonstration">Click 指示器触发</span>
-      <el-carousel
-        trigger="click"
-        height="150px"
-      >
-        <el-carousel-item
-          v-for="item in 4"
-          :key="item"
-        >
-          <h3 class="small">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
- .el-carousel__item h3 {
-    color: #475669;
-    font-size: 14px;
-    opacity: 0.75;
-    line-height: 150px;
-    margin: 0;
-  }
-
-  .el-carousel__item:nth-child(2n) {
-     background-color: #99a9bf;
-  }
-  
-  .el-carousel__item:nth-child(2n+1) {
-     background-color: #d3dce6;
-  }
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029215848.vue b/.history/src/views/FuncHall_20221029215848.vue
deleted file mode 100644
index 4778de15461a0e322e3ac541fb6befe95ebfa08c..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029215848.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        trigger="click"
-        height="150px"
-      >
-        <el-carousel-item
-          v-for="item in 4"
-          :key="item"
-        >
-          <h3 class="small">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
- .el-carousel__item h3 {
-    color: #475669;
-    font-size: 14px;
-    opacity: 0.75;
-    line-height: 150px;
-    margin: 0;
-  }
-
-  .el-carousel__item:nth-child(2n) {
-     background-color: #99a9bf;
-  }
-  
-  .el-carousel__item:nth-child(2n+1) {
-     background-color: #d3dce6;
-  }
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029215902.vue b/.history/src/views/FuncHall_20221029215902.vue
deleted file mode 100644
index fcea996a75dd03bb39900f5c06f7ef2a55974d86..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029215902.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        trigger="click"
-        height="150px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
- .el-carousel__item h3 {
-    color: #475669;
-    font-size: 14px;
-    opacity: 0.75;
-    line-height: 150px;
-    margin: 0;
-  }
-
-  .el-carousel__item:nth-child(2n) {
-     background-color: #99a9bf;
-  }
-  
-  .el-carousel__item:nth-child(2n+1) {
-     background-color: #d3dce6;
-  }
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029215911.vue b/.history/src/views/FuncHall_20221029215911.vue
deleted file mode 100644
index 0e6f5042ad823302c02a269eab68f2d0a3412db5..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029215911.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        trigger="click"
-        height="15px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
- .el-carousel__item h3 {
-    color: #475669;
-    font-size: 14px;
-    opacity: 0.75;
-    line-height: 150px;
-    margin: 0;
-  }
-
-  .el-carousel__item:nth-child(2n) {
-     background-color: #99a9bf;
-  }
-  
-  .el-carousel__item:nth-child(2n+1) {
-     background-color: #d3dce6;
-  }
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029215920.vue b/.history/src/views/FuncHall_20221029215920.vue
deleted file mode 100644
index e501816d168cf2d9292ed79fe2693f4b08f906d9..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029215920.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        trigger="click"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
- .el-carousel__item h3 {
-    color: #475669;
-    font-size: 14px;
-    opacity: 0.75;
-    line-height: 150px;
-    margin: 0;
-  }
-
-  .el-carousel__item:nth-child(2n) {
-     background-color: #99a9bf;
-  }
-  
-  .el-carousel__item:nth-child(2n+1) {
-     background-color: #d3dce6;
-  }
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220006.vue b/.history/src/views/FuncHall_20221029220006.vue
deleted file mode 100644
index 06a6253d0b55313c22ba81821037104ca2f99c65..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220006.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
- .el-carousel__item h3 {
-    color: #475669;
-    font-size: 14px;
-    opacity: 0.75;
-    line-height: 150px;
-    margin: 0;
-  }
-
-  .el-carousel__item:nth-child(2n) {
-     background-color: #99a9bf;
-  }
-  
-  .el-carousel__item:nth-child(2n+1) {
-     background-color: #d3dce6;
-  }
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220031.vue b/.history/src/views/FuncHall_20221029220031.vue
deleted file mode 100644
index ad0a4549021ca17fc9dd794ea7c478569f2fa40f..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220031.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        height="100px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
- .el-carousel__item h3 {
-    color: #475669;
-    font-size: 14px;
-    opacity: 0.75;
-    line-height: 150px;
-    margin: 0;
-  }
-
-  .el-carousel__item:nth-child(2n) {
-     background-color: #99a9bf;
-  }
-  
-  .el-carousel__item:nth-child(2n+1) {
-     background-color: #d3dce6;
-  }
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220338.vue b/.history/src/views/FuncHall_20221029220338.vue
deleted file mode 100644
index 21e6785dc5d867c49e64bc186cbec59f7375e59f..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220338.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        height="30px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220402.vue b/.history/src/views/FuncHall_20221029220402.vue
deleted file mode 100644
index 6c9f2bc51f10db00b47ce02cb26b571a66ab82c1..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220402.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220432.vue b/.history/src/views/FuncHall_20221029220432.vue
deleted file mode 100644
index 3dfc3f0abc363386f918022bab30e39b16ef2040..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220432.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    margin: 0 auto;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220509.vue b/.history/src/views/FuncHall_20221029220509.vue
deleted file mode 100644
index 06a71cd706a88102490f48b70971965e6816195b..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220509.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    width: 100%;
-    margin: 0 auto;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220529.vue b/.history/src/views/FuncHall_20221029220529.vue
deleted file mode 100644
index 13d71b25e278d3848a35d59b57847fb23b13831b..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220529.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    width: 100%;
-    text-align: center;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220542.vue b/.history/src/views/FuncHall_20221029220542.vue
deleted file mode 100644
index 0d3ed84ddb7c6c7cf098437843718c27e02c5814..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220542.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    width: 100%;
-    text-align: center;
-    color: orange;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220659.vue b/.history/src/views/FuncHall_20221029220659.vue
deleted file mode 100644
index ca79be90e8b91ff567d5c43e9b340a51564e476a..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220659.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    width: 100%;
-    text-align: center;
-    color: orange;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220740.vue b/.history/src/views/FuncHall_20221029220740.vue
deleted file mode 100644
index 44c02f6be2f31bf483d6e41b0f652046fd614f08..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220740.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <div class="line"></div>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    width: 100%;
-    text-align: center;
-    color: orange;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029220859.vue b/.history/src/views/FuncHall_20221029220859.vue
deleted file mode 100644
index ed4deaaf070d5af925347f3cb4bad73a800e8ac0..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029220859.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="35px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    width: 100%;
-    text-align: center;
-    color: orange;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221009.vue b/.history/src/views/FuncHall_20221029221009.vue
deleted file mode 100644
index 18d3cb25b5fecee534386ce426a167208c9bd777..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221009.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    width: 100%;
-    text-align: center;
-    color: orange;
-    vertical-align: center;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221222.vue b/.history/src/views/FuncHall_20221029221222.vue
deleted file mode 100644
index a89742d815cce7ef2e9b02f707bdb13b27cc514f..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221222.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-  </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            notice: [
-                "张三获得保安队长职位，恭喜~",
-                "最近宜宾等地区疫情严重，来往人员注意报备~",
-                "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~"
-            ]
-        }
-    },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-    width: 100%;
-    text-align: center;
-    color: orange;
-    vertical-align: center;
-}
-.el-divider {
-    margin: 10px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221541.vue b/.history/src/views/FuncHall_20221029221541.vue
deleted file mode 100644
index 9671e3b3c27574155c97307f35bad582f0cbd91b..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221541.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="12">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="12">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221818.vue b/.history/src/views/FuncHall_20221029221818.vue
deleted file mode 100644
index 697e08b0b267a648f1027e2ab79199e1b3b3ced4..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221818.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221835.vue b/.history/src/views/FuncHall_20221029221835.vue
deleted file mode 100644
index f4cd54671109567fab7c3c40d6601bddb84efd1e..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221835.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221855.vue b/.history/src/views/FuncHall_20221029221855.vue
deleted file mode 100644
index 882113e1e7a826ee54c5163a2054084ad033e213..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221855.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 20px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221903.vue b/.history/src/views/FuncHall_20221029221903.vue
deleted file mode 100644
index 464f09cb3e5ea80a17432994389e232f84f94b08..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221903.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 20px 0 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221930.vue b/.history/src/views/FuncHall_20221029221930.vue
deleted file mode 100644
index fab81bab15a02d21ac548eb75da30f58fcd2e185..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221930.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 20px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029221939.vue b/.history/src/views/FuncHall_20221029221939.vue
deleted file mode 100644
index eecb98fe9cecbfead624049733bef8a2f7a5c575..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029221939.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>卡片名称</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              type="text"
-            >操作按钮</el-button>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029222039.vue b/.history/src/views/FuncHall_20221029222039.vue
deleted file mode 100644
index 781c2d722744e082380cf21ab5f657e8b548c94f..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029222039.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029222750.vue b/.history/src/views/FuncHall_20221029222750.vue
deleted file mode 100644
index 5d782d4a086cf5c6d5477b9c10f8aa4ded675ba4..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029222750.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="o in 4"
-            :key="o"
-            class="text item"
-          >
-            {{'列表内容 ' + o }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029222947.vue b/.history/src/views/FuncHall_20221029222947.vue
deleted file mode 100644
index ffaa7eec881148edd2c4c044019416e1e761aca5..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029222947.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item"
-          >
-            {{ prolicy }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item"
-          >
-            {{ video }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029223115.vue b/.history/src/views/FuncHall_20221029223115.vue
deleted file mode 100644
index 58913cbe5936f573431805dfd343deea65ee17b2..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029223115.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item sec-card"
-          >
-            {{ prolicy }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item sec-card"
-          >
-            {{ video }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-.sec-card {
-    height: 300px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029223128.vue b/.history/src/views/FuncHall_20221029223128.vue
deleted file mode 100644
index d0c995a78d8368140a2ef0f77926830523ed96e2..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029223128.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item sec-card"
-          >
-            {{ prolicy }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item sec-card"
-          >
-            {{ video }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-.sec-card {
-    height: 30px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029223211.vue b/.history/src/views/FuncHall_20221029223211.vue
deleted file mode 100644
index 303921b21f20962cb240e4de8b6a30a75deda0fb..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029223211.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item"
-          >
-            {{ prolicy }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item"
-          >
-            {{ video }}
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-.el-card {
-    height: 300px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029223348.vue b/.history/src/views/FuncHall_20221029223348.vue
deleted file mode 100644
index 8212225df217713d2d3205d4f441079cbd74ba94..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029223348.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item"
-          >
-            {{ prolicy }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item"
-          >
-            <el-link type="primary">{{ vide0 }}</el-link>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-.el-card {
-    height: 300px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029223405.vue b/.history/src/views/FuncHall_20221029223405.vue
deleted file mode 100644
index 02e7ed47844238ff3f222665bc4fe4152e5675ea..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029223405.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item"
-          >
-            {{ prolicy }}
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item"
-          >
-            <el-link type="primary">{{ video }}</el-link>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-.el-card {
-    height: 300px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029223425.vue b/.history/src/views/FuncHall_20221029223425.vue
deleted file mode 100644
index 1e1a52930e816b7f7597ade96a610d2b724756b3..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029223425.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item"
-          >
-           <el-link type="primary">{{ prolicy }}</el-link>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item"
-          >
-            <el-link type="primary">{{ video }}</el-link>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-.el-card {
-    height: 300px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221029223636.vue b/.history/src/views/FuncHall_20221029223636.vue
deleted file mode 100644
index 5624d28e24d275d47c46375ad38007e3e50bb289..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221029223636.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item"
-          >
-           <el-link type="primary">{{ prolicy }}</el-link>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item"
-          >
-            <el-link type="primary">{{ video }}</el-link>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!--  -->
-    <el-empty description="描述文字"></el-empty>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-.el-card {
-    height: 300px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/FuncHall_20221030183954.vue b/.history/src/views/FuncHall_20221030183954.vue
deleted file mode 100644
index 0db1ac0a1b781a500fc3f1e55062943968d9a9d3..0000000000000000000000000000000000000000
--- a/.history/src/views/FuncHall_20221030183954.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-  <div class="main-box">
-    <!-- 走马灯 -->
-    <div class="block">
-      <el-carousel
-        indicator-position="none"
-        trigger="click"
-        arrow="never"
-        height="25px"
-      >
-        <el-carousel-item
-          v-for="item in notice"
-          :key="item"
-        >
-          <h3 class="small sec-notice">{{ item }}</h3>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <!-- 分割线 -->
-    <el-divider></el-divider>
-    <el-row>
-      <el-col :span="11">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>近期政策</span>
-          </div>
-          <div
-            v-for="(prolicy, index) in policies"
-            :key="index"
-            class="text item"
-          >
-           <el-link type="primary">{{ prolicy }}</el-link>
-          </div>
-        </el-card>
-      </el-col>
-      <el-col :span="11" :offset="2">
-        <el-card class="box-card">
-          <div
-            slot="header"
-            class="clearfix"
-          >
-            <span>热门视频</span>
-          </div>
-          <div
-            v-for="(video, index) in videos"
-            :key="index"
-            class="text item"
-          >
-            <el-link type="primary">{{ video }}</el-link>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!--  -->
-    <el-empty description="描述文字"></el-empty>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      notice: [
-        "张三获得保安队长职位，恭喜~",
-        "最近宜宾等地区疫情严重，来往人员注意报备~",
-        "公司福利：凡获得见义勇为称号都可以来财务办公室领取3万元现金~",
-      ],
-      policies: [
-        "基层员工工资调整",
-        "xxx小区工作内容调整",
-        "领导“老虎”作风公告",
-        "国庆假期安排"
-      ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-notice {
-  width: 100%;
-  text-align: center;
-  color: orange;
-  vertical-align: center;
-}
-.el-divider {
-  margin: 10px 0 25px 0;
-}
-.el-card {
-    height: 300px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PaperBank_20221211180828.vue b/.history/src/views/PaperBank_20221211180828.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/PaperBank_20221211180842.vue b/.history/src/views/PaperBank_20221211180842.vue
deleted file mode 100644
index 4f67c8e684e29047cf155f7cb3902ac995a7a753..0000000000000000000000000000000000000000
--- a/.history/src/views/PaperBank_20221211180842.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div>
-    bank
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PaperDetails_20221211222606.vue b/.history/src/views/PaperDetails_20221211222606.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/PaperDetails_20221211222931.vue b/.history/src/views/PaperDetails_20221211222931.vue
deleted file mode 100644
index 92fad1990f2ec3ce117403b68f250b4a2b7d00cc..0000000000000000000000000000000000000000
--- a/.history/src/views/PaperDetails_20221211222931.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-    <!-- 试卷详情页面 -->
-  <div>
-    
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PaperPractice_20221211180750.vue b/.history/src/views/PaperPractice_20221211180750.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/PaperPractice_20221211180916.vue b/.history/src/views/PaperPractice_20221211180916.vue
deleted file mode 100644
index 23a5c859c7137e73d6b9ece18e2663f9dc9fccc5..0000000000000000000000000000000000000000
--- a/.history/src/views/PaperPractice_20221211180916.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div>
-    practice
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029214010.vue b/.history/src/views/PersonCenter_20221029214010.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/PersonCenter_20221029214023.vue b/.history/src/views/PersonCenter_20221029214023.vue
deleted file mode 100644
index 6ac6b893b7f536808ee3a69028a44ee873fa5656..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029214023.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>personCenter</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029224251.vue b/.history/src/views/PersonCenter_20221029224251.vue
deleted file mode 100644
index ac493b00f6fec53bf4260ea781b04f9cc494122f..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029224251.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-descriptions title="用户信息">
-    <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-    <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-    <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-    <el-descriptions-item label="备注">
-      <el-tag size="small">学校</el-tag>
-    </el-descriptions-item>
-    <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-</el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029224300.vue b/.history/src/views/PersonCenter_20221029224300.vue
deleted file mode 100644
index 8854d2dceb8adf528ab883c0594279e7da1f15c1..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029224300.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029224951.vue b/.history/src/views/PersonCenter_20221029224951.vue
deleted file mode 100644
index e73f43a1b938d483518c1c056677a4b075c37481..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029224951.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 菜单区域 -->
-      <el-col :span="12">
-        <el-menu
-          default-active="2"
-          class="el-menu-vertical-demo"
-          @open="handleOpen"
-          @close="handleClose"
-        >
-          <el-submenu index="1">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>导航一</span>
-            </template>
-            <el-menu-item-group>
-              <template slot="title">分组一</template>
-              <el-menu-item index="1-1">选项1</el-menu-item>
-              <el-menu-item index="1-2">选项2</el-menu-item>
-            </el-menu-item-group>
-            <el-menu-item-group title="分组2">
-              <el-menu-item index="1-3">选项3</el-menu-item>
-            </el-menu-item-group>
-            <el-submenu index="1-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="1-4-1">选项1</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="2">
-            <i class="el-icon-menu"></i>
-            <span slot="title">导航二</span>
-          </el-menu-item>
-          <el-menu-item
-            index="3"
-            disabled
-          >
-            <i class="el-icon-document"></i>
-            <span slot="title">导航三</span>
-          </el-menu-item>
-          <el-menu-item index="4">
-            <i class="el-icon-setting"></i>
-            <span slot="title">导航四</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 分割线 -->
-      <el-divider direction="vertical"></el-divider>
-      <!-- 展示区域 -->
-      <el-col :span="12">
-        <div class="grid-content bg-purple-light"></div>
-      </el-col>
-    </el-row>
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029225046.vue b/.history/src/views/PersonCenter_20221029225046.vue
deleted file mode 100644
index 2875eba19fc78c6629e8248ef4b09e99a7563116..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029225046.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 菜单区域 -->
-      <el-col :span="12">
-        <el-menu
-          default-active="2"
-          class="el-menu-vertical-demo"
-          @open="handleOpen"
-          @close="handleClose"
-        >
-          <el-submenu index="1">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>导航一</span>
-            </template>
-            <el-menu-item-group>
-              <template slot="title">分组一</template>
-              <el-menu-item index="1-1">选项1</el-menu-item>
-              <el-menu-item index="1-2">选项2</el-menu-item>
-            </el-menu-item-group>
-            <el-menu-item-group title="分组2">
-              <el-menu-item index="1-3">选项3</el-menu-item>
-            </el-menu-item-group>
-            <el-submenu index="1-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="1-4-1">选项1</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="2">
-            <i class="el-icon-menu"></i>
-            <span slot="title">导航二</span>
-          </el-menu-item>
-          <el-menu-item
-            index="3"
-            disabled
-          >
-            <i class="el-icon-document"></i>
-            <span slot="title">导航三</span>
-          </el-menu-item>
-          <el-menu-item index="4">
-            <i class="el-icon-setting"></i>
-            <span slot="title">导航四</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 分割线 -->
-      <el-col>
-        <el-divider direction="vertical"></el-divider>
-      </el-col>
-      <!-- 展示区域 -->
-      <el-col :span="12">
-        <div class="grid-content bg-purple-light"></div>
-      </el-col>
-    </el-row>
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029225126.vue b/.history/src/views/PersonCenter_20221029225126.vue
deleted file mode 100644
index 75df30a26570d8b43134a00e4fb54019d11674ba..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029225126.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 菜单区域 -->
-      <el-col :span="5">
-        <el-menu
-          default-active="2"
-          class="el-menu-vertical-demo"
-          @open="handleOpen"
-          @close="handleClose"
-        >
-          <el-submenu index="1">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>导航一</span>
-            </template>
-            <el-menu-item-group>
-              <template slot="title">分组一</template>
-              <el-menu-item index="1-1">选项1</el-menu-item>
-              <el-menu-item index="1-2">选项2</el-menu-item>
-            </el-menu-item-group>
-            <el-menu-item-group title="分组2">
-              <el-menu-item index="1-3">选项3</el-menu-item>
-            </el-menu-item-group>
-            <el-submenu index="1-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="1-4-1">选项1</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="2">
-            <i class="el-icon-menu"></i>
-            <span slot="title">导航二</span>
-          </el-menu-item>
-          <el-menu-item
-            index="3"
-            disabled
-          >
-            <i class="el-icon-document"></i>
-            <span slot="title">导航三</span>
-          </el-menu-item>
-          <el-menu-item index="4">
-            <i class="el-icon-setting"></i>
-            <span slot="title">导航四</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 分割线 -->
-      <el-col :span="1">
-        <el-divider direction="vertical"></el-divider>
-      </el-col>
-      <!-- 展示区域 -->
-      <el-col :span="18">
-        <div class="grid-content bg-purple-light"></div>
-      </el-col>
-    </el-row>
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029225152.vue b/.history/src/views/PersonCenter_20221029225152.vue
deleted file mode 100644
index 1306489f2adf48d4a18d33adc5c2d7c57f207469..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029225152.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 菜单区域 -->
-      <el-col :span="5">
-        <el-menu
-          default-active="2"
-          class="el-menu-vertical-demo"
-          @open="handleOpen"
-          @close="handleClose"
-        >
-          <el-submenu index="1">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>导航一</span>
-            </template>
-            <el-menu-item-group>
-              <template slot="title">分组一</template>
-              <el-menu-item index="1-1">选项1</el-menu-item>
-              <el-menu-item index="1-2">选项2</el-menu-item>
-            </el-menu-item-group>
-            <el-menu-item-group title="分组2">
-              <el-menu-item index="1-3">选项3</el-menu-item>
-            </el-menu-item-group>
-            <el-submenu index="1-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="1-4-1">选项1</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="2">
-            <i class="el-icon-menu"></i>
-            <span slot="title">导航二</span>
-          </el-menu-item>
-          <el-menu-item
-            index="3"
-            disabled
-          >
-            <i class="el-icon-document"></i>
-            <span slot="title">导航三</span>
-          </el-menu-item>
-          <el-menu-item index="4">
-            <i class="el-icon-setting"></i>
-            <span slot="title">导航四</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 分割线 -->
-      <el-col :span="1">
-        <el-divider direction="vertical"></el-divider>
-      </el-col>
-      <!-- 展示区域 -->
-      <el-col :span="18">
-        <el-descriptions title="用户信息">
-          <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-          <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-          <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-          <el-descriptions-item label="备注">
-            <el-tag size="small">学校</el-tag>
-          </el-descriptions-item>
-          <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029225306.vue b/.history/src/views/PersonCenter_20221029225306.vue
deleted file mode 100644
index 46625ad9e98af06538695aadd881ee596742537b..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029225306.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 菜单区域 -->
-      <el-col :span="5">
-        <el-menu
-          default-active="2"
-          class="el-menu-vertical-demo"
-          @open="handleOpen"
-          @close="handleClose"
-        >
-          <el-submenu index="1">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>导航一</span>
-            </template>
-            <el-menu-item-group>
-              <template slot="title">分组一</template>
-              <el-menu-item index="1-1">选项1</el-menu-item>
-              <el-menu-item index="1-2">选项2</el-menu-item>
-            </el-menu-item-group>
-            <el-menu-item-group title="分组2">
-              <el-menu-item index="1-3">选项3</el-menu-item>
-            </el-menu-item-group>
-            <el-submenu index="1-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="1-4-1">选项1</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="2">
-            <i class="el-icon-menu"></i>
-            <span slot="title">导航二</span>
-          </el-menu-item>
-          <el-menu-item
-            index="3"
-            disabled
-          >
-            <i class="el-icon-document"></i>
-            <span slot="title">导航三</span>
-          </el-menu-item>
-          <el-menu-item index="4">
-            <i class="el-icon-setting"></i>
-            <span slot="title">导航四</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 分割线 -->
-      <el-col :span="1">
-        <el-divider direction="vertical"></el-divider>
-      </el-col>
-      <!-- 展示区域 -->
-      <el-col :span="18">
-        <el-descriptions title="用户信息">
-          <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-          <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-          <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-          <el-descriptions-item label="备注">
-            <el-tag size="small">学校</el-tag>
-          </el-descriptions-item>
-          <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029225342.vue b/.history/src/views/PersonCenter_20221029225342.vue
deleted file mode 100644
index 6696b7b371079863af3d4a5a73bfeef534deb903..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029225342.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 菜单区域 -->
-      <el-col :span="5">
-        <el-menu
-          default-active="2"
-          class="el-menu-vertical-demo"
-          @open="handleOpen"
-          @close="handleClose"
-        >
-          <el-submenu index="1">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>导航一</span>
-            </template>
-            <el-menu-item-group>
-              <template slot="title">分组一</template>
-              <el-menu-item index="1-1">选项1</el-menu-item>
-              <el-menu-item index="1-2">选项2</el-menu-item>
-            </el-menu-item-group>
-            <el-menu-item-group title="分组2">
-              <el-menu-item index="1-3">选项3</el-menu-item>
-            </el-menu-item-group>
-            <el-submenu index="1-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="1-4-1">选项1</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="2">
-            <i class="el-icon-menu"></i>
-            <span slot="title">导航二</span>
-          </el-menu-item>
-          <el-menu-item
-            index="3"
-            disabled
-          >
-            <i class="el-icon-document"></i>
-            <span slot="title">导航三</span>
-          </el-menu-item>
-          <el-menu-item index="4">
-            <i class="el-icon-setting"></i>
-            <span slot="title">导航四</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 分割线 -->
-      <el-col :span="1">
-        <el-divider direction="vertical"></el-divider>
-      </el-col>
-      <!-- 展示区域 -->
-      <el-col :span="18">
-        <el-descriptions title="用户信息">
-          <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-          <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-          <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-          <el-descriptions-item label="备注">
-            <el-tag size="small">学校</el-tag>
-          </el-descriptions-item>
-          <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029225459.vue b/.history/src/views/PersonCenter_20221029225459.vue
deleted file mode 100644
index 8f24cf2af025d0cb4e9583855bed6f8af726a17e..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029225459.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 菜单区域 -->
-      <el-col :span="5">
-        <el-menu
-          default-active="2"
-          class="el-menu-vertical-demo"
-          @open="handleOpen"
-          @close="handleClose"
-        >
-          <el-submenu index="1">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>导航一</span>
-            </template>
-            <el-menu-item-group>
-              <template slot="title">分组一</template>
-              <el-menu-item index="1-1">选项1</el-menu-item>
-              <el-menu-item index="1-2">选项2</el-menu-item>
-            </el-menu-item-group>
-            <el-menu-item-group title="分组2">
-              <el-menu-item index="1-3">选项3</el-menu-item>
-            </el-menu-item-group>
-            <el-submenu index="1-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="1-4-1">选项1</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="2">
-            <i class="el-icon-menu"></i>
-            <span slot="title">导航二</span>
-          </el-menu-item>
-          <el-menu-item
-            index="3"
-            disabled
-          >
-            <i class="el-icon-document"></i>
-            <span slot="title">导航三</span>
-          </el-menu-item>
-          <el-menu-item index="4">
-            <i class="el-icon-setting"></i>
-            <span slot="title">导航四</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 分割线 -->
-      <el-col :span="1">
-        <el-divider direction="vertical"></el-divider>
-      </el-col>
-      <!-- 展示区域 -->
-      <el-col :span="18">
-        <el-descriptions title="用户信息">
-          <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-          <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-          <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-          <el-descriptions-item label="备注">
-            <el-tag size="small">学校</el-tag>
-          </el-descriptions-item>
-          <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-.el-col {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029225550.vue b/.history/src/views/PersonCenter_20221029225550.vue
deleted file mode 100644
index 55adf4326860fffffefcf67079515a0d31fc31fe..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029225550.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 菜单区域 -->
-      <el-col :span="5">
-        <el-menu
-          default-active="2"
-          class="el-menu-vertical-demo"
-          @open="handleOpen"
-          @close="handleClose"
-        >
-          <el-submenu index="1">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>导航一</span>
-            </template>
-            <el-menu-item-group>
-              <template slot="title">分组一</template>
-              <el-menu-item index="1-1">选项1</el-menu-item>
-              <el-menu-item index="1-2">选项2</el-menu-item>
-            </el-menu-item-group>
-            <el-menu-item-group title="分组2">
-              <el-menu-item index="1-3">选项3</el-menu-item>
-            </el-menu-item-group>
-            <el-submenu index="1-4">
-              <template slot="title">选项4</template>
-              <el-menu-item index="1-4-1">选项1</el-menu-item>
-            </el-submenu>
-          </el-submenu>
-          <el-menu-item index="2">
-            <i class="el-icon-menu"></i>
-            <span slot="title">导航二</span>
-          </el-menu-item>
-          <el-menu-item
-            index="3"
-            disabled
-          >
-            <i class="el-icon-document"></i>
-            <span slot="title">导航三</span>
-          </el-menu-item>
-          <el-menu-item index="4">
-            <i class="el-icon-setting"></i>
-            <span slot="title">导航四</span>
-          </el-menu-item>
-        </el-menu>
-      </el-col>
-      <!-- 分割线 -->
-      <el-col :span="1">
-        <el-divider direction="vertical"></el-divider>
-      </el-col>
-      <!-- 展示区域 -->
-      <el-col :span="18">
-        <el-descriptions title="用户信息">
-          <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-          <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-          <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-          <el-descriptions-item label="备注">
-            <el-tag size="small">学校</el-tag>
-          </el-descriptions-item>
-          <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-.el-col {
-  height: 100%;
-}
-.el-menu {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029225823.vue b/.history/src/views/PersonCenter_20221029225823.vue
deleted file mode 100644
index 128fb36b5864fb7237c27f6b2e5e75feee0e650a..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029225823.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-.el-col {
-  height: 100%;
-}
-.el-menu {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029230011.vue b/.history/src/views/PersonCenter_20221029230011.vue
deleted file mode 100644
index f34e4d2a2cfb7f20e185983148fce8e369aab726..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029230011.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-.el-col {
-  height: 100%;
-}
-.el-menu {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029230025.vue b/.history/src/views/PersonCenter_20221029230025.vue
deleted file mode 100644
index 36db9b4072bc5c4fbffd2748b063492065f1d959..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029230025.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-    <el-descriptions>
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-.el-col {
-  height: 100%;
-}
-.el-menu {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029230631.vue b/.history/src/views/PersonCenter_20221029230631.vue
deleted file mode 100644
index e9cdf9e34eabdc4868dc1c2c6c43ae810306dd59..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029230631.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-    <el-descriptions v-for="">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      user: {
-        '用户名': 'zhangsan',
-        '年龄': 18,
-        '性别': '男',
-        '生日': '2022-10-11',
-        '部门': '暂无',
-        '职位': '保安',
-        '实名认证': '未实名认证',
-        '等级': '菜鸟保安',
-      }
-    }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-.el-col {
-  height: 100%;
-}
-.el-menu {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029230732.vue b/.history/src/views/PersonCenter_20221029230732.vue
deleted file mode 100644
index 563a8fa14c0e91c7381b059d8916c42b870e2286..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029230732.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-descriptions title="用户信息">
-      <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-      <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-      <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-      <el-descriptions-item label="备注">
-        <el-tag size="small">学校</el-tag>
-      </el-descriptions-item>
-      <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
-    </el-descriptions>
-    <el-descriptions v-for="(user, index) in users" :key="index">
-      <el-descriptions-item :label="user.key">{{ user.value }}</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        '用户名': 'zhangsan',
-        '年龄': 18,
-        '性别': '男',
-        '生日': '2022-10-11',
-        '部门': '暂无',
-        '职位': '保安',
-        '实名认证': '未实名认证',
-        '等级': '菜鸟保安',
-      }
-    }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-.el-col {
-  height: 100%;
-}
-.el-menu {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029230853.vue b/.history/src/views/PersonCenter_20221029230853.vue
deleted file mode 100644
index b8008fa86451f8840b670c59a4587e08bbfc7c9e..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029230853.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-descriptions v-for="(userKey, userValue, index) in users" :key="index">
-      <el-descriptions-item :label="userKey">{{ userValue}}</el-descriptions-item>
-    </el-descriptions>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        '用户名': 'zhangsan',
-        '年龄': 18,
-        '性别': '男',
-        '生日': '2022-10-11',
-        '部门': '暂无',
-        '职位': '保安',
-        '实名认证': '未实名认证',
-        '等级': '菜鸟保安',
-      }
-    }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.el-row {
-  height: 100%;
-}
-.el-col {
-  height: 100%;
-}
-.el-menu {
-  height: 100%;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029231347.vue b/.history/src/views/PersonCenter_20221029231347.vue
deleted file mode 100644
index bffc7a3b1495109cc77e7f1a07bea918af92725c..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029231347.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="12">
-        <div class="sec-avatar-box">
-          <img src="@/assets/bg/bg.jpg">
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="12">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item :label="userKey">{{ userValue}}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-}
-.sec-avatar-box > img {
-   width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029231423.vue b/.history/src/views/PersonCenter_20221029231423.vue
deleted file mode 100644
index b67d5c141f71b7b5a90d317652818dfcda429004..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029231423.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="12">
-        <div class="sec-avatar-box">
-          <img src="@/assets/bg/bg.jpg">
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="12">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item :label="userKey">{{ userValue}}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-}
-.sec-avatar-box > img {
-   width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029231439.vue b/.history/src/views/PersonCenter_20221029231439.vue
deleted file mode 100644
index d25647732ae778d6476a442cefe011c6b231a0e2..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029231439.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-avatar-box">
-          <img src="@/assets/bg/bg.jpg">
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item :label="userKey">{{ userValue}}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-}
-.sec-avatar-box > img {
-   width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029231719.vue b/.history/src/views/PersonCenter_20221029231719.vue
deleted file mode 100644
index 7b5bb7c57532023fb115969d2832220154b86b34..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029231719.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-avatar-box">
-          <img src="@/assets/bg/bg.jpg">
-        </div>
-        <div class="sec-user-desc">
-          
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item :label="userKey">{{ userValue}}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-   width: 180px;
-  height: 180px;
-  border-radius: 50%;
-  background-color: #eee;
-}
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029231940.vue b/.history/src/views/PersonCenter_20221029231940.vue
deleted file mode 100644
index 81f6aec3b7842b2ebd0bec5fdb47096e0a530cb4..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029231940.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-          <img src="@/assets/bg/bg.jpg">
-        </div>
-        <div class="sec-user-desc">
-          
-        </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item :label="userKey">{{ userValue}}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 240px;
-  height: 100%;
-  text-align: center;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-   width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029232303.vue b/.history/src/views/PersonCenter_20221029232303.vue
deleted file mode 100644
index 87e7fc6f850ed1abccfa14fed232310b3fa13e3e..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029232303.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item :label="userKey">{{ userValue}}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-          { name: '标签一', type: '' },
-          { name: '标签二', type: 'success' },
-          { name: '标签三', type: 'info' },
-          { name: '标签四', type: 'warning' },
-          { name: '标签五', type: 'danger' }
-        ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 240px;
-  height: 100%;
-  text-align: center;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029232449.vue b/.history/src/views/PersonCenter_20221029232449.vue
deleted file mode 100644
index 027440944f03e6f845e86e163489a0dedf1499b8..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029232449.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item :label="userValue">{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-          { name: '标签一', type: '' },
-          { name: '标签二', type: 'success' },
-          { name: '标签三', type: 'info' },
-          { name: '标签四', type: 'warning' },
-          { name: '标签五', type: 'danger' }
-        ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 240px;
-  height: 100%;
-  text-align: center;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029232933.vue b/.history/src/views/PersonCenter_20221029232933.vue
deleted file mode 100644
index 852814e786df956a1eb371979d210051d80f38ab..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029232933.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item 
-          :label="userValue"
-          label-class-name="sec-user-label"
-          content-class-name="sec-user-content">{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-          { name: '标签一', type: '' },
-          { name: '标签二', type: 'success' },
-          { name: '标签三', type: 'info' },
-          { name: '标签四', type: 'warning' },
-          { name: '标签五', type: 'danger' }
-        ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 240px;
-  height: 100%;
-  text-align: center;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-label {
-  color: black;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233001.vue b/.history/src/views/PersonCenter_20221029233001.vue
deleted file mode 100644
index d2960bd3d47265da72c94abaa1cad14f192c7eb8..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233001.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item 
-          :label="userValue"
-          label-class-name="sec-user-label"
-          content-class-name="sec-user-content">{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-          { name: '标签一', type: '' },
-          { name: '标签二', type: 'success' },
-          { name: '标签三', type: 'info' },
-          { name: '标签四', type: 'warning' },
-          { name: '标签五', type: 'danger' }
-        ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 240px;
-  height: 100%;
-  text-align: center;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233016.vue b/.history/src/views/PersonCenter_20221029233016.vue
deleted file mode 100644
index b9c8ba048e8bb9b14bbcc74dd834580e17b6cfad..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233016.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item 
-          :label="userValue"
-          label-class-name="sec-user-label"
-          content-class-name="sec-user-content">{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-          { name: '标签一', type: '' },
-          { name: '标签二', type: 'success' },
-          { name: '标签三', type: 'info' },
-          { name: '标签四', type: 'warning' },
-          { name: '标签五', type: 'danger' }
-        ]
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 240px;
-  height: 100%;
-  text-align: center;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233238.vue b/.history/src/views/PersonCenter_20221029233238.vue
deleted file mode 100644
index 9beba3264a25e34801e3195faed9ba22db071c56..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233238.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 240px;
-  height: 100%;
-  display: flex; /**/
-  justify-content: center; /*水平居中*/
-  align-items: Center; /*垂直居中*/
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233308.vue b/.history/src/views/PersonCenter_20221029233308.vue
deleted file mode 100644
index e1b3be380f9923599dfefe31a6d42099c5bb3866..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233308.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 240px;
-  height: 100%;
-  justify-content: center; /*水平居中*/
-  align-items: Center; /*垂直居中*/
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233355.vue b/.history/src/views/PersonCenter_20221029233355.vue
deleted file mode 100644
index cf83ea53d419bf13bf1ceb0205ecaf1125fe28fe..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233355.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 300px;
-  height: 100%;
-  justify-content: center; /*水平居中*/
-  align-items: Center; /*垂直居中*/
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233711.vue b/.history/src/views/PersonCenter_20221029233711.vue
deleted file mode 100644
index 98a0e5e1dcdf62feebae2834c88313b7fce17a3c..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233711.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 300px;
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  margin: auto;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-desc {
-  height: 200px;
-  width: 100%;
-  margin: auto;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233728.vue b/.history/src/views/PersonCenter_20221029233728.vue
deleted file mode 100644
index c5728a0bdfccf7be20c378d2aa63f036f805911e..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233728.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 300px;
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  margin: auto;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-desc {
-  height: 200px;
-  width: 100%;
-  text-align: center;
-  margin: auto;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233804.vue b/.history/src/views/PersonCenter_20221029233804.vue
deleted file mode 100644
index bc499f7ad95c92f638e164ce8bf6fc3ac9053bb3..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233804.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>本科应届生一枚，还在努力学习，希望找到一个好工作！</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.el-main {
-  margin-top: 30px;
-}
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 300px;
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  margin: auto;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-desc {
-  height: 200px;
-  width: 100%;
-  text-align: center;
-  margin: auto;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029233854.vue b/.history/src/views/PersonCenter_20221029233854.vue
deleted file mode 100644
index 0bb31fbb27d2e14cb0745400c653efcfafa5088d..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029233854.vue
+++ /dev/null
@@ -1,106 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>菜鸟保安，加油~，努力~</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >{{ userKey }}</el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.el-main {
-  margin-top: 30px;
-}
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 300px;
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  margin: auto;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-desc {
-  height: 200px;
-  width: 100%;
-  text-align: center;
-  margin: auto;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221029234322.vue b/.history/src/views/PersonCenter_20221029234322.vue
deleted file mode 100644
index 42383ba239bd0560258cfe447cd8d907f81ad812..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221029234322.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>菜鸟保安，加油~，努力~</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >
-          <el-tag v-if="userValue == '实名认证'">{{ userKey }}</el-tag>
-          <span v-else>{{ userKey }}</span>
-          </el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scope>
-.el-main {
-  margin-top: 30px;
-}
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 300px;
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  margin: auto;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-desc {
-  height: 200px;
-  width: 100%;
-  text-align: center;
-  margin: auto;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PersonCenter_20221030184003.vue b/.history/src/views/PersonCenter_20221030184003.vue
deleted file mode 100644
index a577134ed82a2ec295c191dd8b9cda9fc852faf4..0000000000000000000000000000000000000000
--- a/.history/src/views/PersonCenter_20221030184003.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <div class="main-box">
-    <el-row>
-      <!-- 头像 -->
-      <el-col :span="8">
-        <div class="sec-user-avatar">
-          <div class="sec-avatar-box">
-            <img src="@/assets/bg/bg.jpg">
-          </div>
-          <div class="sec-user-desc">
-            <div>zhangsan</div>
-            <div>菜鸟保安，加油~，努力~</div>
-            <div>
-              <el-tag
-                v-for="tag in tags"
-                :key="tag.name"
-                closable
-                :type="tag.type"
-              >
-                {{tag.name}}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <!-- 用户信息 -->
-      <el-col :span="16">
-        <el-descriptions
-          v-for="(userKey, userValue, index) in users"
-          :key="index"
-        >
-          <el-descriptions-item
-            :label="userValue"
-            label-class-name="sec-user-label"
-            content-class-name="sec-user-content"
-          >
-          <el-tag v-if="userValue == '实名认证'">{{ userKey }}</el-tag>
-          <span v-else>{{ userKey }}</span>
-          </el-descriptions-item>
-        </el-descriptions>
-      </el-col>
-    </el-row>
-
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      users: {
-        用户名: "zhangsan",
-        年龄: 18,
-        性别: "男",
-        生日: "2022-10-11",
-        部门: "暂无",
-        职位: "保安",
-        实名认证: "未实名认证",
-        等级: "菜鸟保安",
-      },
-      tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
-      ],
-    };
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-main {
-  margin-top: 30px;
-}
-.main-box {
-  height: 100%;
-}
-.sec-user-avatar {
-  width: 300px;
-  height: 100%;
-}
-.sec-avatar-box {
-  height: 200px;
-  width: 200px;
-  margin: auto;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  text-align: center;
-}
-.sec-avatar-box > img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.sec-user-desc {
-  height: 200px;
-  width: 100%;
-  text-align: center;
-  margin: auto;
-}
-.sec-user-label {
-  color: black;
-  font-size: 16px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PositionMan_20221029211636.vue b/.history/src/views/PositionMan_20221029211636.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/PositionMan_20221029211648.vue b/.history/src/views/PositionMan_20221029211648.vue
deleted file mode 100644
index b8061304df09f4f75f004978ac4318e25b331943..0000000000000000000000000000000000000000
--- a/.history/src/views/PositionMan_20221029211648.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>position</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PositionMan_20221030135905.vue b/.history/src/views/PositionMan_20221030135905.vue
deleted file mode 100644
index 0c2fcb27a3a9f7fe1065b7a6f1479695c95ab1e6..0000000000000000000000000000000000000000
--- a/.history/src/views/PositionMan_20221030135905.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="申请状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="申请状态"
-        >
-          <el-option
-            label="通过"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未通过"
-            value="e"
-          ></el-option>
-          <el-option
-            label="过期"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="aprovals"
-      height="590"
-    >
-      <el-table-column
-        prop="approvalId"
-        label="审批编号"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="content"
-        label="审批内容"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="receiveName"
-        label="审批人"
-        width="170"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="senderName"
-        label="申请人"
-        width="170"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="status"
-        label="申请状态"
-        width="100"
-      >
-        <template slot-scope="scope">
-          <el-tag size="medium">{{ handleStatus(scope.row.status) }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="applyTime"
-        label="申请时间"
-        width="170"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="approvalTime"
-        label="审批时间"
-        width="170"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        width="140"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >再次申请</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      aprovals: [
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    handleStatus(status) {
-      var str = "";
-      if (status == "a") {
-        str = "通过";
-      } else if (status == "p") {
-        str = "申请超时";
-      } else {
-        str = "未通过";
-      }
-      return str;
-    },
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PositionMan_20221030140529.vue b/.history/src/views/PositionMan_20221030140529.vue
deleted file mode 100644
index 16336c2dc6ff8d3b007048786fb9156a203dc389..0000000000000000000000000000000000000000
--- a/.history/src/views/PositionMan_20221030140529.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">职位管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="申请状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="申请状态"
-        >
-          <el-option
-            label="通过"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未通过"
-            value="e"
-          ></el-option>
-          <el-option
-            label="过期"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="aprovals"
-      height="590"
-    >
-      <el-table-column
-        prop="roleId"
-        label="职位编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        label="职位名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="roleDesc"
-        label="职位描述"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="parentName"
-        label="上级"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="num"
-        label="剩余"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      aprovals: [
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-        {
-          approvalId: "23892839",
-          content: "加入部门",
-          receiveId: "123",
-          receiveName: "zhangsan",
-          senderId: "1245",
-          senderName: "wangwu",
-          status: "a",
-          applyTime: "2022-10-01 09:00:23",
-          approvalTime: "2022-10-02 10:11:00",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    handleStatus(status) {
-      var str = "";
-      if (status == "a") {
-        str = "通过";
-      } else if (status == "p") {
-        str = "申请超时";
-      } else {
-        str = "未通过";
-      }
-      return str;
-    },
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PositionMan_20221030140802.vue b/.history/src/views/PositionMan_20221030140802.vue
deleted file mode 100644
index 7a5a3cddbd8fb9ae09d35e36327dd171be6e435f..0000000000000000000000000000000000000000
--- a/.history/src/views/PositionMan_20221030140802.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">职位管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="申请状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="申请状态"
-        >
-          <el-option
-            label="通过"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未通过"
-            value="e"
-          ></el-option>
-          <el-option
-            label="过期"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="aprovals"
-      height="590"
-    >
-      <el-table-column
-        prop="roleId"
-        label="职位编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        label="职位名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="roleDesc"
-        label="职位描述"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="parentName"
-        label="上级"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="hasRoles"
-        label="在职"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      aprovals: [
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    handleStatus(status) {
-      var str = "";
-      if (status == "a") {
-        str = "通过";
-      } else if (status == "p") {
-        str = "申请超时";
-      } else {
-        str = "未通过";
-      }
-      return str;
-    },
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/PositionMan_20221030184012.vue b/.history/src/views/PositionMan_20221030184012.vue
deleted file mode 100644
index 7b1937373071377fa7e60e9231432f5160449425..0000000000000000000000000000000000000000
--- a/.history/src/views/PositionMan_20221030184012.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">职位管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <!-- 筛选条件 -->
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="审批人">
-        <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="申请状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="申请状态"
-        >
-          <el-option
-            label="通过"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未通过"
-            value="e"
-          ></el-option>
-          <el-option
-            label="过期"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 表格 -->
-    <el-table
-      :data="aprovals"
-      height="590"
-    >
-      <el-table-column
-        prop="roleId"
-        label="职位编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="roleName"
-        label="职位名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="roleDesc"
-        label="职位描述"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="parentName"
-        label="上级"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="hasRoles"
-        label="在职"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      aprovals: [
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    handleStatus(status) {
-      var str = "";
-      if (status == "a") {
-        str = "通过";
-      } else if (status == "p") {
-        str = "申请超时";
-      } else {
-        str = "未通过";
-      }
-      return str;
-    },
-    onSubmit() {
-        console.log('submit!');
-      }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221029211228.vue b/.history/src/views/VideoMan_20221029211228.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/VideoMan_20221029211245.vue b/.history/src/views/VideoMan_20221029211245.vue
deleted file mode 100644
index 430e55dd8ae755689111688444e2332b8f49fbc1..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221029211245.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div>
-    videoMan
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030113410.vue b/.history/src/views/VideoMan_20221030113410.vue
deleted file mode 100644
index 7aa470c69e902ebec502c6a0bc6804aa76e45277..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030113410.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030182113.vue b/.history/src/views/VideoMan_20221030182113.vue
deleted file mode 100644
index 9bbd917769b876251d894371fc507651331a2200..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030182113.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-      >
-      </el-table-column>
-      <el-table-column
-        label="操作"
-      >
-      <template slot-scope="scope">
-        <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-      </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: ''
-      },
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030182531.vue b/.history/src/views/VideoMan_20221030182531.vue
deleted file mode 100644
index b5643e0c16a443d127288365cf0831ba6a8b8f5f..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030182531.vue
+++ /dev/null
@@ -1,194 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
-      },
-      videos: [
-        {
-          fileId: '12344',
-          fileName: '',
-          filePath: 'https://aliyun/hsdhjs.mp4',
-          menuId: '13343',
-          fileType: '.mp4',
-          fileSize: '1234MB',
-          fileTime: '120分钟',
-          uploadId: '1234',
-          uploadName: 'zhangsan',
-          uploadTime: '2021-10-24 19:20:10'
-        },
-        {
-          fileId: '12344',
-          fileName: '',
-          filePath: 'https://aliyun/hsdhjs.mp4',
-          menuId: '13343',
-          fileType: '.mp4',
-          fileSize: '1234MB',
-          fileTime: '120分钟',
-          uploadId: '1234',
-          uploadName: 'zhangsan',
-          uploadTime: '2021-10-24 19:20:10'
-        },
-        {
-          fileId: '12344',
-          fileName: '',
-          filePath: 'https://aliyun/hsdhjs.mp4',
-          menuId: '13343',
-          fileType: '.mp4',
-          fileSize: '1234MB',
-          fileTime: '120分钟',
-          uploadId: '1234',
-          uploadName: 'zhangsan',
-          uploadTime: '2021-10-24 19:20:10'
-        },
-        {
-          fileId: '12344',
-          fileName: '',
-          filePath: 'https://aliyun/hsdhjs.mp4',
-          menuId: '13343',
-          fileType: '.mp4',
-          fileSize: '1234MB',
-          fileTime: '120分钟',
-          uploadId: '1234',
-          uploadName: 'zhangsan',
-          uploadTime: '2021-10-24 19:20:10'
-        },
-      ]
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030182559.vue b/.history/src/views/VideoMan_20221030182559.vue
deleted file mode 100644
index e105a3e027ed23433703dcb4889253d305057ddf..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030182559.vue
+++ /dev/null
@@ -1,194 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
-      },
-      videos: [
-        {
-          fileId: '12344',
-          fileName: '肖申克的救赎',
-          filePath: 'https://aliyun/hsdhjs.mp4',
-          menuId: '13343',
-          fileType: '.mp4',
-          fileSize: '1234MB',
-          fileTime: '120分钟',
-          uploadId: '1234',
-          uploadName: 'zhangsan',
-          uploadTime: '2021-10-24 19:20:10'
-        },
-        {
-          fileId: '12344',
-          fileName: '肖申克的救赎',
-          filePath: 'https://aliyun/hsdhjs.mp4',
-          menuId: '13343',
-          fileType: '.mp4',
-          fileSize: '1234MB',
-          fileTime: '120分钟',
-          uploadId: '1234',
-          uploadName: 'zhangsan',
-          uploadTime: '2021-10-24 19:20:10'
-        },
-        {
-          fileId: '12344',
-          fileName: '肖申克的救赎',
-          filePath: 'https://aliyun/hsdhjs.mp4',
-          menuId: '13343',
-          fileType: '.mp4',
-          fileSize: '1234MB',
-          fileTime: '120分钟',
-          uploadId: '1234',
-          uploadName: 'zhangsan',
-          uploadTime: '2021-10-24 19:20:10'
-        },
-        {
-          fileId: '12344',
-          fileName: '肖申克的救赎',
-          filePath: 'https://aliyun/hsdhjs.mp4',
-          menuId: '13343',
-          fileType: '.mp4',
-          fileSize: '1234MB',
-          fileTime: '120分钟',
-          uploadId: '1234',
-          uploadName: 'zhangsan',
-          uploadTime: '2021-10-24 19:20:10'
-        },
-      ]
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030182850.vue b/.history/src/views/VideoMan_20221030182850.vue
deleted file mode 100644
index c2988f7cb845bbd2951e8101f09313eb30bda866..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030182850.vue
+++ /dev/null
@@ -1,208 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-        <template slot-scope="scope">
-          <el-popover
-          trigger="hover"
-          placement="top"
-        >
-          <p> {{ scope.row.filePath }}</p>
-          <!-- <div
-            slot="reference"
-            class="name-wrapper"
-          >
-            <el-tag size="medium">{{ scope.row.name }}</el-tag>
-          </div> -->
-        </el-popover>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
-      },
-      videos: [
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-      ],
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030182928.vue b/.history/src/views/VideoMan_20221030182928.vue
deleted file mode 100644
index c66a2f543faa0abdf12d91d060abf497cfd75c3b..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030182928.vue
+++ /dev/null
@@ -1,208 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-        <template slot-scope="scope">
-          <el-popover
-          trigger="hover"
-          placement="top"
-        >
-          <p> {{ scope.row.filePath }}</p>
-          <div
-            slot="reference"
-            class="name-wrapper"
-          >
-            {{ scope.row.filePath }}
-          </div>
-        </el-popover>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
-      },
-      videos: [
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-      ],
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030183216.vue b/.history/src/views/VideoMan_20221030183216.vue
deleted file mode 100644
index 42d1365349a5a7d140a8a4cd8a4df6f4e91c6bd4..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030183216.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-        <template slot-scope="scope">
-          <el-popover
-          trigger="hover"
-          placement="top"
-        >
-          <p> {{ scope.row.filePath }}</p>
-          <div
-            slot="reference"
-            class="name-wrapper"
-          >
-            {{ handlePath(scope.row.filePath) }}
-          </div>
-        </el-popover>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
-      },
-      videos: [
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-      ],
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-    handlePath(path) {
-      return path.length > 21 ? path.slice(0, 17) + '...' : path
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030183258.vue b/.history/src/views/VideoMan_20221030183258.vue
deleted file mode 100644
index f778e39d538a169c974dd5840639210be916409f..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030183258.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-        <template slot-scope="scope">
-          <el-popover
-          trigger="hover"
-          placement="top"
-        >
-          <p> {{ scope.row.filePath }}</p>
-          <div
-            slot="reference"
-            class="name-wrapper"
-          >
-            {{ handlePath(scope.row.filePath) }}
-          </div>
-        </el-popover>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
-      },
-      videos: [
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-      ],
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-    handlePath(path) {
-      return path.length > 21 ? path.slice(0, 16) + '...' : path
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030183430.vue b/.history/src/views/VideoMan_20221030183430.vue
deleted file mode 100644
index 7bf7f4ece716ee0779973563f4d3d44c5b15d1b8..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030183430.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-        <template slot-scope="scope">
-          <el-popover
-          trigger="hover"
-          placement="top"
-        >
-          <p> {{ scope.row.filePath }}</p>
-          <div
-            slot="reference"
-            class="name-wrapper"
-          >
-            {{ handlePath(scope.row.filePath) }}
-          </div>
-        </el-popover>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
-      },
-      videos: [
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-      ],
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-    handlePath(path) {
-      return path.length > 21 ? path.slice(0, 16) + '...' : path
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030183906.vue b/.history/src/views/VideoMan_20221030183906.vue
deleted file mode 100644
index 70832d6e5231477d1971d0639fb344aa0256acf7..0000000000000000000000000000000000000000
--- a/.history/src/views/VideoMan_20221030183906.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">视频管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="上传者">
-        <el-input
-          v-model="formInline.userId"
-          placeholder="上传者"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="videos"
-      height="590"
-    >
-      <el-table-column
-        prop="fileId"
-        label="视频编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="filePath"
-        label="视频路径"
-      >
-        <template slot-scope="scope">
-          <el-popover
-          trigger="hover"
-          placement="top"
-        >
-          <p> {{ scope.row.filePath }}</p>
-          <div
-            slot="reference"
-            class="name-wrapper"
-          >
-            {{ handlePath(scope.row.filePath) }}
-          </div>
-        </el-popover>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadName"
-        label="上传者"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="uploadTime"
-        label="上传时间"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
-      },
-      videos: [
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-      ],
-    };
-  },
-  methods: {
-    onSubmit() {
-      console.log("submit!");
-    },
-    handlePath(path) {
-      return path.length > 21 ? path.slice(0, 16) + '...' : path
-    }
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221029211155.vue b/.history/src/views/WatchLog_20221029211155.vue
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/.history/src/views/WatchLog_20221029211209.vue b/.history/src/views/WatchLog_20221029211209.vue
deleted file mode 100644
index eb3085e771ee9a037c25dd8ce82b7320d814ef91..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221029211209.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <div>watchLog</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030105435.vue b/.history/src/views/WatchLog_20221030105435.vue
deleted file mode 100644
index 64358ddb5b095e06c5a178785dc1ae185c565958..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030105435.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="250"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址"
-      >
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030105445.vue b/.history/src/views/WatchLog_20221030105445.vue
deleted file mode 100644
index 78d899f2a9e9f1740dbc7b49d539cf26a0aa5f69..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030105445.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="800"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址"
-      >
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030105505.vue b/.history/src/views/WatchLog_20221030105505.vue
deleted file mode 100644
index b30f0c64991a6f1b17fd6d1813f1570d736ae78f..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030105505.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="600"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址"
-      >
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
-    }
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030105703.vue b/.history/src/views/WatchLog_20221030105703.vue
deleted file mode 100644
index 947d8d7df66249fc3b3925586e8003e4f71000da..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030105703.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="600"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030105747.vue b/.history/src/views/WatchLog_20221030105747.vue
deleted file mode 100644
index 2c6c6051702dbdffd30d4e40e1e8de40947c50ca..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030105747.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="地址"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030120724.vue b/.history/src/views/WatchLog_20221030120724.vue
deleted file mode 100644
index 7efccfdea76e7851768368e7ff78c1ea8764e246..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030120724.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-  <div>
-    <el-table
-      :data="tableData"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="审批编号"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批内容"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="审批人"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="申请人"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批状态"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="申请时间"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批时间"
-        width="180"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030135546.vue b/.history/src/views/WatchLog_20221030135546.vue
deleted file mode 100644
index de76f8d5004a585395ced8113147caca957adf0f..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030135546.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-table
-      :data="tableData"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="审批编号"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批内容"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="审批人"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="申请人"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批状态"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="申请时间"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批时间"
-        width="180"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
-    };
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030135745.vue b/.history/src/views/WatchLog_20221030135745.vue
deleted file mode 100644
index 945019061d47f873c20afbb8693d65bdc4175371..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030135745.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">权限管理</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-table
-      :data="tableData"
-      height="590"
-      border
-      style="width: 100%"
-    >
-      <el-table-column
-        prop="date"
-        label="审批编号"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批内容"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="address"
-        label="审批人"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="申请人"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批状态"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="申请时间"
-        width="180"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="name"
-        label="审批时间"
-        width="180"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData: [
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-08",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-06",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-07",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
-    };
-  },
-};
-</script>
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030175004.vue b/.history/src/views/WatchLog_20221030175004.vue
deleted file mode 100644
index d8aac15be2f892835c23491d31ce09c8e5daccc5..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030175004.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="22">
-        <div class="sec-title">学习记录</div>
-      </el-col>
-      <el-col :span="2">
-        <div>
-          <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
-        </div>
-      </el-col>
-    </el-row>
-    <el-table
-      :data="logs"
-      height="590"
-    >
-      <el-table-column
-        prop="logId"
-        label="记录编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="readTime"
-        label="学习时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="accountName"
-        label="学习人"
-      >
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      logs: [
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: '120分钟',
-          readTime: '50分钟',
-          accountId: '12323',
-          accountName: 'zhangsan',
-          stadyDate: '2022-10-11 20:11:10'
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: '120分钟',
-          readTime: '50分钟',
-          accountId: '12323',
-          accountName: 'zhangsan',
-          stadyDate: '2022-10-11 20:11:10'
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: '120分钟',
-          readTime: '50分钟',
-          accountId: '12323',
-          accountName: 'zhangsan',
-          stadyDate: '2022-10-11 20:11:10'
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: '120分钟',
-          readTime: '50分钟',
-          accountId: '12323',
-          accountName: 'zhangsan',
-          stadyDate: '2022-10-11 20:11:10'
-        },
-      ],
-    };
-  },
-};
-</script>
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030175156.vue b/.history/src/views/WatchLog_20221030175156.vue
deleted file mode 100644
index 997318e3d2247bd7389178bcb0af3b857d98dee5..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030175156.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="24">
-        <div class="sec-title">学习记录</div>
-      </el-col>
-    </el-row>
-    <el-table
-      :data="logs"
-      height="590"
-    >
-      <el-table-column
-        prop="logId"
-        label="记录编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="readTime"
-        label="学习时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="accountName"
-        label="学习人"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      logs: [
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-      ],
-    };
-  },
-};
-</script>
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030175725.vue b/.history/src/views/WatchLog_20221030175725.vue
deleted file mode 100644
index 0fc4367c342507a9a0873f57c7cadeabd6aaf185..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030175725.vue
+++ /dev/null
@@ -1,155 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="24">
-        <div class="sec-title">学习记录</div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="学习状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="学习状态"
-        >
-          <el-option
-            label="正在学习"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未完成"
-            value="e"
-          ></el-option>
-          <el-option
-            label="已完成"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="logs"
-      height="590"
-    >
-      <el-table-column
-        prop="logId"
-        label="记录编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="readTime"
-        label="学习时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="accountName"
-        label="学习人"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      logs: [
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-      ],
-    };
-  },
-};
-</script>
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030175847.vue b/.history/src/views/WatchLog_20221030175847.vue
deleted file mode 100644
index 0e1708ca4f7391c9d3b20bf890d3d1b036a18ebc..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030175847.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="24">
-        <div class="sec-title">学习记录</div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="学习状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="学习状态"
-        >
-          <el-option
-            label="正在学习"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未完成"
-            value="e"
-          ></el-option>
-          <el-option
-            label="已完成"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="logs"
-      height="590"
-    >
-      <el-table-column
-        prop="logId"
-        label="记录编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="readTime"
-        label="学习时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="accountName"
-        label="学习人"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      logs: [
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    onSubmit() {
-        console.log('submit!')
-      }
-  },
-};
-</script>
-<style lang="css" scope>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchLog_20221030184043.vue b/.history/src/views/WatchLog_20221030184043.vue
deleted file mode 100644
index 8f69838a87a8f06bcb02249c4254840aaf607d55..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchLog_20221030184043.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-  <div>
-    <el-row>
-      <el-col :span="24">
-        <div class="sec-title">学习记录</div>
-      </el-col>
-    </el-row>
-    <el-form
-      :inline="true"
-      :model="formInline"
-      class="demo-form-inline"
-    >
-      <el-form-item label="视频名称">
-        <el-input
-          v-model="formInline.user"
-          placeholder="视频名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item label="学习状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="学习状态"
-        >
-          <el-option
-            label="正在学习"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未完成"
-            value="e"
-          ></el-option>
-          <el-option
-            label="已完成"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          @click="onSubmit"
-        >查询</el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      :data="logs"
-      height="590"
-    >
-      <el-table-column
-        prop="logId"
-        label="记录编号"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileName"
-        label="视频名称"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
-        label="视频时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="readTime"
-        label="学习时长"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="accountName"
-        label="学习人"
-      >
-      </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-pagination
-      background
-      layout="prev, pager, next"
-      :total="1000"
-    >
-    </el-pagination>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      logs: [
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
-  },
-  methods: {
-    onSubmit() {
-        console.log('submit!')
-      }
-  },
-};
-</script>
-<style lang="css" scoped>
-.sec-blue {
-  color: #409eff;
-}
-.sec-title {
-  font-size: 18px;
-  font-weight: 700;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210180456.vue b/.history/src/views/WatchVideo_20221210180456.vue
deleted file mode 100644
index 7672df33ac94bbfd75432ef58d84c9acb5c0bb84..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210180456.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/stady/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210180536.vue b/.history/src/views/WatchVideo_20221210180536.vue
deleted file mode 100644
index 93e2ffd0c866b28cdd81485221f07ea497e2a769..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210180536.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/stady/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/stady/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210182235.vue b/.history/src/views/WatchVideo_20221210182235.vue
deleted file mode 100644
index 5537990a8936e2403d352faeb73d34fc07b60cb2..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210182235.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/stady/watchVideo/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/stady/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210183106.vue b/.history/src/views/WatchVideo_20221210183106.vue
deleted file mode 100644
index 93e2ffd0c866b28cdd81485221f07ea497e2a769..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210183106.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/stady/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/stady/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210183230.vue b/.history/src/views/WatchVideo_20221210183230.vue
deleted file mode 100644
index 7672df33ac94bbfd75432ef58d84c9acb5c0bb84..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210183230.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/stady/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210183305.vue b/.history/src/views/WatchVideo_20221210183305.vue
deleted file mode 100644
index d826af99fddccd7f413ce96b5d10f7db0705df0c..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210183305.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210183352.vue b/.history/src/views/WatchVideo_20221210183352.vue
deleted file mode 100644
index 7672df33ac94bbfd75432ef58d84c9acb5c0bb84..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210183352.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/stady/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210183434.vue b/.history/src/views/WatchVideo_20221210183434.vue
deleted file mode 100644
index d826af99fddccd7f413ce96b5d10f7db0705df0c..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210183434.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210185612.vue b/.history/src/views/WatchVideo_20221210185612.vue
deleted file mode 100644
index 622fb35e1a8f0daee54f24a25ef6d6922f28d619..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210185612.vue
+++ /dev/null
@@ -1,231 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <div>
-      <video-detail
-       videoUrl="https://vd3.bdstatic.com/mda-nm7689u40t7mdvns/cae_h264/1670473606247227357/mda-nm7689u40t7mdvns.mp4?v_from_s=hkapp-haokan-hbe&auth_key=1670671133-0-0-627c162bc8f44b03ae5a271dd9443f56&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=2933168260&vid=777512"
-      :width="800"
-      :height="450"
-      :autoplay="false"
-      :controls="true"
-      :loop="false"
-      :muted="false"
-      preload="auto"
-      :playWidth="96"
-      zoom="none"
-      ></video-detail>
-    </div>
-  </div>
-</template>
-
-<script>
-import videoDetail from '@/components/VideoDetails.vue'
-
-export default {
-  components: {
-    videoDetail
-  },
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210185811.vue b/.history/src/views/WatchVideo_20221210185811.vue
deleted file mode 100644
index c9c15ab0debe93c24730eed5b25d7b1f5bdf6e3c..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210185811.vue
+++ /dev/null
@@ -1,231 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <div>
-      <video-detail
-      videoUrl= 'https://vd3.bdstatic.com/mda-nm7689u40t7mdvns/cae_h264/1670473606247227357/mda-nm7689u40t7mdvns.mp4?v_from_s=hkapp-haokan-hbe&auth_key=1670671133-0-0-627c162bc8f44b03ae5a271dd9443f56&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=2933168260&vid=777512'
-      :width="800"
-      :height="450"
-      :autoplay="false"
-      :controls="true"
-      :loop="false"
-      :muted="false"
-      preload="auto"
-      :playWidth="96"
-      zoom="none"
-      ></video-detail>
-    </div>
-  </div>
-</template>
-
-<script>
-import videoDetail from '@/components/VideoDetails.vue'
-
-export default {
-  components: {
-    videoDetail
-  },
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221210185818.vue b/.history/src/views/WatchVideo_20221210185818.vue
deleted file mode 100644
index 8414fcede0c7cc76cb262cb858e71662ba152015..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221210185818.vue
+++ /dev/null
@@ -1,231 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <div>
-      <video-detail
-      videoUrl='https://vd3.bdstatic.com/mda-nm7689u40t7mdvns/cae_h264/1670473606247227357/mda-nm7689u40t7mdvns.mp4?v_from_s=hkapp-haokan-hbe&auth_key=1670671133-0-0-627c162bc8f44b03ae5a271dd9443f56&bcevod_channel=searchbox_feed&pd=1&cd=0&pt=3&logid=2933168260&vid=777512'
-      :width="800"
-      :height="450"
-      :autoplay="false"
-      :controls="true"
-      :loop="false"
-      :muted="false"
-      preload="auto"
-      :playWidth="96"
-      zoom="none"
-      ></video-detail>
-    </div>
-  </div>
-</template>
-
-<script>
-import videoDetail from '@/components/VideoDetails.vue'
-
-export default {
-  components: {
-    videoDetail
-  },
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221211163246.vue b/.history/src/views/WatchVideo_20221211163246.vue
deleted file mode 100644
index a3b663fb17230b8b666f5863b139ceff00a84d4d..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221211163246.vue
+++ /dev/null
@@ -1,231 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <div>
-      <video-detail
-      videoUrl='https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4?Expires=1670747834&OSSAccessKeyId=TMP.3KiBEvHaspFHDfvgZrt8oxp3qvFyMu9Zy2djQJSLxhQpwaQC3YShnCMnZDcAwYJR7YqwfCedkbb6WGQU7E6rdgoNkEx3rS&Signature=PgsNbKPkdiRC5S%2FLU0XqFz%2B9SU8%3D'
-      :width="800"
-      :height="450"
-      :autoplay="false"
-      :controls="true"
-      :loop="false"
-      :muted="false"
-      preload="auto"
-      :playWidth="96"
-      zoom="none"
-      ></video-detail>
-    </div>
-  </div>
-</template>
-
-<script>
-import videoDetail from '@/components/VideoDetails.vue'
-
-export default {
-  components: {
-    videoDetail
-  },
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221211164359.vue b/.history/src/views/WatchVideo_20221211164359.vue
deleted file mode 100644
index 29e226aeb802ce1c58d858bc830f266c128f86ff..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221211164359.vue
+++ /dev/null
@@ -1,231 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <div>
-      <video-detail
-      videoUrl='https://mianyangzhangsan.oss-cn-hangzhou.aliyuncs.com/2050044894.mp4'
-      :width="800"
-      :height="450"
-      :autoplay="false"
-      :controls="true"
-      :loop="false"
-      :muted="false"
-      preload="auto"
-      :playWidth="96"
-      zoom="none"
-      ></video-detail>
-    </div>
-  </div>
-</template>
-
-<script>
-import videoDetail from '@/components/VideoDetails.vue'
-
-export default {
-  components: {
-    videoDetail
-  },
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/WatchVideo_20221211165213.vue b/.history/src/views/WatchVideo_20221211165213.vue
deleted file mode 100644
index 1c9be263094b3f2781948d8eca6ad6a6fa3e70a1..0000000000000000000000000000000000000000
--- a/.history/src/views/WatchVideo_20221211165213.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div>
-
-    <!-- 我的学习任务 -->
-    <div class="sec-video-label">学习任务</div>
-    <!-- 回到顶部 -->
-    <el-backtop></el-backtop>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="5"
-        v-for="(video, index) in videos"
-        :key="index"
-        :offset="index % 4 == 0 ? 0 : 1"
-      >
-        <el-card
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          >
-          <div
-            style="padding: 14px;"
-            @click="videoDesc(video)"
-          >
-            <span>{{ video.name }}</span>
-            <div class="bottom clearfix">
-              <span
-                v-if="video.desc.length > 20"
-                class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
-              <span
-                v-else
-                class="sec-video-desc"
-              >{{ video.desc }}</span>
-              <!-- <time class="time">{{ currentDate }}</time> -->
-            </div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-    <!-- 热门推荐 -->
-    <div class="sec-video-label">热门推荐</div>
-    <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
-    <el-row>
-      <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
-        :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
-      >
-        <el-card
-          class="sec-video-type"
-          :body-style="{ padding: '0px' }"
-          shadow="hover"
-        >
-          <!-- <img
-            @click="playVideo(video)"
-            :src="video.image"
-            class="image"
-          > -->
-          <div
-            style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
-          >
-            <span>{{ videoType.name }}</span>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-<script>
-
-export default {
-  data() {
-    return {
-      currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
-  },
-  methods: {
-    playVideo(video) {
-      this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
-    },
-    videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
-    },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
-      this.$router.push('/allVideo')
-    },
-  },
-};
-</script>
-
-<style lang="css" scoped>
-.el-card {
-  width: 240px;
-  height: 300px;
-  margin-bottom: 20px;
-}
-.sec-video-desc {
-  color: #ccc;
-  font-size: 12px;
-}
-.sec-video-label {
-  color: black;
-  font-size: 20px;
-  font-weight: 700;
-}
-.sec-video-type {
-  width: 140px;
-  height: 80px;
-}
-</style>
\ No newline at end of file
diff --git a/.history/src/views/login/index_20221211210115.vue b/.history/src/views/login/index_20221211210115.vue
deleted file mode 100644
index 4d504ee79d041ee674ce69534ad55705121fc507..0000000000000000000000000000000000000000
--- a/.history/src/views/login/index_20221211210115.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-    <div class="login_container">
-        <div class="login_box">
-            <div class="login_avatar">
-                <img src="@/assets/bg/anmerica.jpg"/>
-            </div>
-            <div class="login_form">
-                <el-form ref="loginFormRel" :model="loginUser" :rules="rules">
-                    <el-form-item prop="accountName">
-                        <el-input
-                        placeholder="手机号/账号"
-                        prefix-icon="el-icon-user"
-                        v-model="loginUser.accountName"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="accountWord">
-                        <el-input
-                        placeholder="密码"
-                        prefix-icon="el-icon-lock"
-                        type="password"
-                        v-model="loginUser.accountWord"></el-input>
-                    </el-form-item>
-                    <el-form-item label="记住密码">
-                        <el-checkbox></el-checkbox>
-                    </el-form-item>
-                    <el-form-item class="login_btns">
-                        <el-button type="primary" @click="login">登录</el-button>
-                        <el-button type="info">注册</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-
-<script>
-export default {
-    data() {
-        return {
-            loginUser: {
-                accountName: '',
-                accountWord: ''
-            },
-            rules: {
-                accountName: [
-                    { required: true, message: '学号或邮箱不能为空', trigger: 'blur' }
-                ],
-                accountWord: [
-                    { required: true, message: '密码不能为空', trigger: 'blur' }
-                ]
-            }
-        }
-    },
-    methods: {
-        // 登录
-        login() {
-            // 登录预验证
-            this.$refs.loginFormRel.validate( async (valid) => {
-                if (!valid) return this.$message.error("账号或密码错误");
-                const { data: response } = await this.$http.post("sys/login", this.loginUser)
-                if (response.data.code == 200){
-                    this.$router.push('/home')
-                    this.$message.success("登录成功")
-                    return;
-                }        
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-.login_container {
-  height: 100%;
-  background-image: url("@/assets/bg/bg.jpg");
-}
-.login_box {
-  width: 460px;
-  height: 350px;
-  background-color: #fff;
-  border-radius: 5px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.login_avatar {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  padding: 10px;
-  box-shadow: 0 0 10px #ddd;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-}
-.login_avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.login_form {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-}
-.login_btns {
-    display: flex;
-    justify-content: flex-end;
-}
-</style>
diff --git a/.history/src/views/login/index_20221211210854.vue b/.history/src/views/login/index_20221211210854.vue
deleted file mode 100644
index a4b316550ffb9601bcfa1cb7375a1f80aa2392f3..0000000000000000000000000000000000000000
--- a/.history/src/views/login/index_20221211210854.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-    <div class="login_container">
-        <div class="login_box">
-            <div class="login_avatar">
-                <img src="@/assets/bg/anmerica.jpg"/>
-            </div>
-            <div class="login_form">
-                <el-form ref="loginFormRel" :model="loginUser" :rules="rules">
-                    <el-form-item prop="accountName">
-                        <el-input
-                        placeholder="手机号/账号"
-                        prefix-icon="el-icon-user"
-                        v-model="loginUser.accountName"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="accountWord">
-                        <el-input
-                        placeholder="密码"
-                        prefix-icon="el-icon-lock"
-                        type="password"
-                        v-model="loginUser.accountWord"></el-input>
-                    </el-form-item>
-                    <el-form-item label="记住密码">
-                        <el-checkbox></el-checkbox>
-                    </el-form-item>
-                    <el-form-item class="login_btns">
-                        <el-button type="primary" @click="login">登录</el-button>
-                        <el-button type="info">注册</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-
-<script>
-export default {
-    data() {
-        return {
-            loginUser: {
-                accountName: '',
-                accountWord: ''
-            },
-            rules: {
-                accountName: [
-                    { required: true, message: '学号或邮箱不能为空', trigger: 'blur' }
-                ],
-                accountWord: [
-                    { required: true, message: '密码不能为空', trigger: 'blur' }
-                ]
-            }
-        }
-    },
-    methods: {
-        // 登录
-        login() {
-            // 登录预验证
-            this.$refs.loginFormRel.validate( async (valid) => {
-                if (!valid) return this.$message.error("账号或密码错误");
-                const { data: response } = await this.$http.get("sys/login", this.loginUser)
-                if (response.data.code == 200){
-                    this.$router.push('/home')
-                    this.$message.success("登录成功")
-                    return;
-                }        
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-.login_container {
-  height: 100%;
-  background-image: url("@/assets/bg/bg.jpg");
-}
-.login_box {
-  width: 460px;
-  height: 350px;
-  background-color: #fff;
-  border-radius: 5px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.login_avatar {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  padding: 10px;
-  box-shadow: 0 0 10px #ddd;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-}
-.login_avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.login_form {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-}
-.login_btns {
-    display: flex;
-    justify-content: flex-end;
-}
-</style>
diff --git a/.history/src/views/login/index_20221211211055.vue b/.history/src/views/login/index_20221211211055.vue
deleted file mode 100644
index 0ae64d57513e947b3c2bab589e517dc7b2ec7910..0000000000000000000000000000000000000000
--- a/.history/src/views/login/index_20221211211055.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-    <div class="login_container">
-        <div class="login_box">
-            <div class="login_avatar">
-                <img src="@/assets/bg/anmerica.jpg"/>
-            </div>
-            <div class="login_form">
-                <el-form ref="loginFormRel" :model="loginUser" :rules="rules">
-                    <el-form-item prop="accountName">
-                        <el-input
-                        placeholder="手机号/账号"
-                        prefix-icon="el-icon-user"
-                        v-model="loginUser.accountName"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="accountWord">
-                        <el-input
-                        placeholder="密码"
-                        prefix-icon="el-icon-lock"
-                        type="password"
-                        v-model="loginUser.accountWord"></el-input>
-                    </el-form-item>
-                    <el-form-item label="记住密码">
-                        <el-checkbox></el-checkbox>
-                    </el-form-item>
-                    <el-form-item class="login_btns">
-                        <el-button type="primary" @click="login">登录</el-button>
-                        <el-button type="info">注册</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-
-<script>
-export default {
-    data() {
-        return {
-            loginUser: {
-                accountName: '',
-                accountWord: ''
-            },
-            rules: {
-                accountName: [
-                    { required: true, message: '学号或邮箱不能为空', trigger: 'blur' }
-                ],
-                accountWord: [
-                    { required: true, message: '密码不能为空', trigger: 'blur' }
-                ]
-            }
-        }
-    },
-    methods: {
-        // 登录
-        login() {
-            // 登录预验证
-            this.$refs.loginFormRel.validate( async (valid) => {
-                if (!valid) return this.$message.error("账号或密码错误");
-                const { data: response } = await this.$http.get("sys/login")
-                if (response.data.code == 200){
-                    this.$router.push('/home')
-                    this.$message.success("登录成功")
-                    return;
-                }        
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-.login_container {
-  height: 100%;
-  background-image: url("@/assets/bg/bg.jpg");
-}
-.login_box {
-  width: 460px;
-  height: 350px;
-  background-color: #fff;
-  border-radius: 5px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.login_avatar {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  padding: 10px;
-  box-shadow: 0 0 10px #ddd;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-}
-.login_avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.login_form {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-}
-.login_btns {
-    display: flex;
-    justify-content: flex-end;
-}
-</style>
diff --git a/.history/src/views/login/index_20221211211210.vue b/.history/src/views/login/index_20221211211210.vue
deleted file mode 100644
index edf41cd5b2145a798e77a50c4183af8679c7893c..0000000000000000000000000000000000000000
--- a/.history/src/views/login/index_20221211211210.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-    <div class="login_container">
-        <div class="login_box">
-            <div class="login_avatar">
-                <img src="@/assets/bg/anmerica.jpg"/>
-            </div>
-            <div class="login_form">
-                <el-form ref="loginFormRel" :model="loginUser" :rules="rules">
-                    <el-form-item prop="accountName">
-                        <el-input
-                        placeholder="手机号/账号"
-                        prefix-icon="el-icon-user"
-                        v-model="loginUser.accountName"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="accountWord">
-                        <el-input
-                        placeholder="密码"
-                        prefix-icon="el-icon-lock"
-                        type="password"
-                        v-model="loginUser.accountWord"></el-input>
-                    </el-form-item>
-                    <el-form-item label="记住密码">
-                        <el-checkbox></el-checkbox>
-                    </el-form-item>
-                    <el-form-item class="login_btns">
-                        <el-button type="primary" @click="login">登录</el-button>
-                        <el-button type="info">注册</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-
-<script>
-export default {
-    data() {
-        return {
-            loginUser: {
-                accountName: '',
-                accountWord: ''
-            },
-            rules: {
-                accountName: [
-                    { required: true, message: '学号或邮箱不能为空', trigger: 'blur' }
-                ],
-                accountWord: [
-                    { required: true, message: '密码不能为空', trigger: 'blur' }
-                ]
-            }
-        }
-    },
-    methods: {
-        // 登录
-        login() {
-            // 登录预验证
-            this.$refs.loginFormRel.validate( async (valid) => {
-                if (!valid) return this.$message.error("账号或密码错误");
-                const { data: response } = await this.$http.get("sys/login")
-                if (response.data.code == 200){
-                    console.log(response)
-                    this.$router.push('/home')
-                    this.$message.success("登录成功")
-                    return;
-                }        
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-.login_container {
-  height: 100%;
-  background-image: url("@/assets/bg/bg.jpg");
-}
-.login_box {
-  width: 460px;
-  height: 350px;
-  background-color: #fff;
-  border-radius: 5px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.login_avatar {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  padding: 10px;
-  box-shadow: 0 0 10px #ddd;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-}
-.login_avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.login_form {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-}
-.login_btns {
-    display: flex;
-    justify-content: flex-end;
-}
-</style>
diff --git a/.history/src/views/login/index_20221211211415.vue b/.history/src/views/login/index_20221211211415.vue
deleted file mode 100644
index 3f092bcb09b37d518251702d356d72b329722a1b..0000000000000000000000000000000000000000
--- a/.history/src/views/login/index_20221211211415.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-    <div class="login_container">
-        <div class="login_box">
-            <div class="login_avatar">
-                <img src="@/assets/bg/anmerica.jpg"/>
-            </div>
-            <div class="login_form">
-                <el-form ref="loginFormRel" :model="loginUser" :rules="rules">
-                    <el-form-item prop="accountName">
-                        <el-input
-                        placeholder="手机号/账号"
-                        prefix-icon="el-icon-user"
-                        v-model="loginUser.accountName"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="accountWord">
-                        <el-input
-                        placeholder="密码"
-                        prefix-icon="el-icon-lock"
-                        type="password"
-                        v-model="loginUser.accountWord"></el-input>
-                    </el-form-item>
-                    <el-form-item label="记住密码">
-                        <el-checkbox></el-checkbox>
-                    </el-form-item>
-                    <el-form-item class="login_btns">
-                        <el-button type="primary" @click="login">登录</el-button>
-                        <el-button type="info">注册</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-
-<script>
-export default {
-    data() {
-        return {
-            loginUser: {
-                accountName: '',
-                accountWord: ''
-            },
-            rules: {
-                accountName: [
-                    { required: true, message: '学号或邮箱不能为空', trigger: 'blur' }
-                ],
-                accountWord: [
-                    { required: true, message: '密码不能为空', trigger: 'blur' }
-                ]
-            }
-        }
-    },
-    methods: {
-        // 登录
-        login() {
-            // 登录预验证
-            this.$refs.loginFormRel.validate( async (valid) => {
-                if (!valid) return this.$message.error("账号或密码错误");
-                const { data: response } = await this.$http.get("sys/login")
-                console.log(response)
-                if (response.data.code == 200){
-                    this.$router.push('/home')
-                    this.$message.success("登录成功")
-                    return;
-                }        
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-.login_container {
-  height: 100%;
-  background-image: url("@/assets/bg/bg.jpg");
-}
-.login_box {
-  width: 460px;
-  height: 350px;
-  background-color: #fff;
-  border-radius: 5px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.login_avatar {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  padding: 10px;
-  box-shadow: 0 0 10px #ddd;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-}
-.login_avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.login_form {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-}
-.login_btns {
-    display: flex;
-    justify-content: flex-end;
-}
-</style>
diff --git a/.history/src/views/login/index_20221211212032.vue b/.history/src/views/login/index_20221211212032.vue
deleted file mode 100644
index 3b2d7d0d3e60f6d80ac5dafed5dcfc7f325af08b..0000000000000000000000000000000000000000
--- a/.history/src/views/login/index_20221211212032.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-    <div class="login_container">
-        <div class="login_box">
-            <div class="login_avatar">
-                <img src="@/assets/bg/anmerica.jpg"/>
-            </div>
-            <div class="login_form">
-                <el-form ref="loginFormRel" :model="loginUser" :rules="rules">
-                    <el-form-item prop="accountName">
-                        <el-input
-                        placeholder="手机号/账号"
-                        prefix-icon="el-icon-user"
-                        v-model="loginUser.accountName"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="accountWord">
-                        <el-input
-                        placeholder="密码"
-                        prefix-icon="el-icon-lock"
-                        type="password"
-                        v-model="loginUser.accountWord"></el-input>
-                    </el-form-item>
-                    <el-form-item label="记住密码">
-                        <el-checkbox></el-checkbox>
-                    </el-form-item>
-                    <el-form-item class="login_btns">
-                        <el-button type="primary" @click="login">登录</el-button>
-                        <el-button type="info">注册</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-
-<script>
-export default {
-    data() {
-        return {
-            loginUser: {
-                accountName: '',
-                accountWord: ''
-            },
-            rules: {
-                accountName: [
-                    { required: true, message: '学号或邮箱不能为空', trigger: 'blur' }
-                ],
-                accountWord: [
-                    { required: true, message: '密码不能为空', trigger: 'blur' }
-                ]
-            }
-        }
-    },
-    methods: {
-        // 登录
-        login() {
-            // 登录预验证
-            this.$refs.loginFormRel.validate( async (valid) => {
-                if (!valid) return this.$message.error("账号或密码错误");
-                const { data: response } = await this.$http.get("sys/login")
-                if (response.code == 200){
-                    this.$router.push('/home')
-                    this.$message.success("登录成功")
-                    return;
-                }        
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-.login_container {
-  height: 100%;
-  background-image: url("@/assets/bg/bg.jpg");
-}
-.login_box {
-  width: 460px;
-  height: 350px;
-  background-color: #fff;
-  border-radius: 5px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.login_avatar {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  padding: 10px;
-  box-shadow: 0 0 10px #ddd;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-}
-.login_avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.login_form {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-}
-.login_btns {
-    display: flex;
-    justify-content: flex-end;
-}
-</style>
diff --git a/.history/src/views/login/index_20221211212907.vue b/.history/src/views/login/index_20221211212907.vue
deleted file mode 100644
index dfb6d801ffdd2093832dec219698e4b9c000b68d..0000000000000000000000000000000000000000
--- a/.history/src/views/login/index_20221211212907.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-    <div class="login_container">
-        <div class="login_box">
-            <div class="login_avatar">
-                <img src="@/assets/bg/anmerica.jpg"/>
-            </div>
-            <div class="login_form">
-                <el-form ref="loginFormRel" :model="loginUser" :rules="rules">
-                    <el-form-item prop="accountName">
-                        <el-input
-                        placeholder="手机号/账号"
-                        prefix-icon="el-icon-user"
-                        v-model="loginUser.accountName"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="accountWord">
-                        <el-input
-                        placeholder="密码"
-                        prefix-icon="el-icon-lock"
-                        type="password"
-                        v-model="loginUser.accountWord"></el-input>
-                    </el-form-item>
-                    <el-form-item label="记住密码">
-                        <el-checkbox></el-checkbox>
-                    </el-form-item>
-                    <el-form-item class="login_btns">
-                        <el-button type="primary" @click="login">登录</el-button>
-                        <el-button type="info">注册</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-
-<script>
-export default {
-    data() {
-        return {
-            loginUser: {
-                accountName: '',
-                accountWord: ''
-            },
-            rules: {
-                accountName: [
-                    { required: true, message: '学号或邮箱不能为空', trigger: 'blur' }
-                ],
-                accountWord: [
-                    { required: true, message: '密码不能为空', trigger: 'blur' }
-                ]
-            }
-        }
-    },
-    methods: {
-        // 登录
-        login() {
-            // 登录预验证
-            this.$refs.loginFormRel.validate( async (valid) => {
-                if (!valid) return this.$message.error("账号或密码错误");
-                const { data: response } = await this.$http.get("sys/login")
-                if (response.code == 200){
-                    this.$router.push('/funcHall')
-                    this.$message.success("登录成功")
-                    return;
-                }        
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-.login_container {
-  height: 100%;
-  background-image: url("@/assets/bg/bg.jpg");
-}
-.login_box {
-  width: 460px;
-  height: 350px;
-  background-color: #fff;
-  border-radius: 5px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.login_avatar {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  padding: 10px;
-  box-shadow: 0 0 10px #ddd;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-}
-.login_avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.login_form {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-}
-.login_btns {
-    display: flex;
-    justify-content: flex-end;
-}
-</style>
diff --git a/.history/src/views/login/index_20221211213339.vue b/.history/src/views/login/index_20221211213339.vue
deleted file mode 100644
index 69deb9884fd98a4e9f43537f7c112d10f7f5202b..0000000000000000000000000000000000000000
--- a/.history/src/views/login/index_20221211213339.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-    <div class="login_container">
-        <div class="login_box">
-            <div class="login_avatar">
-                <img src="@/assets/bg/anmerica.jpg"/>
-            </div>
-            <div class="login_form">
-                <el-form ref="loginFormRel" :model="loginUser" :rules="rules">
-                    <el-form-item prop="accountName">
-                        <el-input
-                        placeholder="手机号/账号"
-                        prefix-icon="el-icon-user"
-                        v-model="loginUser.accountName"></el-input>
-                    </el-form-item>
-                    <el-form-item prop="accountWord">
-                        <el-input
-                        placeholder="密码"
-                        prefix-icon="el-icon-lock"
-                        type="password"
-                        v-model="loginUser.accountWord"></el-input>
-                    </el-form-item>
-                    <el-form-item label="记住密码">
-                        <el-checkbox></el-checkbox>
-                    </el-form-item>
-                    <el-form-item class="login_btns">
-                        <el-button type="primary" @click="login">登录</el-button>
-                        <el-button type="info">注册</el-button>
-                    </el-form-item>
-                </el-form>
-            </div>
-        </div>
-    </div>
-</template>
-
-
-<script>
-export default {
-    data() {
-        return {
-            loginUser: {
-                accountName: '',
-                accountWord: ''
-            },
-            rules: {
-                accountName: [
-                    { required: true, message: '学号或邮箱不能为空', trigger: 'blur' }
-                ],
-                accountWord: [
-                    { required: true, message: '密码不能为空', trigger: 'blur' }
-                ]
-            }
-        }
-    },
-    methods: {
-        // 登录
-        login() {
-            // 登录预验证
-            this.$refs.loginFormRel.validate( async (valid) => {
-                if (!valid) return this.$message.error("账号或密码错误");
-                const { data: response } = await this.$http.post("sys/login", this.loginUser)
-                if (response.code == 200){
-                    this.$router.push('/funcHall')
-                    this.$message.success("登录成功")
-                    return;
-                }        
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-.login_container {
-  height: 100%;
-  background-image: url("@/assets/bg/bg.jpg");
-}
-.login_box {
-  width: 460px;
-  height: 350px;
-  background-color: #fff;
-  border-radius: 5px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.login_avatar {
-  height: 130px;
-  width: 130px;
-  border: 1px solid #eee;
-  border-radius: 50%;
-  padding: 10px;
-  box-shadow: 0 0 10px #ddd;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-}
-.login_avatar img {
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  background-color: #eee;
-}
-.login_form {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    padding: 0 10px;
-    box-sizing: border-box;
-}
-.login_btns {
-    display: flex;
-    justify-content: flex-end;
-}
-</style>
diff --git a/package.json b/package.json
index bb3830ee7d55afa05eb423d657470c91741b8b1e..0b193eb23823f05527c4c507b9d1fe1d76abf6b4 100644
--- a/package.json
+++ b/package.json
@@ -11,12 +11,14 @@
     "axios": "^1.1.3",
     "axois": "0.0.1-security",
     "core-js": "^3.8.3",
+    "echarts": "^5.4.1",
     "element-ui": "^2.15.10",
     "video.js": "^7.20.3",
     "videojs-contrib-hls": "^5.15.0",
     "vue": "^2.6.14",
     "vue-router": "^3.6.5",
     "vue-video-player": "^6.0.0",
+    "vue2-org-tree": "^1.3.6",
     "vuex": "^3.6.2"
   },
   "devDependencies": {
@@ -27,6 +29,8 @@
     "@vue/cli-service": "~5.0.0",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.0",
     "vue-template-compiler": "^2.6.14"
   },
   "eslintConfig": {
diff --git a/src/App.vue b/src/App.vue
index 3bcc2c2b1900ee75700cbdfc2a2216e8ef7555e1..c27d36a201d06e85d2993ad9b3bf26740467b553 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,14 @@
 <template>
   <div id="app">
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
 <script>
+// import layout from '@/layout'
 export default {
   name: 'App',
   components: {
-    
   }
 }
 </script>
diff --git a/src/api/system/system.js b/src/api/system/system.js
new file mode 100644
index 0000000000000000000000000000000000000000..69845ad1a3db80734a4ff4635d8a6e060643fcb0
--- /dev/null
+++ b/src/api/system/system.js
@@ -0,0 +1,442 @@
+import request from '@/utils/axios'
+
+export function getConfig(params) {
+    return request({
+        url: '/data/config',
+        method: 'get',
+        params
+    })
+}
+// 查询所有的视频
+export function queryVideos(params) {
+    return request({
+        url: '/video/all',
+        method: 'get',
+        params
+    })
+}
+// 查询我的学习任务
+export function selfTaskVideo() {
+    return request({
+        url: '/task/self',
+        method: 'get'
+    })
+}
+// 查询某人的学习情况
+export function otherTask(params) {
+    return request({
+        url: '/task/other',
+        method: 'get',
+        params
+    })
+}
+// 查询热门视频
+export function queryHotVideos(top) {
+    return request({
+        url: `/video/hit/${top}`,
+        method: 'get'
+    })
+}
+// 查询试卷模板
+export function queryPaperTemplates(params) {
+    return request({
+        url: '/template/query',
+        method: 'get',
+        params
+    })
+}
+// 新增试卷模板
+export function savePaperTemplate(data) {
+    return request({
+        url: '/template/save',
+        method: 'post',
+        data
+    })
+}
+// 修改试卷模板
+export function editPaperTemplate(data) {
+    return request({
+        url: '/template/edit',
+        method: 'put',
+        data
+    })
+}
+// 删除试卷模板
+export function deletePaperTemplate(templateId) {
+    return request({
+        url: `/template/delete/${templateId}`,
+        method: 'delete'
+    })
+}
+// 解析配置参数
+export function parseConfig(config, param) {
+    var codeName = ''
+    config.forEach(item => {
+        if (item.codeValue === param) {
+            codeName = item.codeName
+        }
+    })
+    return codeName
+}
+// 生成试卷
+export function generatePaperSystem(params) {
+    return request({
+        url: '/paper/generator',
+        method: 'post',
+        params
+    })
+}
+// 根据试卷编号生成练习
+export function generatePracticeSystem(paperId) {
+    return request({
+        url: `/practice/generator/${paperId}`,
+        method: 'get'
+    })
+}
+// 查询最近试卷实例
+export function queryRecentPractice(top) {
+    return request({
+        url: `/practice/recent/${top}`,
+        method: 'get'
+    })
+}
+// 查看练习详情
+export function queryPracticeInfo(paperInstId) {
+    return request({
+        url: `/practice/show/${paperInstId}`,
+        method: 'get'
+    })
+}
+// 提交用户答案
+export function parseUserAnswer(data) {
+    return request({
+        url: '/practice/correct',
+        method: 'post',
+        data
+    })
+}
+// 查询学习记录
+export function queryVideoLog(params) {
+    return request({
+        url: '/video/log',
+        method: 'get',
+        params
+    })
+}
+// 删除学习记录
+export function deleteVideoLog(logId) {
+    return request({
+        url: `/video/log/${logId}`,
+        method: 'delete'
+    })
+}
+// 修改视频观看记录，通过文件编号以及用户编号确定一条唯一的视频记录
+export function updateVideoLog(data) {
+    return request({
+        url: '/video/log/adaptor',
+        method: 'post',
+        data
+    })
+}
+// 上传视频
+export function uploadVideo(formData) {
+    return request({
+        headers: {"Content-Type": "multipart/form-data;charset=utf-8"},
+        url: '/video/upload',
+        method: 'post',
+        data: formData
+    })
+}
+// 删除视频
+export function deleteVideo(videoId) {
+    return request({
+        url: `/video/delete/${videoId}`,
+        method: 'delete'
+    })
+}
+// 查询所有题库信息
+export function queryBanks(params) {
+    return request({
+        url: '/bank/query',
+        method: 'get',
+        params
+    })
+}
+// 题库分析
+export function bankAnalysis() {
+    return request({
+        url: '/bank/analysis',
+        method: 'get'
+    })
+}
+// 删除题库
+export function deleteBank(bankId) {
+    return request({
+        url: `/bank/delete/${bankId}`,
+        method: 'delete'
+    })
+}
+// 修改题库
+export function editBank(data) {
+    return request({
+        url: '/bank/edit',
+        method: 'put',
+        data
+    })
+}
+// 保存题库
+export function saveBank(data) {
+    return request({
+        url: '/bank/add',
+        method: 'post',
+        data
+    })
+}
+// 查询题库详情
+export function showBankInfo(params) {
+    return request({
+        url: '/problem/show',
+        method: 'get',
+        params
+    })
+}
+// 新增试题
+export function saveProblem(data) {
+    return request({
+        url: '/problem/save',
+        method: 'post',
+        data
+    })
+}
+// 修改试题
+export function editProblem(data) {
+    return request({
+        url: '/problem/edit',
+        method: 'put',
+        data
+    })
+}
+// 删除试题
+export function deleteProblem(problemId) {
+    return request({
+        url: `/problem/delete/${problemId}`,
+        method: 'delete'
+    })
+}
+// 新增答案
+export function saveAnswer(data) {
+    return request({
+        url: '/answer/save',
+        method: 'post',
+        data
+    })
+}
+// 查询问题答案
+export function queryProblemAnswers(problemId) {
+    return request({
+        url: `/answer/${problemId}`,
+        method: 'get'
+    })
+}
+// 修改答案
+export function editAnswer(data) {
+    return request({
+        url: '/answer/edit',
+        method: 'put',
+        data
+    })
+}
+// 删除答案
+export function deleteAnswer(answerId) {
+    return request({
+        url: `/answer/delete/${answerId}`,
+        method: 'delete'
+    })
+}
+// 增加视频点击量
+export function videoHitAdd(videoId) {
+    return request({
+        url: `/video/hit/up/${videoId}`,
+        method: 'get'
+    })
+}
+// 给视频评分
+export function videoAppraise(params) {
+    return request({
+        url: '/video/appraise',
+        method: 'get',
+        params
+    })
+}
+// 查询当前视频阅读记录
+export function queryCurrentVideoLog(fileId) {
+    return request({
+        url: `/video/log/current/${fileId}`,
+        method: 'get'
+    })
+}
+// 获取当前用户权限
+export function getAuthorities() {
+    return request({
+        url: '/account/auth',
+        method: 'get'
+    })
+}
+// 查询所有的权限
+export function queryAuthorities(params) {
+    return request({
+        url: '/auth/all',
+        method: 'get',
+        params
+    })
+}
+// 修改权限
+export function editAuthority(data) {
+    return request({
+        url: '/auth/edit',
+        method: 'put',
+        data
+    })
+}
+// 删除权限
+export function deleteAuthority(authorityId) {
+    return request({
+        url: `/auth/delete/${authorityId}`,
+        method: 'delete',
+    })
+}
+// 新增权限
+export function saveAuthority(data) {
+    return request({
+        url: '/auth/save',
+        method: 'post',
+        data
+    })
+}
+// 查询父级权限
+export function queryParentAuthorities() {
+    return request({
+        url: '/auth/parent',
+        method: 'get'
+    })
+}
+// 查询所有的角色
+export function queryRoles(params) {
+    return request({
+        url: '/role/query',
+        method: 'get',
+        params
+    })
+}
+// 修改角色
+export function editRole(data) {
+    return request({
+        url: '/role/edit',
+        method: 'put',
+        data
+    })
+}
+// 删除角色
+export function deleteRole(roleId) {
+    return request({
+        url: `/role/delete/${roleId}`,
+        method: 'delete'
+    })
+}
+// 新增角色
+export function saveRole(data) {
+    return request({
+        url: '/role/save',
+        method: 'post',
+        data
+    })
+}
+// 为角色授权
+export function grantToRole(data) {
+    return request({
+        url: '/grant/role',
+        method: 'post',
+        data
+    })
+}
+// 为用户授予角色
+export function grantToUser(data) {
+    return request({
+        url: '/grant/account',
+        method: 'post',
+        data
+    })
+}
+// 查询角色权限
+export function queryRoleAuthorities(roleId) {
+    return request({
+        url: `/role/query/${roleId}`,
+        method: 'get'
+    })
+}
+// 查询所有权限不用条件
+export function queryAuthoritiesNoCond() {
+    return request({
+        url: '/auth/no/cond',
+        method: 'get'
+    })
+}
+// 查询所有用户
+export function queryAccounts(params) {
+    return request({
+        url: '/account/all',
+        method: 'get',
+        params
+    })
+}
+// 查询当前用户角色
+export function queryAccountRoles(accountId) {
+    return request({
+        url: `/account/roles/${accountId}`,
+        method: 'get'
+    })
+}
+// 查询试卷
+export function queryPapers(params) {
+    return request({
+        url: '/paper/query',
+        method: 'get',
+        params
+    })
+}
+// 修改试卷
+export function editPaper(data) {
+    return request({
+        url: '/paper/edit',
+        method: 'put',
+        data
+    })
+}
+// 删除试卷
+export function deletePaper(paperId) {
+    return request({
+        url: `/practice/delete/paper/${paperId}`,
+        method: 'delete'
+    })
+}
+// 查看练习
+export function queryPaperPractice(paperId) {
+    return request({
+        url: `/practice/query/${paperId}`,
+        method: 'get'
+    })
+}
+// 导出试卷
+export function exportPaper(paperInstId) {
+    return request({
+        url: `/export/paper/${paperInstId}`,
+        method: 'get'
+    })
+}
+// 删除练习
+export function deletePractice(paperInstId) {
+    return request({
+        url: `/practice/delete/${paperInstId}`,
+        method: 'delete'
+    })
+}
\ No newline at end of file
diff --git a/.history/src/components/VideoDetails_20221211164906.vue b/src/components/AddBank.vue
similarity index 89%
rename from .history/src/components/VideoDetails_20221211164906.vue
rename to src/components/AddBank.vue
index 85fadc3a056cbfbfcf164c1503f9b8152c6e55da..72e63fc98d808b6b54297d7603a9fa10bea0f3d1 100644
--- a/.history/src/components/VideoDetails_20221211164906.vue
+++ b/src/components/AddBank.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    
+    addBank
   </div>
 </template>
 
diff --git a/.history/src/views/AuthMan_20221030183934.vue b/src/components/PaperBank.vue
similarity index 33%
rename from .history/src/views/AuthMan_20221030183934.vue
rename to src/components/PaperBank.vue
index 076fd2cdc043798c2e2d218f589bcf45f462a651..73e1bdd349d07b75b9255899c62d92909baa6900 100644
--- a/.history/src/views/AuthMan_20221030183934.vue
+++ b/src/components/PaperBank.vue
@@ -1,142 +1,134 @@
 <template>
   <div>
-    <el-row>
+    <!-- <el-row>
       <el-col :span="22">
-        <div class="sec-title">权限管理</div>
+        <div class="sec-title">试卷模板管理</div>
       </el-col>
       <el-col :span="2">
         <div>
           <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
+          <el-button @click="saveBefore" type="text">新增</el-button>
         </div>
       </el-col>
-    </el-row>
+    </el-row> -->
+    <!-- 筛选条件 -->
     <el-form
       :inline="true"
-      :model="formInline"
+      :model="queryParams"
       class="demo-form-inline"
     >
-      <el-form-item label="审批人">
+      <el-form-item label="题库名称">
         <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
+          v-model="queryParams.bankName"
+          placeholder="题库名称"
         ></el-input>
       </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
+      <el-form-item label="题库类型">
+        <el-select v-model="queryParams.bankType" placeholder="题库类型">
+            <el-option v-for="(item, index) in bankTypes" :label="item.codeName" :value="item.codeValue" :key="index"></el-option>
+          </el-select>
       </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
-          @click="onSubmit"
+          @click="searchBanks"
         >查询</el-button>
       </el-form-item>
     </el-form>
+    <!-- 表格 -->
     <el-table
-      :data="authorities"
+      :data="banks"
       height="590"
+      @row-click="callbackSelectTemplate"
     >
       <el-table-column
-        prop="authId"
-        label="权限编号"
+        prop="bankId"
+        label="题库编号"
+        width="180"
       >
       </el-table-column>
       <el-table-column
-        prop="authName"
-        label="权限名称"
+        prop="bankName"
+        label="题库名称"
+        width="180"
       >
       </el-table-column>
       <el-table-column
-        prop="authValue"
-        label="权限值"
+        prop="bankType"
+        label="题库类型"
+        width="170"
       >
+      <template slot-scope="scope">
+        {{ parseBankType(scope.row)}}
+      </template>
       </el-table-column>
       <el-table-column
-        prop="authDesc"
-        label="权限描述"
+        prop="bankDesc"
+        label="题库描述"
+        width="170"
       >
       </el-table-column>
-      <el-table-column label="操作">
-        <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >修改</el-button>
-          <el-button
-            type="text"
-            size="small"
-          >删除</el-button>
-        </template>
+      <el-table-column
+        prop="bankProblems"
+        label="题目总数"
+        width="170"
+      >
       </el-table-column>
     </el-table>
     <el-pagination
       background
       layout="prev, pager, next"
-      :total="1000"
+      :total="total"
     >
     </el-pagination>
   </div>
 </template>
 
 <script>
+import { queryBanks, getConfig, parseConfig } from '@/api/system/system.js'
 export default {
   data() {
     return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
-      },
-    };
+      current: 1,
+      pageSize: 10,
+      total: 0,
+      banks: [],
+      bankTypes: [],
+       queryParams: {
+          bankName: '',
+          bankType: '',
+          current: 1,
+          pageSize: 10
+        }
+    }
+  },
+  async mounted() {
+    const {data: res} = await getConfig({codeType: 'BANK_TYPE', codeValue: ''})
+    if (res.code === 200) {
+        this.bankTypes = res.data.cache
+    }
+    this.searchBanks()
+  },
+  computed: {
+    parseBankType() {
+        return function(row) {
+          return parseConfig(this.bankTypes, String(row.bankType))
+        }
+    }
   },
   methods: {
-    onSubmit() {
-      console.log("submit!");
+    async searchBanks() {
+        const { data: res } = await queryBanks(this.queryParams)
+        if (res.code === 200) {
+            this.banks = res.data.banks.records
+            this.total = res.data.banks.total
+        }
     },
-  },
-};
+   callbackSelectTemplate(row) {
+    this.$emit('selectBank', row)
+   }
+  }
+}
 </script>
 
 <style lang="css" scoped>
diff --git a/src/components/PaperPractices.vue b/src/components/PaperPractices.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5f5ee7dc606bd3f549ad03f420c1f464f05a2805
--- /dev/null
+++ b/src/components/PaperPractices.vue
@@ -0,0 +1,167 @@
+<template>
+  <div>
+    <!-- 入职 -->
+    <div>
+      
+    </div>
+    <el-row>
+      <el-col :span="22">
+        <div class="sec-title">练习</div>
+      </el-col>
+    </el-row>
+    <!-- 表格 -->
+    <el-table
+      :data="practices"
+      height="590"
+    >
+      <el-table-column
+        prop="paperInstId"
+        label="练习编号"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="paperName"
+        label="试卷名称"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="realScore"
+        label="得分"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="isWin"
+        label="是否通过"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="realTime"
+        label="答题时间"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="accountName"
+        label="答题人"
+      >
+      </el-table-column>
+      <el-table-column
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="deleteHandle(scope.row)"
+          >删除</el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click="exportHandle(scope.row)"
+          >导出</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="pageData.total"
+      @prev-click="preHandle"
+      @next-click="nextHandle"
+      @current-change="currentChangeHandle"
+    >
+    </el-pagination>
+  </div>
+</template>
+<script>
+import { exportPaper, deletePractice, queryPaperPractice } from '@/api/system/system.js'
+export default {
+  props: {
+    paperPractice: {
+        requierd: false,
+        default: {}
+    }
+  },
+  data() {
+    return {
+      paper: {},
+      practices: [],
+      pageData: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }
+  },
+  async mounted() {
+    this.practices = this.paperPractice.paperInstList
+    this.paper = this.paperPractice.paper
+  },
+  methods: {
+    preHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    nextHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    currentChangeHandle(current) {
+      this.pageData.current = current
+      this.searchPapers()
+    },
+    async exportHandle(row) {
+        const {data: res} = await exportPaper(row.paperInstId)
+        if (res.code === 200) {
+            var fileName = row.paperName + '.docx'
+						let link = document.createElement('a')
+						link.download = fileName
+						link.style.display = 'none'
+						link.href = res.data.path
+						document.body.appendChild(link)
+						link.click()
+						URL.revokeObjectURL(link.href)
+						document.body.removeChild(link)
+        } else {
+            this.$message.error('下载失败')
+        }
+    },
+    deleteHandle(row) {
+      let _this = this
+      this.$alert('删除练习', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          _this.deleteRoleHandle(row)
+        }).catch(() => {
+          _this.$message.success('已取消')
+        })
+    },
+    async deleteRoleHandle(row) {
+      const {data: res} = await deletePractice(row.paperInstId)
+      if (res.code === 200) {
+        this.$message.success("删除成功")
+      }
+      if (res.code === 500) {
+        this.$message.error(res.message)
+      }
+      this.searchPaperPractice()
+    },
+    async searchPaperPractice() {
+        const {data: res} = await queryPaperPractice(this.paper.paperId)
+        if (res.code === 200) {
+            this.practices = res.data.practices.paperInstList
+            this.paper = res.data.practices.paper
+        }
+    }
+  },
+};
+</script>
+
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/ProblemAnswerDetail.vue b/src/components/ProblemAnswerDetail.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b67cc14eb5c9e1e307caecd36107379f1cb416e6
--- /dev/null
+++ b/src/components/ProblemAnswerDetail.vue
@@ -0,0 +1,183 @@
+<template>
+  <div>
+    <el-row>
+      <el-col :span="22">
+        <div class="sec-title">答案管理</div>
+      </el-col>
+      <el-col :span="2">
+        <div>
+          <i class="el-icon-plus sec-blue"></i>
+          <el-button @click="saveHandle" type="text">新增</el-button>
+        </div>
+      </el-col>
+    </el-row>
+    <!-- 筛选条件 -->
+    <!-- 表格 -->
+    <el-table
+      :data.sync="answers"
+      height="590"
+    >
+      <el-table-column
+        prop="answerId"
+        label="试题编号"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="answer"
+        label="试题描述"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="isRight"
+        label="试题类型"
+        width="170"
+      >
+      <template slot-scope="scope">
+        {{ parseAnswerType(scope.row.isRight)}}
+      </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        width="140"
+      >
+        <template slot-scope="scope">
+          <el-button
+            @click="editHandle(scope.row)"
+            type="text"
+            size="small"
+          >修改</el-button>
+          <el-button
+            @click="deleteHandle(scope.row)"
+            type="text"
+            size="small"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog
+        :title="isSaveAnswer ? '新增答案' : '修改答案'"
+        :visible.sync="saveAnswerDialog"
+        width="40%">
+        <el-form :model="changeAnswer" label-width="80px">
+            <el-form-item v-if="!isSaveAnswer" label="答案编号">
+                <el-input disabled v-model="changeAnswer.answerId"></el-input>
+            </el-form-item>
+            <el-form-item label="答案描述">
+                <el-input v-model="changeAnswer.answer"></el-input>
+            </el-form-item>
+            <el-form-item label="是否正确">
+              <el-select v-model="changeAnswer.isRight" placeholder="是否正确">
+                <el-option v-for="(option, index) in rightOptions" :key="index" :label="option.codeName" :value="option.codeValue" ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="分值">
+                <el-input v-model="changeAnswer.score"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="changeAnswerHandle">确定</el-button>
+                <el-button @click="saveAnswerDialog = false">取消</el-button>
+            </el-form-item>
+        </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { parseConfig } from '@/api/system/system.js'
+export default {
+  data() {
+    return {
+      total: 0,
+      answers: [],
+      rightOptions: [
+        {
+          codeName: '正确',
+          codeValue: 1
+        },
+        {
+          codeName: '错误',
+          codeValue: 2
+        }
+      ],
+      changeAnswer: {
+        answerId: '',
+        answer: '',
+        sortId: 0,
+        isRight: '',
+        problemId: '',
+        score: ''
+      },
+      saveAnswerDialog: false,
+      isSaveAnswer: false,
+    }
+  },
+  computed: {
+    parseAnswerType() {
+        return function(type) {
+          return parseConfig(this.rightOptions, type)
+        }
+    }
+  },
+  methods: {
+    async deleteHandle(row) {
+        let tempArray = []
+        this.answers.forEach(item => {
+            if (row.sortId != item.sortId) {
+                tempArray.push(item)
+            }
+        })
+        this.answers = tempArray
+    },
+    async editHandle(row) {
+        this.changeAnswer = {...row}
+        this.isSaveAnswer = false
+        this.saveAnswerDialog = true
+    },
+    saveHandle() {
+        this.isSaveAnswer = true
+        this.saveAnswerDialog = true
+        this.changeAnswer = {
+            answerId: '',
+            answer: '',
+            sortId: 0,
+            isRight: '',
+            problemId: '',
+            score: ''
+        }
+    },
+    changeAnswerHandle() {
+      if (this.isSaveAnswer) {
+        this.changeAnswer.sortId = this.answers.length + 1
+        this.answers.push(this.changeAnswer)
+      } else {
+        let changeIndex = -1
+        this.answers.forEach(item => {
+            if (item.sortId === this.changeAnswer.sortId) {
+                changeIndex = item.sortId - 1
+            }
+        })
+        if (changeIndex >= 0) {
+            this.$set(this.answers, changeIndex, this.changeAnswer)
+        }
+      }
+      this.saveAnswerDialog = false
+      this.$emit('answerChange', this.answers)
+    },
+    refreshAnswers() {
+      this.answers = JSON.parse(this.$store.state.currentAnswers)
+    }
+  }
+}
+</script>
+
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/SelectedPaperTemplate.vue b/src/components/SelectedPaperTemplate.vue
new file mode 100644
index 0000000000000000000000000000000000000000..43aa0c6bdb040f3151fb56afe3a51632d48642c1
--- /dev/null
+++ b/src/components/SelectedPaperTemplate.vue
@@ -0,0 +1,228 @@
+<template>
+  <div>
+    <el-row>
+      <el-col :span="22">
+        <div class="sec-title">试卷模板管理</div>
+      </el-col>
+      <el-col :span="2">
+        <div>
+          <i class="el-icon-plus sec-blue"></i>
+          <el-button @click="saveBefore" type="text">新增</el-button>
+        </div>
+      </el-col>
+    </el-row>
+    <!-- 筛选条件 -->
+    <el-form
+      :inline="true"
+      :model="queryParams"
+      class="demo-form-inline"
+    >
+      <el-form-item label="创建人">
+        <el-input
+          v-model="queryParams.accountName"
+          placeholder="创建人"
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          @click="searchTemplate"
+        >查询</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 表格 -->
+    <el-table
+      :data="templates"
+      height="590"
+      @row-click="callbackSelectTemplate"
+    >
+      <el-table-column
+        prop="templateId"
+        label="模板编号"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="templateName"
+        label="模板名称"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="paperType"
+        label="试卷类型"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="paperScore"
+        label="试卷分数"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="problems"
+        label="题目总数"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="limitTime"
+        label="限制时间"
+        width="170"
+      >
+      <template slot-scope="scope">
+        {{ parseTime(scope.row.limitTime )}}
+      </template>
+      </el-table-column>
+      <el-table-column
+        prop="winScore"
+        label="通过分数"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="accountName"
+        label="创建人"
+        width="170"
+      >
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="total"
+    >
+    </el-pagination>
+    <!-- 新增试卷模板 -->
+    <el-drawer
+    :title="isEdit ? '修改模板' : '新增模板'"
+    :visible.sync="changeTemplateKey"
+    direction="rtl">
+    <el-form :model="editTemplate" label-width="80px">
+        <el-form-item label="模板编号">
+            <el-input v-model="editTemplate.templateId"></el-input>
+        </el-form-item>
+        <el-form-item label="模板名称">
+            <el-input v-model="editTemplate.templateName"></el-input>
+        </el-form-item>
+        <el-form-item label="试卷名称">
+            <el-input v-model="editTemplate.paperName"></el-input>
+        </el-form-item>
+        <el-form-item label="试卷类型">
+            <el-select v-model="editTemplate.paperType" placeholder="请选择试卷类型">
+                <el-option label="文化常识" value="1"></el-option>
+                <el-option label="企业文化" value="2"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="试卷分数">
+            <el-input v-model="editTemplate.paperScore"></el-input>
+        </el-form-item>
+        <el-form-item label="题目总数">
+            <el-input v-model="editTemplate.problems"></el-input>
+        </el-form-item>
+        <el-form-item label="限制时间">
+            <el-input v-model="editTemplate.limitTime"></el-input>
+        </el-form-item>
+        <el-form-item label="通过分数">
+            <el-input v-model="editTemplate.winScore"></el-input>
+        </el-form-item>
+        <el-form-item>
+        <el-button type="primary" @click="submitChange">确定</el-button>
+        <el-button>取消</el-button>
+    </el-form-item>
+    </el-form>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import { queryPaperTemplates, savePaperTemplate, editPaperTemplate, deletePaperTemplate } from '@/api/system/system.js'
+export default {
+  data() {
+    return {
+      isShowInfo: false,
+      changeTemplateKey: false,
+      isEdit: false,
+      activities: [],
+      editTemplate: {
+        templateId: '',
+        templateName: '',
+        paperName: '',
+        paperScore: '',
+        paperType: '',
+        limitTime: '',
+        winScore: ''
+      },
+      current: 1,
+      pageSize: 10,
+      total: 0,
+      templates: [],
+       queryParams: {
+          accountName: '',
+          current: 1,
+          pageSize: 10
+        }
+    }
+  },
+  mounted() {
+    this.searchTemplate()
+  },
+  computed: {
+    parseTime() {
+        return function(time) {
+          return time / 1000 / 60 + '分钟'
+        }
+    }
+  },
+  methods: {
+    async searchTemplate() {
+        const { data: res } = await queryPaperTemplates(this.queryParams)
+        if (res.code === 200) {
+            this.templates = res.data.pages.records
+            this.total = res.data.pages.total
+        }
+    },
+    saveBefore() {
+        this.changeTemplateKey = true
+        this.isEdit = false
+        this.editTemplate = {}
+    },
+    editBefore(row) {
+      // 
+      this.editTemplate = row
+      this.isEdit = true
+      this.changeTemplateKey = true
+   },
+   async submitChange() {
+    if (this.isEdit) {
+        // 修改试卷模板
+        await editPaperTemplate(this.editTemplate)
+    } else {
+        // 新增试卷模板
+        await savePaperTemplate(this.editTemplate)
+    }
+    this.changeTemplateKey = false
+    this.searchTemplate()
+   },
+   async deleteHandle(row) {
+    //删除模板
+    await deletePaperTemplate(row.templateId)
+    this.searchTemplate()
+   },
+   callbackSelectTemplate(row) {
+    this.$emit('selectTemplate', row)
+   }
+  }
+}
+</script>
+
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+</style>
\ No newline at end of file
diff --git a/.history/src/views/VideoMan_20221030181535.vue b/src/components/SelectedRoles.vue
similarity index 31%
rename from .history/src/views/VideoMan_20221030181535.vue
rename to src/components/SelectedRoles.vue
index f215f7f27916cfb7b430f3eac6469f563619fec3..446a1e71d1625543ce35220664cbad316724a0d3 100644
--- a/.history/src/views/VideoMan_20221030181535.vue
+++ b/src/components/SelectedRoles.vue
@@ -1,99 +1,133 @@
 <template>
   <div>
-    <el-row>
+    <!-- 入职 -->
+    <div>
+      
+    </div>
+    <!-- <el-row>
       <el-col :span="22">
-        <div class="sec-title">权限管理</div>
+        <div class="sec-title">职位管理</div>
       </el-col>
       <el-col :span="2">
         <div>
           <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
+          <el-button @click="saveHandle" type="text">新增</el-button>
         </div>
       </el-col>
-    </el-row>
+    </el-row> -->
+    <!-- 筛选条件 -->
     <el-form
       :inline="true"
-      :model="formInline"
+      :model="queryParams"
       class="demo-form-inline"
     >
-      <el-form-item label="审批人">
+      <el-form-item label="角色名称">
         <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
+          v-model="queryParams.roleName"
+          placeholder="角色名称"
         ></el-input>
       </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
-          @click="onSubmit"
+          @click="initSearchRoles"
         >查询</el-button>
       </el-form-item>
     </el-form>
+    <!-- 表格 -->
     <el-table
-      :data="tableData"
+      :data="roles"
       height="590"
-      border
-      style="width: 100%"
+      @row-click="roleCallback"
     >
       <el-table-column
-        prop="date"
-        label="日期"
-        width="180"
+        prop="roleId"
+        label="角色编号"
       >
       </el-table-column>
       <el-table-column
-        prop="name"
-        label="姓名"
-        width="180"
+        prop="roleName"
+        label="角色名称"
       >
       </el-table-column>
       <el-table-column
-        prop="address"
-        label="地址"
+        prop="roleDesc"
+        label="角色描述"
       >
       </el-table-column>
     </el-table>
     <el-pagination
       background
       layout="prev, pager, next"
-      :total="1000"
+      :total="pageData.total"
+      @prev-click="preHandle"
+      @next-click="nextHandle"
+      @current-change="currentChangeHandle"
     >
     </el-pagination>
   </div>
 </template>
-
 <script>
+import { queryRoles } from '@/api/system/system';
 export default {
   data() {
     return {
-      formInline: {
-        user: "",
-        region: "",
+      roles: [],
+      queryParams: {
+          roleName: '',
+          current: 0,
+          pageSize: 10
       },
-    };
+      pageData: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }
+  },
+  async mounted() {
+    this.initSearchRoles()
+  },
+  computed: {
   },
   methods: {
-    onSubmit() {
-      console.log("submit!");
+    preHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    nextHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    currentChangeHandle(current) {
+      this.pageData.current = current
+      this.searchRoles()
+    },
+    initSearchRoles() {
+      this.pageData.current = 1
+      this.pageData.pageSize = 10
+      this.searchRoles()
+    },
+    async searchRoles() {
+      this.queryParams.current = this.pageData.current
+      this.queryParams.pageSize = this.pageData.pageSize
+      const {data: res} = await queryRoles(this.queryParams)
+      if (res.code === 200) {
+        this.roles = res.data.roles.records
+        this.pageData.total = res.data.roles.total
+      }
     },
+    roleCallback(row) {
+      this.$emit('selectRole', row)
+    }
   },
 };
 </script>
 
-<style>
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index aa0d3d97d054df3cbe3010d34d54f3c78c2fbc88..64382e17c839b028e31fcabe822e95b403142575 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -12,7 +12,8 @@
       :controls="originPlay&&controls"
       :loop="loop"
       :muted="autoplay || muted"
-      :preload="preload">
+      :preload="preload"
+      >
       当前浏览器不支持视频插件，请更新或更换浏览器~
     </video>
     <!-- <svg :class="[vplay ? 'play cursor':'hidden']" :style="`width: ${playWidth}px; height: ${playWidth}px;`" @click="clickPlay" viewBox="0 0 24 24">
@@ -34,6 +35,10 @@ export default {
       type: String,
       default: null
     },
+    totalTime: {
+      type: Number,
+      requierd: true
+    },
     width: { // 视频播放器宽度
       type: Number,
       default: 800
@@ -81,12 +86,16 @@ export default {
   data () {
     return {
       originPlay: true,
-      vplay: true
+      vplay: true,
+      readTime: 0,
+      timerId: '',
     }
   },
   mounted () {
+    this.readTime = 0
     this.$refs.veo.addEventListener('pause', this.onPause)
     this.$refs.veo.addEventListener('playing', this.onPlaying)
+    this.$refs.veo.addEventListener('ready', this.playerReadied)
     if (this.autoplay) {
       this.vplay = false
       this.originPlay = false
@@ -94,12 +103,20 @@ export default {
   },
   methods: {
     onPause () {
+      clearInterval(this.timerId)
       this.vplay = true
       this.$once('hook:beforeDestroy', function () {
         removeEventListener('pause', this.onPause)
       })
     },
     onPlaying () {
+      this.timerId = setInterval(() => {
+        this.readTime += 1000
+        console.log(this.readTime)
+        if (this.readTime >= this.totalTime) {
+          clearInterval(this.timerId)
+        }
+      }, 1000)
       this.vplay = false
       // 自动清理自己，避免内存泄漏
       this.$once('hook:beforeDestroy', function () {
@@ -107,11 +124,14 @@ export default {
       })
     },
     clickPlay () {
+      console.log('click play')
       this.$refs.veo.play()
       this.vplay = false
       if (this.originPlay) {
         this.originPlay = false
       }
+    },
+    playerReadied(player) {
     }
   }
 }
diff --git a/.history/src/layout/index_20221211181415.vue b/src/layout/dynamicLayout.vue
similarity index 85%
rename from .history/src/layout/index_20221211181415.vue
rename to src/layout/dynamicLayout.vue
index df7aebca58b9f87b4c36ee06e91c7d2532ba46c1..b366dff29dde8021801f909195a2a78f75fddaaf 100644
--- a/.history/src/layout/index_20221211181415.vue
+++ b/src/layout/dynamicLayout.vue
@@ -13,7 +13,7 @@
             active-text-color="#ffd04b"
           >
             <el-menu-item index="/funcHall">
-              <img src="@/assets/bg/logo.png">
+              @mianyangzhangsan
             </el-menu-item>
           </el-menu>
         </el-col>
@@ -74,18 +74,11 @@
               <span>考试中心</span>
             </template>
             <el-menu-item index="/paperPractice">在线练习</el-menu-item>
+            <el-menu-item index="/paperTemplate">试卷模板管理</el-menu-item>
             <el-menu-item index="/paperBank">题库管理</el-menu-item>
             <el-menu-item index="/paperExam">我的考试</el-menu-item>
           </el-submenu>
           <el-submenu index="4">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>部门管理</span>
-            </template>
-            <el-menu-item index="/deptMan">部门管理</el-menu-item>
-            <el-menu-item index="/selfDept">我的部门</el-menu-item>
-          </el-submenu>
-          <el-submenu index="5">
             <template slot="title">
               <i class="el-icon-location"></i>
               <span>用户管理</span>
@@ -93,26 +86,16 @@
             <el-menu-item index="/authMan">权限管理</el-menu-item>
             <el-menu-item index="/positionMan">职位管理</el-menu-item>
           </el-submenu>
-          <el-submenu index="6">
+          <el-submenu index="5">
             <template slot="title">
               <i class="el-icon-location"></i>
               <span>消息中心</span>
             </template>
             <el-menu-item index="/approvalMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的审批
-              </el-badge>
+              我的审批
             </el-menu-item>
             <el-menu-item index="/applyMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的申请
-              </el-badge>
+              我的申请
             </el-menu-item>
           </el-submenu>
         </el-menu>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index df7aebca58b9f87b4c36ee06e91c7d2532ba46c1..cfeb33076c653778e3f433dcf3a2ca5391d0c266 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -33,7 +33,7 @@
               ></el-avatar>
             </el-menu-item>
             <el-submenu index="1">
-              <template slot="title">zhangsan</template>
+              <template slot="title">{{ currentAccount.accountName }}</template>
               <el-menu-item index="/personCenter">个人中心</el-menu-item>
               <el-menu-item index="/login">切换账号</el-menu-item>
               <el-menu-item @click.native="logout">退出登录</el-menu-item>
@@ -53,7 +53,22 @@
           :unique-opened="true"
           active-text-color="#ffd04b"
         >
-          <el-menu-item index="/funcHall">
+        <el-menu-item v-for="(menu, index) in noChildrenMenus" :index="menu.authorityPath" :key="index">
+            <template>
+              <i :class="menu.authorityIcon"></i>
+              <span>{{menu.authorityName}}</span>
+            </template>
+        </el-menu-item>
+        <el-submenu v-for="(menu, parentIndex) in hasChildrenMenus" :index="String(parentIndex)" :key="parentIndex + noChildrenMenusLength">
+            <template slot="title">
+              <i :class="menu.authorityIcon"></i>
+              <span>{{menu.authorityName}}</span>
+            </template>
+            <el-menu-item v-for="(child, childIndex) in menu.children" :index="child.authorityPath" :key="childIndex">
+              {{child.authorityName}}
+            </el-menu-item>
+        </el-submenu>
+          <!-- <el-menu-item index="/funcHall">
             <template>
               <i class="el-icon-location"></i>
               <span>功能大厅</span>
@@ -74,18 +89,11 @@
               <span>考试中心</span>
             </template>
             <el-menu-item index="/paperPractice">在线练习</el-menu-item>
+            <el-menu-item index="/paperTemplate">试卷模板管理</el-menu-item>
             <el-menu-item index="/paperBank">题库管理</el-menu-item>
             <el-menu-item index="/paperExam">我的考试</el-menu-item>
           </el-submenu>
           <el-submenu index="4">
-            <template slot="title">
-              <i class="el-icon-location"></i>
-              <span>部门管理</span>
-            </template>
-            <el-menu-item index="/deptMan">部门管理</el-menu-item>
-            <el-menu-item index="/selfDept">我的部门</el-menu-item>
-          </el-submenu>
-          <el-submenu index="5">
             <template slot="title">
               <i class="el-icon-location"></i>
               <span>用户管理</span>
@@ -93,28 +101,18 @@
             <el-menu-item index="/authMan">权限管理</el-menu-item>
             <el-menu-item index="/positionMan">职位管理</el-menu-item>
           </el-submenu>
-          <el-submenu index="6">
+          <el-submenu index="5">
             <template slot="title">
               <i class="el-icon-location"></i>
               <span>消息中心</span>
             </template>
             <el-menu-item index="/approvalMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的审批
-              </el-badge>
+              我的审批
             </el-menu-item>
             <el-menu-item index="/applyMan">
-              <el-badge
-                :value="12"
-                class="item"
-              >
-                我的申请
-              </el-badge>
+              我的申请
             </el-menu-item>
-          </el-submenu>
+          </el-submenu> -->
         </el-menu>
       </el-aside>
       <!-- 主体展示区域 -->
@@ -128,7 +126,34 @@
 <script>
 export default {
   data() {
-    return {};
+    return {
+      noChildrenMenus: [],
+      hasChildrenMenus: [],
+      noChildrenMenusLength: 0,
+      currentAccount: {
+        accountId: '',
+        accountName: ''
+      }
+    }
+  },
+  mounted() {
+    let routerData = JSON.parse(this.$store.state.routerData)
+    routerData.forEach(item => {
+      if (item.authorityType != 3 && parseInt(item.authorityParent) === 0) {
+        var children = this.findChildren(routerData, item.authorityId)
+        var menu = {
+          ...item,
+          children
+        }
+        if (children.length === 0) {
+          this.noChildrenMenus.push(menu)
+        } else {
+          this.hasChildrenMenus.push(menu)
+        }
+      }
+    })
+    this.noChildrenMenusLength = this.noChildrenMenus.length
+    this.currentAccount = this.$store.state.currentUser
   },
   methods: {
     logout() {
@@ -141,6 +166,15 @@ export default {
     toIndex() {
       this.$router.push("/funcHall");
     },
+    findChildren(menus, parentId) {
+      let children = []
+      menus.forEach(item => {
+        if (parseInt(item.authorityParent) === parentId) {
+          children.push(item)
+        }
+      })
+      return children
+    }
   },
 };
 </script>
diff --git a/src/main.js b/src/main.js
index 40d1ae99e8645ccae28b6ad6603d14c4655c31e4..78ecf26cfa4b449f56538b110d1ea084fa43789c 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
+import store from './store'
 import Element, { Message } from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 import '@/assets/css/main.css'
@@ -8,9 +9,12 @@ import '@/assets/css/global.css'
 import http from './utils/axios'
 import VideoPlayer from 'vue-video-player'
 import 'video.js/dist/video-js.css'
+import Vue2OrgTree from 'vue2-org-tree'
+// import 'echarts.js'
 
 
 Vue.use(VideoPlayer)
+Vue.use(Vue2OrgTree)
 
 Vue.config.productionTip = false
 
@@ -24,6 +28,7 @@ Vue.prototype.$message = Message
 
 
 new Vue({
-  router: router,
+  router,
+  store,
   render: h => h(App),
 }).$mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index 3a9d008400e6eccdb0ced99d178ed7bbea5c2cb5..d0815054dc123205036b2ba57f0c06db54101758 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,8 +1,25 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import layout from '@/layout/index'
+import store from '@/store'
+import {getAuthorities} from '@/api/system/system.js'
 
 Vue.use(Router)
+
+const originalPush = Router.prototype.push
+const originalReplace = Router.prototype.replace
+//push
+Router.prototype.push = function push(location, onResolve, onReject) {
+    if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
+    return originalPush.call(this, location).catch(err => console.log(err))
+}
+//replace
+Router.prototype.replace = function push(location, onResolve, onReject) {
+    if (onResolve || onReject) return originalReplace.call(this, location, onResolve, onReject)
+    return originalReplace.call(this, location).catch(err => err)
+}
+
+
 const router = new Router({
     routes: [
         {
@@ -19,116 +36,60 @@ const router = new Router({
             path: '/home',
             component: layout
         },
-        {
-            path: '/sys',
-            component: layout,
-            children: [
-                {
-                    path: '/funcHall',
-                    component: () => import('@/views/FuncHall.vue')
-                }
-            ]
-        },
-        {
-            path: '/paper',
-            component: layout,
-            children: [
-                {
-                    path: '/paperPractice',
-                    component: () => import('@/views/PaperPractice.vue')
-                },
-                {
-                    path: '/paperExam',
-                    component: () => import('@/views/PaperExam.vue')
-                },
-                {
-                    path: '/paperBank',
-                    component: () => import('@/views/PaperBank.vue')
-                }
-            ]
-        },
-        {
-            path: '/stady',
-            component: layout,
-            children: [
-                {
-                    path: '/watchVideo',
-                    component: () => import('@/views/WatchVideo.vue')
-                },
-                {
-                    path: '/watchLog',
-                    component: () => import('@/views/WatchLog.vue')
-                },
-                {
-                    path: '/videoMan',
-                    component: () => import('@/views/VideoMan.vue')
-                },
-                {
-                    path: '/allVideo',
-                    component: () => import('@/views/AllVideo.vue')
-                },
-                {
-                    path: '/videoDetail',
-                    component: () => import('@/components/VideoDetails.vue')
-                }
-            ]
-        },
-        {
-            path: '/dept',
-            component: layout,
-            children: [
-                {
-                    path: '/deptMan',
-                    component: () => import('@/views/DeptMan.vue')
-                },
-                {
-                    path: '/selfDept',
-                    component: () => import('@/views/SelfDept.vue')
-                }
-            ]
-        },
-        {
-            path: '/user',
-            component: layout,
-            children: [
-                {
-                    path: '/authMan',
-                    component: () => import('@/views/AuthMan.vue')
-                },
-                {
-                    path: '/positionMan',
-                    component: () => import('@/views/PositionMan.vue')
-                },
-                {
-                    path: '/personCenter',
-                    component: () => import('@/views/PersonCenter.vue')
-                }
-            ]
-        },
-        {
-            path: '/notice',
-            component: layout,
-            children: [
-                {
-                    path: '/approvalMan',
-                    component: () => import('@/views/ApprovalMan.vue')
-                },
-                {
-                    path: '/applyMan',
-                    component: () => import('@/views/ApplyMan.vue')
-                }
-            ]
-        }
+        
     ]
 })
+// to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
 // 路由导航守卫
-// 权限验证：判断当前请求是否能够访问
+// 动态路由
+let ignorePath = [
+    '/login'
+]
+let refreshOnece = true
 router.beforeEach((to, from, next) => {
-    // to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
-    if (to.path === '/login') return next()
-    const token = window.sessionStorage.getItem('Authorization')
-    if (!token) return next('/login')
-    next()
+    if (!ignorePath.includes(to.path) && store.state.isRefresh) {
+        getAuthorities().then(res => {
+            store.dispatch('set_router', JSON.stringify(res.data.data.authorities))
+            store.dispatch('set_refresh', false)
+            var data = dynamicRouter(res.data.data.authorities)
+            router.addRoute(data)
+            next({
+                ...to,
+                replace: true
+            })
+        })
+    }else if (refreshOnece && store.state.routerData && store.state.routerData.length > 0) {
+        let authorities = []
+        refreshOnece = false
+        store.dispatch('set_refresh', false)
+        authorities = JSON.parse(store.state.routerData)
+        var data = dynamicRouter(authorities)
+        router.addRoute(data)
+        next({
+            ...to,
+            replace: true
+        })
+    } else {
+        next()
+    }
+    
 })
+function dynamicRouter(routerData) {
+    let mainRouter = {
+        path: '/main',
+        component: layout,
+        children: []
+    }
+    routerData.forEach(item => {
+        if (item.authorityType != 0) {
+            mainRouter.children.push({
+                 path: item.authorityPath,
+                 component: () => import(`@/views/${item.authorityComponent}`)
+            })
+        }
+                        
+    })
+    return mainRouter
+}
 
 export default router
\ No newline at end of file
diff --git a/src/router/static-router.js b/src/router/static-router.js
index ddeb73244f3d6d923ed18d65cec48b298301d2df..330311fbd1228184ed453ea1d3cbb312bf06d16a 100644
--- a/src/router/static-router.js
+++ b/src/router/static-router.js
@@ -1,18 +1,124 @@
-export const staticRoute = [
-    {
-        path: '/login',
-        component: () => import('@/views/login')
-    },
-    {
-        path: '/',
-        redirect: '/login'
-    },
-    {
-        path: '/register',
-        component: () => import('@/views/register')
-    },
-    {
-        path: '/404',
-        component: () => import('@/views/404.vue')
-    }
-]
\ No newline at end of file
+import Vue from 'vue'
+import Router from 'vue-router'
+import layout from '@/layout/index'
+import store from '@/store'
+
+Vue.use(Router)
+const router = new Router({
+    routes: [
+        {
+            path: '/login',
+            name: 'login',
+            component: () => import('@/views/login')
+        },
+        {
+            path: '/',
+            redirect: '/login',
+            component: () => import('@/views/login')
+        },
+        {
+            path: '/home',
+            component: layout
+        },
+        {
+            path: '/main',
+            component: layout,
+            children: [
+                {
+                    path: '/funcHall',
+                    component: () => import('@/views/FuncHall.vue')
+                },
+                {
+                    path: '/paperPractice',
+                    component: () => import('@/views/PaperPractice.vue')
+                },
+                {
+                    path: '/paperExam',
+                    component: () => import('@/views/PaperExam.vue')
+                },
+                {
+                    path: '/paperBank',
+                    component: () => import('@/views/PaperBank.vue')
+                },
+                {
+                    path: '/bankManager',
+                    component: () => import('@/views/PaperBankManager.vue')
+                },
+                {
+                    path: '/paperDetails',
+                    component: () => import('@/views/PaperDetails.vue')
+                },
+                {
+                    path: '/paperCenter',
+                    component: () => import('@/views/PaperCenter.vue')
+                },
+                {
+                    path: '/paperTemplate',
+                    component: () => import('@/views/PaperTemplateMan.vue')
+                },
+                {
+                    path: '/problemDetail',
+                    component: () => import('@/views/ProblemDetail.vue')
+                },
+                {
+                    path: '/watchVideo',
+                    component: () => import('@/views/WatchVideo.vue')
+                },
+                {
+                    path: '/watchLog',
+                    component: () => import('@/views/WatchLog.vue')
+                },
+                {
+                    path: '/videoMan',
+                    component: () => import('@/views/VideoMan.vue')
+                },
+                {
+                    path: '/allVideo',
+                    component: () => import('@/views/AllVideo.vue')
+                },
+                {
+                    path: '/videoDetail',
+                    component: () => import('@/views/VideoDetails.vue')
+                },
+                {
+                    path: '/deptMan',
+                    component: () => import('@/views/DeptMan.vue')
+                },
+                {
+                    path: '/selfDept',
+                    component: () => import('@/views/SelfDept.vue')
+                },
+                {
+                    path: '/authMan',
+                    component: () => import('@/views/AuthMan.vue')
+                },
+                {
+                    path: '/positionMan',
+                    component: () => import('@/views/PositionMan.vue')
+                },
+                {
+                    path: '/personCenter',
+                    component: () => import('@/views/PersonCenter.vue')
+                },
+                {
+                    path: '/approvalMan',
+                    component: () => import('@/views/ApprovalMan.vue')
+                },
+                {
+                    path: '/applyMan',
+                    component: () => import('@/views/ApplyMan.vue')
+                }
+            ]
+        }
+    ]
+})
+// 路由导航守卫
+// 权限验证：判断当前请求是否能够访问
+// 动态路由
+router.beforeEach((to, from, next) => {
+    // to：来源地址，from：跳转地址，next：放行函数next()-直接放行，next('/path')放行并跳转到指定路径
+    store.state.routerData
+    next()
+})
+
+export default router
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..5fcc3b3b562b730c806c832f09096e1ba88c7717
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,79 @@
+import Vuex from 'vuex'
+import Vue from 'vue'
+
+Vue.use(Vuex)
+
+const actions = {
+    current_video(context, value) {
+        context.commit('CURRENT_VIDEO', value)
+    },
+    current_practice(context, value) {
+        context.commit('CURRENT_PRACTICE', value)
+    },
+    current_bank(context, value) {
+        context.commit('CURRENT_BANK', value)
+    },
+    current_answers(context, value) {
+        context.commit('CURRENT_ANSWERS', value)
+    },
+    set_user(context, value) {
+        context.commit('CURRENT_USER', value)
+    },
+    set_router(context, value) {
+        context.commit('ROUTER_DATA', value)
+    },
+    set_refresh(context, value) {
+        context.commit('SET_REFRESH', value)
+    }
+}
+
+const mutations = {
+    CURRENT_VIDEO(state, value) {
+        state.currentVideo = value
+    },
+    CURRENT_PRACTICE(state, value) {
+        state.currentPractice = value
+    },
+    CURRENT_BANK(state, value) {
+        state.currentBank = value
+    },
+    CURRENT_ANSWERS(state, value) {
+        state.currentAnswers = value
+    },
+    CURRENT_USER(state, value) {
+        state.currentUser = value
+    },
+    ROUTER_DATA(state, value) {
+        state.routerData = value
+    },
+    SET_REFRESH(state, value) {
+        state.isRefresh = value
+    }
+    
+}
+
+const state = {
+    currentVideo: '',
+    currentPractice: '',
+    currentBank: '',
+    currentAnswers: [],
+    currentUser: {},
+    routerData: [],
+    isRefresh: true
+}
+
+const getters = {
+    getCurrentVideo(state) {
+        return state.currentVideo
+    }
+}
+
+const store = new Vuex.Store({
+    actions,
+    mutations,
+    state,
+    getters
+})
+
+
+export default store
\ No newline at end of file
diff --git a/src/utils/axios/index.js b/src/utils/axios/index.js
index 6a22a6a4d6f6d6de9b7764caa6c65997dd274adc..5e4dc98ca2b0e06ee1972c3140e4ed42ef7bea40 100644
--- a/src/utils/axios/index.js
+++ b/src/utils/axios/index.js
@@ -26,20 +26,20 @@ http.interceptors.request.use(function(config) {
     }
 }) 
 // 响应拦截器
-http.interceptors.response.use(function(response) {
-    var login = [
-        '/user/login',
-    ]
-    // 把登录请求响应中的token存入localStorage中
-    if (login.includes(response.config.url)) {
-        // 获取响应中的token
-        var token = response.data.data.token || ''
-        // 存入localStorage中
-        window.sessionStorage.setItem("Authorization", token)
-    }
-    // 返回响应结果
-    return response
-})
+// http.interceptors.response.use(function(response) {
+//     var login = [
+//         '/user/login',
+//     ]
+//     // 把登录请求响应中的token存入localStorage中
+//     if (login.includes(response.config.url)) {
+//         // 获取响应中的token
+//         var token = response.data.data.token || ''
+//         // 存入localStorage中
+//         window.sessionStorage.setItem("Authorization", token)
+//     }
+//     // 返回响应结果
+//     return response
+// })
 
 
 export default http  
diff --git a/src/utils/common.js b/src/utils/common.js
new file mode 100644
index 0000000000000000000000000000000000000000..3c46638be35299739e2f151dab9315446037513d
--- /dev/null
+++ b/src/utils/common.js
@@ -0,0 +1,5 @@
+import FuncHall from '@/views/FuncHall.vue'
+
+export default {
+    FuncHall
+}
\ No newline at end of file
diff --git a/src/views/AccountMan.vue b/src/views/AccountMan.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b0f3a3f7d3f83c98a2a36bd9918b97eb44beceff
--- /dev/null
+++ b/src/views/AccountMan.vue
@@ -0,0 +1,200 @@
+<template>
+  <div>
+    <!-- 入职 -->
+    <div>
+      
+    </div>
+    <el-row>
+      <el-col :span="22">
+        <div class="sec-title">用户管理</div>
+      </el-col>
+    </el-row>
+    <!-- 筛选条件 -->
+    <el-form
+      :inline="true"
+      :model="queryParams"
+      class="demo-form-inline"
+    >
+      <el-form-item label="用户名">
+        <el-input
+          v-model="queryParams.accountName"
+          placeholder="用户名"
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          @click="initSearchAccounts"
+        >查询</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 表格 -->
+    <el-table
+      :data="accounts"
+      height="590"
+    >
+      <el-table-column
+        prop="accountId"
+        label="用户编号"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="accountName"
+        label="用户名称"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="signature"
+        label="用户签名"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="accountLevel"
+        label="用户等级"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="accountPosition"
+        label="用户职位"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="registerTime"
+        label="注册时间"
+      >
+      </el-table-column>
+      <el-table-column
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="grantHandle(scope.row)"
+          >授予</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="pageData.total"
+      @prev-click="preHandle"
+      @next-click="nextHandle"
+      @current-change="currentChangeHandle"
+    >
+    </el-pagination>
+    <el-dialog
+      title="授权"
+      :visible.sync="grantWindowKey"
+      width="70%">
+      <el-transfer :titles="['全部角色', '我的角色']" v-model="currentRoles" :data="allRoles"></el-transfer>
+      <div style="margin-top: 20px;">
+        <el-button type="primary" @click="grantAccountRoles">确定</el-button>
+        <el-button @click="grantWindowKey = false">取消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { queryAccounts, queryAccountRoles, grantToUser } from '@/api/system/system';
+export default {
+  data() {
+    return {
+      grantWindowKey: false,
+      allRoles: [],
+      currentRoles: [],
+      accounts: [],
+      queryParams: {
+          accountName: '',
+          current: 0,
+          pageSize: 10
+      },
+      pageData: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      currentAccount: {}
+    }
+  },
+  async mounted() {
+    this.initSearchAccounts()
+  },
+  computed: {
+  },
+  methods: {
+    preHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    nextHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    currentChangeHandle(current) {
+      this.pageData.current = current
+      this.searchAccounts()
+    },
+    async grantHandle(row) {
+      // 当前用户
+      this.currentAccount = {...row}
+      // 请求当前角色
+      const {data: accountRoles} = await queryAccountRoles(row.accountId)
+      if (accountRoles.code === 200) {
+        let accountRole =  accountRoles.data.accountRole
+        const currentRoles = accountRole.currentRoles
+        const allRoles = accountRole.allRoles
+        this.currentRoles = []
+        currentRoles.forEach(item => {
+            this.currentRoles.push(item.roleId)
+        })
+        this.allRoles = []
+        allRoles.forEach(role => {
+            this.allRoles.push({
+                key: role.roleId,
+                label: role.roleName
+            })
+        })
+        this.grantWindowKey = true
+      }
+    },
+    initSearchAccounts() {
+      this.pageData.current = 1
+      this.pageData.pageSize = 10
+      this.searchAccounts()
+    },
+    async searchAccounts() {
+      this.queryParams.current = this.pageData.current
+      this.queryParams.pageSize = this.pageData.pageSize
+      const {data: res} = await queryAccounts(this.queryParams)
+      if (res.code === 200) {
+        this.accounts = res.data.accounts.records
+        this.pageData.total = res.data.accounts.total
+      }
+    },
+    async grantAccountRoles() {
+      let grant = {}
+      grant.relationId = this.currentAccount.accountId
+      grant.relations = this.currentRoles
+      console.log(grant)
+      const {data: res} = await grantToUser(grant)
+      if (res.code === 200) {
+        this.$message.success('授权成功')
+      }
+      if (res.code === 500) {
+        this.$message.error(res.message)
+      }
+      this.grantWindowKey = false
+    }
+  },
+};
+</script>
+
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/AllVideo.vue b/src/views/AllVideo.vue
index 8b47adbe86ad713c5992f906feba902a22b34bbe..069257a5c4cc2fd8aae85d4ecaa49359984ff576 100644
--- a/src/views/AllVideo.vue
+++ b/src/views/AllVideo.vue
@@ -4,28 +4,30 @@
     <div>
       <div class="tag-group sec-align">
         <el-button
-          @click="selectSort(sort, index)"
-          type="text"
-          :class="{'sec-text-btn': true, 'sec-btn-selected': sort.selected}"
           v-for="(sort, index) in sorts"
+          @click="selectSort(sort)"
+          type="text"
+          :class="{'sec-text-btn': true, 'sec-btn-selected': sort.isSelect}"
           :key="index"
         >{{ sort.name }}</el-button>
       </div>
       <div class="tag-group sec-align">
         <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(year, index) in years"
-          :key="index"
-        >{{ year }}</el-button>
+        v-for="(year, index) in years"
+        @click="selectYear(year)"
+        type="text"
+        :class="{'sec-text-btn': true, 'sec-btn-selected': year.isSelect}"
+        :key="index"
+        >{{ year.name }}</el-button>
       </div>
       <div class="tag-group sec-align">
         <el-button
-          type="text"
-          class="sec-text-btn"
-          v-for="(type, index) in types"
-          :key="index"
-        >{{ type }}</el-button>
+        v-for="(type, index) in types"
+        @click="selectType(type)"
+        type="text"
+        :class="{'sec-text-btn': true, 'sec-btn-selected': type.isSelect}"
+        :key="index"
+        >{{ type.name }}</el-button>
       </div>
     </div>
     <el-divider></el-divider>
@@ -34,8 +36,8 @@
       <!-- 无限滚动 -->
       <ul
         class="infinite-list"
-        v-infinite-scroll="load"
         style="overflow:auto"
+        v-infinite-scroll="paramChangeHandle"
       >
         <el-row>
           <el-col
@@ -50,23 +52,23 @@
             >
               <img
                 @click="playVideo(video)"
-                :src="video.image"
+                :src="video.videoImg"
                 class="image"
               >
               <div
                 style="padding: 14px;"
                 @click="videoDesc(video)"
               >
-                <span>{{ video.name }}</span>
+                <span>{{ video.videoName }}</span>
                 <div class="bottom clearfix">
                   <span
-                    v-if="video.desc.length > 20"
+                    v-if="video.videoDesc.length > 20"
                     class="sec-video-desc"
-                  >{{ video.desc.slice(0, 16) }}...</span>
+                  >{{ video.videoDesc.slice(0, 16) }}...</span>
                   <span
                     v-else
                     class="sec-video-desc"
-                  >{{ video.desc }}</span>
+                  >{{ video.videoDesc }}</span>
                   <!-- <time class="time">{{ currentDate }}</time> -->
                 </div>
               </div>
@@ -79,108 +81,123 @@
 </template>
 
 <script>
+import { getConfig, queryVideos } from '@/api/system/system.js'
 export default {
   data() {
     return {
-      years: ["全部年份", "2022", "2021", "2020", "2019", "2018", "更早"],
-      types: [
-        "全部风格",
-        "短片",
-        "健身",
-        "防身",
-        "科普",
-        "教育",
-        "历史",
-        "任务",
-        "其他",
-      ],
+      years: [],
+      types: [],
       sorts: [ 
-        {
-          name: "综合排序",
-          index: 0,
-          selected: false
-        },
         {
           name:  "最多播放",
-          index: 1,
-          selected: false
+          value: 'hitTop',
+          isSelect: false
         }, 
         {
           name: "最近更新",
-          index: 2,
-          selected: false
-        }, 
-        {
-          name: "我的任务",
-          index: 3,
-          selected: false
-        }, 
-        {
-          name: "我的收藏",
-          index: 4,
-          selected: false
+          value: 'laterTop',
+          isSelect: false
         }
       ],
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      selected: false,
-      unSelected: true,
+      videos: [],
+      queryParams: {
+        laterTop: '',
+        hitTop: '',
+        createTimeYear: '',
+        earlierYear: '',
+        videoType: '',
+        current: 1,
+        pageSize: 10
+      }
     };
   },
+  async mounted() {
+    // 获取筛选条件配置
+    // const params_years = getConfig({ codeType: 'SEARCH_PARAMS_YEARS', codeValue: '' })
+    // if (params_years) {
+    //   this.years = this.parseSearchParams(params_years)
+    // }
+    const {data: typesRes} = await getConfig({ codeType: 'VIDEO_TYPE', codeValue: '' })
+    if (typesRes.code === 200) {
+      typesRes.data.cache.forEach(item => {
+        var obj = {}
+        obj.name = item.codeName
+        obj.value = item.codeValue
+        obj.isSelect = false
+        this.types.push(obj)
+      })
+    }
+    // const params_sorts = getConfig({ codeType: 'SEARCH_PARAMS_SORTS', codeValue: '' })
+    // if (params_years) {
+    //   this.sorts = this.parseSearchParams(params_sorts)
+    // }
+    // 生成日期查询条件
+    const curentDate = new Date()
+    for(var i = 1; i <= 4; i++) {
+      var obj = {}
+      obj.name = curentDate.getFullYear() - i
+      obj.value = curentDate.getFullYear() - i
+      obj.isSelect = false
+      this.years.push(obj)
+    }
+    this.years.push({name: '更早', value: 5, isSelect: false})
+    this.paramChangeHandle()
+  },
   methods: {
-    selectSort(sort, index) {
-      this.$message.success(sort.name)
-      if (index == sort.index) {
-        // 取消之前选中的按钮
-        this.sorts.forEach(sort => sort.selected = false)
-        // 选中当前点击的按钮
-        sort.selected = !this.selected
+    selectSort(param) {
+      // 取消之前选中的按钮
+      this.sorts.forEach(item => item.isSelect = false)
+      // 选中当前点击的按钮
+      param.isSelect = !param.isSelect
+      // 选择条件后发起请求
+      this.queryParams.hitTop = false
+      this.queryParams.laterTop = false
+      this.queryParams[param.value] = true
+      this.paramChangeHandle()
+    },
+    selectType(param) {
+      // 取消之前选中的按钮
+      this.types.forEach(item => item.isSelect = false)
+      // 选中当前点击的按钮
+      param.isSelect = !param.isSelect
+      this.queryParams.videoType = param.value
+      this.paramChangeHandle()
+    },
+    selectYear(param) {
+      // 取消之前选中的按钮
+      this.years.forEach(item => item.isSelect = false)
+      // 选中当前点击的按钮
+      param.isSelect = !param.isSelect
+      if (param.value === 5) {
+        this.queryParams.earlierYear = true
+      } else {
+        this.queryParams.earlierYear = false
+        this.queryParams.createTimeYear = param.name
+      }
+      this.paramChangeHandle()
+    },
+    parseSearchParams(config) {
+      let params = []
+      if(config) {
+        config.forEach(item => {
+          var obj = {}
+          obj.name = item.codeName
+          obj.value = item.codeValue,
+          obj.isSelect = false
+          params.push(obj)
+        })
+      }
+      return params
+    },
+    async paramChangeHandle() {
+      this.queryParams.current = this.queryParams.current ? 1 : (this.queryParams.current + 1)
+      const {data: res} = await queryVideos(this.queryParams)
+      if (res.code === 200) {
+        this.videos = res.data.videos.records
       }
     }
   },
-};
+}
 </script>
 
 <style lang="css" scoped>
@@ -192,8 +209,8 @@ export default {
   outline: none;
 }
 .sec-btn-selected {
-  color: blue;
-  background-color: pink;
+  color: white;
+  background-color: orange;
   border: none;
   outline: none;
 }
diff --git a/src/views/AuthMan.vue b/src/views/AuthMan.vue
index 076fd2cdc043798c2e2d218f589bcf45f462a651..221634b3d53cd1513d517e9bf5e0a85f1ec75ec4 100644
--- a/src/views/AuthMan.vue
+++ b/src/views/AuthMan.vue
@@ -1,5 +1,9 @@
 <template>
   <div>
+    <!-- 入职 -->
+    <div>
+      
+    </div>
     <el-row>
       <el-col :span="22">
         <div class="sec-title">权限管理</div>
@@ -7,81 +11,80 @@
       <el-col :span="2">
         <div>
           <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
+          <el-button @click="saveHandle" type="text">新增</el-button>
         </div>
       </el-col>
     </el-row>
+    <!-- 筛选条件 -->
     <el-form
       :inline="true"
-      :model="formInline"
+      :model="queryParams"
       class="demo-form-inline"
     >
-      <el-form-item label="审批人">
+      <el-form-item label="权限名称">
         <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
+          v-model="queryParams.authorityName"
+          placeholder="权限名称"
         ></el-input>
       </el-form-item>
-      <el-form-item label="活动区域">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
-          @click="onSubmit"
+          @click="initSearchAuthorities"
         >查询</el-button>
       </el-form-item>
     </el-form>
+    <!-- 表格 -->
     <el-table
       :data="authorities"
       height="590"
     >
       <el-table-column
-        prop="authId"
+        prop="authorityId"
         label="权限编号"
       >
       </el-table-column>
       <el-table-column
-        prop="authName"
+        prop="authorityName"
         label="权限名称"
       >
       </el-table-column>
       <el-table-column
-        prop="authValue"
-        label="权限值"
+        prop="auhorityType"
+        label="权限类型"
+      >
+      <template slot-scope="scope">
+        {{ parseAuthorityType(scope.row.authorityType) }}
+      </template>
+      </el-table-column>
+      <el-table-column
+        prop="authorityIcon"
+        label="图标"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="authorityPath"
+        label="路由路径"
       >
       </el-table-column>
       <el-table-column
-        prop="authDesc"
-        label="权限描述"
+        prop="authorityComponent"
+        label="路由组件"
       >
       </el-table-column>
-      <el-table-column label="操作">
+      <el-table-column
+        label="操作"
+      >
         <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
           <el-button
             type="text"
             size="small"
+            @click="editHandle(scope.row)"
           >修改</el-button>
           <el-button
             type="text"
             size="small"
+            @click="deleteHandle(scope.row)"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -89,52 +92,200 @@
     <el-pagination
       background
       layout="prev, pager, next"
-      :total="1000"
+      :total="pageData.total"
+      @prev-click="preHandle"
+      @next-click="nextHandle"
+      @current-change="currentChangeHandle"
     >
     </el-pagination>
+
+    <el-drawer
+      :title="isAddAuthority ? '新增权限' : '修改权限'"
+      :visible.sync="changeAuthorityKey"
+      >
+      <el-form :model="newAuthority" label-width="80px">
+        <el-form-item v-if="!isAddAuthority" label="权限编号">
+          <el-input disabled v-model="newAuthority.authorityId"></el-input>
+        </el-form-item>
+        <el-form-item label="权限名称">
+          <el-input v-model="newAuthority.authorityName"></el-input>
+        </el-form-item>
+        <el-form-item label="组件名称">
+          <el-input v-model="newAuthority.authorityComponent"></el-input>
+        </el-form-item>
+        <el-form-item label="路由路径">
+          <el-input v-model="newAuthority.authorityPath"></el-input>
+        </el-form-item>
+        <el-form-item label="图标">
+          <el-input v-model="newAuthority.authorityIcon"></el-input>
+        </el-form-item>
+        <el-form-item label="权限类型">
+          <el-select v-model="newAuthority.authorityType" @change="authorityTypeHandle" placeholder="权限类型">
+            <el-option v-for="(type, index) in authorityTypes" :key="index" :label="type.codeName" :value="type.codeValue" ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="!hasNoAuthorityParent" label="父级权限">
+          <el-select v-model="newAuthority.authorityParent" placeholder="父级权限">
+            <el-option v-for="(parent, index) in authorityParents" :key="index" :label="parent.authorityName" :value="parent.authorityId" ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="changeAUthorityHandle">确定</el-button>
+          <el-button @click="changeAuthorityKey = false">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
   </div>
 </template>
 
 <script>
+import { getConfig, queryAuthorities, queryParentAuthorities, saveAuthority, editAuthority, deleteAuthority, parseConfig } from '@/api/system/system';
 export default {
   data() {
     return {
-      authorities: [
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-        {
-          authId: "1234553",
-          authName: "approval",
-          authValue: "sys:high:approval",
-          authDesc: "审批权限",
-        },
-      ],
-      formInline: {
-        user: "",
-        region: "",
+      positions: {},
+      isAddAuthority: false,
+      changeAuthorityKey: false,
+      newAuthority: {
+        authorityId: '',
+        authorityName: '',
+        authorityType: '',
+        authorityPath: '',
+        authorityComponent: '',
+        authorityIcon: '',
+        authorityParent: ''
+      },
+      hasNoAuthorityParent: true,
+      hasNoAuthorityType: true,
+      authorities: [],
+      authorityTypes: [],
+      authorityParents: [],
+      queryParams: {
+          authorityName: '',
+          current: 0,
+          pageSize: 10
       },
-    };
+      pageData: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }
+  },
+  async mounted() {
+    const {data: typeRes} = await getConfig({codeType: 'AUTHORITY_TYPE', codeValue: ''})
+    if (typeRes.code === 200) {
+      this.authorityTypes = typeRes.data.cache
+    }
+    const {data: parentRes} = await queryParentAuthorities()
+    if (parentRes.code === 200) {
+      this.authorityParents = parentRes.data.authorities
+    }
+    this.initSearchAuthorities()
+  },
+  computed: {
+    parseAuthorityType() {
+      return function(type) {
+        return parseConfig(this.authorityTypes, String(type))
+      }
+    }
   },
   methods: {
-    onSubmit() {
-      console.log("submit!");
+    async changeAUthorityHandle() {
+      if (this.isAddAuthority) {
+        const {data: saveRes} = await saveAuthority(this.newAuthority)
+        if (saveRes.code === 200) {
+          this.$message.success('新增成功')
+        }
+        if (saveRes.code === 500) {
+          this.$message.error(saveRes.message)
+        }
+      } else {
+        const {data: editRes} = await editAuthority(this.newAuthority)
+        if (editRes.code === 200) {
+          this.$message.success('新增成功')
+        }
+        if (editRes.code === 500) {
+          this.$message.error(editRes.message)
+        }
+      }
+      this.changeAuthorityKey = false
+      this.searchAuthorities()
+    },
+    authorityTypeHandle(value) {
+      if (value === '1') {
+        this.hasNoAuthorityParent = false
+      } else {
+        this.hasNoAuthorityParent = true
+        this.newAuthority.authorityParent = 0
+      }
+    },
+    preHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    nextHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    currentChangeHandle(current) {
+      this.pageData.current = current
+      this.searchAuthorities()
+    },
+    saveHandle() {
+      this.newAuthority = {
+        authorityId: '',
+        authorityName: '',
+        authorityType: '',
+        authorityPath: '',
+        authorityComponent: '',
+        authorityIcon: '',
+        authorityParent: ''
+      }
+      this.isAddAuthority = true
+      this.changeAuthorityKey = true
+    },
+    editHandle(row) {
+        this.newAuthority = {...row}
+        this.isAddAuthority = false
+        this.changeAuthorityKey = true
+    },
+    deleteHandle(row) {
+      let _this = this
+      this.$alert('删除权限', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          _this.deleteAuthorityHandle(row)
+        }).catch(() => {
+          _this.$message.success('已取消')
+        })
+        
+      
+    },
+    async deleteAuthorityHandle(row) {
+      const {data: res} = await deleteAuthority(row.authorityId)
+      if (res.code === 200) {
+        this.$message.success("删除成功")
+      }
+      if (res.code === 500) {
+        this.$message.error(res.message)
+      }
+      this.searchAuthorities()
+    },
+    initSearchAuthorities() {
+      this.pageData.current = 1
+      this.pageData.pageSize = 10
+      this.searchAuthorities()
     },
+    async searchAuthorities() {
+      this.queryParams.current = this.pageData.current
+      this.queryParams.pageSize = this.pageData.pageSize
+      const {data: res} = await queryAuthorities(this.queryParams)
+      if (res.code === 200) {
+        this.authorities = res.data.authorities.records
+        this.pageData.total = res.data.authorities.total
+      }
+    }
   },
 };
 </script>
diff --git a/src/views/DeptMan.vue b/src/views/DeptMan.vue
index 585e4ddc3528ee0ad6803ec738536ea87531361d..a5427933917287f4e9ffb31c9327383e917c5cde 100644
--- a/src/views/DeptMan.vue
+++ b/src/views/DeptMan.vue
@@ -120,40 +120,31 @@ export default {
       depts: [
         {
           deptId: "23892839",
-          deptName: "下岗工人再就业",
+          deptName: "梁山2区1部",
           leaderId: "123",
           leaderName: "zhangsan",
-          deptDesc: "人力资源",
+          deptDesc: "白班巡逻",
           deptNum: "100",
-          deptTask: "人力资源",
+          deptTask: "巡逻",
         },
         {
           deptId: "23892839",
-          deptName: "下岗工人再就业",
+          deptName: "梁山中心1区",
           leaderId: "123",
           leaderName: "zhangsan",
-          deptDesc: "人力资源",
+          deptDesc: "人员调度",
           deptNum: "100",
-          deptTask: "人力资源",
+          deptTask: "调度",
         },
         {
           deptId: "23892839",
-          deptName: "下岗工人再就业",
+          deptName: "梁山2区2部",
           leaderId: "123",
           leaderName: "zhangsan",
-          deptDesc: "人力资源",
+          deptDesc: "夜班巡逻",
           deptNum: "100",
-          deptTask: "人力资源",
-        },
-        {
-          deptId: "23892839",
-          deptName: "下岗工人再就业",
-          leaderId: "123",
-          leaderName: "zhangsan",
-          deptDesc: "人力资源",
-          deptNum: "100",
-          deptTask: "人力资源",
-        },
+          deptTask: "巡逻",
+        }
       ],
        formInline: {
           user: '',
diff --git a/src/views/FuncHall.vue b/src/views/FuncHall.vue
index 0db1ac0a1b781a500fc3f1e55062943968d9a9d3..9e19a5b858217afc2451e77e6072e9a73a829a28 100644
--- a/src/views/FuncHall.vue
+++ b/src/views/FuncHall.vue
@@ -49,17 +49,27 @@
             :key="index"
             class="text item"
           >
-            <el-link type="primary">{{ video }}</el-link>
+            <el-link @click="showVideoInfo(video)" type="primary">{{ video.videoName }}</el-link>
           </div>
         </el-card>
       </el-col>
     </el-row>
     <!--  -->
+    <el-divider></el-divider>
+    <el-row>
+      <el-col :span="8">
+        <!-- <div class="base_box staff_manager"></div> -->
+        <!-- <el-button type="primary" class="base_box staff_manager">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button> -->
+      </el-col>
+      <el-col :span="8"><div class=""></div></el-col>
+      <el-col :span="8"><div class=""></div></el-col>
+    </el-row>
     <el-empty description="描述文字"></el-empty>
   </div>
 </template>
 
 <script>
+import { queryHotVideos } from '../api/system/system';
 export default {
   data() {
     return {
@@ -74,15 +84,21 @@ export default {
         "领导“老虎”作风公告",
         "国庆假期安排"
       ],
-      videos: [
-        "保安的职业修养",
-        "遇见“难搞”业主怎么办",
-        "发家致富小技巧，快来看看",
-        "正确的关门方法",
-        "如何快速掌握和领导交流的方法"
-      ]
-    };
+      videos: []
+    }
+  },
+  async mounted() {
+    const {data: res} = await queryHotVideos(5)
+    if (res.code === 200) {
+      this.videos = res.data.videos
+    }
   },
+  methods: {
+    showVideoInfo(video) {
+      this.$store.dispatch('current_video', JSON.stringify(video))
+      this.$router.push("/videoDetail")
+    }
+  }
 };
 </script>
 
@@ -99,4 +115,8 @@ export default {
 .el-card {
     height: 300px;
 }
+.base_box {
+  width: 240px;
+  height: 80px;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/PaperBank.vue b/src/views/PaperBank.vue
index 4f67c8e684e29047cf155f7cb3902ac995a7a753..b3e331ddea76b32d6593da2a89970c617972ef83 100644
--- a/src/views/PaperBank.vue
+++ b/src/views/PaperBank.vue
@@ -1,15 +1,100 @@
 <template>
   <div>
-    bank
+    <!-- 题库统计 -->
+    <el-row :gutter="20">
+      <el-col :span="20"><div>题库统计</div></el-col>
+      <el-col :span="4"><div class="manager_style manager_hover" @click="bankManager">题库管理 <span style="padding-left: 5px;">></span></div></el-col>
+    </el-row>
+    <el-divider></el-divider>
+    <div id="chart" style="width: 100%;height:500px"></div>
+    <!-- 题库管理 -->
   </div>
 </template>
 
 <script>
+import * as echarts from 'echarts'
+import {bankAnalysis} from '@/api/system/system.js'
 export default {
+  data() {
+    return {
+      charts: []
+    }
+  },
+  async mounted() {
+    const {data: res} = await bankAnalysis()
+    if (res.code === 200) {
+      this.charts = res.data.charts
+    }
+    this.charts.forEach(chart => {
+      this.initChart(chart)
+    })
+  },
+  methods: {
+    bankManager() {
+      this.$router.push('/bankManager')
+    },
+    initChart(data) {
+      const myChart = echarts.init(document.getElementById(data.container))
+      myChart.setOption({
+        tooltip: {
+        trigger: 'axis',
+        axisPointer: {
+          type: 'cross',
+          crossStyle: {
+            color: '#999'
+          }
+        }
+      },
+      legend: {
+        data: ['试卷数量', '试题数量']
+      },
+      xAxis: [
+        {
+          type: 'category',
+          data: data.coordinate,
+          axisPointer: {
+            type: 'shadow'
+          }
+        }
+      ],
+      yAxis: [
+        {
+          type: 'value',
+          name: '试题数量'
+        },
+        {
+          type: 'value',
+          name: '试卷数量'
+        }
+      ],
+      series: [
+        {
+          name: '试卷数量',
+          type: 'line',
+          yAxisIndex: 1,
+          data: data.papers
+        },
+        {
+          name: '试题数量',
+          type: 'line',
+          yAxisIndex: 0,
+          data: data.problems
+        }
+      ]
+      })
+    }
+  }
 
 }
 </script>
 
-<style>
-
+<style lang="css" scpoed>
+.manager_style {
+  text-align: left;
+  color: black;
+  font-weight: 600;
+}
+.manager_hover:hover {
+  cursor: pointer;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/PaperBankManager.vue b/src/views/PaperBankManager.vue
new file mode 100644
index 0000000000000000000000000000000000000000..643aea7a9c19c9bf4cad9c4fd0703d8ec79fa5b5
--- /dev/null
+++ b/src/views/PaperBankManager.vue
@@ -0,0 +1,234 @@
+<template>
+  <div>
+    <el-row>
+      <el-col :span="22">
+        <div class="sec-title">题库管理</div>
+      </el-col>
+      <el-col :span="2">
+        <div>
+          <i class="el-icon-plus sec-blue"></i>
+          <el-button style="outline: none;" @click="isAddBank = true; changeBankKey = true" type="text">新增题库</el-button>
+        </div>
+      </el-col>
+    </el-row>
+    <!-- 筛选条件 -->
+    <el-form
+      :inline="true"
+      :model="queryParam"
+      class="demo-form-inline"
+    >
+      <el-form-item label="题库名称">
+        <el-input
+          v-model="queryParam.bankName"
+          placeholder="题库名称"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="题库类型">
+        <el-select
+          v-model="queryParam.bankType"
+          placeholder="题库类型"
+        >
+          <el-option v-for="(bankType, index) in bankTypes" :key="index" :label="bankType.codeName" :value="bankType.codeValue" ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          @click="searchBanks"
+        >查询</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 表格 -->
+    <el-table
+      :data="banks"
+      height="590"
+    >
+      <el-table-column
+        prop="bankId"
+        label="题库编号"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="bankName"
+        label="题库名称"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="bankType"
+        label="题库类型"
+        width="170"
+      >
+      <template slot-scope="scope">
+          {{ parseBankType(scope.row.bankType) }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="bankProblems"
+        label="试题数"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="bankDesc"
+        label="题目描述"
+        width="100"
+      >
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        width="140"
+      >
+        <template slot-scope="scope">
+          <el-button
+            @click="showInfo(scope.row)"
+            type="text"
+            size="small"
+          >详情</el-button>
+          <el-button
+            @click="editHandle(scope.row)"
+            type="text"
+            size="small"
+          >修改</el-button>
+          <el-button
+            @click="deleteHandle(scope.row)"
+            type="text"
+            size="small"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="pageData.total"
+    >
+    </el-pagination>
+    <!-- 新增题库 -->
+    <el-drawer
+      :title="isAddBank ? '新增题库' : '修改题库'"
+      :visible.sync="changeBankKey"
+      >
+      <el-form ref="newBank" :model="newBank" label-width="80px">
+        <el-form-item v-if="!isAddBank" label="题库编号">
+          <el-input v-model="newBank.bankId"></el-input>
+        </el-form-item>
+        <el-form-item label="题库名称">
+          <el-input v-model="newBank.bankName"></el-input>
+        </el-form-item>
+        <el-form-item label="题库描述">
+          <el-input v-model="newBank.bankDesc"></el-input>
+        </el-form-item>
+        <el-form-item label="题库类型">
+          <el-select v-model="newBank.bankType" placeholder="题库类型">
+            <el-option v-for="(bankType, index) in bankTypes" :key="index" :label="bankType.codeName" :value="bankType.codeValue" ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="changeBankHandle">确定</el-button>
+          <el-button @click="changeBankKey = false">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+    <!-- problem detail -->
+    <!-- <el-dialog
+      title="题库详情"
+      :visible.sync="showBankInfoKey"
+      width="70%">
+      <problem-detail :currentBankId="currentBankId"></problem-detail>
+    </el-dialog> -->
+  </div>
+</template>
+
+<script>
+import {queryBanks, getConfig, parseConfig, saveBank, deleteBank, editBank} from '@/api/system/system.js'
+export default {
+  components: {
+  },
+  data() {
+    return {
+      changeBankKey: false,
+      showBankInfoKey: false,
+      currentBankId: '',
+      newBank: {
+        bankId: '',
+        bankName: '',
+        bankType: '',
+        bankDesc: '',
+        bankProblems: 0
+      },
+      isShowInfo: false,
+      banks: [],
+      queryParam: {
+        bankName: '',
+        bankType: ''
+      },
+      isAddBank: true,
+      bankTypes: [],
+      pageData: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }
+  },
+  async mounted() {
+    const {data: resTypes} = await getConfig({codeType: 'BANK_TYPE', codeValue: ''})
+    if (resTypes.code === 200) {
+      this.bankTypes = resTypes.data.cache
+    }
+    this.searchBanks()
+  },
+  computed: {
+    parseBankType() {
+      return function(type) {
+        return parseConfig(this.bankTypes, String(type))
+      }
+    }
+  },
+  methods: {
+    async searchBanks() {
+      const {data: res} = await queryBanks(this.queryParam)
+      if (res.code === 200) {
+        this.banks = res.data.banks.records
+        this.pageData.total = res.data.banks.total
+      }
+    },
+    async changeBankHandle() {
+      if (this.isAddBank) {
+        await saveBank(this.newBank)
+        this.$message.success('保存成功')
+      } else {
+        await editBank(this.newBank)
+        this.$message.success('修改成功')
+      }
+      this.changeBankKey = false
+      this.searchBanks()
+    },
+    editHandle(row) {
+      this.newBank = {...row}
+      this.isAddBank = false
+      this.changeBankKey = true
+    },
+    async deleteBank(row) {
+      await deleteBank(row.bankId)
+      this.$message.success('删除成功')
+    },
+    async showInfo(row) {
+      this.$store.dispatch('current_bank', row)
+      this.$router.push('/problemDetail')
+    }
+  },
+};
+</script>
+
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/PaperCenter.vue b/src/views/PaperCenter.vue
new file mode 100644
index 0000000000000000000000000000000000000000..89ff28b69d2fbe6f8897f464d5cf7a69eb2a59c0
--- /dev/null
+++ b/src/views/PaperCenter.vue
@@ -0,0 +1,288 @@
+<template>
+  <div>
+    <!-- 入职 -->
+    <div>
+      
+    </div>
+    <el-row>
+      <el-col :span="22">
+        <div class="sec-title">试卷中心</div>
+      </el-col>
+    </el-row>
+    <!-- 筛选条件 -->
+    <el-form
+      :inline="true"
+      :model="queryParams"
+      class="demo-form-inline"
+    >
+      <el-form-item label="试卷名称">
+        <el-input
+          v-model="queryParams.paperName"
+          placeholder="试卷名称"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="试卷类型">
+            <el-select v-model="queryParams.paperType" placeholder="请选择试卷类型">
+                <el-option v-for="(item, index) in paperType" :label="item.codeName" :value="item.codeValue" :key="index"></el-option>
+            </el-select>
+        </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          @click="initSearchPapers"
+        >查询</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 表格 -->
+    <el-table
+      :data="papers"
+      height="590"
+    >
+      <el-table-column
+        prop="paperId"
+        label="试卷编号"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="paperName"
+        label="试卷名称"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="paperType"
+        label="试卷类型"
+      >
+      <template slot-scope="scope">
+        {{ parsePaperType(scope.row.paperType)}}
+      </template>
+      </el-table-column>
+      <el-table-column
+        prop="paperScore"
+        label="试卷分数"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="winScore"
+        label="通过分数"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="limitTime"
+        label="答题时间"
+      >
+      <template slot-scope="scope">
+        {{ parseLimitTime(scope.row.limitTime) }}
+      </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            size="small"
+            @click="editHandle(scope.row)"
+          >修改</el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click="deleteHandle(scope.row)"
+          >删除</el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click="showPractices(scope.row)"
+          >查看练习</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="pageData.total"
+      @prev-click="preHandle"
+      @next-click="nextHandle"
+      @current-change="currentChangeHandle"
+    >
+    </el-pagination>
+
+    <el-drawer
+      title="修改试卷"
+      :visible.sync="editPaperWindowKey"
+      >
+      <el-form :model="newPaper" label-width="80px">
+        <el-form-item label="试卷编号">
+          <el-input disabled v-model="newPaper.paperId"></el-input>
+        </el-form-item>
+        <el-form-item label="试卷名称">
+          <el-input v-model="newPaper.paperName"></el-input>
+        </el-form-item>
+        <el-form-item label="试卷类型">
+          <el-select v-model="queryParams.paperType" placeholder="请选择试卷类型">
+                <el-option v-for="(item, index) in paperType" :label="item.codeName" :value="item.codeValue" :key="index"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="试卷分数">
+          <el-input v-model="newPaper.paperScore"></el-input>
+        </el-form-item>
+        <el-form-item label="通过分数">
+          <el-input v-model="newPaper.winScore"></el-input>
+        </el-form-item>
+        <el-form-item label="答题时间">
+          <el-input v-model="newPaper.formatTime"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="changePaperHandle">确定</el-button>
+          <el-button @click="editPaperWindowKey = false">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+    <el-dialog
+      title="练习"
+      :visible.sync="showPaperPracitce"
+      width="70%">
+      <paper-practices :paperPractice="currentPractices"></paper-practices>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { getConfig, parseConfig, queryPapers, queryPaperPractice, editPaper, deletePaper } from '@/api/system/system';
+import PaperPractices from '@/components/PaperPractices.vue'
+export default {
+  components: {
+    PaperPractices
+  },
+  data() {
+    return {
+      editPaperWindowKey: false,
+      showPaperPracitce: false,
+      papers: [],
+      queryParams: {
+        paperName: '',
+        paperType: '',
+        current: 1,
+        pageSize: 10
+      },
+      pageData: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      currentPractices: {},
+      newPaper: {
+        paperId: '',
+        paperName: '',
+        paperType: '',
+        paperScore: '',
+        winScore: '',
+        limitTime: 0,
+        formatTime: 0
+      },
+      paperType: []
+    }
+  },
+  async mounted() {
+    this.initSearchPapers()
+    const {data: paperTypeRes} = await getConfig({codeType: 'PAPER_TYPE', codeValue: ''})
+    if (paperTypeRes.code === 200) {
+      this.paperType = paperTypeRes.data.cache
+    }
+  },
+  computed: {
+    parsePaperType() {
+      return function(type) {
+        return parseConfig(this.paperType, String(type))
+      }
+    },
+    parseLimitTime() {
+      return function(limitTime) {
+        if (limitTime && limitTime > 0) {
+          var min = limitTime / 1000 / 60
+          if (min && min > 1) {
+            return min + " 分钟"
+          }
+        }
+        return "未指定"
+      }
+    }
+  },
+  methods: {
+    async changePaperHandle() {
+      this.newPaper.limitTime = parseInt(this.newPaper.formatTime) * 1000 * 60
+      const {data: res} = await editPaper(this.newPaper)
+      if (res.code === 500) {
+        this.$message.error(res.message)
+      }
+      this.editPaperWindowKey = false
+      this.searchPapers()
+    },
+    preHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    nextHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    currentChangeHandle(current) {
+      this.pageData.current = current
+      this.searchPapers()
+    },
+    editHandle(row) {
+        this.newPaper = {...row, formatTime: this.newPaper.limitTime / 1000 / 60}
+        this.editPaperWindowKey = true
+    },
+    async showPractices(row) {
+      const {data: res} = await queryPaperPractice(row.paperId)
+      if (res.code === 200) {
+        this.currentPractices = res.data.practices
+      }
+      this.showPaperPracitce = true
+    },
+    deleteHandle(row) {
+      let _this = this
+      this.$alert('删除试卷', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          _this.deletePaper(row)
+        }).catch(() => {
+          _this.$message.success('已取消')
+        })
+    },
+    async deletePaper(row) {
+      const {data: res} = await deletePaper(row.paperId)
+      if (res.code === 200) {
+        this.$message.success("删除成功")
+      }
+      if (res.code === 500) {
+        this.$message.error(res.message)
+      }
+      this.searchPapers()
+    },
+    initSearchPapers() {
+      this.pageData.current = 1
+      this.pageData.pageSize = 10
+      this.searchPapers()
+    },
+    async searchPapers() {
+      this.queryParams.current = this.pageData.current
+      this.queryParams.pageSize = this.pageData.pageSize
+      const {data: res} = await queryPapers(this.queryParams)
+      if (res.code === 200) {
+        this.papers = res.data.papers.records
+        this.pageData.total = res.data.papers.total
+      }
+    }
+  },
+}
+</script>
+
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/PaperDetails.vue b/src/views/PaperDetails.vue
index 92fad1990f2ec3ce117403b68f250b4a2b7d00cc..8b706068d1fc71cc0a4008087c3fae3c2b9758cf 100644
--- a/src/views/PaperDetails.vue
+++ b/src/views/PaperDetails.vue
@@ -1,16 +1,314 @@
 <template>
-    <!-- 试卷详情页面 -->
   <div>
-    
+    <el-row>
+        <el-col :span="8">
+            <!-- 试卷基本信息 -->
+            <div class="paper_info_box">
+                <div>试卷名称：{{ paper.paperName }}</div>
+                <div>总分: {{ paper.paperScore }}</div>
+                <div>时长: {{ totalTime }} 分钟</div>
+                <el-divider></el-divider>
+                <div>
+                    <el-row>
+                        <el-col :span="6" v-for="(item, index) in problemsChoose" :key="index">
+                            <el-button circle :class="{ btn_base: true, problem_finish: item.isFinish }">{{ (index + 1) }}</el-button>
+                        </el-col>
+                    </el-row>
+                </div>
+                <el-divider></el-divider>
+                <div>剩余时间：{{ formatTime }} 分钟 {{ formatSecond }} 秒</div>
+                <el-divider></el-divider>
+                <div><el-button type="primary" :disabled="isParsePaper" @click="submitPaper">提交试卷</el-button></div>
+            </div>
+        </el-col>
+        <el-col :span="16">
+            <!-- 试题内容 -->
+            <div class="paper_problems">
+                <!-- 暂时只考虑了选择题 -->
+                <div class="problem_type_title">选择题</div>
+                <div v-for="(item, problemOrder) in problems" :key="problemOrder">
+                    <div class="problem_title">{{ (problemOrder + 1) + "、" + item.problem.problemDesc }}</div>
+                    <div>
+                        <ul>
+                            <li :class="{answer_title: true, answer_selected: answer.isSelected}" 
+                                @click="recordAnswer(problemOrder, answerOrder)" 
+                                v-for="(answer, answerOrder) in item.answers" 
+                                :key="answerOrder">
+                                {{ answer.answer }}
+                            </li>
+                        </ul>
+                    </div>
+                    <div v-if="isParsePaper"> 正确答案：{{parseCorrectAnswer(item.answers)}}</div>
+                </div>
+            </div>
+        </el-col>
+    </el-row>
+    <el-dialog
+        title="提示"
+        :visible.sync="computeScoreWindow"
+        width="30%"
+        >
+        <div style="margin-bottom: 15px">得分：{{ score }}</div>
+        <el-row>
+            <el-col :span="16"><el-button type="primary" @click="showPracticeAnswer">查看详情</el-button></el-col>
+            <el-col :span="8"><el-button type="primary" @click="practiceRepeat">再次练习</el-button></el-col>
+        </el-row>
+    </el-dialog>
   </div>
 </template>
 
 <script>
+import {getConfig, parseUserAnswer} from '@/api/system/system.js'
 export default {
-
+    data() {
+        return {
+            problems: [
+                {
+                    title: '一问三不知，指的是哪三不知？',
+                    type: 1,
+                    answers: [
+                        {
+                            answerId: 7,
+                            title: '起因-经过-结果',
+                            isSelected: false
+                        },
+                        {
+                            answerId: 8,
+                            title: '老子-孟子-墨子',
+                            isSelected:  false
+                        },
+                        {
+                            answerId: 9,
+                            title: '四书-五艺-春秋',
+                            isSelected: false
+                        }
+                    ]
+                },
+                {
+                    title: '一问三不知，指的是哪三不知？',
+                    type: 2,
+                    answers: [
+                        {
+                            answerId: 10,
+                            title: '起因-经过-结果',
+                            isSelected: false
+                        },
+                        {
+                            answerId: 11,
+                            title: '老子-孟子-墨子',
+                            isSelected: false
+                        },
+                        {
+                            answerId: 12,
+                            title: '四书-五艺-春秋',
+                            isSelected: false
+                        }
+                    ]
+                }
+            ],
+            currentPractice: {},
+            userAnswer: [],
+            oneAnswer: 10,
+            paper: {},
+            baseAnswer: 'answer_title',
+            selectAnswer: '',
+            problemsChoose: [],
+            totalTime: 0,
+            formatTime: 0,
+            formatSecond: 0,
+            timerId: '',
+            problemTypes: [],
+            score: 0,
+            computeScoreWindow: false,
+            isParsePaper: false
+        }
+    },
+    async mounted() {
+        this.currentPractice = JSON.parse(this.$store.state.currentPractice)
+        this.paper = this.currentPractice.paper
+        this.problems = this.currentPractice.problems
+        const {data: problemTypes} = await getConfig({codeType: 'PROBLEM_TYPE', codeValue: ''})
+        if (problemTypes.code === 200) {
+            this.problemTypes = problemTypes.data.cache
+        }
+        // 获取当前试卷
+        this.problems.forEach((item, index) => {
+            var obj = {}
+            obj.order = index
+            obj.isFinish = false
+            this.problemsChoose.push(obj)
+        })
+        this.parseTime(this.paper.limitTime)
+        // 开启定时器，倒计时开始
+        this.timerId = setInterval(() => {
+            if (this.isParsePaper) {
+                clearInterval(this.timerId)
+            }
+            if (this.formatTime < 0) {
+                clearInterval(this.timerId)
+                this.submitPaper()
+            }
+            if (this.formatSecond === 0) {
+                this.formatTime = this.formatTime - 1
+                this.formatSecond = 59
+            } else {
+                this.formatSecond = this.formatSecond - 1
+            }
+        }, 1000)
+    },
+    destroyed() {
+        clearInterval(this.timerId)
+    },
+    computed: {
+        parseProblemDesc() {
+            return function(problem, problemOrder) {
+                const tempProblem = { ...problem }
+                const tempOrder = problemOrder
+                return (tempOrder + 1) + "、" + tempProblem.problemDesc
+            }
+        },
+        parseCorrectAnswer() {
+            return function(answers) {
+                let correct = ''
+                answers.forEach(item => {
+                    if (item.isRight === 1) {
+                        correct = item.answer
+                    }
+                })
+                return correct
+            }
+        }
+    },
+    methods: {
+        recordAnswer(problemOrder, answerOrder) {
+            // 记录用户选择的答案,还没考虑多选
+            // 记录方式：以问题为下标，answer为value存一个数组
+            
+            // 改变选项样式
+            this.changeSelectedStyle(problemOrder, answerOrder)
+            // 同步左侧题号状态
+            this.syncUseranswer()
+        },
+        showPracticeAnswer() {
+            this.isParsePaper = true
+            this.computeScoreWindow = false
+        },
+        practiceRepeat() {
+            //
+        },
+        changeSelectedStyle(problemOrder, answerOrder) {
+            // todo 选择答案
+            // type：题型，多选-单选
+            var problem = this.problems[problemOrder]
+            var answers = problem.answers
+            if (problem.problem.problemType === 1) {
+                // 单选
+                answers.forEach(answer => {
+                    answer.isSelected = false
+                })
+            }
+            answers[answerOrder].isSelected = !answers[answerOrder].isSelected
+            this.userAnswer[problemOrder] = []
+            var obj = {
+                problemInstId: '',
+                userAnswer: []
+            }
+            obj.problemInstId = problem.problem.problemInstId
+            answers.forEach(item => {
+                if (item.isSelected) {
+                    obj.userAnswer.push(item.answerId) 
+                    this.userAnswer[problemOrder].push(JSON.stringify(obj))
+                }
+            })
+            problem.answers = answers
+            this.problems[problemOrder] = problem
+        },
+        async submitPaper() {
+            // 检查试卷是否完成
+            const totalProblems = this.problemsChoose.length
+            let finishProblems = 0
+            this.userAnswer.forEach(item => {
+                if (item && item.length > 0) {
+                    finishProblems = finishProblems + 1
+                }
+            })
+            if (finishProblems < totalProblems) {
+                return this.$message.success('还有未提交的试题')
+            }
+            // 提交试卷，包括试卷实例编号以及用户答案
+            let params = {}
+            params.paperInstId = this.currentPractice.paperInst.paperInstId
+            params.userAnswer = JSON.stringify(this.userAnswer)
+            const { data: res } = await parseUserAnswer(params)
+            if (res.code === 200) {
+                this.score = res.data.score
+                this.computeScoreWindow = true
+            }
+        },
+        syncUseranswer() {
+            this.userAnswer.forEach((item, index) => {
+                if (item && item.length > 0) {
+                    this.problemsChoose[index].isFinish = true
+                } else {
+                    this.problemsChoose[index].isFinish = false
+                }
+            })
+        },
+        parseTime(time) {
+            this.formatTime = time / 1000 / 60
+            this.totalTime = this.formatTime
+        }
+        
+    }
 }
 </script>
 
-<style>
-
+<style lang="css" scoped>
+.paper_info_box {
+    width: 240px;
+    height: 500px;
+    margin-top: 30px;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+}
+.paper_problems {
+    width: 100%;
+    margin-right: 10px;
+    margin-top: 30px;
+    padding: 10px;  
+    border: 1px solid #ccc;
+}
+.problem_finish {
+    background: skyblue;
+    color: white;
+}
+.btn_base {
+    width: 36px;
+    height: 36px;
+    border-radius: 18px;
+    text-align: center;
+}
+.problem_type_title {
+    font-size: 16px;
+    font-weight: 700;
+    margin-bottom: 3px;
+}
+.problem_title {
+    font-size: 14px;
+    margin-bottom: 3px;
+}
+.answer_title {
+    font-size: 12px;
+    height: 25px;
+    line-height: 25px;
+    text-decoration: none;
+}
+.answer_title:hover {
+    cursor: pointer;
+}
+.answer_selected {
+    color: skyblue;
+    font-size: 14px;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/PaperPractice.vue b/src/views/PaperPractice.vue
index 23a5c859c7137e73d6b9ece18e2663f9dc9fccc5..edcbaaee7d9b9d7d448e58e8ae6e3418f1fc997f 100644
--- a/src/views/PaperPractice.vue
+++ b/src/views/PaperPractice.vue
@@ -1,15 +1,229 @@
 <template>
   <div>
-    practice
+    <!--  -->
+    <el-row>
+      <el-col :span="8">
+        <div class="box_size random_box" @click="randomPaperKey = true">随机练习</div>
+      </el-col>
+      <el-col :span="8">
+        <div class="box_size paper_center_box" @click="paperCenter">试卷中心</div>
+      </el-col>
+      <el-col :span="8">
+        <div class="box_size exam_box" @click="examAndTogether">统一考试</div>
+      </el-col>
+    </el-row>
+    <el-divider></el-divider>
+    <!-- 最近试卷 -->
+    <el-row>
+      <el-col :span="7" v-for="(practice, index) in recentPractice" :key="index" :offset="index % 3 == 0 ? 0 : 1">
+        <div class="paper_box">
+          <el-card @click.native="showPracticeInfo(practice)" class="box-card" shadow="hover">
+            <!-- <div slot="header" class="clearfix"> -->
+              <el-descriptions :title="practice.paperName" :column="1">
+                <!-- <el-descriptions-item label="试卷类型">{{ parsePaperType(practice.paperType) }}</el-descriptions-item> -->
+                <el-descriptions-item label="试卷编号">{{ practice.paperId }}</el-descriptions-item>
+                <el-descriptions-item label="试卷得分">{{ practice.realScore }}</el-descriptions-item>
+                <el-descriptions-item label="作答时间">{{ practice.createTime }}</el-descriptions-item>
+                <!-- <el-descriptions-item label="出题人">{{ practice.accountName }}</el-descriptions-item> -->
+              </el-descriptions>
+          </el-card>
+        </div>
+      </el-col>
+    </el-row>
+    <!-- 随机练习 -->
+    <el-drawer
+      title="生成试卷"
+      modal
+      :visible.sync="randomPaperKey">
+      <el-form :model="randomPaper" label-width="80px">
+        <el-form-item label="试卷名称">
+          <el-input v-model="randomPaper.paperName"></el-input>
+        </el-form-item>
+        <el-form-item label="试卷描述">
+          <el-input v-model="randomPaper.paperDesc"></el-input>
+        </el-form-item>
+        <el-form-item label="选择题库">
+          <el-input v-model="randomPaper.bankName">
+            <el-button @click="selectBankKey = true" slot="append" icon="el-icon-search"></el-button>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="试卷模板">
+          <el-input v-model="randomPaper.templateName">
+            <el-button @click="selectTemplateKey = true" slot="append" icon="el-icon-search"></el-button>
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="generatePaper">生成试卷</el-button>
+          <el-button @click="randomPaperKey = false">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+    <el-dialog
+      title="近期考试"
+      :visible.sync="dialogVisible"
+      width="40%">
+      <el-button v-for="(exam, index) in recentExam" :key="index" type="text" @click="examAndNow(exam)">{{ exam.paperName }}</el-button>
+    </el-dialog>
+    <el-dialog
+      title="选择模板"
+      :visible.sync="selectTemplateKey"
+      width="70%">
+      <paper-template @selectTemplate="callbackSelected"></paper-template>
+    </el-dialog>
+    <el-dialog
+      title="选择题库"
+      :visible.sync="selectBankKey"
+      width="60%">
+      <paper-bank @selectBank="selectBankHandle"></paper-bank>
+    </el-dialog>
+    <el-dialog
+      title="前往考试"
+      :visible.sync="toPracticeKey"
+      width="40%">
+      <el-button @click="examAndNow(newPaper.paperId)">{{ newPaper.paperName }}</el-button>
+    </el-dialog>
+    <el-dialog
+      title="练习详情"
+      :visible.sync="practiceInfoWindowsKey"
+      width="70%">
+      <practice-info :practiceInfo="currentPracticeInfo"></practice-info>
+    </el-dialog>
   </div>
 </template>
 
 <script>
+import paperTemplate from '@/components/SelectedPaperTemplate.vue'
+import paperBank from '@/components/PaperBank.vue'
+import practiceInfo from '@/views/PracticeInfo'
+import { getConfig, parseConfig, generatePaperSystem, generatePracticeSystem, queryRecentPractice, queryPracticeInfo } from '@/api/system/system.js'
 export default {
-
+  components: {
+    paperTemplate,
+    paperBank,
+    practiceInfo
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      randomPaperKey: false,
+      selectTemplateKey: false,
+      practiceInfoWindowsKey: false,
+      toPracticeKey: false,
+      selectBankKey: false,
+      newPaper: {},
+      paperType: [],
+      currentPracticeInfo: {},
+      randomPaper: {
+        paperName: '',
+        paperDesc: '',
+        templateId: '',
+        templateName: '',
+        bankId: '',
+        bankName: ''
+      },
+      recentExam: [
+        {
+          paperName: '文化常识第一次模拟考'
+        },
+        {
+          paperName: '职业技能基础测试'
+        }
+      ],
+      recentPractice: []
+    }
+  },
+  async mounted() {
+    const { data: paperType} = await getConfig({ codeType: 'PAPER_TYPE', codeValue: ''})
+    if (paperType.code === 200) {
+      this.paperType = paperType.data.cache
+    }
+    const { data: recentPractice } = await queryRecentPractice(10)
+    if (recentPractice.code === 200) {
+      this.recentPractice = recentPractice.data.papers
+    }
+  },
+  computed: {
+    parsePaperType() {
+      return function(type) {
+        return parseConfig(this.paperType, type)
+      }
+    }
+  },
+  methods: {
+    async generatePaper() {
+      // 生成试卷，使用vuex传递试卷
+      const { data: res } = await generatePaperSystem(this.randomPaper)
+      this.newPaper = res.data.paper
+      this.toPracticeKey = true
+    },
+    paperCenter() {
+      this.$router.push('/paperCenter')
+    },
+    selectBankHandle(row) {
+      this.randomPaper.bankId = row.bankId
+      this.randomPaper.bankName = row.bankName
+      this.selectBankKey = false
+    },
+    examAndTogether() {
+      // 检查最近又无考试，有展示考试列表，没有这直接返回
+      if (this.recentExam.length > 0) {
+        // 展示
+        this.dialogVisible = true
+      } else {
+        return this.$message.success('近期没有考试')
+      }
+    },
+    async showPracticeInfo(practice) {
+      const { data: res } = await queryPracticeInfo(practice.paperInstId)
+      if (res.code === 200) {
+        this.currentPracticeInfo = res.data.paper
+        this.practiceInfoWindowsKey = true
+      }
+    },
+    async examAndNow(paperId) {
+      // 使用vuex传递试卷
+      const {data: res} = await generatePracticeSystem(paperId)
+      this.$store.dispatch('current_practice', JSON.stringify(res.data.practice))
+      this.$router.push('/paperDetails')
+    },
+    callbackSelected(row) {
+      this.randomPaper.templateId = row.templateId
+      this.randomPaper.templateName = row.templateName
+      this.selectTemplateKey = false
+    }
+  }
 }
 </script>
 
-<style>
-
+<style lang="css" scoped>
+.box_size {
+  width: 240px;
+  height: 120px;
+  line-height: 120px;
+  text-align: center;
+  font-size: 20px;
+  font-weight: 700;
+  border-radius: 10px;
+  color: white;
+}
+.box_size:hover {
+  cursor: pointer;
+}
+.random_box {
+  background-color: blue;
+}
+.paper_center_box {
+  background-color: orange;
+}
+.exam_box {
+  background-color: green;
+}
+.paper_box {
+  /* width: 320px; */
+  border-radius: 10px;
+  margin-bottom: 25px;
+}
+.el-button {
+  outline: none;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/PaperTemplateMan.vue b/src/views/PaperTemplateMan.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a0a8ee38c10437044c6aeee9b761b54cbccf261e
--- /dev/null
+++ b/src/views/PaperTemplateMan.vue
@@ -0,0 +1,241 @@
+<template>
+  <div>
+    <el-row>
+      <el-col :span="22">
+        <div class="sec-title">试卷模板管理</div>
+      </el-col>
+      <el-col :span="2">
+        <div>
+          <i class="el-icon-plus sec-blue"></i>
+          <el-button @click="saveBefore" type="text">新增</el-button>
+        </div>
+      </el-col>
+    </el-row>
+    <!-- 筛选条件 -->
+    <el-form
+      :inline="true"
+      :model="queryParams"
+      class="demo-form-inline"
+    >
+      <el-form-item label="创建人">
+        <el-input
+          v-model="queryParams.accountName"
+          placeholder="创建人"
+        ></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          @click="searchTemplate"
+        >查询</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 表格 -->
+    <el-table
+      :data="templates"
+      height="590"
+    >
+      <el-table-column
+        prop="templateId"
+        label="模板编号"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="templateName"
+        label="模板名称"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="paperType"
+        label="试卷类型"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="paperScore"
+        label="试卷分数"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="problems"
+        label="题目总数"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="limitTime"
+        label="限制时间"
+        width="170"
+      >
+      <template slot-scope="scope">
+        {{ parseTime(scope.row.limitTime )}}
+      </template>
+      </el-table-column>
+      <el-table-column
+        prop="winScore"
+        label="通过分数"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="accountName"
+        label="创建人"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        width="140"
+      >
+        <template slot-scope="scope">
+          <el-button
+            @click="editBefore(scope.row)"
+            type="text"
+            size="small"
+          >修改</el-button>
+          <el-button
+            @click="deleteHandle(scope.row)"
+            type="text"
+            size="small"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="total"
+    >
+    </el-pagination>
+    <!-- 新增试卷模板 -->
+    <el-drawer
+    :title="isEdit ? '修改模板' : '新增模板'"
+    :visible.sync="changeTemplateKey"
+    direction="rtl">
+    <el-form :model="editTemplate" label-width="80px">
+        <el-form-item label="模板编号">
+            <el-input v-model="editTemplate.templateId"></el-input>
+        </el-form-item>
+        <el-form-item label="模板名称">
+            <el-input v-model="editTemplate.templateName"></el-input>
+        </el-form-item>
+        <el-form-item label="试卷名称">
+            <el-input v-model="editTemplate.paperName"></el-input>
+        </el-form-item>
+        <el-form-item label="试卷类型">
+            <el-select v-model="editTemplate.paperType" placeholder="请选择试卷类型">
+                <el-option label="文化常识" value="1"></el-option>
+                <el-option label="企业文化" value="2"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item label="试卷分数">
+            <el-input v-model="editTemplate.paperScore"></el-input>
+        </el-form-item>
+        <el-form-item label="题目总数">
+            <el-input v-model="editTemplate.problems"></el-input>
+        </el-form-item>
+        <el-form-item label="限制时间">
+            <el-input v-model="editTemplate.limitTime"></el-input>
+        </el-form-item>
+        <el-form-item label="通过分数">
+            <el-input v-model="editTemplate.winScore"></el-input>
+        </el-form-item>
+        <el-form-item>
+        <el-button type="primary" @click="submitChange">确定</el-button>
+        <el-button>取消</el-button>
+    </el-form-item>
+    </el-form>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+import { queryPaperTemplates, savePaperTemplate, editPaperTemplate, deletePaperTemplate } from '@/api/system/system.js'
+export default {
+  data() {
+    return {
+      isShowInfo: false,
+      changeTemplateKey: false,
+      isEdit: false,
+      activities: [],
+      editTemplate: {
+        templateId: '',
+        templateName: '',
+        paperName: '',
+        paperScore: '',
+        paperType: '',
+        limitTime: '',
+        winScore: ''
+      },
+      current: 1,
+      pageSize: 10,
+      total: 0,
+      templates: [],
+       queryParams: {
+          accountName: '',
+          current: 1,
+          pageSize: 10
+        }
+    }
+  },
+  mounted() {
+    this.searchTemplate()
+  },
+  computed: {
+    parseTime() {
+        return function(time) {
+          return time / 1000 / 60 + '分钟'
+        }
+    }
+  },
+  methods: {
+    async searchTemplate() {
+        const { data: res } = await queryPaperTemplates(this.queryParams)
+        if (res.code === 200) {
+            this.templates = res.data.pages.records
+            this.total = res.data.pages.total
+        }
+    },
+    saveBefore() {
+        this.changeTemplateKey = true
+        this.isEdit = false
+        this.editTemplate = {}
+    },
+    editBefore(row) {
+      // 
+      this.editTemplate = row
+      this.isEdit = true
+      this.changeTemplateKey = true
+   },
+   async submitChange() {
+    if (this.isEdit) {
+        // 修改试卷模板
+        await editPaperTemplate(this.editTemplate)
+    } else {
+        // 新增试卷模板
+        await savePaperTemplate(this.editTemplate)
+    }
+    this.changeTemplateKey = false
+    this.searchTemplate()
+   },
+   async deleteHandle(row) {
+    //删除模板
+    await deletePaperTemplate(row.templateId)
+    this.searchTemplate()
+   }
+  }
+}
+</script>
+
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/PersonCenter.vue b/src/views/PersonCenter.vue
index a577134ed82a2ec295c191dd8b9cda9fc852faf4..29199fe5d99bea9d5ae8cab7c4b4705e3a0eee17 100644
--- a/src/views/PersonCenter.vue
+++ b/src/views/PersonCenter.vue
@@ -59,11 +59,10 @@ export default {
         等级: "菜鸟保安",
       },
       tags: [
-        { name: "标签一", type: "" },
-        { name: "标签二", type: "success" },
-        { name: "标签三", type: "info" },
-        { name: "标签四", type: "warning" },
-        { name: "标签五", type: "danger" },
+        { name: "游戏党", type: "" },
+        { name: "旅游", type: "success" },
+        { name: "历史", type: "info" },
+        { name: "熬夜", type: "warning" }
       ],
     };
   },
diff --git a/src/views/PositionMan.vue b/src/views/PositionMan.vue
index 7b1937373071377fa7e60e9231432f5160449425..11938fb7164d56573045e711ad024ad0847a2463 100644
--- a/src/views/PositionMan.vue
+++ b/src/views/PositionMan.vue
@@ -1,5 +1,9 @@
 <template>
   <div>
+    <!-- 入职 -->
+    <div>
+      
+    </div>
     <el-row>
       <el-col :span="22">
         <div class="sec-title">职位管理</div>
@@ -7,76 +11,47 @@
       <el-col :span="2">
         <div>
           <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">新增</el-button>
+          <el-button @click="saveHandle" type="text">新增</el-button>
         </div>
       </el-col>
     </el-row>
     <!-- 筛选条件 -->
     <el-form
       :inline="true"
-      :model="formInline"
+      :model="queryParams"
       class="demo-form-inline"
     >
-      <el-form-item label="审批人">
+      <el-form-item label="角色名称">
         <el-input
-          v-model="formInline.user"
-          placeholder="审批人"
+          v-model="queryParams.roleName"
+          placeholder="角色名称"
         ></el-input>
       </el-form-item>
-      <el-form-item label="申请状态">
-        <el-select
-          v-model="formInline.region"
-          placeholder="申请状态"
-        >
-          <el-option
-            label="通过"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未通过"
-            value="e"
-          ></el-option>
-          <el-option
-            label="过期"
-            value="p"
-          ></el-option>
-        </el-select>
-      </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
-          @click="onSubmit"
+          @click="initSearchRoles"
         >查询</el-button>
       </el-form-item>
     </el-form>
     <!-- 表格 -->
     <el-table
-      :data="aprovals"
+      :data="roles"
       height="590"
     >
       <el-table-column
         prop="roleId"
-        label="职位编号"
+        label="角色编号"
       >
       </el-table-column>
       <el-table-column
         prop="roleName"
-        label="职位名称"
+        label="角色名称"
       >
       </el-table-column>
       <el-table-column
         prop="roleDesc"
-        label="职位描述"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="parentName"
-        label="上级"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="hasRoles"
-        label="在职"
+        label="角色描述"
       >
       </el-table-column>
       <el-table-column
@@ -84,92 +59,250 @@
       >
         <template slot-scope="scope">
           <el-button
-            @click="handleClick(scope.row)"
             type="text"
             size="small"
-          >详情</el-button>
+            @click="editHandle(scope.row)"
+          >修改</el-button>
           <el-button
             type="text"
             size="small"
-          >修改</el-button>
+            @click="deleteHandle(scope.row)"
+          >删除</el-button>
           <el-button
             type="text"
             size="small"
-          >删除</el-button>
+            @click="grantHandle(scope.row)"
+          >授予</el-button>
         </template>
       </el-table-column>
     </el-table>
     <el-pagination
       background
       layout="prev, pager, next"
-      :total="1000"
+      :total="pageData.total"
+      @prev-click="preHandle"
+      @next-click="nextHandle"
+      @current-change="currentChangeHandle"
     >
     </el-pagination>
+
+    <el-drawer
+      :title="isAddRole ? '新增角色' : '修改角色'"
+      :visible.sync="changeRoleKey"
+      >
+      <el-form :model="newRole" label-width="80px">
+        <el-form-item v-if="!isAddRole" label="角色编号">
+          <el-input disabled v-model="newRole.roleId"></el-input>
+        </el-form-item>
+        <el-form-item label="角色名称">
+          <el-input v-model="newRole.roleName"></el-input>
+        </el-form-item>
+        <el-form-item label="角色描述">
+          <el-input v-model="newRole.roleDesc"></el-input>
+        </el-form-item>
+        <el-form-item label="父级角色">
+          <el-input v-model="newRole.parentName">
+            <el-button @click="showRolesKey = true" slot="append" icon="el-icon-search"></el-button>
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="changeRoleHandle">确定</el-button>
+          <el-button @click="changeRoleKey = false">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+    <el-dialog
+      title="选择父级角色"
+      :visible.sync="showRolesKey"
+      width="70%">
+      <selected-role @selectRole="roleCallback"></selected-role>
+    </el-dialog>
+    <el-dialog
+      title="授权"
+      :visible.sync="grantWindowKey"
+      width="70%">
+      <el-transfer :titles="['全部权限', '角色权限']" v-model="currentAuthorities" :data="allAuthorities"></el-transfer>
+      <div style="margin-top: 20px;">
+        <el-button type="primary" @click="grantRoleAuthorities">确定</el-button>
+        <el-button @click="grantWindowKey = false">取消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
-
 <script>
+import { queryAuthoritiesNoCond, queryRoles, queryRoleAuthorities, saveRole, deleteRole, editRole, grantToRole } from '@/api/system/system';
+import selectedRole from '@/components/SelectedRoles.vue'
 export default {
+  components: {
+    selectedRole
+  },
   data() {
     return {
-      aprovals: [
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-        {
-          roleId: "23892839",
-          roleName: "CEO",
-          roleDesc: "首席执行官",
-          parentName: "暂无",
-          hasRoles: 1
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
-        }
-    };
+      isAddRole: false,
+      changeRoleKey: false,
+      grantWindowKey: false,
+      showRolesKey: false,
+      showAccountKey: false,
+      allAuthorities: [],
+      currentAuthorities: [],
+      roles: [],
+      newRole: {
+        roleId: '',
+        roleName: '',
+        roleDesc: '',
+        parentId: '',
+        parentName: ''
+      },
+      queryParams: {
+          roleName: '',
+          current: 0,
+          pageSize: 10
+      },
+      pageData: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      },
+      currentRole: {}
+    }
+  },
+  async mounted() {
+    this.initSearchRoles()
+  },
+  computed: {
   },
   methods: {
-    handleStatus(status) {
-      var str = "";
-      if (status == "a") {
-        str = "通过";
-      } else if (status == "p") {
-        str = "申请超时";
+    async changeRoleHandle() {
+      if (this.isAddRole) {
+        const {data: saveRes} = await saveRole(this.newRole)
+        if (saveRes.code === 200) {
+          this.$message.success('新增成功')
+        }
+        if (saveRes.code === 500) {
+          this.$message.error(saveRes.message)
+        }
       } else {
-        str = "未通过";
+        const {data: editRes} = await editRole(this.newRole)
+        if (editRes.code === 200) {
+          this.$message.success('新增成功')
+        }
+        if (editRes.code === 500) {
+          this.$message.error(editRes.message)
+        }
+      }
+      this.changeRoleKey = false
+      this.searchRoles()
+    },
+    preHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    nextHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    currentChangeHandle(current) {
+      this.pageData.current = current
+      this.searchRoles()
+    },
+    saveHandle() {
+      this.newRole = {
+        roleId: '',
+        roleName: '',
+        roleDesc: '',
+        parentId: '',
+        parentName: ''
+      }
+      this.isAddRole = true
+      this.changeRoleKey = true
+    },
+    editHandle(row) {
+        this.newRole = {...row}
+        this.roles.forEach(item => {
+          if (item.roleId === row.parentId) {
+            this.newRole.parentName = item.roleName
+          }
+        })
+        // 查询父级角色
+        this.isAddRole = false
+        this.changeRoleKey = true
+    },
+    async grantHandle(row) {
+      // 将当前角色授予用户
+      this.currentRole = {...row}
+      this.grantWindowKey = true
+      // 请求当前角色的权限
+      const {data: currentAuth} = await queryRoleAuthorities(this.currentRole.roleId)
+      if (currentAuth.code === 200) {
+        currentAuth.data.authorities.forEach(item => {
+          this.currentAuthorities.push(item.authorityId)
+        })
       }
-      return str;
+      // 请求所有权限
+      const {data: allAuth} = await queryAuthoritiesNoCond()
+      if (allAuth.code === 200) {
+        allAuth.data.authorities.forEach(item => {
+          this.allAuthorities.push({
+              key: item.authorityId,
+              label: item.authorityName
+          })
+        })
+      }
+    },
+    deleteHandle(row) {
+      let _this = this
+      this.$alert('删除角色', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          _this.deleteRoleHandle(row)
+        }).catch(() => {
+          _this.$message.success('已取消')
+        })
+        
+      
+    },
+    async deleteRoleHandle(row) {
+      const {data: res} = await deleteRole(row.roleId)
+      if (res.code === 200) {
+        this.$message.success("删除成功")
+      }
+      if (res.code === 500) {
+        this.$message.error(res.message)
+      }
+      this.searchRoles()
     },
-    onSubmit() {
-        console.log('submit!');
+    initSearchRoles() {
+      this.pageData.current = 1
+      this.pageData.pageSize = 10
+      this.searchRoles()
+    },
+    async searchRoles() {
+      this.queryParams.current = this.pageData.current
+      this.queryParams.pageSize = this.pageData.pageSize
+      const {data: res} = await queryRoles(this.queryParams)
+      if (res.code === 200) {
+        this.roles = res.data.roles.records
+        this.pageData.total = res.data.roles.total
+      }
+    },
+    roleCallback(row) {
+      this.newRole.parentId = row.roleId
+      this.newRole.parentName = row.roleName
+      this.showRolesKey = false
+    },
+    async grantRoleAuthorities() {
+      let grant = {}
+      grant.relationId = this.currentRole.roleId
+      grant.relations = this.currentAuthorities
+      const {data: res} = await grantToRole(grant)
+      if (res.code === 200) {
+        this.$message.success('授权成功')
+      }
+      if (res.code === 500) {
+        this.$message.error(res.message)
       }
+      this.grantWindowKey = false
+    }
   },
 };
 </script>
diff --git a/src/views/PracticeInfo.vue b/src/views/PracticeInfo.vue
new file mode 100644
index 0000000000000000000000000000000000000000..aa5aed1b9ab08540e76756b4a55c5aaedfd4586d
--- /dev/null
+++ b/src/views/PracticeInfo.vue
@@ -0,0 +1,241 @@
+<template>
+  <div>
+    <el-row>
+        <el-col :span="8">
+            <!-- 试卷基本信息 -->
+            <div class="paper_info_box">
+                <div>试卷名称：{{ paper.paperName }}</div>
+                <div>总分: {{ paper.paperScore }}</div>
+                <div>时长: {{ totalTime }} 分钟</div>
+                <div>得分: {{paperInst.realScore }}</div>
+                <div>答题时间: {{Math.round(paperInst.realTime / 1000 / 60)}} 分钟</div>
+                <div>答题人: {{paperInst.accountName}}</div>
+            </div>
+        </el-col>
+        <el-col :span="16">
+            <!-- 试题内容 -->
+            <div class="paper_problems">
+                <!-- 暂时只考虑了选择题 -->
+                <div class="problem_type_title">选择题</div>
+                <div v-for="(item, problemOrder) in problems" :key="problemOrder">
+                    <div class="problem_title">{{ (problemOrder + 1) + "、" + item.problem.problemDesc }}</div>
+                    <div>
+                        <ul>
+                            <li :class="{answer_title: true, answer_selected: (item.problem.userAnswer === answer.answerId)}" 
+                                v-for="(answer, answerOrder) in item.answers" 
+                                :key="answerOrder">
+                                {{ answer.answer }}
+                            </li>
+                        </ul>
+                    </div>
+                    <div v-if="isParsePaper"> 正确答案：{{parseCorrectAnswer(item.answers)}}</div>
+                </div>
+            </div>
+        </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+
+
+import {getConfig, parseUserAnswer} from '@/api/system/system.js'
+export default {
+    props: {
+        practiceInfo: {
+            type: Object,
+            default: null,
+            required: true
+        }
+    },
+    data() {
+        return {
+            problems: [],
+            currentPractice: {},
+            userAnswer: [],
+            oneAnswer: 10,
+            paper: {},
+            selectAnswer: '',
+            problemsChoose: [],
+            totalTime: 0,
+            formatTime: 0,
+            formatSecond: 0,
+            timerId: '',
+            problemTypes: [],
+            paperInst: {},
+            score: 0,
+            computeScoreWindow: false,
+            isParsePaper: true
+        }
+    },
+    async mounted() {
+        this.currentPractice = this.practiceInfo
+        this.paper = this.currentPractice.paper
+        this.problems = this.currentPractice.problems
+        this.paperInst = this.currentPractice.paperInst
+        const {data: problemTypes} = await getConfig({codeType: 'PROBLEM_TYPE', codeValue: ''})
+        if (problemTypes.code === 200) {
+            this.problemTypes = problemTypes.data.cache
+        }
+        // 获取当前试卷
+        this.problems.forEach((item, index) => {
+            var obj = {}
+            obj.order = index
+            obj.isFinish = false
+            this.problemsChoose.push(obj)
+        })
+        this.parseTime(this.paper.limitTime)
+    },
+    destroyed() {
+        clearInterval(this.timerId)
+    },
+    computed: {
+        parseProblemDesc() {
+            return function(problem, problemOrder) {
+                const tempProblem = { ...problem }
+                const tempOrder = problemOrder
+                return (tempOrder + 1) + "、" + tempProblem.problemDesc
+            }
+        },
+        parseCorrectAnswer() {
+            return function(answers) {
+                let correct = ''
+                answers.forEach(item => {
+                    if (item.isRight === 1) {
+                        correct = item.answer
+                    }
+                })
+                return correct
+            }
+        }
+    },
+    methods: {
+        recordAnswer(problemOrder, answerOrder) {
+            // 记录用户选择的答案,还没考虑多选
+            // 记录方式：以问题为下标，answer为value存一个数组
+            
+            // 改变选项样式
+            this.changeSelectedStyle(problemOrder, answerOrder)
+            // 同步左侧题号状态
+            this.syncUseranswer()
+        },
+        showPracticeAnswer() {
+            this.isParsePaper = true
+            this.computeScoreWindow = false
+        },
+        changeSelectedStyle(problemOrder, answerOrder) {
+            // todo 选择答案
+            // type：题型，多选-单选
+            var problem = this.problems[problemOrder]
+            var answers = problem.answers
+            if (problem.problem.problemType === 1) {
+                // 单选
+                answers.forEach(answer => {
+                    answer.isSelected = false
+                })
+            }
+            answers[answerOrder].isSelected = !answers[answerOrder].isSelected
+            this.userAnswer[problemOrder] = []
+            var obj = {
+                problemInstId: '',
+                userAnswer: []
+            }
+            obj.problemInstId = problem.problem.problemInstId
+            answers.forEach(item => {
+                if (item.isSelected) {
+                    obj.userAnswer.push(item.answerId) 
+                    this.userAnswer[problemOrder].push(JSON.stringify(obj))
+                }
+            })
+            problem.answers = answers
+            this.problems[problemOrder] = problem
+        },
+        async submitPaper() {
+            // 检查试卷是否完成
+            const totalProblems = this.problemsChoose.length
+            let finishProblems = 0
+            this.userAnswer.forEach(item => {
+                if (item && item.length > 0) {
+                    finishProblems = finishProblems + 1
+                }
+            })
+            if (finishProblems < totalProblems) {
+                return this.$message.success('还有未提交的试题')
+            }
+            // 提交试卷，包括试卷实例编号以及用户答案
+            let params = {}
+            params.paperInstId = this.currentPractice.paperInst.paperInstId
+            params.userAnswer = JSON.stringify(this.userAnswer)
+            const { data: res } = await parseUserAnswer(params)
+            if (res.code === 200) {
+                this.score = res.data.score
+                this.computeScoreWindow = true
+            }
+        },
+        syncUseranswer() {
+            this.userAnswer.forEach((item, index) => {
+                if (item && item.length > 0) {
+                    this.problemsChoose[index].isFinish = true
+                } else {
+                    this.problemsChoose[index].isFinish = false
+                }
+            })
+        },
+        parseTime(time) {
+            this.formatTime = time / 1000 / 60
+            this.totalTime = this.formatTime
+        }
+        
+    }
+}
+</script>
+
+<style lang="css" scoped>
+.paper_info_box {
+    width: 240px;
+    height: 500px;
+    margin-top: 30px;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+}
+.paper_problems {
+    width: 100%;
+    margin-right: 10px;
+    margin-top: 30px;
+    padding: 10px;  
+    border: 1px solid #ccc;
+}
+.problem_finish {
+    background: skyblue;
+    color: white;
+}
+.btn_base {
+    width: 36px;
+    height: 36px;
+    border-radius: 18px;
+    text-align: center;
+}
+.problem_type_title {
+    font-size: 16px;
+    font-weight: 700;
+    margin-bottom: 3px;
+}
+.problem_title {
+    font-size: 14px;
+    margin-bottom: 3px;
+}
+.answer_title {
+    font-size: 12px;
+    height: 25px;
+    line-height: 25px;
+    text-decoration: none;
+}
+.answer_title:hover {
+    cursor: pointer;
+}
+.answer_selected {
+    color: skyblue;
+    font-size: 14px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/ProblemDetail.vue b/src/views/ProblemDetail.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2e82ecada2e46e9609267fc3029596138352bf73
--- /dev/null
+++ b/src/views/ProblemDetail.vue
@@ -0,0 +1,380 @@
+<template>
+  <div>
+    <el-row>
+      <el-col :span="22">
+        <div class="sec-title">试题管理</div>
+      </el-col>
+      <el-col :span="2">
+        <div>
+          <i class="el-icon-plus sec-blue"></i>
+          <el-button @click="saveHandle" type="text">新增</el-button>
+        </div>
+      </el-col>
+    </el-row>
+    <!-- 筛选条件 -->
+    <el-form
+      :inline="true"
+      :model="queryParams"
+      class="demo-form-inline"
+    >
+      <el-form-item label="试题描述">
+        <el-input
+          v-model="queryParams.problemDesc"
+          placeholder="试题描述"
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="试题类型">
+        <el-select v-model="queryParams.problemType" placeholder="试题类型">
+            <el-option v-for="(item, index) in problemTypes" :label="item.codeName" :value="item.codeValue" :key="index"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          @click="initSearchProblems"
+        >查询</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 表格 -->
+    <el-table
+      ref="tableData"
+      :data="problems"
+      height="590"
+    >
+      <el-table-column
+        prop="problemId"
+        label="试题编号"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="problemDesc"
+        label="试题描述"
+        width="180"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="problemType"
+        label="试题类型"
+        width="170"
+      >
+      <template slot-scope="scope">
+        {{ parseProblemType(scope.row)}}
+      </template>
+      </el-table-column>
+      <el-table-column
+        prop="analysis"
+        label="试题分析"
+        width="170"
+      >
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        width="140"
+      >
+        <template slot-scope="scope">
+          <el-button
+            @click="showAnswer(scope.row)"
+            type="text"
+            size="small"
+          >答案</el-button>
+          <el-button
+            @click="editHandle(scope.row)"
+            type="text"
+            size="small"
+          >修改</el-button>
+          <el-button
+            @click="deleteHandle(scope.row)"
+            type="text"
+            size="small"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="total"
+      :current-page="current"
+      :page-size="pageSize"
+      @current-change="currentChangeHandle"
+      @pre-click="preHandle"
+      @next-click="nextHandle"
+    >
+    </el-pagination>
+    <el-drawer
+      :title="isSaveProblem ? '新增试题' : '修改试题'"
+      :visible.sync="changeProblemKey">
+      <el-form :model="changeProblem" label-width="80px">
+        <el-form-item v-if="!isSaveProblem" label="试题编号">
+          <el-input v-model="changeProblem.problemId"></el-input>
+        </el-form-item>
+        <el-form-item label="试题描述">
+          <el-input v-model="changeProblem.problemDesc"></el-input>
+        </el-form-item>
+        <el-form-item label="试题类型">
+            <el-select v-model="changeProblem.problemType" placeholder="试题类型">
+                <el-option v-for="(item, index) in problemTypes" :label="item.codeName" :value="item.codeValue" :key="index"></el-option>
+            </el-select>
+        </el-form-item>
+        <el-form-item v-if="isSaveAnswer" label="正确答案">
+            <el-select v-model="changeProblem.answerSortedId" placeholder="选择正确答案">
+                <el-option v-for="(item, index) in answers" :label="item.answer" :value="item.sortedId" :key="index"></el-option>
+            </el-select>
+            <el-button @click="openChangeAnswerDialog" type="primary" icon="el-icon-plus"></el-button>
+        </el-form-item>
+        <el-form-item v-if="!isSaveAnswer" label="正确答案">
+            <el-select v-model="changeProblem.answerSortedId" placeholder="选择正确答案">
+                <el-option v-for="(item, index) in answers" :label="item.answer" :value="item.sortedId" :key="index"></el-option>
+            </el-select>
+            <el-button @click="openChangeAnswerDialog" type="primary" icon="el-icon-edit"></el-button>
+        </el-form-item>
+        <el-form-item label="试题分析">
+          <el-input v-model="changeProblem.analysis"></el-input>
+        </el-form-item>
+        <el-form-item label="选择题库">
+          <el-input v-model="changeProblem.bankName">
+            <el-button @click="selectBankKey = true" slot="append" icon="el-icon-search"></el-button>
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="changeProblemHandle">确定</el-button>
+          <el-button @click="changeProblemKey = false">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+    <el-dialog
+      title="选择题库"
+      :visible.sync="selectBankKey"
+      width="60%">
+      <paper-bank @selectBank="selectBankHandle"></paper-bank>
+    </el-dialog>
+    <el-dialog
+        title="编辑答案"
+        :visible.sync="saveAnswerDialog"
+        width="60%">
+        <!-- <el-form :model="changeAnswer" label-width="80px">
+            <el-form-item v-if="!isSaveAnswer" label="答案编号">
+                <el-input v-model="changeAnswer.answerId"></el-input>
+            </el-form-item>
+            <el-form-item label="答案描述">
+                <el-input v-model="changeAnswer.answer"></el-input>
+            </el-form-item>
+            <el-form-item label="是否正确">
+              <el-select v-model="changeAnswer.isRight" placeholder="是否正确">
+                <el-option v-for="(option, index) in rightOptions" :key="index" :label="option.label" :value="option.value" ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="分值">
+                <el-input v-model="changeAnswer.score"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="changeAnswerHandle">确定</el-button>
+                <el-button @click="saveAnswerDialog = false">取消</el-button>
+            </el-form-item>
+        </el-form> -->
+        <!-- <problem-answer-detail ref="answerDetail" :currentAnswers="isSaveProblem ? [] : answers"></problem-answer-detail> -->
+        <problem-answer-detail ref="answerDetail" @answerChange="answerChangeHandle"></problem-answer-detail>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import paperBank from '@/components/PaperBank.vue'
+import problemAnswerDetail from '@/components/ProblemAnswerDetail.vue'
+import { showBankInfo, queryProblemAnswers, getConfig, parseConfig, saveProblem, editProblem, deleteProblem } from '@/api/system/system.js'
+export default {
+  components: {
+    paperBank,
+    problemAnswerDetail
+  },
+  data() {
+    return {
+      current: 1,
+      pageSize: 10,
+      total: 0,
+      problems: [],
+      problemTypes: [],
+      rightOptions: [
+        {
+          label: '正确',
+          value: 1
+        },
+        {
+          label: '错误',
+          value: 2
+        }
+      ],
+      queryParams: {
+        problemDesc: '',
+        problemType: '',
+        bankId: '',
+        current: 1,
+        pageSize: 10
+      },
+      changeProblem: {
+        problemId: '',
+        problemDesc: '',
+        problemType: '',
+        problemRight: '',
+        analysis: '',
+        bankId: '',
+        bankName: '',
+        answerSortedId: '',
+        answers: []
+      },
+      changeAnswer: {
+        answerId: '',
+        answer: '',
+        sortedId: '',
+        isRight: '',
+        problemId: '',
+        score: ''
+      },
+      answers: [],
+      changeProblemKey: false,
+      selectBankKey: false,
+      isSaveProblem: false,
+      saveAnswerDialog: false,
+      isSaveAnswer: false,
+      currentBankId: '',
+      currentProblemId: 0
+    }
+  },
+  async mounted() {
+    const {data: res} = await getConfig({codeType: 'PROBLEM_TYPE', codeValue: ''})
+    if (res.code === 200) {
+        this.problemTypes = res.data.cache
+    }
+    this.currentBankId = this.$store.state.currentBank.bankId
+    console.log(this.currentBankId)
+    this.initSearchProblems()
+  },
+  computed: {
+    parseProblemType() {
+        return function(row) {
+          return parseConfig(this.problemTypes, String(row.problemType))
+        }
+    }
+  },
+  methods: {
+    initSearchProblems() {
+        this.current = 1
+        this.pageSize = 10
+        this.searchProblems()
+    },
+    async searchProblems() {
+        this.queryParams.current = this.current
+        this.queryParams.pageSize = this.pageSize
+        this.queryParams.bankId = this.currentBankId
+        const { data: res } = await showBankInfo(this.queryParams)
+        if (res.code === 200) {
+            this.problems = res.data.problems.records
+            this.total = res.data.problems.total
+        }
+    },
+    currentChangeHandle(current) {
+      this.current = current
+      this.searchProblems()
+    },
+    preHandle(current) {
+      this.current = current
+    },
+    nextHandle(current) {
+      this.current = current
+    },
+    async showAnswer(row) {
+        const {data: res} = await queryProblemAnswers(row.problemId)
+        if (res.code === 200) {
+          this.answers = res.data.answers
+          this.$store.dispatch('current_answers', JSON.stringify(this.answers))
+          this.saveAnswerDialog = true
+          this.$refs.answerDetail.refreshAnswers()
+        }
+    },
+    async deleteHandle(row) {
+        const {data: res} = await deleteProblem(row.problemId)
+        if (res.code === 200) {
+            this.$message.success('删除成功')
+            this.searchProblems()
+        }
+    },
+    async editHandle(row) {
+        this.changeProblem = {...row}
+        this.isSaveProblem = false
+        this.isSaveAnswer = false
+        this.changeProblemKey = true
+        this.currentProblemId = this.changeProblem.problemId
+        const {data: res} = await queryProblemAnswers(this.changeProblem.problemId)
+        if (res.code === 200) {
+          this.answers = res.data.answers
+          this.$store.dispatch('current_answers', JSON.stringify(this.answers))
+          this.$refs.answerDetail.refreshAnswers()
+        }
+    },
+    answerChangeHandle(answers) {
+      this.answers = answers
+    },
+    saveHandle() {
+        this.isSaveProblem = true 
+        this.isSaveAnswer = true
+        this.changeProblemKey = true
+        this.changeProblem = {
+            problemId: '',
+            problemDesc: '',
+            problemType: '',
+            problemRight: '',
+            analysis: '',
+            bankId: '',
+            bankName: ''
+        }
+    },
+    async changeProblemHandle() {
+        this.changeProblem.answers = this.$refs.answerDetail.answers
+        if (this.isSaveProblem) {
+            const {data: saveRes} = await saveProblem(this.changeProblem)
+            if (saveRes.code === 200) {
+                this.$message.success('新增成功')
+            }
+        } else {
+            const {data: editRes} = await editProblem(this.changeProblem)
+            if (editRes.code === 200) {
+                this.$message.success('修改成功')
+            }
+        }
+        this.searchProblems()
+        this.changeProblemKey = false
+    },
+    selectBankHandle(row) {
+      this.changeProblem.bankId = row.bankId
+      this.changeProblem.bankName = row.bankName
+      this.selectBankKey = false
+    },
+    changeAnswerHandle() {
+      this.changeAnswer.sortedId = this.answers.length + 1
+      this.answers.push(this.changeAnswer)
+      this.saveAnswerDialog = false
+    },
+    async openChangeAnswerDialog() {
+      if (this.isSaveProblem) {
+        this.answers = []
+        this.$store.dispatch('current_answers', JSON.stringify(this.answers))
+      }
+      this.saveAnswerDialog = true
+      // 修改的时候去查询当前问题的答案
+      this.$refs.answerDetail.refreshAnswers()
+      
+    }
+  }
+}
+</script>
+
+<style lang="css" scoped>
+.sec-blue {
+  color: #409eff;
+}
+.sec-title {
+  font-size: 18px;
+  font-weight: 700;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/VideoDetails.vue b/src/views/VideoDetails.vue
similarity index 30%
rename from src/components/VideoDetails.vue
rename to src/views/VideoDetails.vue
index 729972b0a167c1f3f495db4efb6d44e61c45a17d..1edf4ca4e55ffbb5d08dcb147a8e86f6601a9dbb 100644
--- a/src/components/VideoDetails.vue
+++ b/src/views/VideoDetails.vue
@@ -5,8 +5,10 @@
       <el-col :span="16">
         <div>
           <video-player
-          :videoUrl="video.url"
-          :videoCover="video.cover"
+          ref="videoPlayerRef"
+          :videoUrl="video.videoSrc"
+          :videoCover="video.videoImg"
+          :totalTime="totalTime"
           :width="850"
           :height="450"
           :autoplay="false"
@@ -27,25 +29,47 @@
               必须掌握
             </el-descriptions-item>
             <el-descriptions-item label="技能要求">
-              掌握基本的健身知识
+              文明上网宣传片
             </el-descriptions-item>
             <el-descriptions-item label="视频类型">
-              <el-tag size="small">健身</el-tag>
+              <el-tag size="small">网络</el-tag>
             </el-descriptions-item>
             <el-descriptions-item label="上传人">
               张三
             </el-descriptions-item>
           </el-descriptions>
-          <dir class="el-descriptions__title sec_title_padding">
-            学习进度
-          </dir>
-          <el-progress :percentage="50"></el-progress>
+          <div>
+            <el-row>
+              <el-col :span="5"><div class="el-descriptions__title">学习进度:</div></el-col>
+              <el-col :span="19">
+                <div>
+                  <el-progress :percentage="processNum"></el-progress>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
+          
+          <div>
+            <el-row>
+              <el-col :span="3"><div class="el-descriptions__title">评价：</div></el-col>
+              <el-col :span="21">
+                <div style="display: flex;align-items: center;">
+                  <el-rate
+                  @change="videoAppraiseHandle"
+                  :disabled="appraised"
+                  v-model="appraiseScore"
+                  :colors="colors">
+                  </el-rate>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
         </div>
       </el-col>
     </el-row>
     <!-- 视频详情模块 -->
-    <h3>{{ video.name }}</h3>
-    <p>{{ video.desc }}</p>
+    <h3>{{ video.videoName }}</h3>
+    <p>{{ video.videoDesc }}</p>
     <div>
 
     </div>
@@ -55,20 +79,74 @@
 
 <script>
 import videoPlayer from '@/components/VideoPlayer.vue'
+import { updateVideoLog, queryCurrentVideoLog, videoHitAdd, videoAppraise } from '@/api/system/system.js'
 export default {
   components: {
     videoPlayer
   },
   data() {
     return {
-      video: {
-        url: '',
-        cover: '',
-        name: '点菜小妙招',
-        desc: '几名男子点菜各出花样，但因众口难调爆发冲突...'
+      video: {},
+      readTime: 0,
+      videoLog: {},
+      totalTime: 0,
+      timerId: '',
+      processNum: 0,
+      appraiseScore: 0,
+      appraised: false,
+      appraiseParam: {
+        videoId: '',
+        score: 0
+      },
+      colors: ['#99A9BF', '#F7BA2A', '#FF9900']
+    }
+  },
+  async mounted() {
+    this.video = JSON.parse(this.$store.state.currentVideo)
+    // 查询当前视频的阅读记录
+    const {data: res} = await queryCurrentVideoLog(this.video.fileId)
+    if (res.code === 200 &&  res.data.videoLog) {
+      this.videoLog =  res.data.videoLog
+      this.readTime = this.videoLog.readTime
+      this.totalTime = this.videoLog.fileTime
+      this.appraised = this.videoLog.appraised
+      this.appraiseScore = this.videoLog.score
+    }
+    // 开启定时器，记录当时视频的阅读时长
+    this.timerId = setInterval(() => {
+      this.readTime = this.$refs.videoPlayerRef.readTime
+      if (this.readTime >= this.totalTime) {
+        clearInterval(this.timerId)
       }
+      this.processNum = Math.ceil((this.readTime / this.totalTime) * 100)
+    }, 1000)
+    // 进入视频详情页，增加当前视频的点击量
+    videoHitAdd(this.video.videoId)
+  },
+  destroyed() {
+    // 退出视频观看页面时记录
+    this.videoLog.fileName = this.video.videoName
+    this.videoLog.fileId = this.video.fileId
+    this.videoLog.fileTime = this.video.videoTime
+    this.videoLog.readTime = this.readTime
+    updateVideoLog(this.videoLog)
+    clearInterval(this.timerId)
+  },
+  methods: {
+    async videoAppraiseHandle() {
+      this.appraiseParam.videoId = this.video.videoId
+      this.appraiseParam.score = this.appraiseScore
+      const {data: res} = await videoAppraise(this.appraiseParam)
+      if (res.code === 200) {
+        this.$message.success('评价成功')
+        // 更新视频观看记录
+        this.videoLog.appraised = true
+        updateVideoLog(this.videoLog)
+      }
+
     }
   }
+  
 
 }
 </script>
diff --git a/src/views/VideoMan.vue b/src/views/VideoMan.vue
index 70832d6e5231477d1971d0639fb344aa0256acf7..3c77a70c9d9ad42ed8367219123813e9c6a22989 100644
--- a/src/views/VideoMan.vue
+++ b/src/views/VideoMan.vue
@@ -7,46 +7,31 @@
       <el-col :span="2">
         <div>
           <i class="el-icon-plus sec-blue"></i>
-          <el-button type="text">上传视频</el-button>
+          <el-button style="outline: none;" @click="uploadVideoKey = true" type="text">上传视频</el-button>
         </div>
       </el-col>
     </el-row>
     <el-form
       :inline="true"
-      :model="formInline"
+      :model="queryParam"
       class="demo-form-inline"
     >
       <el-form-item label="视频名称">
         <el-input
-          v-model="formInline.user"
+          v-model="queryParam.videoName"
           placeholder="视频名称"
         ></el-input>
       </el-form-item>
       <el-form-item label="上传者">
         <el-input
-          v-model="formInline.userId"
+          v-model="queryParam.accountName"
           placeholder="上传者"
         ></el-input>
       </el-form-item>
-      <el-form-item label="视频">
-        <el-select
-          v-model="formInline.region"
-          placeholder="活动区域"
-        >
-          <el-option
-            label="区域一"
-            value="shanghai"
-          ></el-option>
-          <el-option
-            label="区域二"
-            value="beijing"
-          ></el-option>
-        </el-select>
-      </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
-          @click="onSubmit"
+          @click="initSearchVideos"
         >查询</el-button>
       </el-form-item>
     </el-form>
@@ -55,17 +40,17 @@
       height="590"
     >
       <el-table-column
-        prop="fileId"
+        prop="videoId"
         label="视频编号"
       >
       </el-table-column>
       <el-table-column
-        prop="fileName"
+        prop="videoName"
         label="视频名称"
       >
       </el-table-column>
       <el-table-column
-        prop="filePath"
+        prop="videoUrl"
         label="视频路径"
       >
         <template slot-scope="scope">
@@ -73,33 +58,26 @@
           trigger="hover"
           placement="top"
         >
-          <p> {{ scope.row.filePath }}</p>
+          <p> {{ scope.row.videoSrc }}</p>
           <div
             slot="reference"
             class="name-wrapper"
           >
-            {{ handlePath(scope.row.filePath) }}
+            {{ handlePath(scope.row.videoSrc) }}
           </div>
         </el-popover>
         </template>
       </el-table-column>
       <el-table-column
-        prop="fileType"
-        label="文件类型"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileSize"
-        label="文件大小"
-      >
-      </el-table-column>
-      <el-table-column
-        prop="fileTime"
+        prop="videoTime"
         label="视频时长"
       >
+      <template slot-scope="scope">
+        {{ parseVideoTime(scope.row.videoTime) }}
+      </template>
       </el-table-column>
       <el-table-column
-        prop="uploadName"
+        prop="accountName"
         label="上传者"
       >
       </el-table-column>
@@ -112,17 +90,19 @@
       <el-table-column label="操作">
         <template slot-scope="scope">
           <el-button
-            @click="handleClick(scope.row)"
             type="text"
             size="small"
-          >详情</el-button>
+            @click="playVideo(scope.row)"
+          >播放</el-button>
           <el-button
             type="text"
             size="small"
+            @click="overrideVideo(scope.row)"
           >修改</el-button>
           <el-button
             type="text"
             size="small"
+            @click="deleteVideo(scope.row)"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -130,79 +110,201 @@
     <el-pagination
       background
       layout="prev, pager, next"
-      :total="1000"
+      :total="pageData.total"
+      @prev-click="preHandle"
+      @next-click="nextHandle"
+      @current-change="currentChangeHandle"
     >
     </el-pagination>
+
+    <!-- 上传视频 -->
+    <el-drawer
+      :title="isUploadVideo ? '上传视频' : '修改视频'"
+      :visible.sync="uploadVideoKey"
+      direction="rtl">
+      <el-form ref="form" :model="uploadData" label-width="80px">
+        <el-form-item label="视频名称">
+          <el-input v-model="uploadData.videoName"></el-input>
+        </el-form-item>
+        <el-form-item label="视频类型">
+          <el-select v-model="uploadData.videoType" placeholder="视频类型">
+            <el-option v-for="(item, index) in videoType" :label="item.codeName" :value="item.codeValue" :key="index"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="视频描述">
+          <el-input v-model="uploadData.videoDesc"></el-input>
+        </el-form-item>
+        <el-form-item label="要求类型">
+          <el-select v-model="uploadData.requireType" placeholder="要求类型">
+            <el-option v-for="(item, index) in requireType" :label="item.codeName" :value="item.codeValue" :key="index"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="isUploadVideo ? '上传视频' : '上传封面'">
+          <el-upload
+            ref="upload"
+            action="String"
+            class="upload-demo"
+            :multiple="false"
+            :auto-upload="false"
+            :before-upload="uploadCheckBefore"
+            :file-list="fileList">
+            <el-button size="small" type="primary">选择视频</el-button>
+            <div slot="tip" class="el-upload__tip">只能上传.mp4文件</div>
+          </el-upload>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="uploadVideoHandle">确定</el-button>
+          <el-button @click="uploadVideoKey = false">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
   </div>
 </template>
 
 <script>
+import { getConfig, uploadVideo, queryVideos, deleteVideo } from '@/api/system/system.js'
 export default {
   data() {
     return {
-      formInline: {
-        user: "",
-        region: "",
-        userId: "",
+      editVideoKey: false,
+      editVideo: {
+        videoName: ''
+      },
+      uploadVideoKey: false,
+      queryParam: {
+        videoName: '',
+        accountName: '',
+        current: 1,
+        pageSize: 10
+      },
+      fileList: [],
+      videos: [],
+      requireType: [],
+      videoType: [],
+      uploadData: {
+        videoName: '',
+        videoTyep: '',
+        videoDesc: '',
+        requireType: ''
       },
-      videos: [
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-        {
-          fileId: "12344",
-          fileName: "肖申克的救赎",
-          filePath: "https://aliyun/hsdhjs.mp4",
-          menuId: "13343",
-          fileType: ".mp4",
-          fileSize: "1234MB",
-          fileTime: "120分钟",
-          uploadId: "1234",
-          uploadName: "zhangsan",
-          uploadTime: "2021-10-24 19:20:10",
-        },
-      ],
-    };
+      isUploadVideo: true,
+      pageData: {
+        current: 1,
+        pageSize: 10,
+        total: 0
+      }
+    }
+  },
+  async mounted() {
+    const {data: requireType} = await getConfig({codeType: 'REQUIRE_TYPE', codeValue: ''})
+    if (requireType.code === 200) {
+      this.requireType = requireType.data.cache
+    }
+    const {data: videoType} = await getConfig({codeType: 'VIDEO_TYPE', codeValue: ''})
+    if (videoType.code === 200) {
+      this.videoType = videoType.data.cache
+    }
+    this.searchVideos()
+    
+  },
+  computed: {
+    parseVideoTime() {
+      return function(videoTime) {
+        var formatTime = ""
+        if (videoTime && videoTime > 0) {
+          var hours = Math.round(videoTime / 1000 / 60 / 60)
+          var min = Math.round(videoTime / 1000 / 60)
+          var second = Math.round(videoTime / 1000)
+          console.log(second)
+          if (hours && hours > 1) {
+            formatTime = formatTime + hours + " 小时"
+            return formatTime
+          }else if (min && min > 1) {
+            formatTime = formatTime + min + " 分钟"
+            return formatTime
+          }else if (second && second > 1) {
+            formatTime = formatTime + second + " 秒"
+            return formatTime
+          }
+        }
+        return "时间过短或是未记录"
+      }
+    }
   },
   methods: {
-    onSubmit() {
-      console.log("submit!");
+    preHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    nextHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    currentChangeHandle(current) {
+      this.pageData.current = current
+      this.searchVideos()
+    },
+    uploadCheckBefore() {
+      return this.uploadData && this.uploadData.videoName && this.uploadData.videoType && this.uploadData.requireType
+    },
+    async searchVideos() {
+      this.queryParam.current = this.pageData.current
+      this.queryParam.pageSize = this.pageData.pageSize
+      const {data:res} = await queryVideos(this.queryParam)
+      if (res.code === 200) {
+        this.videos = res.data.videos.records
+        this.pageData.total = res.data.videos.total
+      }
+    },
+    initSearchVideos() {
+      this.pageData.current = 1
+      this.pageData.pageSize = 10
+      this.searchVideos()
+    },
+    async uploadVideoHandle() {
+      let formData = new FormData()
+      if (this.$refs.upload.uploadFiles && this.$refs.upload.uploadFiles.length > 0) {
+        formData.append('videoFile', this.$refs.upload.uploadFiles[0].raw)
+      }
+      formData.append('videoName', this.uploadData.videoName)
+      formData.append('videoDesc', this.uploadData.videoDesc)
+      formData.append('videoType', this.uploadData.videoType)
+      formData.append('requireType', this.uploadData.requireType)
+      var uploadType = 1
+      if (!this.isUploadVideo) {
+        uploadType = 2
+        formData.append('videoId', this.uploadData.videoId)
+      }
+      formData.append('uploadType', uploadType)
+      const {data: res} = await uploadVideo(formData)
+      if (res.code === 200) {
+        this.$message.success('上传成功')
+      } 
+      if (res.code === 500) {
+        this.$message.error('上传失败')
+      }
+      this.uploadVideoKey = false
+      this.searchVideos()
     },
     handlePath(path) {
       return path.length > 21 ? path.slice(0, 16) + '...' : path
+    },
+    async deleteVideo(row) {
+      await deleteVideo(row.videoId)
+      this.searchVideos()
+      this.$message.success('删除成功')
+    },
+    overrideVideo(row) {
+      this.isUploadVideo = false
+      this.uploadVideoKey = true
+      this.uploadData = {...row}
+      console.log(this.uploadData)
+    },
+    submitEditVideo() {
+      this.editVideoKey = false
+      this.$message.success('修改成功')
+    },
+    playVideo(row) {
+      this.$store.dispatch('current_video', JSON.stringify(row))
+      this.$router.push("/videoDetail")
     }
   },
 };
@@ -216,4 +318,7 @@ export default {
   font-size: 18px;
   font-weight: 700;
 }
+.el-button {
+  outline: none;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/WatchLog.vue b/src/views/WatchLog.vue
index 8f69838a87a8f06bcb02249c4254840aaf607d55..91764a4f3fe3ed8947a1e24a91dafd14ae61854e 100644
--- a/src/views/WatchLog.vue
+++ b/src/views/WatchLog.vue
@@ -7,38 +7,38 @@
     </el-row>
     <el-form
       :inline="true"
-      :model="formInline"
+      :model="queryParams"
       class="demo-form-inline"
     >
       <el-form-item label="视频名称">
         <el-input
-          v-model="formInline.user"
+          v-model="queryParams.fileName"
           placeholder="视频名称"
         ></el-input>
       </el-form-item>
       <el-form-item label="学习状态">
         <el-select
-          v-model="formInline.region"
+          v-model="queryParams.studyStatus"
           placeholder="学习状态"
         >
           <el-option
-            label="正在学习"
-            value="a"
-          ></el-option>
-          <el-option
-            label="未完成"
-            value="e"
-          ></el-option>
-          <el-option
-            label="已完成"
-            value="p"
+          v-for="(item, index) in studyStatus"
+            :label="item.codeName"
+            :value="item.codeValue"
+            :key="index"
           ></el-option>
         </el-select>
       </el-form-item>
+      <el-form-item label="学习人">
+        <el-input
+          v-model="queryParams.accountName"
+          placeholder="学习人"
+        ></el-input>
+      </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
-          @click="onSubmit"
+          @click="initSearchVideoLog"
         >查询</el-button>
       </el-form-item>
     </el-form>
@@ -60,11 +60,17 @@
         prop="fileTime"
         label="视频时长"
       >
+      <template slot-scope="scope">
+        {{ parseVideoTime(scope.row.fileTime, 1) }}
+      </template>
       </el-table-column>
       <el-table-column
         prop="readTime"
         label="学习时长"
       >
+      <template slot-scope="scope">
+        {{ parseVideoTime(scope.row.readTime, 2) }}
+      </template>
       </el-table-column>
       <el-table-column
         prop="accountName"
@@ -73,82 +79,114 @@
       </el-table-column>
       <el-table-column label="操作">
         <template slot-scope="scope">
-          <el-button
-            @click="handleClick(scope.row)"
-            type="text"
-            size="small"
-          >详情</el-button>
           <el-button
             type="text"
             size="small"
+            @click="deleteHandle(scope.row)"
           >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
     <el-pagination
       background
+      @prev-click="preHandle"
+      @next-click="nextHandle"
+      @current-change="currentChangeHandle"
       layout="prev, pager, next"
-      :total="1000"
+      :total="pageParam.total"
     >
     </el-pagination>
   </div>
 </template>
 
 <script>
+import {getConfig, queryVideoLog, deleteVideoLog} from '@/api/system/system.js'
 export default {
   data() {
     return {
-      logs: [
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
+      logs: [],
+       queryParams: {
+          fileName: '',
+          accountName: '',
+          studyStatus: '',
+          current: 1,
+          pageSize: 10
         },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-        {
-          logId: "18298239",
-          fileId: "123",
-          fileName: "肖申克的救赎",
-          fileTime: "120分钟",
-          readTime: "50分钟",
-          accountId: "12323",
-          accountName: "zhangsan",
-          stadyDate: "2022-10-11 20:11:10",
-        },
-      ],
-       formInline: {
-          user: '',
-          region: ''
+        studyStatus: [],
+        pageParam: {
+          current: 1,
+          pageSize: 10,
+          total: 0
         }
     };
   },
+  async mounted() {
+    const {data: res} = await getConfig({codeType: 'STUDY_STATUS', codeValue: ''})
+    if (res.code === 200) {
+      this.studyStatus = res.data.cache
+    }
+    this.searchVideoLog()
+  },
+  computed: {
+    parseVideoTime() {
+      return function(videoTime, type) {
+        var formatTime = ""
+        if (videoTime && videoTime > 0) {
+          var hours = Math.round(videoTime / 1000 / 60 / 60)
+          var min = Math.round(videoTime / 1000 / 60)
+          var second = Math.round(videoTime / 1000)
+          console.log(second)
+          if (hours && hours > 1) {
+            formatTime = formatTime + hours + " 小时"
+            return formatTime
+          }else if (min && min > 1) {
+            formatTime = formatTime + min + " 分钟"
+            return formatTime
+          }else if (second && second > 1) {
+            formatTime = formatTime + second + " 秒"
+            return formatTime
+          }
+        }
+        if (type === 1) {
+          return "视频过短或是未记录时长"
+        } else {
+          return "观看时间过短"
+        }
+      }
+    }
+  },
   methods: {
-    onSubmit() {
-        console.log('submit!')
+    preHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    nextHandle(current) {
+      this.currentChangeHandle(current)
+    },
+    currentChangeHandle(current) {
+      this.pageParam.current = current
+      this.searchVideoLog()
+    },
+    async searchVideoLog() {
+        this.queryParams.current = this.pageParam.current
+        this.queryParams.pageSize = this.pageParam.pageSize
+        const {data: res} = await queryVideoLog(this.queryParams)
+        if (res.code === 200) {
+          this.logs = res.data.logs.records
+          this.pageParam.total = res.data.logs.total
+        } else {
+          this.logs = []
+          this.$message.error(res.message)
+        }
+      },
+      initSearchVideoLog() {
+        this.pageParam.current = 1
+        this.pageParam.pageSize = 10
+        this.searchVideoLog()
+      },
+      async deleteHandle(row) {
+        await deleteVideoLog(row.logId)
+        this.$message.success("删除成功")
+        this.searchVideoLog()
       }
   },
 };
diff --git a/src/views/WatchVideo.vue b/src/views/WatchVideo.vue
index 1c9be263094b3f2781948d8eca6ad6a6fa3e70a1..b48068b962a7369b20b59974f07076f7c83cdc78 100644
--- a/src/views/WatchVideo.vue
+++ b/src/views/WatchVideo.vue
@@ -9,7 +9,7 @@
     <el-row>
       <el-col
         :span="5"
-        v-for="(video, index) in videos"
+        v-for="(video, index) in taskVideos"
         :key="index"
         :offset="index % 4 == 0 ? 0 : 1"
       >
@@ -19,23 +19,23 @@
         >
           <img
             @click="playVideo(video)"
-            :src="video.image"
+            :src="video.videoImg"
             class="image"
           >
           <div
             style="padding: 14px;"
             @click="videoDesc(video)"
           >
-            <span>{{ video.name }}</span>
+            <span>{{ video.videoName }}</span>
             <div class="bottom clearfix">
               <span
-                v-if="video.desc.length > 20"
+                v-if="video.videoDesc && video.videoDesc.length > 20"
                 class="sec-video-desc"
-              >{{ video.desc.slice(0, 16) }}...</span>
+              >{{ video.videoDesc.slice(0, 16) }}...</span>
               <span
                 v-else
                 class="sec-video-desc"
-              >{{ video.desc }}</span>
+              >{{ video.videoDesc }}</span>
               <!-- <time class="time">{{ currentDate }}</time> -->
             </div>
           </div>
@@ -45,145 +45,81 @@
     <!-- 热门推荐 -->
     <div class="sec-video-label">热门推荐</div>
     <el-divider></el-divider>
-    <!-- 分类专区 -->
-    <div class="sec-video-label">分类专区</div>
-    <el-divider></el-divider>
     <el-row>
       <el-col
-        :span="2"
-        v-for="(videoType, index) in videoTypes"
+        :span="5"
+        v-for="(video, index) in hotVideos"
         :key="index"
-        :offset="index % 8 == 0 ? 0 : 1"
+        :offset="index % 4 == 0 ? 0 : 1"
       >
         <el-card
-          class="sec-video-type"
           :body-style="{ padding: '0px' }"
           shadow="hover"
         >
-          <!-- <img
+          <img
             @click="playVideo(video)"
-            :src="video.image"
+            :src="video.videoImg"
             class="image"
-          > -->
+          >
           <div
             style="padding: 14px;"
-            @click="searchVideoByType(videoType)"
+            @click="videoDesc(video)"
           >
-            <span>{{ videoType.name }}</span>
+            <span>{{ video.videoName }}</span>
+            <div class="bottom clearfix">
+              <span
+                v-if="video.videoDesc && video.videoDesc.length > 20"
+                class="sec-video-desc"
+              >{{ video.videoDesc.slice(0, 16) }}...</span>
+              <span
+                v-else
+                class="sec-video-desc"
+              >{{ video.videoDesc }}</span>
+              <!-- <time class="time">{{ currentDate }}</time> -->
+            </div>
           </div>
         </el-card>
       </el-col>
     </el-row>
+    <el-divider></el-divider>
+    <div class="sec-video-label" @click="showAllVideo">全部视频 ></div>
   </div>
 </template>
 <script>
-
+import { selfTaskVideo, queryHotVideos } from '@/api/system/system.js'
 export default {
   data() {
     return {
       currentDate: new Date(),
-      videos: [
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影，张译、王俊凯、吴京、奉献演技",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-        {
-          name: "长津湖",
-          desc: "这是由诸多明星参演的爱国主义电影",
-          image:
-            "https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png",
-        },
-      ],
-      videoTypes: [
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "防身",
-          desc: "hhh",
-        },
-        {
-          name: "全部",
-          desc: "hhh",
-        },
-      ],
-    };
+      quaryParams: {
+        videoId: '',
+        videoName: '',
+        videoType: ''
+      },
+      hotVideos: [],
+      taskVideos: [],
+    }
+  },
+  async mounted(){
+    const { data: res } = await selfTaskVideo()
+    if (res.code === 200) {
+      this.taskVideos = res.data.videos
+    }
+    const {data: hotRes } = await queryHotVideos(10)
+    if (hotRes.code === 200) {
+      this.hotVideos = hotRes.data.videos
+    }
   },
   methods: {
     playVideo(video) {
+      this.$store.dispatch('current_video', JSON.stringify(video))
       this.$router.push("/videoDetail")
-      this.$message.success("正在调整播放页面" + video.name);
+      this.$message.success("正在播放" + video.videoName)
     },
     videoDesc(video) {
-      this.$message.success("正在跳转视频详情页面" + video.name);
+      this.$message.success("正在跳转视频详情页面" + video.name)
     },
-    searchVideoByType(videoType) {
-      this.$message.success(videoType.name);
+    showAllVideo() {
       this.$router.push('/allVideo')
     },
   },
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 3204cb20c975060dcf7953f953448c383e5f6aa6..9db774e9448c4aa77b38bf45676b762537e68b8c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -49,7 +49,8 @@ export default {
                 accountWord: [
                     { required: true, message: '密码不能为空', trigger: 'blur' }
                 ]
-            }
+            },
+            currentUser: {}
         }
     },
     methods: {
@@ -60,6 +61,15 @@ export default {
                 if (!valid) return this.$message.error("账号或密码错误");
                 var { data:response } = await login(this.loginUser)
                 if (response.code == 200){
+                    // 存储当前用户信息以及用户权限信息(动态路由信息)
+                    var token = response.data.loginInfo.token
+                    var currentUser = {
+                        accountId: response.data.loginInfo.accountId,
+                        accountName: response.data.loginInfo.accountName
+                    }
+                    this.$store.dispatch('set_user', currentUser)
+                    window.sessionStorage.setItem("Authorization", token)
+                    this.$store.dispatch('set_router', JSON.stringify(response.data.loginInfo.authorities))
                     this.$router.push('/funcHall')
                     this.$message.success("登录成功")
                     return;
@@ -68,6 +78,7 @@ export default {
                     this.$message.error(response.message)
                 }        
             })
+            // this.$router.push('/funcHall')
         }
     }
 }