diff --git a/src/router/index.ts b/src/router/index.ts
index 2371c89..e374167 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -22,6 +22,11 @@
 router.beforeEach(async (to, from, next) => {
   console.log('to:', to.path)
   isLoading.value = true
+  if (to.path === '/') {
+    next({
+      name: 'device',
+    })
+  }
   next()
 })
 

diff --git a/src/router/index.ts b/src/router/index.ts
index 2371c89..e374167 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -22,6 +22,11 @@
 router.beforeEach(async (to, from, next) => {
   console.log('to:', to.path)
   isLoading.value = true
+  if (to.path === '/') {
+    next({
+      name: 'device',
+    })
+  }
   next()
 })
 
diff --git a/src/views/page/result/index.vue b/src/views/page/result/index.vue
index 51c9147..caa674e 100644
--- a/src/views/page/result/index.vue
+++ b/src/views/page/result/index.vue
@@ -108,6 +108,16 @@
   })
 }
 fetchDict()
+
+const imgHeight = ref(160)
+onMounted(() => {
+  const width = window.innerWidth * 0.22
+  imgHeight.value = (9 * width) / 16
+})
+window.addEventListener('resize', () => {
+  const width = window.innerWidth * 0.22
+  imgHeight.value = (9 * width) / 16
+})
 </script>
 
 <template>
@@ -131,7 +141,7 @@
       <el-scrollbar v-if="list.length" :height="`${pageHeight}px`">
         <div class="conatiner-scrollbar">
           <div v-for="item in list" :key="item.id" class="show-item" :class="`${item.id ? '' : 'none'}`">
-            <el-image class="img" :preview-src-list="[item.url]" :src="item.url" fit="cover" />
+            <el-image class="img" :style="{ height: `${imgHeight}px` }" :preview-src-list="[item.url]" :src="item.url" fit="cover" />
             <!-- <span class="title">口罩识别</span> -->
             <span class="time">{{ item.time }}</span>
           </div>

diff --git a/src/router/index.ts b/src/router/index.ts
index 2371c89..e374167 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -22,6 +22,11 @@
 router.beforeEach(async (to, from, next) => {
   console.log('to:', to.path)
   isLoading.value = true
+  if (to.path === '/') {
+    next({
+      name: 'device',
+    })
+  }
   next()
 })
 
diff --git a/src/views/page/result/index.vue b/src/views/page/result/index.vue
index 51c9147..caa674e 100644
--- a/src/views/page/result/index.vue
+++ b/src/views/page/result/index.vue
@@ -108,6 +108,16 @@
   })
 }
 fetchDict()
+
+const imgHeight = ref(160)
+onMounted(() => {
+  const width = window.innerWidth * 0.22
+  imgHeight.value = (9 * width) / 16
+})
+window.addEventListener('resize', () => {
+  const width = window.innerWidth * 0.22
+  imgHeight.value = (9 * width) / 16
+})
 </script>
 
 <template>
@@ -131,7 +141,7 @@
       <el-scrollbar v-if="list.length" :height="`${pageHeight}px`">
         <div class="conatiner-scrollbar">
           <div v-for="item in list" :key="item.id" class="show-item" :class="`${item.id ? '' : 'none'}`">
-            <el-image class="img" :preview-src-list="[item.url]" :src="item.url" fit="cover" />
+            <el-image class="img" :style="{ height: `${imgHeight}px` }" :preview-src-list="[item.url]" :src="item.url" fit="cover" />
             <!-- <span class="title">口罩识别</span> -->
             <span class="time">{{ item.time }}</span>
           </div>
diff --git a/src/views/page/video/index.vue b/src/views/page/video/index.vue
index a53b3bf..53298f6 100644
--- a/src/views/page/video/index.vue
+++ b/src/views/page/video/index.vue
@@ -12,8 +12,10 @@
 const publicPath = window.location.href.split('#')[0]
 // 获取页面高度
 const pageHeight = ref(window.innerHeight - 50 - 20)
+const imgHeight = ref(160)
 window.addEventListener('resize', () => {
   pageHeight.value = window.innerHeight - 50 - 20
+  imgHeight.value = ((window.innerWidth * 0.2) - 40) * 9 / 16
 })
 const showVideoNum = ref('四屏')
 const showVideo = ref<any[]>([])
@@ -68,7 +70,40 @@
   })
 }
 fetchData()
-
+const refrshResult = () => {
+  offset.value = 1
+  resultList.value = []
+  const row = JSON.parse(($route.query.row || '{}') as string)
+  loadingResult.value = true
+  getResultList({ offset: offset.value, limit: 20, name: row.id ? row.name : '' }).then((res) => {
+    resultList.value = [...resultList.value, ...res.data.items.map((item: any) => {
+      return {
+        ...item,
+        time: dayjs(item.time).format('YYYY-MM-DD HH:mm:ss'),
+        url: `${publicPath}/image/loading.gif`,
+      }
+    })]
+    resultList.value.forEach((item: any) => {
+      if (item.url.includes('loading.gif')) {
+        getResultPic({ frame_id: item.id }).then((res) => {
+          const reader = new FileReader()
+          reader.onload = (e: any) => {
+            item.url = e.target.result
+          }
+          reader.readAsDataURL(res.data)
+        }).catch(() => {
+          item.url = ''
+        })
+      }
+      else {
+        item.url = ''
+      }
+    })
+    loadingResult.value = false
+  }).catch(() => {
+    loadingResult.value = false
+  })
+}
 watch(() => showVideoNum.value, (newVal, oldVal) => {
   showVideo.value = []
   if (newVal === '一屏') {
@@ -152,15 +187,20 @@
       </div>
       <div class="right" :style="{ height: `${pageHeight}px` }">
         <el-card v-loading="loadingResult">
-          <div class="title">
-            识别结果
+          <div class="title" style="display: flex;justify-content: space-between;align-items: center;padding-left: 10px;padding-right: 10px;">
+            <span>
+              识别结果
+            </span>
+            <el-button size="small" @click="refrshResult">
+              刷新
+            </el-button>
           </div>
           <ul
             v-if="resultList.length" v-infinite-scroll="load" class="infinite-list" style="overflow: auto;"
             :style="{ height: `${pageHeight - 64}px` }"
           >
             <li v-for="item in resultList" :key="item.id" class="item">
-              <el-image class="img" :preview-src-list="[item.url]" :src="item.url" fit="cover" />
+              <el-image class="img" :style="{ height: `${imgHeight}px` }" :preview-src-list="[item.url]" :src="item.url" fit="cover" />
               <span class="time">{{ item.time }}</span>
             </li>
           </ul>