新增节点属性节点索引的显示

@@ -90,8 +90,13 @@
                   <el-form-item prop="label">
                   <el-form-item prop="label">
                     <div slot="label">
                     <div slot="label">
                       节点名称 <span style="color: red;">*</span>
                       节点名称 <span style="color: red;">*</span>
+                      <span style="position: absolute; right: 0; top: 0;">
+                        <span style="background-color: #f5f6f8; padding: 2px 5px; border: 1px solid #d7d9dc; border-radius: 3px; color: #141e31; font-size: 12px; font-weight: 400; line-height: 22px; text-align: center; width: 100px;">
+                          节点索引：{{ state.node_idx }}
+                        </span>
+                      </span>
                     </div>
                     </div>
-                    <el-input v-model="state.node_name" />
+                    <el-input v-model="state.node_name" style="margin-top: 5px;" />
                   </el-form-item>
                   </el-form-item>
                   <div v-if="state.user_attr_set" class="node-user">
                   <div v-if="state.user_attr_set" class="node-user">
                     <div style="font-size: 14px; margin-bottom: 10px;">
                     <div style="font-size: 14px; margin-bottom: 10px;">
@@ -301,6 +306,19 @@
             <span style="font-size: 12px; transform: scale(0.8); margin-top: 2px;">启用</span>
             <span style="font-size: 12px; transform: scale(0.8); margin-top: 2px;">启用</span>
           </div>
           </div>
         </el-tooltip> -->
         </el-tooltip> -->
+        <!-- <div style="position: absolute; top:20px; right: 15px;">
+          <el-dropdown trigger="click">
+            <div style="margin-left: 15px;">
+              <div style="width: 10px; height: 10px; background-color: #009688; border-radius: 50%; display: inline-block;"></div> <span style="font-size: 13px;">流程版本 (V1)</span>
+            </div>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item>流程版本 (V2)</el-dropdown-item>
+                <el-dropdown-item>流程版本 (V3)</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+        </div> -->
       </template>
       </template>
       <!-- 表单底部按钮 -->
       <!-- 表单底部按钮 -->
       <template v-slot:foot>
       <template v-slot:foot>
@@ -479,6 +497,7 @@ export default {
         btnText: '',
         btnText: '',
       },
       },
       node_name: '', // 节点名称
       node_name: '', // 节点名称
+      node_idx: null, // 节点index
       userTags: [], // 节点负责人,
       userTags: [], // 节点负责人,
       auth_all_checked: false,
       auth_all_checked: false,
       auth_all_edit: false,
       auth_all_edit: false,
@@ -812,6 +831,11 @@ export default {
           if (res.data.code) {
           if (res.data.code) {
             state.statusLoading = false;
             state.statusLoading = false;
             //
             //
+            flowData.value.nodes.forEach((ele: any, idx: number) => {
+              if (ele.id === model.id) {
+                state.node_idx = idx;
+              }
+            });
             state.node_name = res.data.data.name ? res.data.data.name : model.text; // 节点名称
             state.node_name = res.data.data.name ? res.data.data.name : model.text; // 节点名称
             state.userTags = res.data.data.user; // 节点负责人
             state.userTags = res.data.data.user; // 节点负责人
             state.dialogUserTags = state.userTags; // 同步给弹框数据
             state.dialogUserTags = state.userTags; // 同步给弹框数据
@@ -1552,4 +1576,11 @@ body {
 .el-loading-spinner .el-loading-text {
 .el-loading-spinner .el-loading-text {
   color: #009688 !important;
   color: #009688 !important;
 }
 }
+
+:focus-visible { outline: none; }
+
+.el-dropdown-menu__item:not(.is-disabled):focus {
+  background-color: white;
+  color: #009688 !important;
+}
 </style>
 </style>