提交： 摄像头管理 代码
This commit is contained in:
23688nl
parent
6f685bab0d
commit
1b432fb116
|
|
@ -0,0 +1,82 @@
|
|||
import request from '@/utils/request'
|
||||
import { preventRepeatFu } from "@/utils/hciot";
|
||||
|
||||
// 查询监控详情列表
|
||||
export function listInfo(query) {
|
||||
return request({
|
||||
url: '/monitor/video/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询监控详情详细
|
||||
export function getInfo(videoId) {
|
||||
return request({
|
||||
url: '/monitor/video/' + videoId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增监控详情
|
||||
export function addInfo(data) {
|
||||
preventRepeatFu(true)
|
||||
return request({
|
||||
url: '/monitor/video',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改监控详情
|
||||
export function updateInfo(data) {
|
||||
preventRepeatFu(true)
|
||||
return request({
|
||||
url: '/monitor/video',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 查询监控详情
|
||||
export function queryInfoById(recordId) {
|
||||
return request({
|
||||
url: '/monitor/video/' + recordId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 删除监控详情
|
||||
export function delInfo(videoId) {
|
||||
return request({
|
||||
url: '/monitor/video/' + videoId,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询监控详情列表
|
||||
export function listVideos(query) {
|
||||
return request({
|
||||
url: '/iot/video/list/' + query.siteId,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增监控详情
|
||||
export function screenshot(data) {
|
||||
preventRepeatFu(true)
|
||||
return request({
|
||||
url: '/iot/screenshot/add',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 查询监控详情列表
|
||||
export function screenshotList(query) {
|
||||
return request({
|
||||
url: '/iot/screenshot/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,199 @@
|
|||
import { serviceApi } from '@/config/dvr.config'
|
||||
import { getPTZCmd, PTZ_TYPE } from './ptz-cmd.js'
|
||||
import axios from 'axios'
|
||||
/**
|
||||
* 获取gbs 指令接口 api
|
||||
* @param {*} v 使用 m7s 版本
|
||||
* @returns
|
||||
*/
|
||||
export const getServiceApi = (v) => {
|
||||
return serviceApi[v || 'v3']
|
||||
}
|
||||
/**
|
||||
* 获取播放地址前缀，ws 方式
|
||||
* @param {*} protocol 协议
|
||||
* @param {*} ip ip
|
||||
* @param {*} port 端口
|
||||
* @returns
|
||||
*/
|
||||
export const getServiceUrlWS = (protocol, ip, port) => {
|
||||
if (protocol === 'https://') {
|
||||
return `wss://${ip}:${port}`
|
||||
} else {
|
||||
return `ws://${ip}:${port}`
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取 协议 服务器地址
|
||||
* @param {*} protocol 协议
|
||||
* @param {*} ip ip
|
||||
* @param {*} port 端口
|
||||
* @returns
|
||||
*/
|
||||
export const getServiceUrl = (protocol, ip, port) => {
|
||||
return `${protocol}${ip}:${port}`
|
||||
}
|
||||
|
||||
// 日期格式化
|
||||
export function parseTime(time, pattern) {
|
||||
if (arguments.length === 0 || !time) {
|
||||
return null
|
||||
}
|
||||
const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
|
||||
var dateTime
|
||||
if (typeof time === 'object') {
|
||||
dateTime = time
|
||||
} else {
|
||||
if (typeof time === 'string' && /^[0-9]+$/.test(time)) {
|
||||
time = parseInt(time)
|
||||
} else if (typeof time === 'string') {
|
||||
time = time.replace(new RegExp(/-/gm), '/')
|
||||
}
|
||||
if (typeof time === 'number' && time.toString().length === 10) {
|
||||
time = time * 1000
|
||||
}
|
||||
dateTime = new Date(time)
|
||||
}
|
||||
const formatObj = {
|
||||
y: dateTime.getFullYear(),
|
||||
m: dateTime.getMonth() + 1,
|
||||
d: dateTime.getDate(),
|
||||
h: dateTime.getHours(),
|
||||
i: dateTime.getMinutes(),
|
||||
s: dateTime.getSeconds(),
|
||||
a: dateTime.getDay()
|
||||
}
|
||||
const timeStr = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
|
||||
let value = formatObj[key]
|
||||
// Note: getDay() returns 0 on Sunday
|
||||
if (key === 'a') {
|
||||
return ['日', '一', '二', '三', '四', '五', '六'][value]
|
||||
}
|
||||
if (result.length > 0 && value < 10) {
|
||||
value = '0' + value
|
||||
}
|
||||
return value || 0
|
||||
})
|
||||
return timeStr
|
||||
}
|
||||
|
||||
/**
|
||||
* 发送 查询录像
|
||||
* @param {*} device 设备
|
||||
* @param {*} channel 通道
|
||||
* @param {*} startTime 开始时间 （字符串，格式：2021-7-23T12:00:00）
|
||||
* @param {*} endTime 结束时间 （字符串，格式：2021-7-23T12:00:00）
|
||||
*/
|
||||
export const getRecordsLists = (device, channel, startTime, endTime) => {
|
||||
let url = `${getServiceUrl(
|
||||
device["https"] === true ? "https://" : "http://",
|
||||
device.m7sHost,
|
||||
device.m7sPort
|
||||
)}${getServiceApi(device['m7sVersion'])}query/records`
|
||||
axiosGet(url, {
|
||||
id: device.devId,
|
||||
channel: channel.devChannel,
|
||||
startTime: parseTime(new Date(startTime), '{y}-{m}-{d}T{h}:{i}:{s}'),
|
||||
endTime: parseTime(new Date(endTime), '{y}-{m}-{d}T{h}:{i}:{s}')
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 开启设备推流
|
||||
* @param {*} device 设备
|
||||
* @param {*} channel 通道
|
||||
* @param {*} startTime 开始时间（纯数字Unix时间戳）
|
||||
* @param {*} endTime 结束时间（纯数字Unix时间戳）
|
||||
*/
|
||||
export const handleStartInvite = (device, channel, startTime, endTime) => {
|
||||
var params = {
|
||||
id: device.devId,
|
||||
channel: channel.devChannel,
|
||||
startTime: Math.floor(new Date(startTime).getTime() / 1000),
|
||||
endTime: Math.floor(new Date(endTime).getTime() / 1000)
|
||||
}
|
||||
let url = `${getServiceUrl(
|
||||
device["https"] === true ? "https://" : "http://",
|
||||
device.m7sHost,
|
||||
device.m7sPort
|
||||
)}${getServiceApi(device['m7sVersion'])}invite`
|
||||
axiosGet(url, params)
|
||||
}
|
||||
/**
|
||||
* 停止推流
|
||||
* @param {*} device 设备
|
||||
* @param {*} channel 通道
|
||||
*/
|
||||
export const handleStopBye = (device, channel) => {
|
||||
var params = {
|
||||
id: device.devId,
|
||||
channel: channel.devChannel
|
||||
}
|
||||
let url = `${getServiceUrl(
|
||||
device["https"] === true ? "https://" : "http://",
|
||||
device.m7sHost,
|
||||
device.m7sPort
|
||||
)}${getServiceApi(device['m7sVersion'])}bye`
|
||||
if (getServiceApi() === serviceApi['v3']) {
|
||||
params['live'] = false
|
||||
}
|
||||
axiosGet(url, params)
|
||||
}
|
||||
|
||||
export const handleSendDirect = (reqUrl, params, type, ) => {
|
||||
let url = `${reqUrl}control`
|
||||
axiosGet(url, Object.assign(params, {
|
||||
ptzcmd: getPTZCmd({
|
||||
type: PTZ_TYPE[type]
|
||||
})
|
||||
}))
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取 url 中参数
|
||||
* @param {*} strSearch
|
||||
* @returns
|
||||
*/
|
||||
export const jsonSearchFu = (strSearch) => {
|
||||
if (strSearch.indexOf('?') > -1) {
|
||||
strSearch = strSearch.substring(strSearch.indexOf('?') + 1)
|
||||
}
|
||||
const jsonSearch = {}
|
||||
const arrSearch = strSearch.split('&')
|
||||
if (arrSearch == null) {
|
||||
return
|
||||
}
|
||||
arrSearch.forEach(element => {
|
||||
if (element !== '') {
|
||||
const arrParam = element.split('=')
|
||||
if (arrParam.length > 1) {
|
||||
jsonSearch[arrParam[0]] = arrParam[1]
|
||||
}
|
||||
}
|
||||
})
|
||||
return jsonSearch
|
||||
}
|
||||
|
||||
/**
|
||||
* 开启设备推流 直播
|
||||
* @param {*} device 设备
|
||||
* @param {*} channel 通道
|
||||
*/
|
||||
export const handleStartInviteLive = (device, channel) => {
|
||||
let url = `${getServiceUrl(
|
||||
device["https"] === true ? "https://" : "http://",
|
||||
device.m7sHost,
|
||||
device.m7sPort
|
||||
)}${getServiceApi(device['m7sVersion'])}invite`
|
||||
axiosGet(url, {
|
||||
id: device.devId,
|
||||
channel: channel.devChannel
|
||||
})
|
||||
}
|
||||
|
||||
export const axiosGet = (url, params) => {
|
||||
return axios.get(url, {
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,228 @@
|
|||
/**
|
||||
* Date:2020/11/2
|
||||
* Desc: ptz cmd 封装
|
||||
* cmd[0] //首字节以05H开头
|
||||
* cmd[1] //组合码，高4位为版本信息v1.0,版本信息0H，低四位为校验码
|
||||
* // 校验码 = (cmd[0]的高4位+cmd[0]的低4位+cmd[1]的高4位)%16
|
||||
* cmd[2] //地址的低8位？？？什么地址，地址范围000h ~ FFFh(0~4095),其中000h为广播地址
|
||||
* cmd[3] //指令码
|
||||
* cmd[4] //数据1,水平控制速度、聚焦速度
|
||||
* cmd[5] //数据2，垂直控制速度、光圈速度
|
||||
* cmd[6] // 高4位为数据3=变倍控制速度，低4位为地址高4位
|
||||
*/
|
||||
|
||||
// 所以对一个内存地址，也就是8位二进制，如：0000 0001，0000就是高四位，0001就是低四位，
|
||||
|
||||
const PTZ_TYPE = {
|
||||
stop: 'stop',
|
||||
right: 'right',
|
||||
left: 'left',
|
||||
up: 'up',
|
||||
down: 'down',
|
||||
leftUp: 'leftUp',
|
||||
leftDown: 'leftDown',
|
||||
rightUp: 'rightUp',
|
||||
rightDown: 'rightDown',
|
||||
zoomFar: 'zoomFar',
|
||||
zoomNear: 'zoomNear',
|
||||
apertureFar: 'apertureFar',
|
||||
apertureNear: 'apertureNear',
|
||||
focusFar: 'focusFar',
|
||||
focusNear: 'focusNear',
|
||||
setPos: 'setPos',
|
||||
calPos: 'calPos',
|
||||
delPos: 'delPos',
|
||||
wiperOpen: 'wiperOpen',
|
||||
wiperClose: 'wiperClose'
|
||||
}
|
||||
|
||||
const PTZ_CMD_TYPE = {
|
||||
stop: 0x00,
|
||||
|
||||
right: 0x01, // 0000 0001
|
||||
left: 0x02, // 0000 0010
|
||||
up: 0x08, // 0000 1000
|
||||
down: 0x04, // 0000 0100
|
||||
|
||||
leftUp: 0x0A, // 0000 1010
|
||||
leftDown: 0x06, // 0000 0110
|
||||
rightUp: 0x09, // 0000 1001
|
||||
rightDown: 0x05, // 0000 0101
|
||||
|
||||
zoomFar: 0x10, // 镜头 放大
|
||||
zoomNear: 0x20, // 镜头 缩小
|
||||
|
||||
apertureFar: 0x48, // 光圈 缩小 //
|
||||
apertureNear: 0x44, // 光圈 放大
|
||||
|
||||
focusFar: 0x42, // 聚焦 近
|
||||
focusNear: 0x41, // 聚焦 远
|
||||
|
||||
setPos: 0x81, // 设置预设点
|
||||
calPos: 0x82, // 调用预设点
|
||||
delPos: 0x83, // 删除预设点
|
||||
|
||||
wiperOpen: 0x8C, // 雨刷开
|
||||
wiperClose: 0x8D // 雨刷关
|
||||
}
|
||||
|
||||
// 0x19 :00011001
|
||||
// 0x32 :00110010
|
||||
// 0x4b :01001011
|
||||
// 0x64 :01100100
|
||||
// 0xFA :11111010
|
||||
// 速度范围： 为00H~FFH
|
||||
const SPEED_ARRAY = [0x19, 0x32, 0x4b, 0x64, 0x7d, 0x96, 0xAF, 0xC8, 0xE1, 0xFA]
|
||||
|
||||
// 0x01 :000000001
|
||||
// 0x02 :000000010
|
||||
// 0x03 :000000011
|
||||
//
|
||||
// 0x10 :000010000
|
||||
// 预置位范围：01H~FFH
|
||||
const POSITION_ARRAY = [0x01, 0x02, 0x03, 0x04, 0x05, 0x06, 0x07, 0x08, 0x09, 0x10]
|
||||
// 0H~FH; 低四位地址是高四位0000
|
||||
// 1,3,5,7,9,10,a,c,d,f
|
||||
const ZOOM_ARRAY = [0x10, 0x30, 0x50, 0x70, 0x90, 0xA0, 0xB0, 0xC0, 0xd0, 0xe0]
|
||||
|
||||
// 获取 direction 方向型
|
||||
/**
|
||||
*
|
||||
* @param options
|
||||
* type:
|
||||
* speed:default 5
|
||||
* index:
|
||||
* @returns {string}
|
||||
*/
|
||||
function getPTZCmd(options) {
|
||||
const { type, speed, index } = options
|
||||
const ptzSpeed = getPTZSpeed(speed)
|
||||
var indexValue3, indexValue4, indexValue5, indexValue6
|
||||
// 第四个字节。
|
||||
indexValue3 = PTZ_CMD_TYPE[type]
|
||||
switch (type) {
|
||||
case PTZ_TYPE.up:
|
||||
case PTZ_TYPE.down:
|
||||
// 字节6 垂直控制速度相对值
|
||||
indexValue5 = ptzSpeed
|
||||
// 字节7 地址高四位ob0000_0000
|
||||
// indexValue6 = 0x00;
|
||||
break
|
||||
case PTZ_TYPE.apertureFar:
|
||||
case PTZ_TYPE.apertureNear:
|
||||
// 字节6 光圈速度
|
||||
indexValue5 = ptzSpeed
|
||||
// 字节7 地址高四位ob0000_0000
|
||||
// indexValue6 = 0x00;
|
||||
break
|
||||
case PTZ_TYPE.right:
|
||||
case PTZ_TYPE.left:
|
||||
// 字节5 水平控制速度相对值
|
||||
indexValue4 = ptzSpeed
|
||||
// 字节7 地址高四位ob0000_0000
|
||||
// indexValue6 = 0x00;
|
||||
break
|
||||
case PTZ_TYPE.focusFar:
|
||||
case PTZ_TYPE.focusNear:
|
||||
// 字节5 聚焦速度
|
||||
indexValue4 = ptzSpeed
|
||||
// 字节7 地址高四位ob0000_0000
|
||||
// indexValue6 = 0x00;
|
||||
break
|
||||
case PTZ_TYPE.leftUp:
|
||||
case PTZ_TYPE.leftDown:
|
||||
case PTZ_TYPE.rightUp:
|
||||
case PTZ_TYPE.rightDown:
|
||||
// 字节5 水平控制速度相对值
|
||||
indexValue4 = ptzSpeed
|
||||
// 字节6 垂直控制速度相对值
|
||||
indexValue5 = ptzSpeed
|
||||
// 字节7 地址高四位ob0000_0000
|
||||
// indexValue6 = 0x00;
|
||||
break
|
||||
case PTZ_TYPE.zoomFar:
|
||||
case PTZ_TYPE.zoomNear:
|
||||
// 字节7 镜头变倍控制速度相对值 zoom
|
||||
indexValue6 = getZoomSpeed(speed)
|
||||
break
|
||||
case PTZ_TYPE.calPos:
|
||||
case PTZ_TYPE.delPos:
|
||||
case PTZ_TYPE.setPos:
|
||||
// 第五个字节 00H
|
||||
// indexValue4 = 0x00;
|
||||
// 字节6 01H~FFH 位置。
|
||||
indexValue5 = getPTZPositionIndex(index)
|
||||
break
|
||||
case PTZ_TYPE.wiperClose:
|
||||
case PTZ_TYPE.wiperOpen:
|
||||
// 字节5为辅助开关编号,取值为“1”表示雨刷控制。
|
||||
indexValue4 = 0x01
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
return ptzCmdToString(indexValue3, indexValue4, indexValue5, indexValue6)
|
||||
}
|
||||
|
||||
function getPTZSpeed(speed) {
|
||||
speed = speed || 5
|
||||
const speedIndex = speed - 1
|
||||
const ptzSpeed = SPEED_ARRAY[speedIndex] || SPEED_ARRAY[4]
|
||||
return ptzSpeed
|
||||
}
|
||||
|
||||
function getZoomSpeed(speed) {
|
||||
speed = speed || 5
|
||||
const speedIndex = speed - 1
|
||||
const ptzSpeed = ZOOM_ARRAY[speedIndex] || ZOOM_ARRAY[4]
|
||||
return ptzSpeed
|
||||
}
|
||||
|
||||
function getPTZPositionIndex(index) {
|
||||
return POSITION_ARRAY[index - 1]
|
||||
}
|
||||
|
||||
function ptzCmdToString(indexValue3, indexValue4, indexValue5, indexValue6) {
|
||||
//
|
||||
var cmd = Buffer.alloc(8)
|
||||
// 首字节以05H开头
|
||||
cmd[0] = 0xA5
|
||||
// 组合码，高4位为版本信息v1.0,版本信息0H，低四位为校验码
|
||||
cmd[1] = 0x0F
|
||||
// 校验码 = (cmd[0]的高4位+cmd[0]的低4位+cmd[1]的高4位)%16
|
||||
cmd[2] = 0x01
|
||||
//
|
||||
if (indexValue3) {
|
||||
cmd[3] = indexValue3
|
||||
}
|
||||
if (indexValue4) {
|
||||
cmd[4] = indexValue4
|
||||
}
|
||||
if (indexValue5) {
|
||||
cmd[5] = indexValue5
|
||||
}
|
||||
if (indexValue6) {
|
||||
cmd[6] = indexValue6
|
||||
}
|
||||
|
||||
cmd[7] = (cmd[0] + cmd[1] + cmd[2] + cmd[3] + cmd[4] + cmd[5] + cmd[6]) % 256
|
||||
|
||||
return bytes2HexString(cmd)
|
||||
}
|
||||
|
||||
function bytes2HexString(byte) {
|
||||
let hexs = ''
|
||||
for (let i = 0; i < byte.length; i++) {
|
||||
let hex = (byte[i]).toString(16)
|
||||
if (hex.length === 1) {
|
||||
hex = '0' + hex
|
||||
}
|
||||
hexs += hex.toUpperCase()
|
||||
}
|
||||
return hexs
|
||||
}
|
||||
|
||||
export {
|
||||
getPTZCmd,
|
||||
PTZ_TYPE
|
||||
}
|
||||
|
|
@ -0,0 +1,182 @@
|
|||
import axios from 'axios'
|
||||
import { Notification, MessageBox, Message } from 'element-ui'
|
||||
import store from '@/store'
|
||||
import router from '@/router'
|
||||
import { getToken } from '@/utils/auth'
|
||||
import errorCode from '@/utils/errorCode'
|
||||
import { tansParams, preventCloseFu, jsonSearchFu } from "@/utils/hciot";
|
||||
|
||||
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
|
||||
// 创建axios实例
|
||||
const service = axios.create({
|
||||
// axios中请求配置有baseURL选项，表示请求URL公共部分
|
||||
baseURL: process.env.VUE_APP_BASE_API,
|
||||
// 超时
|
||||
timeout: 30000
|
||||
})
|
||||
|
||||
// request拦截器
|
||||
service.interceptors.request.use(config => {
|
||||
// const isToken = (config.headers || {}).isToken === false
|
||||
// if (getToken() && !isToken) {
|
||||
// config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
|
||||
// }
|
||||
return config
|
||||
}, error => {
|
||||
console.log(error)
|
||||
Promise.reject(error)
|
||||
})
|
||||
|
||||
// 响应拦截器
|
||||
service.interceptors.response.use(res => {
|
||||
preventCloseFu();
|
||||
const code = res.data.code || 200;
|
||||
const message = errorCode[code] || res.data.msg || errorCode['default']
|
||||
var urlObj = jsonSearchFu(window.location.search);
|
||||
if (code === 401) {
|
||||
if (process.env.VUE_APP_SSO == 'true') {
|
||||
store.dispatch('FedLogOut').then(() => {
|
||||
location.reload() // 为了重新实例化vue-router对象 避免bug
|
||||
})
|
||||
} else {
|
||||
MessageBox.confirm(
|
||||
'登录状态已过期，您可以继续留在该页面，或者重新登录',
|
||||
'系统提示',
|
||||
{
|
||||
confirmButtonText: '重新登录',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}
|
||||
).then(() => {
|
||||
store.dispatch('FedLogOut').then(() => {
|
||||
// location.reload() // 为了重新实例化vue-router对象 避免bug
|
||||
console.log('FedLogOut', urlObj['redirect'])
|
||||
if (urlObj['redirect']) {
|
||||
window.location.replace(`/login?redirect=${urlObj['redirect']}`)
|
||||
} else {
|
||||
window.location.replace('/login?redirect=%2Findex')
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
} else if (code === 500) {
|
||||
Message({
|
||||
message: message,
|
||||
type: 'error'
|
||||
})
|
||||
return Promise.reject(new Error(message))
|
||||
} else if (code !== 200 && code !== 1000 && code !== 100) {
|
||||
Notification.error({
|
||||
title: '请求接口错误'
|
||||
})
|
||||
return Promise.reject('error')
|
||||
} else {
|
||||
return res.data
|
||||
}
|
||||
},
|
||||
error => {
|
||||
var urlObj = jsonSearchFu(window.location.search);
|
||||
if (error.message.indexOf('401') >= 0) {
|
||||
if (process.env.VUE_APP_SSO == 'true') {
|
||||
store.dispatch('FedLogOut').then(() => {
|
||||
location.reload() // 为了重新实例化vue-router对象 避免bug
|
||||
})
|
||||
} else {
|
||||
MessageBox.confirm(
|
||||
'登录状态已过期，您可以继续留在该页面，或者重新登录',
|
||||
'系统提示',
|
||||
{
|
||||
confirmButtonText: '重新登录',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}
|
||||
).then(() => {
|
||||
store.dispatch('FedLogOut').then(() => {
|
||||
// location.reload() // 为了重新实例化vue-router对象 避免bug
|
||||
// window.location.replace('/login?redirect=%2Findex')
|
||||
if (urlObj['redirect']) {
|
||||
window.location.replace(`/login?redirect=${urlObj['redirect']}`)
|
||||
} else {
|
||||
window.location.replace('/login?redirect=%2Findex')
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
} else if (error.message.indexOf('404') >= 0) {
|
||||
Message({
|
||||
message: '404找不到路径，请联系管理员解决！',
|
||||
type: 'error',
|
||||
duration: 5 * 1000
|
||||
})
|
||||
} else {
|
||||
Message({
|
||||
message: error.message,
|
||||
type: 'error',
|
||||
duration: 5 * 1000
|
||||
})
|
||||
}
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
// 通用下载方法
|
||||
export function download(url, params, filename) {
|
||||
return service.post(url, params, {
|
||||
transformRequest: [(params) => {
|
||||
return tansParams(params)
|
||||
}],
|
||||
responseType: 'blob'
|
||||
}).then((data) => {
|
||||
const content = data
|
||||
const blob = new Blob([content])
|
||||
if ('download' in document.createElement('a')) {
|
||||
const elink = document.createElement('a')
|
||||
elink.download = filename
|
||||
elink.style.display = 'none'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
} else {
|
||||
navigator.msSaveBlob(blob, filename)
|
||||
}
|
||||
}).catch((r) => {
|
||||
console.error(r)
|
||||
})
|
||||
}
|
||||
|
||||
export function downloadCustom(url, params, filename) {
|
||||
const queryStr = Object.keys(params)
|
||||
.map(function (key) {
|
||||
return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
|
||||
})
|
||||
.join("&");
|
||||
return service.post(`${url}?${queryStr}`,params, {
|
||||
transformRequest: [(params) => {
|
||||
return tansParams(params)
|
||||
}],
|
||||
responseType: 'blob'
|
||||
}).then((data) => {
|
||||
const content = data
|
||||
const blob = new Blob([content])
|
||||
if ('download' in document.createElement('a')) {
|
||||
const elink = document.createElement('a')
|
||||
elink.download = filename
|
||||
elink.style.display = 'none'
|
||||
elink.href = URL.createObjectURL(blob)
|
||||
document.body.appendChild(elink)
|
||||
elink.click()
|
||||
URL.revokeObjectURL(elink.href)
|
||||
document.body.removeChild(elink)
|
||||
} else {
|
||||
navigator.msSaveBlob(blob, filename)
|
||||
}
|
||||
}).catch((r) => {
|
||||
console.error(r)
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
export default service
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,317 @@
|
|||
<template>
|
||||
<div>
|
||||
<div @click="openTableSelectDialog">
|
||||
<el-input
|
||||
placeholder="点击选择站点"
|
||||
v-model="tempForm.name"
|
||||
class="input-with-select"
|
||||
:clearable="pclearable"
|
||||
:size="psize"
|
||||
suffix-icon="el-icon-caret-bottom"
|
||||
>
|
||||
</el-input>
|
||||
</div>
|
||||
<el-dialog
|
||||
title="选择站点"
|
||||
:visible.sync="selectTableShow"
|
||||
width="75%"
|
||||
top="10vh"
|
||||
class="select-table-dialog"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<select-table-wrap
|
||||
v-if="selectTableShow"
|
||||
:tableOption="tableSelectOption.tableOpt"
|
||||
:queryOption="tableSelectOption.queryOpt"
|
||||
:tableList="tableSelectOption.tableList"
|
||||
@parentGetList="childGetList($event)"
|
||||
:otherOption="tableSelectOption.otherOption"
|
||||
@returnEvent="returnEvent($event)"
|
||||
/>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" @click="resuleClick">确 定</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
@click="
|
||||
() => {
|
||||
selectTableShow = false;
|
||||
}
|
||||
"
|
||||
>取 消</el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import SelectTableWrap from "@/components/SelectTable/index";
|
||||
import { listSite } from "@/api/iot/site";
|
||||
|
||||
export default {
|
||||
name: "SelectInputNl",
|
||||
components: {
|
||||
SelectTableWrap,
|
||||
},
|
||||
props: {
|
||||
pclearable: {
|
||||
type: [Boolean, String],
|
||||
default: true,
|
||||
},
|
||||
psize: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
value: {
|
||||
type: Object,
|
||||
},
|
||||
localKey: {
|
||||
type: String,
|
||||
default: "ZF_RECENT_KEY",
|
||||
},
|
||||
param: {
|
||||
type: Object
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
inputValueName: "",
|
||||
tempForm: {
|
||||
id: "",
|
||||
name: "",
|
||||
netType: 0,
|
||||
},
|
||||
slectList: [],
|
||||
selectTableShow: false,
|
||||
tableSelectOption: {
|
||||
otherOption: {
|
||||
tableType: "site",
|
||||
},
|
||||
queryOpt: {
|
||||
disable: false,
|
||||
labelWidth: "68px",
|
||||
params: {
|
||||
siteName: "",
|
||||
},
|
||||
page: {
|
||||
pageSize: 10,
|
||||
pageNum: 1,
|
||||
total: 0,
|
||||
},
|
||||
inline: true,
|
||||
queryChilds: [
|
||||
{
|
||||
style: "",
|
||||
placeholder: "站点名称",
|
||||
clearable: true,
|
||||
label: "站点名称",
|
||||
type: "input",
|
||||
key: "siteName",
|
||||
size: "small",
|
||||
value: "",
|
||||
},
|
||||
],
|
||||
},
|
||||
tableOpt: {
|
||||
loading: false,
|
||||
rowKey: "prodId",
|
||||
selection: false,
|
||||
maxHeight: "45vh",
|
||||
childs: [
|
||||
{
|
||||
style: "",
|
||||
label: "站点名称",
|
||||
type: "",
|
||||
prop: "siteName",
|
||||
align: "left",
|
||||
width: "200",
|
||||
"show-overflow-tooltip": false,
|
||||
tempType: "span",
|
||||
},
|
||||
{
|
||||
style: "",
|
||||
label: "项目名称",
|
||||
type: "",
|
||||
prop: "projectName",
|
||||
align: "center",
|
||||
width: "200",
|
||||
"show-overflow-tooltip": false,
|
||||
tempType: "span",
|
||||
},
|
||||
{
|
||||
style: "",
|
||||
label: "地址",
|
||||
type: "",
|
||||
prop: "siteAddress",
|
||||
align: "left",
|
||||
width: "",
|
||||
"show-overflow-tooltip": false,
|
||||
tempType: "span",
|
||||
},
|
||||
{
|
||||
style: "",
|
||||
label: "创建时间",
|
||||
type: "",
|
||||
prop: "createTime",
|
||||
align: "center",
|
||||
width: "160",
|
||||
"show-overflow-tooltip": false,
|
||||
tempType: "span",
|
||||
},
|
||||
],
|
||||
tableList: {
|
||||
type: Array,
|
||||
},
|
||||
},
|
||||
tableList: [],
|
||||
},
|
||||
selectResult: {},
|
||||
selectId: null,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.tempForm = this.value || {
|
||||
id: "",
|
||||
name: "",
|
||||
netType: 0,
|
||||
};
|
||||
this.tableSelectOption.queryOpt.params = Object.assign(this.tableSelectOption.queryOpt.params, this.param)
|
||||
this.slectList = this.getSelectList() || [];
|
||||
},
|
||||
mounted() {
|
||||
this.init();
|
||||
},
|
||||
watch: {
|
||||
selectId(val) {
|
||||
if (val) {
|
||||
this.selectIdUpdate(val);
|
||||
}
|
||||
},
|
||||
"tempForm.name": {
|
||||
deep: true,
|
||||
handler: function (v) {
|
||||
console.log(v, 'val')
|
||||
if (v) {
|
||||
this.$emit("EventResult", { val: this.tempForm.id });
|
||||
} else {
|
||||
this.selectId = null;
|
||||
this.$emit("EventResult", { val: "" });
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
let params = {
|
||||
page: {
|
||||
pageSize: 10,
|
||||
pageNum: 1
|
||||
},
|
||||
param: Object.assign({
|
||||
siteName: ""
|
||||
}, this.param),
|
||||
otherOption: {
|
||||
tableType: "site"
|
||||
}
|
||||
}
|
||||
this.getSiteChildList(params, 'init');
|
||||
},
|
||||
// selectId update
|
||||
selectIdUpdate(newValue) {
|
||||
for (let i = 0; i < this.slectList.length; i++) {
|
||||
if (this.slectList[i]["id"] === newValue) {
|
||||
this.tempForm["name"] = this.slectList[i]["name"];
|
||||
this.tempForm["id"] = this.slectList[i]["id"];
|
||||
this.tempForm["netType"] = this.slectList[i]["netType"];
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
// 从表格选择设置 存储的数据
|
||||
setSelectList() {
|
||||
var newList = [];
|
||||
if (this.slectList.length > 0) {
|
||||
newList.push(Object.assign({}, this.tempForm));
|
||||
this.slectList.forEach((v, idx) => {
|
||||
if (v["id"] === this.tempForm.id) {
|
||||
newList = [];
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.slectList.push(Object.assign({}, this.tempForm));
|
||||
}
|
||||
this.slectList = this.slectList.concat(newList);
|
||||
console.log(this.slectList)
|
||||
setTimeout(() => {
|
||||
console.log('settimeout')
|
||||
window.localStorage.setItem(this.localKey, JSON.stringify(this.slectList));
|
||||
}, 200);
|
||||
},
|
||||
// 查询存储的数据
|
||||
getSelectList() {
|
||||
return JSON.parse(window.localStorage.getItem(this.localKey));
|
||||
},
|
||||
// 开启 筛选表格
|
||||
openTableSelectDialog() {
|
||||
this.selectResult = {};
|
||||
this.selectTableShow = true;
|
||||
},
|
||||
// 查询回调
|
||||
childGetList(data) {
|
||||
if (data.otherOption.tableType === "site") {
|
||||
this.getSiteChildList(data);
|
||||
}
|
||||
},
|
||||
// 查询站点列表接口
|
||||
getSiteChildList(data, type) {
|
||||
console.log(data)
|
||||
listSite(Object.assign(data.param, this.param, data.page)).then((response) => {
|
||||
if (response.rows.length > 0) {
|
||||
this.tableSelectOption.tableList = response.rows;
|
||||
this.tableSelectOption.queryOpt.page.total = Number(response.total);
|
||||
if (type === 'init') {
|
||||
let data = {
|
||||
value: response.rows[0],
|
||||
type: "dblclick",
|
||||
otherOption: this.tableSelectOption.otherOption
|
||||
};
|
||||
this.returnEvent(data);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
// 点击或者双击数据回调
|
||||
returnEvent(data) {
|
||||
this.selectResult = {};
|
||||
if (data.type === "dblclick") {
|
||||
if (data.otherOption.tableType === "site") {
|
||||
this.tempForm.id = data.value.siteId;
|
||||
this.tempForm.name = data.value.siteName;
|
||||
}
|
||||
this.setSelectList();
|
||||
this.selectTableShow = false;
|
||||
} else if (data.type === "click") {
|
||||
if (data.otherOption.tableType === "site") {
|
||||
this.selectResult = {
|
||||
id: data.value.siteId,
|
||||
name: data.value.siteName,
|
||||
};
|
||||
}
|
||||
this.selectResult.tableType = data.otherOption.tableType;
|
||||
}
|
||||
},
|
||||
// 点击确定按钮
|
||||
resuleClick() {
|
||||
if (this.selectResult.tableType === "site") {
|
||||
this.tempForm.id = this.selectResult.id;
|
||||
this.tempForm.name = this.selectResult.name;
|
||||
}
|
||||
this.setSelectList();
|
||||
this.selectTableShow = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue