diff --git a/src/assets/black.jpg b/src/assets/black.jpg
new file mode 100644
index 0000000..db5b3ab
Binary files /dev/null and b/src/assets/black.jpg differ
diff --git a/src/components/Header.vue b/src/components/Header.vue
index dd02aab..a1782af 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -8,17 +8,7 @@
         <el-breadcrumb-item>{{ currentPathName }}</el-breadcrumb-item>
       </el-breadcrumb>
     </div>
-    <el-dropdown style="width: 70px; cursor: pointer">
-      <span>{{user.nickname}}</span><i class="el-icon-arrow-down" style="margin-left: 5px"></i>
-      <el-dropdown-menu slot="dropdown" style="width: 100px; text-align: center">
-        <el-dropdown-item style="font-size: 14px; padding: 5px 0">
-          <span style="text-decoration: none" @click="handlePerson">个人信息</span>
-        </el-dropdown-item>
-        <el-dropdown-item style="font-size: 14px; padding: 5px 0">
-          <span style="text-decoration: none" @click="handleExit">退出</span>
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
+
   </div>
 </template>
 
diff --git a/src/views/br_sampling/sample1.vue b/src/views/br_sampling/sample1.vue
index b680e11..be4e2a5 100644
--- a/src/views/br_sampling/sample1.vue
+++ b/src/views/br_sampling/sample1.vue
@@ -1,27 +1,61 @@
 <template>
- <div>
-   <el-carousel :interval="4000" type="card" height="200px">
-     <el-carousel-item v-for="item in 6" :key="item">
-       <h3 class="medium">{{ item }}</h3>
-     </el-carousel-item>
-   </el-carousel>
- </div>
+<!--  <div style="height: 100vh;">-->
+  <div>
+    <el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
+                 :autoplay="carouselPlaying"
+                 :before-change="handleBeforeChange"
+                 >
+      <el-carousel-item>
+        <img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
+      </el-carousel-item>
+      <el-carousel-item v-for="(item, index) in imageList" :key="index">
+        <img :src="require(`@/sample_pic/Block1/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
+      </el-carousel-item>
+    </el-carousel>
+  </div>
 </template>
 
 <script>
 export default {
-  name: "sample"
+  name: "sample",
+  data() {
+    return {
+      imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
+      carouselPlaying: false,
+      buttonDisplay: true
+    };
+  },
+  methods: {
+    handleBeforeChange() {
+      if (!this.carouselPlaying) {
+        this.$refs.carousel.goTo(1); // 显示纯黑图片
+      }
+      this.$refs.carousel.disableTransition = !this.carouselPlaying;
+    },
+    startCarousel() {
+      this.carouselPlaying = true;
+      this.$refs.carousel.next();
+      this.buttonDisplay = false;
+    }
+  }
 }
 </script>
 
-
 <style>
