通道设置

src/views/realTimeMonitor/components/setChannelDialog.vue

@@ -35,14 +35,25 @@
                   : item.channelname
               }}</el-radio
             >
-            <!-- <el-radio :label="6">备选项</el-radio>
-            <el-radio :label="9">备选项</el-radio> -->
           </el-radio-group>
         </el-form-item>
         <el-form-item label="照片大小" class="photoSize">
           <el-input v-model="channelForm.resolutionCX"></el-input>
           <el-input v-model="channelForm.resolutionCY"></el-input>
         </el-form-item>
+        <div class="picZoomClass">
+          <el-form-item label="图片放大">
+            <el-radio-group v-model="channelForm.isImageZoomEnabled">
+              <el-radio :label="1">开</el-radio>
+              <el-radio :label="0">关</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="放大倍数" class="zoomBox">
+            <el-slider v-model="channelForm.zoomVal"></el-slider>
+
+            <el-tag type="info">{{ channelForm.zoomVal }}</el-tag>
+          </el-form-item>
+        </div>
         <div class="videoDiv">
           <el-form-item label="视频分辨率" class="videoclass">
             <el-select
@@ -176,6 +187,8 @@ export default {
         selectChannel: "",
         resolutionCX: "",
         resolutionCY: "",
+        isImageZoomEnabled: 1,
+        zoomVal: 1,
         videoSize: "",
         videoCX: "",
         videoCY: "",
@@ -394,7 +407,7 @@ export default {
             },
             {
               name: "configs",
-              value: 19,
+              value: 21,
             },
             // {
             //   name: "resolutionCX",
@@ -537,6 +550,14 @@ export default {
             { name: "name19", value: "videoDuration" },
             { name: "value19", value: this.channelForm.videoDuration },
             { name: "type19", value: 0 },
+            //图片放大
+            { name: "name20", value: "zoom" },
+            { name: "value20", value: this.channelForm.isImageZoomEnabled },
+            { name: "type20", value: 0 },
+            //放大倍数
+            { name: "name21", value: "zoomRatio" },
+            { name: "value21", value: this.channelForm.zoomVal },
+            { name: "type21", value: 0 },
           ];
           console.log(params);
           this.setTermFn(params);
@@ -833,6 +854,34 @@ export default {
         }
       }
     }
+    .picZoomClass {
+      display: flex;
+
+      .zoomBox {
+        .el-form-item__content {
+          display: flex;
+          align-items: center;
+        }
+      }
+      .el-slider {
+        width: 200px;
+        margin-right: 12px;
+        .el-slider__runway {
+          height: 8px;
+          margin: 12px 0;
+        }
+        .el-slider__button-wrapper {
+          height: 24px;
+          width: 24px;
+          position: absolute;
+          z-index: 1001;
+          top: -9px;
+        }
+        .el-input {
+          width: 100px;
+        }
+      }
+    }
     .videoDiv {
       display: flex;
       .el-select {

src/views/reportData/photostatis/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="photoStatisBox" :height="statisHeight" ref="statisRef">
+  <div class="photoStatisBox" ref="statisRef">
     <div class="searchBox" ref="searchref" v-if="drawerSearch">
       <el-form :inline="true" :model="formdata" class="demo-form-inline">
         <el-form-item label="电压等级" class="dyclass">