@@ -224,7 +248,18 @@ const state = reactive({
{{item.name}}
-
+
+
+
+
+
+
+
+
+
+
+
+
@@ -246,6 +281,7 @@ const state = reactive({
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/sysworkflow/lowcodepage/appPage/appMenus.vue b/src/views/sysworkflow/lowcodepage/appPage/appMenus.vue
index fb7aea789..80dcdda5c 100644
--- a/src/views/sysworkflow/lowcodepage/appPage/appMenus.vue
+++ b/src/views/sysworkflow/lowcodepage/appPage/appMenus.vue
@@ -16,6 +16,12 @@ const props = defineProps({
formKey:{
type:String,
default:""
+ },
+ menusTree:{
+ type:Object,
+ default(){
+ return {}
+ }
}
});
const svgIsShow = ref(false)
@@ -30,9 +36,13 @@ const handleDrop = (
dropType: NodeDropType,
ev: DragEvents
) => {
- console.log('tree drop:', dropNode.label, dropNode.key)
- console.log('tree drop-->上级:', dropNode.parent.label, dropNode.parent.key)
+ console.log('draggingNode:', draggingNode)
+ console.log('dropNode:', dropNode)
+ console.log('dropType:', dropType)
+ console.log('ev:', ev)
}
+
+const treeList = ref([])
/**
@ 作者: 秦东
@ 时间: 2024-04-22 15:53:35
@@ -45,10 +55,11 @@ const loadIcons = () => {
const iconName = icon.split("assets/icons/")[1].split(".svg")[0];
allIconNames.push(iconName);
}
- console.log("icons",icons)
- console.log("allIconNames",allIconNames)
+ // console.log("icons",icons)
+ // console.log("allIconNames",allIconNames)
}
onMounted(()=>{
+ treeList.value = threeShiyanData
loadIcons();
})
/**
@@ -57,14 +68,44 @@ onMounted(()=>{
@ 功能: 设置表单图标
*/
const svgName = ref("")
+const svgId= ref("")
const setAppMenusSvg = (val:any) =>{
svgName.value = val.svg
+ svgId.value = val.id
svgIsShow.value = true;
}
+watch(()=>svgName.value,(val:string)=>{
+ console.log("监听----svgName--->",val)
+ console.log("监听----threeShiyanData--->",threeShiyanData)
+ diguiData(treeList.value)
+})
+
+/**
+@ 作者: 秦东
+@ 时间: 2024-04-23 09:44:14
+@ 功能: 递归判断是哪个节点换了图标
+*/
+const diguiData = (val:any) =>{
+ if(Array.isArray(val)){
+ try {
+ val.forEach((item:any) => {
+ if(item.id == svgId.value){
+ item.svg = svgName.value
+ throw item;
+ }
+ if(item.children&&Array.isArray(item.children)){
+ diguiData(item.children)
+ }
+ });
+ } catch (e) {
+ console.log('跳出循环:', threeShiyanData);
+ }
+ }
+}
-
+
+
@@ -97,7 +171,7 @@ const handleClick = () =>{}
-
+
@@ -116,7 +190,7 @@ const handleClick = () =>{}
- {}
2
-
+ -->
-
+
diff --git a/src/views/sysworkflow/lowcodepage/index.vue b/src/views/sysworkflow/lowcodepage/index.vue
index 6cf3324d3..6fa9e0138 100644
--- a/src/views/sysworkflow/lowcodepage/index.vue
+++ b/src/views/sysworkflow/lowcodepage/index.vue
@@ -5,7 +5,7 @@
-->