新增查看新手引导功能

hookehuyr
Commit 9954ca368cd230d26c6c25dd8d4e717ca83a7d82 9954ca36 1 parent 4f3fd573
Showing 1 changed file with 38 additions and 5 deletions
doc/App.vue
--- a/doc/App.vue
View file @9954ca3
+++ b/doc/App.vue
View file @9954ca3
@@ -335,14 +335,14 @@
             </template>
           </el-dropdown>
           <el-tooltip content="编辑版本信息" placement="bottom">
-            <i class="el-icon-set-up" @click="editFlowVersion" style="font-size: 16px; margin-left: 8px; position: absolute; right: -25px; top: 6px;"></i>
+            <i class="el-icon-set-up" @click="editFlowVersion" style="font-size: 16px; margin-left: 8px; position: absolute; right: -25px; top: -1px;"></i>
           </el-tooltip>
-          <el-dialog v-model="state.dialogVersionFormVisible" title="版本信息">
+          <el-dialog v-model="state.dialogVersionFormVisible" title="版本信息" width="50%">
             <el-form :model="state.versionForm" label-width="80px">
-              <el-form-item label="版本号">
+              <el-form-item label="版本号:">
                 流程版本(V{{ state.versionForm.code }})
               </el-form-item>
-              <el-form-item label="版本描述">
+              <el-form-item label="版本描述:">
                 <el-input
                   v-model="state.versionForm.note"
                   :autosize="{ minRows: 2, maxRows: 4 }"
@@ -387,11 +387,27 @@
                   </template>
                 </el-popconfirm>
                 <el-button type="primary" color="#009688" @click="saveFlowVersionNote">保存描述</el-button>
-                <el-button @click="state.dialogVersionFormVisible = false">关闭</el-button>
+                <!-- <el-button @click="state.dialogVersionFormVisible = false">关闭</el-button> -->
               </span>
             </template>
           </el-dialog>
         </div>
+        <div class="help-tip" @click="showHelp">
+          <i class="el-icon-warning"></i>&nbsp;<span style="font-size: 13px;">查看新手引导</span>
+        </div>
+        <el-dialog v-model="state.dialogHelpVisible" title="新手引导" width="30%" center>
+          <span>
+            提供的流程新增引导
+          </span>
+          <template #footer>
+            <span class="dialog-footer">
+              <el-button @click="state.dialogHelpVisible = false">关闭</el-button>
+              <el-button type="primary" @click="state.dialogHelpVisible = false">
+                下一步
+              </el-button>
+            </span>
+          </template>
+        </el-dialog>
       </template>
       <!-- 表单底部按钮 -->
       <template v-slot:foot>
@@ -562,6 +578,7 @@ export default {
       select_flow_version: 0,
       version_list: [],
       dialogVersionFormVisible: false,
+      dialogHelpVisible: false,
       versionForm: {
         code: 0,
         id: 0,
@@ -702,6 +719,10 @@ export default {
       // });
     });
+    const showHelp = () => {
+      state.dialogHelpVisible = true;
+    }
+
     /***************** 版本操作 ***************/
     /**
@@ -1642,6 +1663,8 @@ export default {
       handleBeforeAdd,
       handleAfterAdd,
+      showHelp,
+
       onSelectFlowVersion,
       showEditFlowVersion,
       addFlowVersion,
@@ -1853,6 +1876,16 @@ body {
   }
 }
+.help-tip {
+  position: absolute;
+  z-index: 9999;
+  top: 70px;
+  color: #009688 !important;
+  &:hover {
+    cursor: pointer;
+  }
+}
+
 .el-tabs__item.is-active,
 .el-radio-button__inner:hover {
   color: #009688 !important;