修复设备点击跳转

src/pages/room/room-device-detail.vue

@@ -19,12 +19,18 @@
     </div>
     <div class="list-content">
       <div class="list-content-item">
-        <n-image
-          width="200"
-          height="200"
-          :preview-disabled="true"
-          :src="device.url"
-        />
+        <n-upload
+          action="#"
+          :max="1"
+          :show-file-list="false"
+        >
+          <n-image
+            width="100%"
+            height="200px"
+            :preview-disabled="true"
+            :src="device.url"
+          />
+        </n-upload>
         <n-form>
           <n-form-item
             label="状态"
@@ -88,8 +94,8 @@ const device = reactive({ check: false, url: new URL('./img/3.png', import.meta.
       overflow: hidden;
       text-align: center;
 
-      :deep(.n-image) {
-        margin: 0 auto;
+      :deep(.n-upload-trigger) {
+        cursor: pointer;
       }
 
       :deep(.n-form) {

src/pages/room/room-device-list.vue

@@ -19,7 +19,7 @@
       >
         <div
           class="list-content-item"
-          @click="change"
+          @click="change('/detail')"
         >
           <n-image
             width="60"
@@ -38,7 +38,7 @@
       <span>缺个设备？</span>
       <n-button
         type="warning"
-        @click="change"
+        @click="change('/device')"
       >
         继续
       </n-button>
@@ -71,8 +71,8 @@ const deviceList = ref([
   { check: false, url: new URL('./img/3.png', import.meta.url).href },
   { check: false, url: new URL('./img/3.png', import.meta.url).href }
 ])
-function change() {
-  router.push('/device')
+function change(url:string) {
+  router.push(url)
 }
 </script>
 <style lang="scss" scoped>