100路视频

zhanghua

2023-12-04 e6443cf405d4e950abe35a29e6c133d097fc1ad5

100路视频

 src/App.vue

@@ -1,6 +1,6 @@
<template>
  <div id="app">
    <router-view />
    <router-view :key="$route.fullpath"/>
  </div>
</template>
<script>

 src/router/index.js

@@ -351,8 +351,15 @@
      },

      {
        path: "video",
        name: 'video',
        path: "video/0",
        name: 'video_0',
        component: () => import('@/views/video'),
        meta: {
          keepAlive: false // 不需要被缓存
        }
      },{
        path: "video/1",
        name: 'video_1',
        component: () => import('@/views/video'),
        meta: {
          keepAlive: false // 不需要被缓存
@@ -382,8 +389,13 @@

      //  智能巡查
      {
        path: 'studyJudge', // 预警研判
        name: 'studyJudge',
        path: 'studyJudge/0', // 预警研判
        name: 'studyJudge_0',
        component: () => import('@/views/intelligentPatrol/studyJudge/tablePage'),
      },
      {
        path: 'studyJudge/1', // 预警研判
        name: 'studyJudge_1',
        component: () => import('@/views/intelligentPatrol/studyJudge/tablePage'),
      },
      {

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -49,14 +49,28 @@
          >
            <span>报警图片</span>
            <!-- <img :src="item" /> -->
            <el-image style="width:240px"  :src="item" :preview-src-list="[item]"> </el-image>
                        <el-image
                            style="width: 240px"
                            :src="item"
                            :preview-src-list="[item]"
                        >
                        </el-image>
            <span v-if="index === 0"
              >报警时间：{{ currentEvent.alarmTime }}</span
            >
          </div>
          <div class="img-item" v-for="item in imageList" :key="item.id">
                    <div
                        class="img-item"
                        v-for="item in imageList"
                        :key="item.id"
                    >
            <!-- <img :src="item" /> -->            
            <el-image style="width:240px" :src="item" :preview-src-list="[item]"> </el-image>
                        <el-image
                            style="width: 240px"
                            :src="item"
                            :preview-src-list="[item]"
                        >
                        </el-image>
          </div>
          <el-form
            ref="currentEvent"
@@ -92,7 +106,9 @@
        <div class="sjm-content-right">
          <div class="card-box">
            <div class="but-live">
              <el-button size="small" @click="createVideo(currentEvent, 'live')"
                            <el-button
                                size="small"
                                @click="createVideo(currentEvent, 'live')"
                >实时预览</el-button
              >
              <el-button
@@ -140,9 +156,13 @@
                  />
                </el-select>
              </el-form-item>
              <el-form-item v-if="eventInfoData.store" label="店铺得分:">
                            <el-form-item
                                v-if="eventInfoData.store"
                                label="店铺得分:"
                            >
                <span>{{
                  selectStoreChange(eventInfoData.store).storeScore
                                    selectStoreChange(eventInfoData.store)
                                        .storeScore
                }}</span>
              </el-form-item>
              <el-form-item label="处理意见:" prop="state">
@@ -204,7 +224,9 @@
                <el-button @click.native.prevent="handleConfirm"
                  >确认</el-button
                >
                <el-button @click="pageChange('next')">下一条</el-button>
                                <el-button @click="pageChange('next')"
                                    >下一条</el-button
                                >
              </el-form-item>
            </el-form>
          </div>
@@ -226,7 +248,10 @@
      v-show="dialogCreate"
      :before-close="handleClose2"
    >
      <div class="dom" style="width: 100%; height: 600px; position: relative">
            <div
                class="dom"
                style="width: 100%; height: 600px; position: relative"
            >
        <div id="dom1" class="dom1"></div>
      </div>
    </el-dialog>
@@ -279,6 +304,16 @@
        this.typeList = res;
      })
      .catch((err) => this.$message.error(err));
    },
    watch: {
        '$route'(to, from) { //监听路由是否变化
            if (this.info) {
                this.currentEvent = this.info;
                this.loadData();
            } else {
                this.getInspectionData();
            }
        }
  },
  mounted() {
    this.timer = setInterval(() => {
@@ -399,9 +434,11 @@
    },

    getInspectionData() {
            let path = this.$route.path
      let data = {
        current: this.currentPage,
        pageSize: 1,
                type: path.substring(path.length - 1, path.length),
        videoId: this.seachData.videoId,
      };
      if (this.seachData.alarmTime) {

 src/views/intelligentPatrol/studyJudge/tablePage.vue

@@ -33,7 +33,9 @@
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="getInspectionData">查询</el-button>
                    <el-button type="primary" @click="getInspectionData"
                        >查询</el-button
                    >
          <el-button type="primary" @click="resetAll">重置</el-button>
        </el-form-item>
      </el-form>
@@ -46,7 +48,7 @@
      :header-cell-style="{
        background: '#F5F5F5',
        'font-weight': '650',
        'line-height': '45px',
                'line-height': '45px'
      }"
      :data="tableData"
      style="width: 100%"
@@ -101,7 +103,10 @@
      v-if="dialogAdd"
      :before-close="handleClose"
    >
      <JudgeIndex :info="videoInspection" :seachData="seachData"></JudgeIndex>
            <JudgeIndex
                :info="videoInspection"
                :seachData="seachData"
            ></JudgeIndex>
    </el-dialog>
  </div>
</template>
@@ -143,10 +148,18 @@
      videoInspection: {},
    };
  },
      watch: {
        '$route'(to, from) { //监听路由是否变化
            this.getInspectionData();
        }
    },
  methods: {
    loadVideo() {
            let path = this.$route.path;

      videoPoint
        .getVideoPointList({
                    type: path.substring(path.length - 1, path.length),
          current: 1,
          size: 1000,
        })
@@ -199,9 +212,12 @@
      }
    },
    getInspectionData() {
            let path = this.$route.path;

      let data = {
        current: this.currentPage,
        pageSize: this.pageSize,
                type: path.substring(path.length - 1, path.length),
        videoId: this.seachData.videoId,
      };
      if (this.seachData.alarmTime) {

 src/views/layout/components/Main/index.vue

@@ -15,7 +15,7 @@
          </div>
        </div>
      </div>
      <router-view v-else></router-view>
      <router-view v-else :key="$route.fullpath"></router-view>
      <!-- 底部区域 -->
      <!-- <MyFooter/> -->
    </div>
@@ -190,7 +190,13 @@
            {
              id: 42,
              label: '视频巡查',
              link: '/video',
              link: '/video_0',
              icon: 'icon_shipinxuncha'
            },
            {
              id: 80,
              label: '100路视频巡查',
              link: '/video_1',
              icon: 'icon_shipinxuncha'
            },
          ]
@@ -203,7 +209,13 @@
            {
              id: 44,
              label: '预警研判',
              link: '/studyJudge',
              link: '/studyJudge_0',
              icon: 'icon_yujingyanpan'
            },
            {
              id: 81,
              label: '100路预警研判',
              link: '/studyJudge_1',
              icon: 'icon_yujingyanpan'
            },
            {

 src/views/layout/components/Menu/index.vue

@@ -102,8 +102,13 @@
    watch: {
        $route() {
            this.handleSelect(this.$route.fullPath)
        }
    },
        '$route.path'(toPath, fromPath) {
            this.handleSelect(toPath)
            this.$router.push({ path: toPath })
        },
    },

    methods: {
        handleSelect(path) {
            this.isActive = path

 src/views/video/index.vue

@@ -5,9 +5,15 @@
    </el-aside>

    <el-container class="video-body-right">
      <el-header style="display: flex; flex-direction: column; height: 120px">
            <el-header
                style="display: flex; flex-direction: column; height: 120px"
            >
        <div
          style="display: flex; justify-content: space-between; height: 80px"
                    style="
                        display: flex;
                        justify-content: space-between;
                        height: 80px;
                    "
        >
          <span
            style="
@@ -78,7 +84,10 @@
        v-show="dialogCreate"
        :before-close="handleClose2"
      >
        <div class="dom" style="width: 100%; height: 600px; position: relative">
                <div
                    class="dom"
                    style="width: 100%; height: 600px; position: relative"
                >
          <div id="dom1" class="dom1"></div>
          <div id="dom2" class="dom2"></div>
          <div id="dom3" class="dom3"></div>
@@ -125,7 +134,11 @@
      ctrl: "ctrl1",
    };
  },

    watch: {
        '$route'(to, from) { //监听路由是否变化
            this.getVideoPointList();
        }
    },
  created() {
    this.getVideoPointList();
  },
@@ -153,15 +166,18 @@
      }
    },
    getVideoPointList(data) {
            let path = this.$route.path;
      let communityId, streetId;
      if (data) {
        communityId = data.id;
        streetId = data.parentId;
      }

      videoPoint
        .getVideoPointList({
          current: this.currentPage,
          size: this.pageSize,
                    type: path.substring(path.length - 1, path.length),
          communityId,
          streetId,
        })

 vue.config.js

@@ -40,7 +40,8 @@
      // 跨域配置
      "/sccg": {
        // target: `http://42.193.1.25/`,      //测试环境
        target: `http://127.0.0.1:8082/`,
        // target: `http://111.1.140.92:8082/`,
        target: `http://10.88.10.18:8082/`,
        changeOrigin: true
      }
    },