Version Tree: Retro Sofa Sketch
@@ -132,10 +130,23 @@ const {} = toRefs(data);
--treeItem-background: #ffffff;
--treeItem-active-background: #e6e6e6;
- :deep(.versionTreeBody){
- --el-drawer-padding-primary: 0rem;
- display: flex;
- flex-direction: column;
+ :deep(.versionTreeBody) {
+ --el-drawer-padding-primary: 0rem;
+ display: flex;
+ flex-direction: column;
+ }
+ .versionTreeTitle {
+ width: 100%;
+ height: 8rem;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0 0.8rem 0 2.4rem;
+ border-bottom: 1px solid #c9c9c9;
+ > span {
+ font-size: 2rem;
+ font-weight: 600;
+ font-family: 'SemiBold';
}
.versionTreeTitle{
width: 100%;
@@ -213,4 +224,24 @@ const {} = toRefs(data);
}
}
}
-
\ No newline at end of file
+ .expandBtnBox {
+ }
+ .versionTreeBox {
+ flex: 1;
+ display: flex;
+ overflow: hidden;
+ > .tree {
+ flex: 1;
+ height: 100%;
+ overflow: hidden;
+ padding: 2.1rem 0 5.4rem 2.2rem;
+ }
+ > .detail {
+ width: 35rem;
+ margin: 2.1rem 3rem 5.4rem 3.4rem;
+ height: calc(100% - 2.1rem - 5.4rem);
+ overflow: hidden;
+ }
+ }
+}
+
diff --git a/src/views/home/versionTree/tree/view2/index.vue b/src/views/home/versionTree/tree/view2/index.vue
index fa746b1..604b84a 100644
--- a/src/views/home/versionTree/tree/view2/index.vue
+++ b/src/views/home/versionTree/tree/view2/index.vue
@@ -6,6 +6,7 @@ import SpecialEdge from './speciaiEdge.vue'
import InputNode from './InputNode.vue'//主
import SecondaryNode from './secondaryNode.vue'//分支
import { useLayout } from '../../tools/tools'
+import dialogVue from "../../components/dialog.vue";
const props = defineProps({
selectItem: {
type: Object,
@@ -22,6 +23,9 @@ const emit = defineEmits([
'versionDelete',
])
+const dialogDeleteRef = ref()
+const dialogRestoreRef = ref()
+
// 节点类型:input、output、default、custom
// input:开始点,output:结尾点,default:普通节点,custom:自定义节点
const position = { x: 0, y: 0 }
@@ -88,10 +92,11 @@ watch(()=>props.selectItem.id, (newVal, oldVal) => {
const versionRestore = ()=>{
emit('versionRestore')
+ dialogRestoreRef.value?.open()
}
const versionDelete = ()=>{
- emit('versionDelete')
+ dialogDeleteRef.value?.open()
}
onMounted(()=>{
@@ -135,6 +140,30 @@ defineExpose({push})