diff --git a/src/assets/img/arrow/left.png b/src/assets/img/arrow/left.png
new file mode 100644
index 0000000..dabd2f4
Binary files /dev/null and b/src/assets/img/arrow/left.png differ
diff --git a/src/assets/img/arrow/right.png b/src/assets/img/arrow/right.png
new file mode 100644
index 0000000..ac8e70a
Binary files /dev/null and b/src/assets/img/arrow/right.png differ
diff --git a/src/components/Formula.vue b/src/components/Formula.vue
index fe8cfbc..04d9cf8 100644
--- a/src/components/Formula.vue
+++ b/src/components/Formula.vue
@@ -150,7 +150,7 @@ const props = defineProps({
 
 const topContainer = () => {
   const ele = document.getElementById('set_device_container')
-  ele.scrollTop = ele.scrollTop - 100 < 0 ? 0 : ele.scrollTop - 100
+  ele.scrollTop = ele.scrollTop - 100 < 100 ? 0 : ele.scrollTop - 100
 }
 
 const bottomContainer = () => {
diff --git a/src/components/Setting/components/Device.vue b/src/components/Setting/components/Device.vue
index 1f01ac9..9f5f59f 100644
--- a/src/components/Setting/components/Device.vue
+++ b/src/components/Setting/components/Device.vue
@@ -251,7 +251,7 @@ import {
 
 const topContainer = () => {
   const ele = document.getElementById('set_device_container')
-  ele.scrollTop = ele.scrollTop - 100 < 0 ? 0 : ele.scrollTop - 100
+  ele.scrollTop = ele.scrollTop - 100 < 100 ? 0 : ele.scrollTop - 100
 }
 
 const bottomContainer = () => {
diff --git a/src/components/Setting/components/History.vue b/src/components/Setting/components/History.vue
index d7b1109..7421297 100644
--- a/src/components/Setting/components/History.vue
+++ b/src/components/Setting/components/History.vue
@@ -67,7 +67,7 @@ const webSocketStore = useWebSocketStore()
 
 const topContainer = () => {
   const ele = document.getElementById('set_device_container')
-  ele.scrollTop = ele.scrollTop - 100 < 0 ? 0 : ele.scrollTop - 100
+  ele.scrollTop = ele.scrollTop - 100 < 100 ? 0 : ele.scrollTop - 100
 }
 
 const bottomContainer = () => {
@@ -77,7 +77,7 @@ const bottomContainer = () => {
 
 const topContainer2 = () => {
   const ele = document.getElementById('tabledetail_device_container')
-  ele.scrollTop = ele.scrollTop - 100 < 0 ? 0 : ele.scrollTop - 100
+  ele.scrollTop = ele.scrollTop - 100 < 100 ? 0 : ele.scrollTop - 100
 }
 
 const bottomContainer2 = () => {
@@ -86,11 +86,12 @@ const bottomContainer2 = () => {
 }
 
 const showDetailModal = item => {
+  historyStore.updateDetailData([])
   // 根据这个item获取详细信息
   webSocketStore.sendCommandMsg(getDetailInfoById(item))
   setTimeout(() => {
     showDetailVisible.value = true
-  }, 1000)
+  })
 }
 </script>
 
diff --git a/src/components/Setting/components/RunInfectionSetting.vue b/src/components/Setting/components/RunInfectionSetting.vue
index ea1940e..aa30667 100644
--- a/src/components/Setting/components/RunInfectionSetting.vue
+++ b/src/components/Setting/components/RunInfectionSetting.vue
@@ -218,7 +218,7 @@ const props = defineProps({
 
 const topContainer = () => {
   const ele = document.getElementById('set_device_container')
-  ele.scrollTop = ele.scrollTop - 100 < 0 ? 0 : ele.scrollTop - 100
+  ele.scrollTop = ele.scrollTop - 100 < 100 ? 0 : ele.scrollTop - 100
 }
 
 const bottomContainer = () => {