视频图片优化

src/views/components/carouselChart.vue

@@ -90,6 +90,7 @@
           >
             <img :src="item.path + '!260x160'" @error="setDefaultImage" />
             <p class="timeInfo">
+              <!-- <i class="el-icon-picture"></i> -->
               <el-tooltip
                 class="item"
                 effect="dark"
@@ -128,8 +129,9 @@
               v-if="item.thumb == null"
             />
             <img :src="item.thumb" v-else />
-            <p class="videoicon"><i class="el-icon-video-play"></i></p>
+
             <p class="timeInfo">
+              <i class="el-icon-video-camera-solid"></i>
               <el-tooltip
                 class="item"
                 effect="dark"
@@ -792,22 +794,36 @@ export default {
         font-size: 12px;
         text-align: center;
         color: #333;
-      }
+        .el-icon-picture,
-      .videoicon {
+        .el-icon-video-camera-solid {
-        position: absolute;
+          font-size: 14px;
-        top: 73%;
+          margin-right: 8px;
-        left: 10%;
+          align-items: center;
-        transform: translate(-50%, -50%);
+          color: @color-primary;
-        i {
-          font-size: 28px;
-          color: #fff;
         }
       }
+      // .videoicon {
+      //   position: absolute;
+      //   top: 73%;
+      //   left: 10%;
+      //   transform: translate(-50%, -50%);
+      //   i {
+      //     font-size: 28px;
+      //     color: #fff;
+      //   }
+      // }
       .borderActive {
         .timeInfo {
           //background: @color-primary;
           background: linear-gradient(180deg, #00eaff 10%, @color-primary 100%);
           color: #fff;
+          .el-icon-picture,
+          .el-icon-video-camera-solid {
+            font-size: 14px;
+            margin-right: 8px;
+            align-items: center;
+            color: #fff;
+          }
         }
       }
       // .borderActive {

src/views/realTimeMonitor/index.vue

@@ -323,16 +323,16 @@
             { type: 'number', message: '时间必须为数字值' },
           ]"
         >
-          <!-- <el-input-number
+          <el-input-number
             v-model="videoForm.time"
             :min="1"
-            :max="30"
+            :max="60"
-          ></el-input-number> -->
+          ></el-input-number>
           <!-- <el-input v-model="videoForm.time" autocomplete="off"></el-input> -->
-          <el-input
+          <!-- <el-input
             v-model.number="videoForm.time"
             autocomplete="off"
-          ></el-input>
+          ></el-input> -->
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -1593,7 +1593,8 @@ export default {
     .el-dialog {
       width: 380px;
     }
-    .el-input {
+    .el-input,
+    .el-input-number {
       width: 214px;
     }
   }

vue.config.js

@@ -29,11 +29,11 @@ module.exports = defineConfig({
     proxy: {
       "/api": {
         //表示拦截以/api开头的请求路径
-        // target: "http://47.96.238.157:8093", //阿里云服务器环境
+        target: "http://47.96.238.157:8093", //阿里云服务器环境
-        target: "http://180.166.218.222:40080", //dell
+        //target: "http://180.166.218.222:40080", //dell
         changOrigin: true, //是否开启跨域
         pathRewrite: {
-          "^/api": "/api", //重写api，把api变成空字符，因为我们真正请求的路径是没有api的
+          "^/api": "", //重写api，把api变成空字符，因为我们真正请求的路径是没有api的
         },
       },
     },