细节调整

@@ -172,7 +172,16 @@
                   <div v-if="state.attr_radio === '更多属性'">
                     <div class="more-attr">
                       <div v-for="(attr, index) in state.more_attr" :key="index" class="more-attr-item">
-                        <p class="title">{{ attr.label }}</p>
+                        <div style="display: flex; align-items: center;">
+                          <p class="title">{{ attr.label }}</p>&nbsp;
+                          <el-tooltip
+                            class="box-item"
+                            :content="attr.desc"
+                            placement="top"
+                          >
+                            <el-icon><InfoFilled color="#b5b8be" /></el-icon>
+                          </el-tooltip>
+                        </div>
                         <div v-for="(item, idx) in attr.data" :key="idx" class="content">
                           <div v-if="item.btnText" class="left">
                             <span v-if="item.label === item.btnText">{{ item.label }}</span>
@@ -191,9 +200,6 @@
                           </div>
                         </div>
                       </div>
-                      <!-- <div class="more-attr-item">
-                        <p class="title">节点操作</p>
-                      </div> -->
                     </div>
                   </div>
                 </div>
@@ -260,10 +266,11 @@
       </template>
       <!-- 工具栏 -->
       <template v-slot:toolbar>
-        <el-tooltip content="打印流程图数据结构">
-          <div class="vue-flow-editor-toolbar-item" @click="logData">
-            <i class="el-icon-search" style=" margin-top: 4px;" />
-            <span style="font-size: 12px; transform: scale(0.8); margin-top: 2px;">log数据</span>
+        <el-tooltip content="保存流程图数据">
+          <div class="vue-flow-editor-toolbar-item" @click="saveData">
+            <!-- <el-icon><Coin /></el-icon> -->
+            <i class="el-icon-coin" style=" margin-top: 4px;" />
+            <span style="font-size: 12px; transform: scale(0.8); margin-top: 2px;">保存</span>
           </div>
         </el-tooltip>
       </template>
@@ -429,6 +436,7 @@ export default {
         {
           id: 'no-1',
           label: '审批意见',
+          desc: '开启审批意见后，节点负责人处理流程时须按要求填写审批意见',
           data: [
             {
               id: 'text-1',
@@ -449,6 +457,7 @@ export default {
         {
           id: 'no-2',
           label: '节点操作',
+          desc: '定义流程负责人在处理流程时可以进行的操作',
           data: [
             {
               id: 'node-1',
@@ -952,11 +961,11 @@ export default {
     }
 
     /**
-     * 打印流程图数据结构
+     * 保存流程图数据
      *
      * @return {void} No return value.
      */
-    function logData(): void {
+    function saveData(): void {
       let { nodes, edges } = editor.editorState.graph.save()
       // console.log("nodes", nodes);
       // console.log("edges", edges);
@@ -1041,7 +1050,7 @@ export default {
       onCloseUserView,
       onConfirmUserView,
 
-      logData,
+      saveData,
       toolbarButtonHandler,
 
       onRef: (e: any) => (editor = e),
@@ -1101,7 +1110,7 @@ body {
     .title {
       font-size: 14px;
       color: #000;
-      margin-bottom: 8px;
+      font-weight: bold;
     }
     .content {
       font-size: 14px;
@@ -1113,6 +1122,7 @@ body {
       display: flex;
       justify-content: space-between;
       align-items: center;
+      margin-bottom: 5px;
       .left {
       }
       .right {