bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

联调

This commit is contained in:
bb_pan 2025-01-22 15:14:24 +08:00
parent 365794ab8b
commit 189ca09a15
3 changed files with 262 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/api/deviceManagement/index.js
View File

@ -29,3 +29,38 @@ export const delVideoDevice = (id) => {
export const getVideoDeviceDetail = (id) => { export const getVideoDeviceDetail = (id) => {
return request.get(`/smart-site/video_equipment/${id}`); return request.get(`/smart-site/video_equipment/${id}`);
}; };
// 下载二维码
export const qrCodeDownZip = (params) => {
return request.get('/smart-site/video_equipment/downZip', { params, responseType: 'blob' });
};
// 获取流媒体平台配置列表
export const getPlatformConfigurationList = (params) => {
return request.get('/smart-site/platform_configuration/list', { params });
};
// 获取流媒体平台配置详情
export const getPlatformConfigurationDetail = (id) => {
return request.get(`/smart-site/platform_configuration/${id}`);
};
// 新增流媒体平台配置
export const addPlatformConfiguration = (data) => {
return request.post('/smart-site/platform_configuration/add', data);
};
// 编辑流媒体平台配置
export const editPlatformConfiguration = (data) => {
return request.post('/smart-site/platform_configuration/edit', data);
};
// 删除流媒体平台配置
export const delPlatformConfiguration = (id) => {
return request.post(`/smart-site/platform_configuration/del/${id}`);
};
// 修改流媒体平台配置状态
export const changeStatus = (data) => {
return request.post('/smart-site/platform_configuration/changeStatus', data);
};

258
src/views/deviceManagement/streamingConfiguration/index.vue
View File

@ -26,7 +26,7 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-radio-group v-model="tabType" @input="changeTabType"> <el-radio-group v-model="platformType" @input="changeTabType">
<el-radio-button label="1">自建平台</el-radio-button> <el-radio-button label="1">自建平台</el-radio-button>
<el-radio-button label="2">统一视频平台</el-radio-button> <el-radio-button label="2">统一视频平台</el-radio-button>
</el-radio-group> </el-radio-group>
@ -35,7 +35,7 @@
<el-table :data="tableList" fit highlight-current-row style="width: 100%"> <el-table :data="tableList" fit highlight-current-row style="width: 100%">
<!-- 多选 --> <!-- 多选 -->
<el-table-column type="selection" width="55" align="center" @selection-change="selectionChange" /> <!-- <el-table-column type="selection" width="55" align="center" @selection-change="selectionChange" /> -->
<el-table-column <el-table-column
type="index" type="index"
width="55" width="55"
@ -44,7 +44,7 @@
:index="indexContinuation(queryParams.pageNum, queryParams.pageSize)" :index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
/> />
<el-table-column <el-table-column
v-for="(column, index) in tabType == '1' ? tableColumns : tableColumns2" v-for="(column, index) in platformType == '1' ? tableColumns : tableColumns2"
show-overflow-tooltip show-overflow-tooltip
:key="column.prop" :key="column.prop"
:label="column.label" :label="column.label"
@ -54,7 +54,7 @@
<!-- 插槽 --> <!-- 插槽 -->
<template v-slot="scope" v-if="column.prop == 'status'"> <template v-slot="scope" v-if="column.prop == 'status'">
<span> <span>
<el-switch v-model="scope.row.status" @change="changeSwitch(scope.row)"></el-switch> <el-switch v-model="scope.row.switchStatus" @change="changeSwitch(scope.row)"></el-switch>
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
@ -87,52 +87,60 @@
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="40%"> <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="40%">
<el-form ref="dialogForm" :model="dialogForm" label-width="155px" :rules="dialogRules" :disabled="isDetail"> <el-form ref="dialogForm" :model="dialogForm" label-width="155px" :rules="dialogRules" :disabled="isDetail">
<el-form-item label="类型" prop="type"> <el-form-item label="类型" prop="type">
<el-radio-group v-model="dialogForm.type" @change="changeType" :disabled="!isAdd"> <el-radio-group v-model="dialogForm.plType" @change="changeType" :disabled="!isAdd">
<el-radio-button label="1">自建平台</el-radio-button> <el-radio-button label="1">自建平台</el-radio-button>
<el-radio-button label="2">统一视频平台</el-radio-button> <el-radio-button label="2">统一视频平台</el-radio-button>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="厂家" prop="ballheadCameraManufacturer" v-if="dialogForm.type == '1'"> <el-form-item label="厂家" prop="ballType" v-if="dialogForm.plType == '1'">
<el-radio-group v-model="dialogForm.ballheadCameraManufacturer"> <el-radio-group v-model="dialogForm.ballType">
<el-radio-button label="1">清新</el-radio-button> <el-radio-button label="1">清新</el-radio-button>
<el-radio-button label="2">创世</el-radio-button> <el-radio-button label="2">创世</el-radio-button>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="IP" prop="ip" v-if="dialogForm.type == '1'"> <el-form-item label="IP" prop="videoIp" v-if="dialogForm.plType == '1'">
<el-input v-model="dialogForm.ip" placeholder="请输入IP" clearable /> <el-input v-model="dialogForm.videoIp" placeholder="请输入IP" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item label="端口" prop="port" v-if="dialogForm.type == '1'"> <el-form-item label="端口" prop="videoPort" v-if="dialogForm.plType == '1'">
<el-input v-model="dialogForm.port" placeholder="请输入端口" clearable /> <el-input v-model="dialogForm.videoPort" placeholder="请输入端口" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item label="IP端口" prop="ipPort" v-if="dialogForm.type == '2'"> <el-form-item label="IP端口" prop="videoUrl" v-if="dialogForm.plType == '2'">
<el-input v-model="dialogForm.ipPort" placeholder="请输入IP端口" clearable /> <el-input v-model="dialogForm.videoUrl" placeholder="请输入IP端口" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item :label="dialogForm.type == '1' ? '用户' : '用户(ak)'" prop="userName"> <el-form-item :label="dialogForm.plType == '1' ? '用户' : '用户(ak)'" prop="videoUser">
<el-input v-model="dialogForm.userName" placeholder="请输入用户" clearable /> <el-input v-model="dialogForm.videoUser" placeholder="请输入用户" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item :label="dialogForm.type == '1' ? '口令' : '口令(sk)'" prop="command"> <el-form-item :label="dialogForm.plType == '1' ? '口令' : '口令(sk)'" prop="videoPwd">
<el-input v-model="dialogForm.command" placeholder="请输入口令" clearable /> <el-input v-model="dialogForm.videoPwd" placeholder="请输入口令" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item label="配置编码" prop="configCode" v-if="dialogForm.type == '1'"> <el-form-item label="配置编码" prop="configCode" v-if="dialogForm.plType == '1'">
<el-input v-model="dialogForm.configCode" placeholder="请输入配置编码" clearable /> <el-input v-model="dialogForm.configCode" placeholder="请输入配置编码" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item label="后端请求路径" prop="backendRequestPath" v-if="dialogForm.type == '1'"> <el-form-item label="后端请求路径" prop="videoUrl" v-if="dialogForm.plType == '1'">
<el-input v-model="dialogForm.backendRequestPath" placeholder="请输入后端请求路径" clearable /> <el-input v-model="dialogForm.videoUrl" placeholder="请输入后端请求路径" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item label="web端请求路径-公网" prop="webRequestPathPublic" v-if="dialogForm.type == '1'"> <el-form-item label="web端请求路径-公网" prop="videoPath" v-if="dialogForm.plType == '1'">
<el-input v-model="dialogForm.webRequestPathPublic" placeholder="请输入web端请求路径-公网" clearable /> <el-input v-model="dialogForm.videoPath" placeholder="请输入web端请求路径-公网" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item label="视频连接地址-公网" prop="videoConnectAddressPublic" v-if="dialogForm.type == '1'"> <el-form-item label="视频连接地址-公网" prop="wsUrl" v-if="dialogForm.plType == '1'">
<el-input v-model="dialogForm.videoConnectAddressPublic" placeholder="请输入视频连接地址-公网" clearable /> <el-input v-model="dialogForm.wsUrl" placeholder="请输入视频连接地址-公网" clearable maxlength="64" />
</el-form-item> </el-form-item>
<el-form-item label="epid" prop="epid" v-if="dialogForm.type == '1'"> <el-form-item label="epid" prop="epid" v-if="dialogForm.plType == '1'">
<el-input v-model="dialogForm.epid" placeholder="请输入epid" clearable /> <el-input v-model="dialogForm.epid" placeholder="请输入epid" clearable maxlength="20" />
</el-form-item> </el-form-item>
<el-form-item label="bifx" prop="bifx" v-if="dialogForm.type == '1'"> <el-form-item label="bfix" prop="bfix" v-if="dialogForm.plType == '1'">
<el-input v-model="dialogForm.bifx" placeholder="请输入bifx" clearable /> <el-input v-model="dialogForm.bfix" placeholder="请输入bifx" clearablemaxlength="64" />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="dialogForm.remark" placeholder="请输入备注" clearable /> <el-input
type="textarea"
v-model="dialogForm.remark"
placeholder="请输入备注"
clearable
maxlength="100"
show-word-limit
:autosize="{ minRows: 3 }"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
@ -144,10 +152,19 @@
</template> </template>
<script> <script>
import {
getPlatformConfigurationList,
getPlatformConfigurationDetail,
addPlatformConfiguration,
editPlatformConfiguration,
delPlatformConfiguration,
changeStatus,
} from '@/api/deviceManagement'
export default { export default {
data() { data() {
return { return {
tabType: '1', platformType: '1',
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
@ -161,73 +178,61 @@ export default {
total: 0, // 总条数 total: 0, // 总条数
// 表头 // 表头
tableColumns: [ tableColumns: [
{ label: '厂家', prop: 'manufacturer' }, { label: '厂家', prop: 'type' },
{ label: 'IP', prop: 'ip' }, { label: 'IP', prop: 'videoIp' },
{ label: '端口', prop: 'port' }, { label: '端口', prop: 'videoPort' },
{ label: '用户', prop: 'userName' }, { label: '用户', prop: 'videoUser' },
{ label: '配置编码', prop: 'configCode' }, { label: '配置编码', prop: 'configCode' },
{ label: '状态', prop: 'status' }, { label: '状态', prop: 'status' },
{ label: '后端请求路径', prop: 'backendRequestPath' }, { label: '后端请求路径', prop: 'videoUrl' },
{ label: 'Web端请求路径-公网', prop: 'webRequestPathPublic' }, { label: 'Web端请求路径-公网', prop: 'videoPath' },
{ label: '备注', prop: 'remark' }, { label: '备注', prop: 'remark' },
], ],
tableColumns2: [ tableColumns2: [
{ label: 'IP端口(地址URL)', prop: 'ipPort' }, { label: 'IP端口(地址URL)', prop: 'videoUrl' },
{ label: '用户', prop: 'userName' }, { label: '用户', prop: 'videoUser' },
{ label: '口令(sk)', prop: 'command' }, { label: '口令(sk)', prop: 'videoPwd' },
{ label: '状态', prop: 'status' }, { label: '状态', prop: 'status' },
{ label: '备注', prop: 'remark' }, { label: '备注', prop: 'remark' },
], ],
// 表格数据 // 表格数据
tableList: [ tableList: [],
{
manufacturer: '海康',
ip: '101.138.219.3',
ipPort: '101.138.219.3:8080',
port: '8000',
userName: 'admin',
configCode: 'device_1',
status: '1',
backendRequestPath: '/api/v1/device',
webRequestPathPublic: '/api/v1/device',
remark: '备注附件打开司法鉴定',
command: 'sk_1',
},
],
// 弹框 // 弹框
isAdd: true, isAdd: true,
isDetail: false, isDetail: false,
dialogTitle: '新增', dialogTitle: '新增',
dialogVisible: false, dialogVisible: false,
dialogForm: { dialogForm: {
type: '1', // 类型 plType: '1', // 类型
ballheadCameraManufacturer: '1', // 球机厂家 ballType: '1', // 球机厂家
ip: '', // IP videoIp: '', // IP
port: '', // 端口 videoPort: '', // 端口
userName: '', // 用户 videoUser: '', // 用户
command: '', // 口令 videoPwd: '', // 口令
configCode: '', // 配置编码 configCode: '', // 配置编码
backendRequestPath: '', // 后端请求路径 videoUrl: '', // 后端请求路径 / IP端口
webRequestPathPublic: '', // Web端请求路径-公网 videoPath: '', // Web端请求路径-公网
videoConnectAddressPublic: '', // 视频连接地址-公网 wsUrl: '', // 视频连接地址-公网
epid: '', // epid epid: '', // epid
bifx: '', // bifx bfix: '', // bfix
remark: '', // 备注 remark: '', // 备注
}, },
dialogRules: { dialogRules: {
type: [{ required: true, message: '请选择类型', trigger: 'change' }], plType: [{ required: true, message: '请选择类型', trigger: 'change' }],
ballheadCameraManufacturer: [{ required: true, message: '请选择厂家', trigger: 'change' }], ballType: [{ required: true, message: '请选择厂家', trigger: 'change' }],
ip: [{ required: true, message: '请输入IP', trigger: 'blur' }], videoIp: [{ required: true, message: '请输入IP', trigger: 'blur' }],
port: [{ required: true, message: '请输入端口', trigger: 'blur' }], videoPort: [{ required: true, message: '请输入端口', trigger: 'blur' }],
userName: [{ required: true, message: '请输入用户', trigger: 'blur' }], videoUser: [{ required: true, message: '请输入用户', trigger: 'blur' }],
command: [{ required: true, message: '请输入口令', trigger: 'blur' }], videoPwd: [{ required: true, message: '请输入口令', trigger: 'blur' }],
configCode: [{ required: true, message: '请输入配置编码', trigger: 'blur' }], configCode: [{ required: true, message: '请输入配置编码', trigger: 'blur' }],
backendRequestPath: [{ required: true, message: '请输入后端请求路径', trigger: 'blur' }], videoUrl: [{ required: true, message: '请输入后端请求路径', trigger: 'blur' }],
webRequestPathPublic: [{ required: true, message: '请输入Web端请求路径-公网', trigger: 'blur' }], videoPath: [{ required: true, message: '请输入Web端请求路径-公网', trigger: 'blur' }],
videoConnectAddressPublic: [{ required: true, message: '请输入视频连接地址-公网', trigger: 'blur' }], wsUrl: [{ required: true, message: '请输入视频连接地址-公网', trigger: 'blur' }],
epid: [{ required: true, message: '请输入epid', trigger: 'blur' }], epid: [
bifx: [{ required: true, message: '请输入bifx', trigger: 'blur' }], { required: true, message: '请输入epid', trigger: 'blur' },
ipPort: [{ required: true, message: '请输入IP端口', trigger: 'blur' }], { pattern: /^[0-9]*$/, message: '只能输入正整数', trigger: 'blur' },
],
bfix: [{ required: true, message: '请输入bfix', trigger: 'blur' }],
}, },
} }
}, },
@ -247,16 +252,25 @@ export default {
this.getList() this.getList()
}, },
changeTabType() { changeTabType() {
console.log('changeTabType', this.tabType) console.log('changeTabType', this.platformType)
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.getList()
}, },
// 获取列表 // 获取列表
async getList() { async getList() {
console.log('列表-查询', this.queryParams) console.log('列表-查询', this.queryParams)
this.tableList = []
try { try {
// const params = { ...this.queryParams } const params = { ...this.queryParams, platformType: this.platformType }
// const res = await const res = await getPlatformConfigurationList(params)
// this.tableList = res.rows this.tableList = res.rows
// this.total = res.total if (this.tableList.length > 0) {
this.tableList.forEach((item) => {
item.switchStatus = item.status == 1
})
}
this.total = res.total
} catch (error) { } catch (error) {
this.tableList = [] this.tableList = []
this.total = 0 this.total = 0
@ -266,6 +280,26 @@ export default {
selectionChange(val) { selectionChange(val) {
console.log('selectionChange', val) console.log('selectionChange', val)
}, },
// 获取详情
async getDetail(row) {
console.log('详情', row)
try {
const res = await getPlatformConfigurationDetail(row.id)
console.log('🚀 ~ 详情 ~ res:', res)
this.dialogForm = res.data
if (this.dialogForm.type == '1') {
this.dialogForm.plType = this.$set(this.dialogForm, 'plType', '1')
this.dialogForm.ballType = this.$set(this.dialogForm, 'ballType', this.dialogForm.type)
} else if (this.dialogForm.type == '2') {
this.dialogForm.plType = this.$set(this.dialogForm, 'plType', '1')
this.dialogForm.ballType = this.$set(this.dialogForm, 'ballType', this.dialogForm.type)
} else {
this.dialogForm.plType = this.$set(this.dialogForm, 'plType', '2')
}
} catch (error) {
this.dialogForm = {}
}
},
handleAdd() { handleAdd() {
console.log('新增') console.log('新增')
this.isAdd = true this.isAdd = true
@ -285,6 +319,7 @@ export default {
this.dialogVisible = true this.dialogVisible = true
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.dialogForm.resetFields() this.$refs.dialogForm.resetFields()
this.getDetail(row)
}) })
}, },
// 编辑 // 编辑
@ -296,6 +331,7 @@ export default {
this.dialogVisible = true this.dialogVisible = true
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.dialogForm.resetFields() this.$refs.dialogForm.resetFields()
this.getDetail(row)
}) })
}, },
// 删除 // 删除
@ -306,17 +342,30 @@ export default {
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning', type: 'warning',
}).then(async () => { }).then(async () => {
// const params = { } const res = await delPlatformConfiguration(row.id)
// const res = await console.log('删除成功', res)
this.$message({ this.$message({
type: 'success', type: 'success',
message: '删除成功!', message: '删除成功!',
}) })
this.getList()
}) })
}, },
// 开关 // 开关
changeSwitch(row) { async changeSwitch(row) {
console.log('开关', row) console.log('开关', row)
try {
const params = { id: row.id, status: row.switchStatus ? 1 : 0 }
const res = await changeStatus(params)
console.log('开关成功', res)
this.$message({
type: 'success',
message: '操作成功',
})
this.getList()
} catch (error) {
console.log('开关失败', error)
}
}, },
// 导出数据 // 导出数据
handleExport() { handleExport() {
@ -331,7 +380,7 @@ export default {
}, },
// 切换类型 // 切换类型
changeType(e) { changeType(e) {
console.log('changeType', this.dialogForm.type, e) console.log('changeType', this.dialogForm.plType, e)
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.dialogForm.clearValidate() this.$refs.dialogForm.clearValidate()
}) })
@ -339,13 +388,38 @@ export default {
// 弹框确认 // 弹框确认
dialogConfirm() { dialogConfirm() {
console.log('dialogConfirm') console.log('dialogConfirm')
this.$refs.dialogForm.validate((valid) => { this.$refs.dialogForm.validate(async (valid) => {
if (valid) { if (valid) {
this.dialogVisible = false try {
this.$message({ let type = ''
type: 'success', if (this.dialogForm.plType == '2') {
message: '操作成功!', type = '3'
}) } else {
if (this.dialogForm.ballType == '1') {
type = '1'
} else {
type = '2'
}
}
const params = { ...this.dialogForm, type }
let res = null
if (this.isAdd) {
// 新增
res = await addPlatformConfiguration(params)
} else {
// 编辑
res = await editPlatformConfiguration(params)
}
console.log('操作成功', res)
this.$message({
type: 'success',
message: '操作成功',
})
this.getList()
this.dialogVisible = false
} catch (error) {
console.log('操作失败', error)
}
} else { } else {
return false return false
} }

71
src/views/deviceManagement/videoDeviceMgmt/index.vue
View File

@ -20,7 +20,7 @@
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button> <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button> <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
<el-button icon="el-icon-download" @click="handleExport">导出</el-button> <el-button icon="el-icon-download" @click="handleExport">导出</el-button>
<el-button icon="el-icon-menu" @click="">下载二维码</el-button> <el-button icon="el-icon-menu" @click="handleQrCode">下载二维码</el-button>
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button> <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
<el-button icon="el-icon-download" @click="">导入数据</el-button> <el-button icon="el-icon-download" @click="">导入数据</el-button>
</el-form-item> </el-form-item>
@ -64,9 +64,9 @@
</template> </template>
<template v-slot="scope" v-else-if="column.prop == 'onLine'"> <template v-slot="scope" v-else-if="column.prop == 'onLine'">
<div style="display: flex; align-items: center; justify-content: center"> <div style="display: flex; align-items: center; justify-content: center">
<div class="dot" v-if="scope.row.onLine == 1"></div> <div class="dot" v-if="scope.row.onLine == '在线'"></div>
<div class="dot-red" v-else></div> <div class="dot-red" v-else></div>
<div>{{ scope.row.onLine == 1 ? '在用' : '闲置' }}</div> <div>{{ scope.row.onLine }}</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -161,7 +161,15 @@
/> />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark" v-if="showItem"> <el-form-item label="备注" prop="remark" v-if="showItem">
<el-input type="textarea" v-model="dialogForm.remark" placeholder="请输入备注" clearable maxlength="100" /> <el-input
type="textarea"
v-model="dialogForm.remark"
placeholder="请输入备注"
clearable
maxlength="100"
show-word-limit
:autosize="{ minRows: 3 }"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
@ -188,6 +196,7 @@
</template> </template>
<script> <script>
import request from '@/utils/request'
import VueQr from 'vue-qr' import VueQr from 'vue-qr'
import MonitoringAndDebug from '@/views/deviceManagement/videoDeviceMgmt/monitoringAndDebug.vue' import MonitoringAndDebug from '@/views/deviceManagement/videoDeviceMgmt/monitoringAndDebug.vue'
import { import {
@ -197,6 +206,7 @@ import {
editVideoDevice, editVideoDevice,
delVideoDevice, delVideoDevice,
getVideoDeviceDetail, getVideoDeviceDetail,
qrCodeDownZip,
} from '@/api/deviceManagement' } from '@/api/deviceManagement'
export default { export default {
@ -214,7 +224,7 @@ export default {
onLine: '', // 设备状态 onLine: '', // 设备状态
}, },
deviceStatusOptions: [ deviceStatusOptions: [
{ label: '在用', value: '1' }, { label: '在线', value: '1' },
{ label: '闲置', value: '0' }, { label: '闲置', value: '0' },
], // 设备状态 ], // 设备状态
total: 0, // 总条数 total: 0, // 总条数
@ -257,10 +267,7 @@ export default {
tDevCode: '', // 统一设备协议编码 tDevCode: '', // 统一设备协议编码
remark: '', // 备注 remark: '', // 备注
}, },
deviceTypeOpts: [ deviceTypeOpts: [],
{ label: '设备类型1', value: '1' },
{ label: '设备类型2', value: '2' },
],
dialogRules: { dialogRules: {
devType: [{ required: true, message: '请选择设备类型', trigger: 'change' }], devType: [{ required: true, message: '请选择设备类型', trigger: 'change' }],
devName: [{ required: true, message: '请输入设备名称', trigger: 'blur' }], devName: [{ required: true, message: '请输入设备名称', trigger: 'blur' }],
@ -304,6 +311,7 @@ export default {
console.log('列表-查询', this.queryParams) console.log('列表-查询', this.queryParams)
try { try {
this.tableList = [] this.tableList = []
// this.queryParams.onLine = Number(this.queryParams.onLine)
const params = { ...this.queryParams } const params = { ...this.queryParams }
const res = await getList(params) const res = await getList(params)
console.log('🚀 ~ 获取列表 ~ res:', res) console.log('🚀 ~ 获取列表 ~ res:', res)
@ -327,6 +335,49 @@ export default {
this.deviceTypeOpts = [] this.deviceTypeOpts = []
} }
}, },
// 下载二维码
async handleQrCode() {
console.log('下载二维码')
const params = { ...this.queryParams }
// const url = '/smart-site/video_equipment/downZip?pageNum'
// const url = 'http://192.168.0.58:38080/smart-site/video_equipment/downZip?pageNum' + this.queryParams.pageNum + '&pageSize=' + this.queryParams.pageSize
// const fileName = `二维码_${new Date().getTime()}.zip`
// this.downLoadFile(url, fileName, null)
// const res = await qrCodeDownZip(params)
// console.log('🚀 ~ 下载二维码 ~ res:', res)
try {
const response = await qrCodeDownZip(params)
console.log('🚀 ~ handleQrCode ~ response:', response)
// const blob = new Blob([response], { type: 'application/octet-stream' })
// const url = window.URL.createObjectURL(blob)
// const link = document.createElement('a')
// link.href = url
// link.setAttribute('download', `二维码_${new Date().getTime()}.zip`)
// document.body.appendChild(link)
// link.click()
// link.remove()
// window.URL.revokeObjectURL(url)
// 检查响应类型，确保是 Blob 或 ArrayBuffer
const blob = new Blob([response.data], { type: 'application/octet-stream' })
console.log('🚀 ~ handleQrCode ~ blob:', blob)
// 创建下载链接
const url = window.URL.createObjectURL(blob)
// 创建一个隐藏的 <a> 标签进行下载
const a = document.createElement('a')
a.href = url
a.download = `二维码_${new Date().getTime()}.zip` // 设置下载的文件名
document.body.appendChild(a)
// 触发点击事件下载文件
a.click()
// 释放 URL 对象，防止内存泄漏
window.URL.revokeObjectURL(url)
document.body.removeChild(a)
} catch (error) {
console.error('下载二维码失败:', error)
}
},
// 多选 // 多选
selectionChange(val) { selectionChange(val) {
console.log('selectionChange', val) console.log('selectionChange', val)
@ -426,7 +477,7 @@ export default {
// 导出数据 // 导出数据
handleExport() { handleExport() {
try { try {
let fileName = `数据_${new Date().getTime()}.xLsx` let fileName = `视频设备管理_${new Date().getTime()}.xlsx`
let url = '/smart-site/video_equipment/export' let url = '/smart-site/video_equipment/export'
const params = { ...this.queryParams } const params = { ...this.queryParams }
console.log('🚀 ~ 导出 ~ params:', params) console.log('🚀 ~ 导出 ~ params:', params)