-.el-carousel__item h3 {
-  color: #475669;
-  font-size: 14px;
-  opacity: 0.75;
-  line-height: 200px;
-  margin: 0;
+.el-carousel__item {
+  text-align: center;
+}
+
+.el-carousel__arrow {
+  display: none; /* 隐藏箭头 */
+}
+
+.el-carousel__indicator {
+  display: none; /* 隐藏进度条 */
+}
+
+.el-carousel__item.is-active {
+  transition: none; /* 取消切换时的滑动动画 */
 }
 
 .el-carousel__item:nth-child(2n) {
diff --git a/src/views/br_sampling/sample2.vue b/src/views/br_sampling/sample2.vue
index 0770d0b..5f9dd50 100644
--- a/src/views/br_sampling/sample2.vue
+++ b/src/views/br_sampling/sample2.vue
@@ -1,13 +1,68 @@
+<template>
+  <!--  <div style="height: 100vh;">-->
+  <div>
+    <el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
+                 :autoplay="carouselPlaying"
+                 :before-change="handleBeforeChange"
+    >
+      <el-carousel-item>
+        <img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
+      </el-carousel-item>
+      <el-carousel-item v-for="(item, index) in imageList" :key="index">
+        <img :src="require(`@/sample_pic/Block2/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
+      </el-carousel-item>
+    </el-carousel>
+  </div>
+</template>
+
 <script>
 export default {
-  name: "sample2"
+  name: "sample",
+  data() {
+    return {
+      imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
+      carouselPlaying: false,
+      buttonDisplay: true
+    };
+  },
+  methods: {
+    handleBeforeChange() {
+      if (!this.carouselPlaying) {
+        this.$refs.carousel.goTo(1); // 显示纯黑图片
+      }
+      this.$refs.carousel.disableTransition = !this.carouselPlaying;
+    },
+    startCarousel() {
+      this.carouselPlaying = true;
+      this.$refs.carousel.next();
+      this.buttonDisplay = false;
+    }
+  }
 }
 </script>
 
-<template>
+<style>
+.el-carousel__item {
+  text-align: center;
+}
 
-</template>
+.el-carousel__arrow {
+  display: none; /* 隐藏箭头 */
+}
 
-<style scoped>
+.el-carousel__indicator {
+  display: none; /* 隐藏进度条 */
+}
+
+.el-carousel__item.is-active {
+  transition: none; /* 取消切换时的滑动动画 */
+}
 
+.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/src/views/br_sampling/sample3.vue b/src/views/br_sampling/sample3.vue
index 57405d2..a5451d8 100644
--- a/src/views/br_sampling/sample3.vue
+++ b/src/views/br_sampling/sample3.vue
@@ -1,13 +1,68 @@
+<template>
+  <!--  <div style="height: 100vh;">-->
+  <div>
+    <el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
+                 :autoplay="carouselPlaying"
+                 :before-change="handleBeforeChange"
+    >
+      <el-carousel-item>
+        <img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
+      </el-carousel-item>
+      <el-carousel-item v-for="(item, index) in imageList" :key="index">
+        <img :src="require(`@/sample_pic/Block3/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
+      </el-carousel-item>
+    </el-carousel>
+  </div>
+</template>
+
 <script>
 export default {
-  name: "sample3"
+  name: "sample",
+  data() {
+    return {
+      imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
+      carouselPlaying: false,
+      buttonDisplay: true
+    };
+  },
+  methods: {
+    handleBeforeChange() {
+      if (!this.carouselPlaying) {
+        this.$refs.carousel.goTo(1); // 显示纯黑图片
+      }
+      this.$refs.carousel.disableTransition = !this.carouselPlaying;
+    },
+    startCarousel() {
+      this.carouselPlaying = true;
+      this.$refs.carousel.next();
+      this.buttonDisplay = false;
+    }
+  }
 }
 </script>
 
-<template>
+<style>
+.el-carousel__item {
+  text-align: center;
+}
 
-</template>
+.el-carousel__arrow {
+  display: none; /* 隐藏箭头 */
+}
 
-<style scoped>
+.el-carousel__indicator {
+  display: none; /* 隐藏进度条 */
+}
+
+.el-carousel__item.is-active {
+  transition: none; /* 取消切换时的滑动动画 */
+}
 
+.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/src/views/br_sampling/sample4.vue b/src/views/br_sampling/sample4.vue
index 3acfc43..61967ea 100644
--- a/src/views/br_sampling/sample4.vue
+++ b/src/views/br_sampling/sample4.vue
@@ -1,13 +1,68 @@
+<template>
+  <!--  <div style="height: 100vh;">-->
+  <div>
+    <el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
+                 :autoplay="carouselPlaying"
+                 :before-change="handleBeforeChange"
+    >
+      <el-carousel-item>
+        <img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
+      </el-carousel-item>
+      <el-carousel-item v-for="(item, index) in imageList" :key="index">
+        <img :src="require(`@/sample_pic/Block4/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
+      </el-carousel-item>
+    </el-carousel>
+  </div>
+</template>
+
 <script>
 export default {
-  name: "sample4"
+  name: "sample",
+  data() {
+    return {
+      imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
+      carouselPlaying: false,
+      buttonDisplay: true
+    };
+  },
+  methods: {
+    handleBeforeChange() {
+      if (!this.carouselPlaying) {
+        this.$refs.carousel.goTo(1); // 显示纯黑图片
+      }
+      this.$refs.carousel.disableTransition = !this.carouselPlaying;
+    },
+    startCarousel() {
+      this.carouselPlaying = true;
+      this.$refs.carousel.next();
+      this.buttonDisplay = false;
+    }
+  }
 }
 </script>
 
-<template>
+<style>
+.el-carousel__item {
+  text-align: center;
+}
 
-</template>
+.el-carousel__arrow {
+  display: none; /* 隐藏箭头 */
+}
 
-<style scoped>
+.el-carousel__indicator {
+  display: none; /* 隐藏进度条 */
+}
+
+.el-carousel__item.is-active {
+  transition: none; /* 取消切换时的滑动动画 */
+}
 
+.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/src/views/br_sampling/sample5.vue b/src/views/br_sampling/sample5.vue
index 3c3ef37..b958c4c 100644
--- a/src/views/br_sampling/sample5.vue
+++ b/src/views/br_sampling/sample5.vue
@@ -1,13 +1,68 @@
+<template>
+  <!--  <div style="height: 100vh;">-->
+  <div>
+    <el-carousel :interval="2000" height="850px" width="900px" arrow="never" indicator-position="none"
+                 :autoplay="carouselPlaying"
+                 :before-change="handleBeforeChange"
+    >
+      <el-carousel-item>
+        <img src="@/assets/black.jpg" alt="black" style="width: 100%; height: 100%;" @click="startCarousel">
+      </el-carousel-item>
+      <el-carousel-item v-for="(item, index) in imageList" :key="index">
+        <img :src="require(`@/sample_pic/Block5/${String(item).padStart(4, '0')}.jpg`)" alt="image" style="width: 100%; height: 100%;">
+      </el-carousel-item>
+    </el-carousel>
+  </div>
+</template>
+
 <script>
 export default {
-  name: "sample5"
+  name: "sample",
+  data() {
+    return {
+      imageList: Array.from({length: 100}, (v, i) => String(i + 1).padStart(4, '0')),
+      carouselPlaying: false,
+      buttonDisplay: true
+    };
+  },
+  methods: {
+    handleBeforeChange() {
+      if (!this.carouselPlaying) {
+        this.$refs.carousel.goTo(1); // 显示纯黑图片
+      }
+      this.$refs.carousel.disableTransition = !this.carouselPlaying;
+    },
+    startCarousel() {
+      this.carouselPlaying = true;
+      this.$refs.carousel.next();
+      this.buttonDisplay = false;
+    }
+  }
 }
 </script>
 
-<template>
+<style>
+.el-carousel__item {
+  text-align: center;
+}
 
-</template>
+.el-carousel__arrow {
+  display: none; /* 隐藏箭头 */
+}
 
-<style scoped>
+.el-carousel__indicator {
+  display: none; /* 隐藏进度条 */
+}
+
+.el-carousel__item.is-active {
+  transition: none; /* 取消切换时的滑动动画 */
+}
 
+.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