diff --git a/src/apps/AppIntelligentSecurity/SlwVideo.vue b/src/apps/AppIntelligentSecurity/SlwVideo.vue
index 1014c7c4..143cfeca 100644
--- a/src/apps/AppIntelligentSecurity/SlwVideo.vue
+++ b/src/apps/AppIntelligentSecurity/SlwVideo.vue
@@ -29,14 +29,14 @@
           </div>
         </div>
         <div class="right">
-          <picker mode="date" @change="onDateChange">
+          <!-- <picker mode="date" @change="onDateChange">
             <img src="https://cdn.cunwuyun.cn/slw2.0/images/date.png">
-          </picker>
-          <!-- <img src="https://cdn.cunwuyun.cn/slw2.0/images/date.png" @click="isShowDate = true"> -->
+          </picker> -->
+          <img src="https://cdn.cunwuyun.cn/slw2.0/images/date.png" @click="isShowDate = true">
         </div>
       </div>
     </div>
-    <u-picker mode="time" v-model="isShowDate" :params="params" @confirm="onDateChange"></u-picker>
+    <u-calendar v-model="isShowDate" @change="onDateChange" mode="date"></u-calendar>
   </div>
 </template>
 
@@ -118,12 +118,9 @@
         this.getSlwPlaybackTime()
       },
 
-      onClick () {
-        alert(2)
-      },
-
       onDateChange (e) {
-        this.date = `${e.detail.value}`
+        console.log(e)
+        this.date = `${e.result}`
         // this.date = `${e.year}-${e.month}-${e.day}`
 
         this.getSlwPlaybackTime()
@@ -226,6 +223,17 @@
     width: 100%;
     height: 100%;
 
+    ::v-deep .u-drawer {
+      transform: scale(0.8);
+      .u-calendar__content__item {
+        padding: 0;
+      }
+
+      .u-calendar__action {
+        padding: 14px 0;
+      }
+    }
+
     * {
       box-sizing: border-box;
     }