feat:三个浮动窗口功能新增

frontend/src/layout/components/Main/TaskTemplate/TaskSyllabus/index.vue

@@ -7,6 +7,17 @@ import { computed, ref, nextTick } from 'vue'
 import { AnchorLocations } from '@jsplumb/browser-ui'
 import MultiLineTooltip from '@/components/MultiLineTooltip/index.vue'
 import Bg from './Bg.vue'
+import BranchButton from './components/BranchButton.vue'
+
+// 判断计划是否就绪
+const planReady = computed(() => {
+  return agentsStore.agentRawPlan.data !== undefined
+})
+
+const openPlanModification = () => {
+  console.log('打开分支修改窗口')
+  agentsStore.openPlanModification()
+}
 
 const emit = defineEmits<{
   (el: 'resetAgentRepoLine'): void
@@ -15,8 +26,6 @@ const emit = defineEmits<{
   (el: 'click-branch'): void
 }>()
 
-// 分支数量
-
 const jsplumb = new Jsplumb('task-syllabus')
 
 const handleScroll = () => {
@@ -305,11 +314,23 @@ defineExpose({
                   class="task-content-editor"
                   size="small"
                 />
-                <div class="flex justify-end gap-2">
-                  <el-button @click="saveEditing" type="primary" size="small" class="px-3">
-                    √
-                  </el-button>
-                  <el-button @click="cancelEditing" size="small" class="px-3"> × </el-button>
+                <div class="flex justify-end">
+                  <svg-icon
+                    icon-class="Check"
+                    size="20px"
+                    color="#328621"
+                    class="cursor-pointer mr-4"
+                    @click="saveEditing"
+                    title="保存"
+                  />
+                  <svg-icon
+                    icon-class="Cancel"
+                    size="20px"
+                    color="#8e0707"
+                    class="cursor-pointer mr-1"
+                    @click="cancelEditing"
+                    title="取消"
+                  />
                 </div>
               </div>
             </div>
@@ -369,13 +390,8 @@ defineExpose({
           </el-card>
         </div>
       </div>
-      <div class="branch-button" @click="handleBranchClick">
-        <div class="branch-icon">
-          <svg-icon icon-class="branch" color="#000" size="24px" />
-        </div>
-        <span>{{ branchCount }}</span>
-      </div>
     </div>
+    <BranchButton v-dev-only v-if="planReady" @click="openPlanModification" />
   </div>
 </template>
 <style lang="scss" scoped>