616首页跳转优化

src/views/home.vue

@@ -10,7 +10,158 @@
             <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
               <!-- 开始 -->
               <el-tab-pane label="首页" name="User">
-                <!-- <router-link to="/"> </router-link> -->
+                <div class="imgzong Role">
+                    <div class="listitem lbg_color3 bkcolor3 threelist">
+                    <div class="item2 margr" @click="clickgeometry($event, index, 'Role-' + '2', undmodel)">
+                      <el-image :src="getImgPath('tow1.png')" fit="cover" />
+                      <span>{{ f4ce }}</span>
+                      <el-dropdown 
+                        trigger="click" 
+                        
+                      >
+                        <!-- 下拉触发区域（只显示图标） -->
+                        <span class="dropdown-trigger">
+                          <el-icon :size="12" style="width:78px;top:-4px"><arrow-down /></el-icon> <!-- 自定义图标 -->
+                        </span>
+
+                        <!-- 下拉菜单选项 -->
+                        <template #dropdown>
+                          <el-dropdown-menu>
+                            <el-dropdown-item 
+                              v-for="item in optiongroup1" 
+                              :key="item.value" 
+                              :command="item.value"
+                            >
+                              <div style="display: flex; align-items: center;">
+                                <img 
+                                  :src="getflowImgPath(item.img)" 
+                                  style="width: 20px; height: 20px; margin-right: 10px;" 
+                                />
+                                <span>{{ item.label }}</span>
+                            </div>
+                            </el-dropdown-item>
+                          </el-dropdown-menu>
+                        </template>
+                      </el-dropdown>
+                    </div>
+                    <div class="item2 margr" @click="clickgeometry($event, index, 'Role-' + '1', modelban)">
+                      <el-image :src="getImgPath('tow2.png')" fit="cover" />
+                      <span>{{ modelban }}</span>
+                      <el-dropdown 
+                        trigger="click" 
+                        
+                      >
+                        <!-- 下拉触发区域（只显示图标） -->
+                        <span class="dropdown-trigger">
+                          <el-icon :size="12" style="width:78px;top:-4px"><arrow-down /></el-icon> <!-- 自定义图标 -->
+                        </span>
+
+                        <!-- 下拉菜单选项 -->
+                        <template #dropdown>
+                          <el-dropdown-menu>
+                            <el-dropdown-item 
+                              v-for="item in optiongroup" 
+                              :key="item.value" 
+                              :command="item.value"
+                            >
+                              <div style="display: flex; align-items: center;">
+                                <img 
+                                  :src="getflowImgPath(item.img)" 
+                                  style="width: 20px; height: 20px; margin-right: 10px;" 
+                                />
+                                <span>{{ item.label }}</span>
+                            </div>
+                            </el-dropdown-item>
+                          </el-dropdown-menu>
+                        </template>
+                      </el-dropdown>
+                    </div>
+                    <div class="item2 margr" @click="clickgeometry($event, index, 'Role-' + '2', undmodel)">
+                      <el-image :src="getImgPath('tow3.png')" fit="cover" />
+                      <span>{{ undmodel }}</span>
+                      <el-dropdown 
+                        trigger="click" 
+                        
+                      >
+                        <!-- 下拉触发区域（只显示图标） -->
+                        <span class="dropdown-trigger">
+                          <el-icon :size="12" style="width:78px;top:-4px"><arrow-down /></el-icon> <!-- 自定义图标 -->
+                        </span>
+
+                        <!-- 下拉菜单选项 -->
+                        <template #dropdown>
+                          <el-dropdown-menu>
+                            <el-dropdown-item 
+                              v-for="item in options4" 
+                              :key="item.value" 
+                              :command="item.value"
+                            >
+                              <div style="display: flex; align-items: center;">
+                                <img 
+                                  :src="item.icon"
+                                  style="width: 20px; height: 20px; margin-right: 10px;" 
+                                />
+                                <span>{{ item.label }}</span>
+                            </div>
+                            </el-dropdown-item>
+                          </el-dropdown-menu>
+                        </template>
+                      </el-dropdown>
+                    </div>
+                  </div>
+                  <!--  -->
+                  <div class="listitem lbg_color3 bkcolor3 ">
+                    <div class="threelist">
+                      <div class="item2 floatitem wentsd" v-for="(item, index) in Rolelist1" :key="'Role1' + index"
+                        :class="{ activeOrange: active == 'Role1' + index }"
+                        @click="clickgeometry($event, index, 'Role1' + index, item.titlie)">
+                        <el-image :src="getImgPath(item.url)" fit="cover" />
+                        <span>{{ item.titlie }}</span>
+                      </div>
+                      <div class="item2 floatitem wentsd" v-for="(item, index) in Rolelist11" :key="'Role11' + index"
+                        :class="{ activeOrange: active == 'Role11' + index }"
+                        @click="clickgeometry($event, index, 'Role11' + index, item.titlie)">
+                        <el-image :src="getImgPath(item.url)" fit="cover" />
+                        <el-color-picker v-model="color1" @change="colorpicker()"
+                          :class="{ 'is-show-panel': showTrigger }" />
+                        <span>{{ item.titlie }}</span>
+                      </div>
+                    </div>
+                  </div>
+                  <!--  -->
+                  <div class="listitem lbg_color3 bkcolor3 ">
+                    <div class="threelist">
+                      <div class="item2 floatitem wentsd" v-for="(item, index) in Rolelist2" :key="'Role2' + index"
+                        :class="{ activeOrange: active == 'Role2' + index }"
+                        @click="clickgeometry($event, index, 'Role2' + index, item.titlie)">
+                        <el-image :src="getImgPath(item.url)" fit="cover" />
+                        <span>{{ item.titlie }}</span>
+                      </div>
+                      <div class="item2 floatitem wentsd" v-for="(item, index) in Rolelist22" :key="'Role22' + index"
+                        :class="{ activeOrange: active == 'Role22' + index }"
+                        @click="clickgeometry($event, index, 'Role22' + index, item.titlie)">
+                        <el-image :src="getImgPath(item.url)" fit="cover" />
+                        <el-color-picker v-model="colortier"    color-format="rgba" show-alpha @change="colorpickertier()"
+                          :class="{ 'is-show-panel': showTrigger }" />
+                        <span>{{ item.titlie }}</span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!--  -->
+                  <div class="listitem lbg_color3 bkcolor3 ">
+                    <div class="threelist">
+                      <div class="item2 floatitem wentsd" v-for="(item, index) in Rolelist3" :key="'Role3' + index"
+                        :class="{ activeOrange: active == 'Role3' + index }"
+                        @click="clickgeometry($event, index, 'Role3' + index, item.titlie)">
+                        <el-image :src="getImgPath(item.url)" fit="cover" />
+                        <span>{{ item.titlie }}</span>
+                      </div>
+                    </div>
+                  </div>
+                 
+
+                </div>
               </el-tab-pane>
               <el-tab-pane label="问题设定" name="Role">
                 <div class="imgzong Role">

src/views/vuetree/index.vue

@@ -1314,7 +1314,8 @@ const deleteflow = (nowid) => {
 
 
 async  function logToObject1() {
-  let obj = { nodes: toObject().nodes,edges:toObject().edges };
+  const flowData = toObject();
+  let obj = { nodes: flowData.nodes, edges: flowData.edges };
   mergedObj.value=JSON.stringify(obj);
   try {
         const container = vueFlowRef.value.$el;