ソースを参照

fix: 流程图样式优化

lanceJiang 1 年間 前
コミット
6a227254c7
1 ファイル変更9 行追加2 行削除
  1. 9 2
      src/views/approve/components/approvedContent.vue

+ 9 - 2
src/views/approve/components/approvedContent.vue

@@ -34,7 +34,6 @@
 							<div class="begin-time">{{ currentTaskRow.createTime }} 提交</div>
 						</div>
 					</div>
-					<div class="area-divider" style="margin-bottom: 0"></div>
 					<el-tabs v-model="tabName">
 						<el-tab-pane v-for="v of tabList" :key="v.value" :label="v.label" :name="v.value" />
 					</el-tabs>
@@ -88,7 +87,7 @@
 					</div>
 					<!-- 流程图 -->
 					<div v-show="tabName === 'FlowChart'" class="scroll-wrap">
-						<div style="margin-bottom: 6px">
+						<div class="tags-desc">
 							<!--0: 已执行  1正在执行-->
 							<el-tag style="margin-left: 4px" type="success" size="small">已执行</el-tag>
 							<el-tag style="margin-left: 4px" type="danger" size="small">执行中</el-tag>
@@ -614,6 +613,7 @@ watch(
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
+			padding-bottom: 10px;
 			// padding-top: 20px;
 			.summary-info {
 				display: flex;
@@ -645,9 +645,16 @@ watch(
 			//position: relative;
 		}
 		.scroll-wrap {
+			position: relative;
 			overflow: hidden;
 			overflow-y: auto;
 			flex: 1;
+			.tags-desc {
+				position: absolute;
+				left: 6px;
+				top: 10px;
+				z-index: 1;
+			}
 		}
 	}