1

src/views/flow/components/Steps.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="steps" v-if="!/\/detail/.test($route.path) && logs.length > 0">
+    <el-tooltip effect="dark" content="退回原因点击节点标题查看" placement="top-end">
+      <i class="el-icon-question steps__ask"></i>
+    </el-tooltip>
+
     <el-steps :space="120" finish-status="success" align-center>
       <el-step
         v-for="(logGroup, index) in groupedLogs"
@@ -72,6 +76,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::v-deep .el-step__title:has(.el-tooltip) {
+  cursor: pointer;
+}
 ::v-deep .el-step__title {
   font-size: 14px;
   line-height: 1.5;
@@ -86,6 +93,15 @@ export default {
 ::v-deep .el-step.is-center .el-step__line {
   top: 50%;
 }
+.steps {
+  position: relative;
+
+  &__ask {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}
 @media (max-width: 768px) {
   ::v-deep .el-steps--horizontal {
     display: flex;

src/views/flow/create.vue

@@ -15,37 +15,6 @@
 
       <template>
         <Steps :logs="config.logs" :current-node="node"></Steps>
-<!--        <div class="steps" v-if="!/\/detail/.test($route.path)">-->
-<!--          <el-steps :space="120" finish-status="success" align-center>-->
-<!--            <template v-if="!isFirstNode">-->
-<!--              <el-step-->
-<!--                v-for="step in config.logs"-->
-<!--                v-if="(step.flow_node_id !== node.id && step.status !== -1)"-->
-<!--                :title="step.node.name"-->
-<!--                :status="step.status !== -1 ? 'success' : 'error'"-->
-<!--                icon="el-icon-circle-check"-->
-<!--              ></el-step>-->
-<!--            </template>-->
-<!--            <el-step-->
-<!--              :title="node.name"-->
-<!--              status="finish"-->
-<!--              icon="el-icon-edit"-->
-<!--            ></el-step>-->
-<!--            <el-step-->
-<!--              icon="el-icon-right"-->
-<!--              status="wait"-->
-<!--            >-->
-<!--              <template #title>-->
-<!--                <div style="max-width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">-->
-<!--                  <span v-for="(nextNode, index) in ((node.nextNodes && node.nextNodes instanceof Array) ? node.nextNodes : [])">{{ index === 0 ? '' : ',' }}{{ nextNode.name }}</span>-->
-<!--                </div>-->
-<!--                <div v-if="node.nextNodes">（{{ node.nextNodes.length }}种流程）</div>-->
-<!--              </template>-->
-<!--            </el-step>-->
-<!--          </el-steps>-->
-
-<!--          <el-divider></el-divider>-->
-<!--        </div>-->
 
         <div class="form-container" id="print-content">
           <DesktopForm