mirror of
https://github.com/1Panel-dev/MaxKB.git
synced 2025-12-26 10:12:51 +00:00
feat: 编排样式优化
This commit is contained in:
parent
d46f07a71d
commit
b31e83d82e
|
|
@ -2,7 +2,9 @@
|
|||
<div class="application-workflow" v-loading="loading">
|
||||
<div class="header border-b flex-between p-12-24">
|
||||
<div class="flex align-center">
|
||||
<back-button to="-1"></back-button>
|
||||
<back-button
|
||||
@click="router.push({ path: `/application/${id}/WORK_FLOW/overview` })"
|
||||
></back-button>
|
||||
<h4>{{ detail?.name }}</h4>
|
||||
<el-text type="info" class="ml-16 color-secondary" v-if="saveTime"
|
||||
>保存时间:{{ datetimeFormat(saveTime) }}</el-text
|
||||
|
|
@ -78,7 +80,7 @@
|
|||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, onBeforeUnmount, computed } from 'vue'
|
||||
import { useRoute } from 'vue-router'
|
||||
import { useRouter, useRoute } from 'vue-router'
|
||||
import Workflow from '@/workflow/index.vue'
|
||||
import { menuNodes } from '@/workflow/common/data'
|
||||
import { iconComponent } from '@/workflow/icons/utils'
|
||||
|
|
@ -89,6 +91,7 @@ import useStore from '@/stores'
|
|||
import { WorkFlowInstance } from '@/workflow/common/validate'
|
||||
|
||||
const { application } = useStore()
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
|
||||
const {
|
||||
|
|
|
|||
|
|
@ -1,13 +1,6 @@
|
|||
<template>
|
||||
<div class="custom-edge cursor" v-show="props.model.isHovered">
|
||||
<svg
|
||||
@click="deleteEdge"
|
||||
width="100%"
|
||||
height="100%"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M12 23.0001C5.925 23.0001 1 18.0751 1 12.0001C1 5.92512 5.925 1.00012 12 1.00012C18.075 1.00012 23 5.92512 23 12.0001C23 18.0751 18.075 23.0001 12 23.0001Z"
|
||||
fill="#3370FF"
|
||||
|
|
@ -21,9 +14,6 @@
|
|||
</template>
|
||||
<script setup lang="ts">
|
||||
const props = defineProps<{ model: any }>()
|
||||
const deleteEdge = () => {
|
||||
props.model.graphModel.eventCenter.emit('delete_node')
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
|
|
|||
Loading…
Reference in New Issue