Browse Source

新增左侧菜单删除功能

master
chendingwei 2 years ago
parent
commit
df0b4c50cd
  1. 6
      src/axios/cameraBase/cameraApi.ts
  2. 18
      src/views/page/aside/cameraLeftMenu.vue

6
src/axios/cameraBase/cameraApi.ts

@ -6,10 +6,11 @@ enum Api {
Add = '/cbCamera/add', Add = '/cbCamera/add',
Update = '/cbCamera/update', Update = '/cbCamera/update',
Delete = '/cbCamera/delete', Delete = '/cbCamera/delete',
DeleteNode = '/cbCameraNode/delete',
Get = '/cbCamera/get', Get = '/cbCamera/get',
GetList = '/cbCamera/getList', GetList = '/cbCamera/getList',
GetPageList = '/cbCamera/getPageList', GetPageList = '/cbCamera/getPageList',
GetTreeList = '/cbCameraNode/getTree' GetTreeList = '/cbCameraNode/getTree',
} }
//相机参数服务 //相机参数服务
@ -20,6 +21,7 @@ enum paramsApi{
Delete = '/cbCameraParams/delete', Delete = '/cbCameraParams/delete',
Get = '/cbCameraParams/get', Get = '/cbCameraParams/get',
GetPageList = '/cbCameraParams/getPageList', GetPageList = '/cbCameraParams/getPageList',
} }
const CisApiUrl = apiUrl.CisApiUrl; const CisApiUrl = apiUrl.CisApiUrl;
@ -30,6 +32,8 @@ export const Update = (params?: any) => axios.post(CisApiUrl + Api.Update, qs.st
export const Delete = (params?: any) => axios.post(CisApiUrl + Api.Delete, qs.stringify(params)) export const Delete = (params?: any) => axios.post(CisApiUrl + Api.Delete, qs.stringify(params))
export const DeleteNode = (params?: any) => axios.post(CisApiUrl + Api.DeleteNode, qs.stringify(params))
export const Get = (params?: any) => axios.get(CisApiUrl + Api.Get, { params: params }) export const Get = (params?: any) => axios.get(CisApiUrl + Api.Get, { params: params })
export const GetList = (params?: any) => axios.get(CisApiUrl + Api.GetList, { params: params }) export const GetList = (params?: any) => axios.get(CisApiUrl + Api.GetList, { params: params })

18
src/views/page/aside/cameraLeftMenu.vue

@ -34,6 +34,7 @@
import { ref, onMounted, onUnmounted, watch } from "vue"; import { ref, onMounted, onUnmounted, watch } from "vue";
import { useStore } from '@/store/index'; import { useStore } from '@/store/index';
import * as cameraApi from '@/axios/cameraBase/cameraApi'; import * as cameraApi from '@/axios/cameraBase/cameraApi';
import Msg from "@/utils/message";
let piniaStore = useStore(); let piniaStore = useStore();
const NodeTreeItem = ref() const NodeTreeItem = ref()
let searchStr = ref(''); let searchStr = ref('');
@ -87,21 +88,28 @@ function onRightClick({ node }: any) {
}; };
} }
const onContextMenuClick = (treeKey: string, menuKey: string) => { const onContextMenuClick = (treeKey: string, menuKey: string) => {
console.log(`treeKey: ${treeKey}, menuKey: ${menuKey},NodeTreeItem.value:`,NodeTreeItem.value); // console.log(`treeKey: ${treeKey}, menuKey: ${menuKey},NodeTreeItem.value:`,NodeTreeItem.value);
if (menuKey.includes("open")) {
//key //key
if (menuKey == "open") {
let arr = [...expandedKeys.value] let arr = [...expandedKeys.value]
arr.push(treeKey) arr.push(treeKey)
arr = [...new Set(arr)] arr = [...new Set(arr)]
expandedKeys.value = arr expandedKeys.value = arr
piniaStore.updateCurSelectKey(NodeTreeItem.value.cbCameraId.toString()) piniaStore.updateCurSelectKey(NodeTreeItem.value.cbCameraId.toString())
} else if (menuKey == "close") { } else if (menuKey.includes("close")) {
piniaStore.updateCloseVideoKey(NodeTreeItem.value.cbCameraId.toString()) piniaStore.updateCloseVideoKey(NodeTreeItem.value.cbCameraId.toString())
expandedKeys.value = expandedKeys.value.filter((item: any) => { expandedKeys.value = expandedKeys.value.filter((item: any) => {
return item != treeKey return item != treeKey
}) })
} else if (menuKey == "delete") { } else if (menuKey.includes("delete")) {
console.log(`treeKey: ${treeKey}, menuKey: ${menuKey}`);
cameraApi.DeleteNode({id:treeKey}).then((res:any)=>{
if(res.data.data){
console.log(res);
Msg.success("删除成功")
loadTreeData()
}
})
} }

Loading…
Cancel
Save