监控ui

heyujie

2021-10-11 ae2d855c89ca722ac7309fdf1aa6ceed370e3b95

 src/pages/cameraAccess/components/SeparateRules.vue

@@ -28,25 +28,13 @@
          </div>

          <div v-if="Camera.analytics" class="flex-box" v-show="cameraType === 'camera'">
            <span class="label">分辨率</span>
            <el-select
              v-model="Camera.selectResolution"
              placeholder="请选择"
              size="mini"
              style="width: 134px;
                margin-left:10px;"
            >
              <el-option
                v-for="item in Camera.resolutionOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
            <span
              class="label"
            >分辨率: {{(Camera.camearInfo.resolution_width == 0 || Camera.camearInfo.resolution_height == 0) ? '本机分辨率': `${Camera.camearInfo.resolution_width} * ${Camera.camearInfo.resolution_height}` }}</span>
          </div>

          <div v-if="Camera.analytics" class="flex-box">
            <span class="label">智能计算节点: {{ Camera.runServerName}}</span>
            <span class="label">SmartAI节点: {{ Camera.runServerName}}</span>
          </div>

          <div v-if="Camera.analytics" class="flex-box">
@@ -229,7 +217,6 @@
</template>

<script>
//import { timeSilderData } from "@/mockData/timeSilder";
import { savePolygon } from "@/api/polygon";

import {
@@ -238,7 +225,6 @@

import {
  saveCameraScene,
  getCameraSceneRule,
} from '@/api/scene'

import { changeRunType } from "@/api/pollConfig";
@@ -247,12 +233,9 @@

import TimeSlider from "./TimeSlider";
import polygonCanvas from "@/components/canvas";
//import Sysinfo from "./SystemInfo";
import Sysinfo from "@/components/subComponents/SystemInfo";
import SceneRule from "./SceneRule";
import SlideScene from "./scene/SlideScene";
import { duration } from 'moment';


export default {
  components: {
@@ -292,24 +275,21 @@
          prevEl: ".swiper-local-prev"
        }
      },
      swiperOption: {
        slidesPerView: 5,
        spaceBetween: 8,
        pagination: {
          el: ".swiper-pagination",
          clickable: true
        },
        navigation: {
          nextEl: ".swiper-next-border",
          prevEl: ".swiper-pre-border"
        }
      },
      // swiperOption: {
      //   slidesPerView: 5,
      //   spaceBetween: 8,
      //   pagination: {
      //     el: ".swiper-pagination",
      //     clickable: true
      //   },
      //   navigation: {
      //     nextEl: ".swiper-next-border",
      //     prevEl: ".swiper-pre-border"
      //   }
      // },
      tableRuleList: [],

      cameraId: "",
      activeTaskIndex: 0,
      activeTaskId: "",
      booleanValue: false,
      showSysInfo: false,
      showCanvas: true,
      canvasWidth: 576,
@@ -335,7 +315,6 @@
            this.stackFilesSize = 5;
            this.stackId = n;
            if (this.stackId) {
              // console.log('getStackFiles')
              this.swipercanvasData = [];
              this.getStackFiles()
            }
@@ -346,11 +325,7 @@
  },
  methods: {
    prevClick() {
      // console.log(this.swiperIndex)
      // console.log(this.$refs.swiper.swiper.activeIndex)
      if (this.swiperIndex == 0) {
        // console.log('本次分页的第一条')
        //请求上一页
        if (this.stackFilesPage > 1) {
          this.stackFilesPage--;
          this.getStackFiles(true);
@@ -365,8 +340,6 @@
    },
    nextClick() {
      if (this.swiperIndex == this.swipercanvasData.length - 1) {
        // console.log('最后一张,加载更多')
        //请求下一页
        this.stackFilesPage++;
        this.getStackFiles(true);
      }
@@ -400,7 +373,6 @@
            }
          }
        } else {
          // console.log(this.swipercanvasData)
          this.$message({
            type: 'error',
            message: '数据请求失败,请稍后重试!'
@@ -408,7 +380,6 @@
        }
        this.getStackFileLoading = false;
      }).catch(e => {
        // console.log(e);
        this.getStackFileLoading = false;
      });
    },
@@ -455,7 +426,7 @@
      polyon.camera_id = this.Camera.cameraId;
      savePolygon(polyon).then(rsp => {
        this.Camera.getPolygon();
        this.Camera.getCameraTask();
        //this.Camera.getCameraTask();
      });
    },
    refresh(url) {
@@ -506,7 +477,6 @@
    },
    changeLoading(params) {
      this.loading = params
      // console.log(this.loading,'changeLoading',params)
    },
    //是否进行视频分析处理
    pollEnable(row) {
@@ -524,6 +494,7 @@
        val = -1
      }
      if (this.Camera.cameraId && this.Camera.cameraId !== undefined) {
      debugger
        changeRunType({ camera_ids: [this.Camera.cameraId], run_type: val }).then(
          rsp => {
            if (rsp && rsp.success) {
@@ -537,16 +508,16 @@
                message: "配置失败"
              });
            }
            // this.selectCamera(this.TreeDataPool.selectedNode)
            this.TreeDataPool.fetchTreeData();
          }
        );
      }
      this.TreeDataPool.fetchTreeData();
      this.PollData.statisticTaskInfo();
    },
    //实时、轮询切换
    changePoll(row) {
      //判断是新增还是更新
      debugger
      if (this.Camera.cameraId && this.Camera.cameraId !== undefined) {
        if (this.PollData.RealTimeSum < this.PollData.channelTotal) {
          if (row.value) {
@@ -554,6 +525,7 @@
          } else {
            this.Camera.dealWay = false
          }
      debugger
          changeRunType({ camera_ids: [this.Camera.cameraId], run_type: this.Camera.dealWay ? 1 : 0 }).then(
            rsp => {
              if (rsp && rsp.success) {
@@ -572,6 +544,7 @@
        } else {
          if (this.Camera.dealWay) {
            this.Camera.dealWay = false
      debugger
            changeRunType({ camera_ids: [this.Camera.cameraId], run_type: this.Camera.dealWay ? 1 : 0 }).then(
              rsp => {
                if (rsp && rsp.success) {
@@ -614,7 +587,6 @@
        sourceId: this.TreeDataPool.ctrlCameraId,
        targetIds: [this.Camera.cameraId]
      }).then((res) => {
        // console.log(res,'复制算法')
        if (res && res.success) {
          this.$notify({
            type: "success",
@@ -628,7 +600,6 @@
          })
        }
      }).catch(err => {
        // console.log(err,'复制算法报错！')
        this.$notify({
          type: "error",
          message: "粘贴算法失败！"
@@ -640,7 +611,7 @@
</script>
<style lang="scss">
.el-message--info .el-message__content {
  color: #999;
  color: #999 !important;
}
.swiper-container {
  margin-left: auto;