保存等接口引入

guanqb

2022-11-21 7963f85ac050839fed0a73c2a056728938b59ebf

保存等接口引入

 package.json

@@ -42,4 +42,4 @@
        "sass-loader": "^8.0.2",
        "vue-template-compiler": "^2.6.11"
    }
}
}

 prod.env.js

New file
@@ -0,0 +1,6 @@
'use strict'
module.exports = {
    NODE_ENV: '"production"',
    BASE_API: '"http://192.168.0.105:18080"',
    OUTSIDE_API: '"http://192.168.0.102:1888"'
}

 src/api/video/index.js

@@ -17,10 +17,11 @@
 * @param {*} params 暂时不用传
 * @returns 
 */
export const getVideoList = (page = 1, count = 10, params = {}) => {
export const getVideoList = (page = 1, count = 10, requestBaseUrl = '', params = {}) => {
    return request({
        url: '/device/query/devices',
        method: 'get',
        requestBaseUrl,
        params: {
            page,
            count,
@@ -34,10 +35,11 @@
 * @param {*} equipmentNumber 设备编号
 * @returns 
 */
export const getDevices = (equipmentNumber) => {
export const getDevices = (equipmentNumber, requestBaseUrl = '') => {
    return request({
        url: `/play/start/${equipmentNumber}/${equipmentNumber}`,
        method: 'get'
        method: 'get',
        requestBaseUrl
    })
}

@@ -48,14 +50,85 @@
 * @param {*} params 包含参数 range 参数值参考 116.292735,40.0717; 116.476708, 40.083625; 116.476708, 40.083625; 116.292735, 40.0717
 * @returns 
 */
export const getRegionList = (page = 1, count = 15, range) => {
export const getRegionList = (page = 1, count = 15, requestBaseUrl = '', range) => {
    return request({
        url: '/device/query/SpatialQueryList',
        method: 'get',
        requestBaseUrl,
        params: {
            page,
            count,
            range
        }
    })
}

/**
 * 历史线面数据更新
 * @param {*} type 线面类型
 * @param {*} positions 坐标
 * @param {*} name 名称
 */
export const updateRegionSaveList = (type, positions, requestBaseUrl = 'outside', name) => {
    return request({
        url: '/range/range/updatee',
        method: 'post',
        requestBaseUrl,
        params: {
            type,
            positions,
            name
        }
    })
}

/**
 * 历史线面数据添加
 * @param {*} type 线面类型
 * @param {*} positions 坐标
 * @param {*} name 名称
 */
export const insertRegionSaveList = (type, positions, requestBaseUrl = 'outside', name) => {
    return request({
        url: '/range/range/insertes',
        method: 'post',
        requestBaseUrl,
        params: {
            type,
            positions,
            name
        }
    })
}

/**
 * 历史线面数据查询
 * @param {*} current 当前页
 * @param {*} size 每页数据数量
 */
export const getRegionSaveList = (current, size, requestBaseUrl = 'outside') => {
    return request({
        url: '/range/range/page',
        method: 'get',
        requestBaseUrl,
        params: {
            current,
            size,
        }
    })
}

/**
 * 历史线面数据删除
 * @param {*} ids 序号
 */
export const deleteRegionSaveList = (ids = 1, requestBaseUrl = 'outside') => {
    return request({
        url: '/range/range/remove',
        method: 'get',
        requestBaseUrl,
        params: {
            ids
        }
    })
}

 src/main.js

@@ -12,6 +12,7 @@
import App from './App.vue'
import router from './router/page'
import store from './store'
import '../prod.env'

import { EventBus } from '@/eventBus/event-bus'

@@ -26,6 +27,7 @@
import 'font-awesome/css/font-awesome.min.css'

import axios from './router/axios'

import VueAxios from 'vue-axios'

import 'lib-flexible/flexible.js'

 src/router/axios.js

@@ -14,6 +14,9 @@
 * isToken是否需要token
 */
import axios from 'axios'

// 获取公共配置域名

// import router from '@/router/page/index.js'
// import { Message } from 'element-ui'
// import * as auth from '@/utils/auth'
@@ -33,19 +36,24 @@
// service.defaults.withCredentials = true

// http request拦截
// service.interceptors.request.use(
//     (config) => {
//         const token = auth.getToken()
service.interceptors.request.use(
    (config) => {

//         // 添加token
//         token && (config.headers.token = token)
        if (config.requestBaseUrl == 'outside') {
            config.baseURL = 'http://192.168.0.102:1888/api'
        }

//         return config
//     },
//     (error) => {
//         return Promise.reject(error)
//     }
// )
        // const token = auth.getToken()

        // 添加token
        // token && (config.headers.token = token)

        return config
    },
    (error) => {
        return Promise.reject(error)
    }
)

// http response 拦截
// service.interceptors.response.use(

 src/views/video/list.vue

@@ -142,7 +142,6 @@
            })
        },


        async getDevices (id) {
            let flvAddress = ''
            await getDevices(id).then(res => {
@@ -294,7 +293,6 @@
                positionStr = positionStr + JSON.parse(data)[0].lng + ',' + JSON.parse(data)[0].lat + ';'
            }
            getRegionList(1, 15, positionStr).then(res => {
                console.log('1111111', res.data.data.list)
                this.monitoringList = res.data.data.list
            })
        }

 src/views/video/region.vue

@@ -83,7 +83,7 @@
import EntityDraw from "@/utils/EntityDraw.js"
import { listQuery, accurateSearch } from "@/utils/search.js"
import monitoringList from '@/assets/data/monitoring.js'
import { getVideoList, getDevices } from '@/api/video/index.js'
import { getVideoList, getDevices, getRegionSaveList } from '@/api/video/index.js'
import flvjs from 'flv.js'

let graphicLayer = null
@@ -106,6 +106,8 @@

    created () {
        this.getVideoList()
        this.getRegionSaveList()

    },

    mounted () {
@@ -125,6 +127,12 @@
            })
        },

        getRegionSaveList () {
            getRegionSaveList(1, 10).then(res => {
                console.log(4444, res)
            })
        },

        async getDevices (id) {
            let flvAddress = ''
            await getDevices(id).then(res => {

 vue.config.js

@@ -66,6 +66,11 @@
                },
            ],
        ])

        // config.plugin("define").tap((args) => {
        //     args[0]["process"] = { ...args[0]["process.env"] }
        //     return args
        // })
    },

    configureWebpack: {