From b22f3e37bdfd0c72c699894f19e2c2728182107f Mon Sep 17 00:00:00 2001 From: zhiyong.zhou <zhiyong.zhou@highdatas.com> Date: 星期一, 04 三月 2024 09:37:51 +0800 Subject: [PATCH] 提交 删除多余文件 --- src/views/admin/layout/process/ProcessTree.vue | 85 ++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 84 insertions(+), 1 deletions(-) diff --git a/src/views/admin/layout/process/ProcessTree.vue b/src/views/admin/layout/process/ProcessTree.vue index 2a05685..692518c 100644 --- a/src/views/admin/layout/process/ProcessTree.vue +++ b/src/views/admin/layout/process/ProcessTree.vue @@ -435,6 +435,89 @@ } </script> -<style lang="scss" :src="$cssSrc" > +<style lang="less" scoped> +._root{ + margin: 0 auto; +} +.process-end{ + width: 60px; + margin: 0 auto; + margin-bottom: 20px; + border-radius: 15px; + padding: 5px 10px; + font-size: small; + color: #747474; + background-color: #f2f2f2; + box-shadow: 0 0 10px 0 #bcbcbc; +} +.primary-node{ + display: flex; + align-items: center; + flex-direction: column; +} +.branch-node{ + display: flex; + justify-content: center; + /*border-top: 2px solid #cccccc; + border-bottom: 2px solid #cccccc;*/ +} +.branch-node-item{ + position: relative; + display: flex; + background: #f5f6f6; + flex-direction: column; + align-items: center; + border-top: 2px solid #cccccc; + border-bottom: 2px solid #cccccc; + &:before{ + content: ""; + position: absolute; + top: 0; + left: calc(50% - 1px); + margin: auto; + width: 2px; + height: 100%; + background-color: #CACACA; + } + .line-top-left, .line-top-right, .line-bot-left, .line-bot-right{ + position: absolute; + width: 50%; + height: 4px; + background-color: #f5f6f6; + } + .line-top-left{ + top: -2px; + left: -1px; + } + .line-top-right{ + top: -2px; + right: -1px; + } + .line-bot-left{ + bottom: -2px; + left: -1px; + } + .line-bot-right{ + bottom: -2px; + right: -1px; + } +} +.add-branch-btn{ + position: absolute; + width: 80px; + .add-branch-btn-el{ + z-index: 999; + position: absolute; + top: -15px; + } +} + +.empty-node{ + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} </style> + -- Gitblit v1.8.0