refactor:增加仪表板编辑快捷入口

frontend/src/components/canvas/components/Editor/index.vue

@@ -1024,7 +1024,7 @@ export default {
         // 初始化时componentData 加载可能出现慢的情况 此时重新初始化一下matrix
         if (newVal.length !== this.lastComponentDataLength) {
           this.lastComponentDataLength = newVal.length
-          console.log('.initMatrix2')
+          // console.log('.initMatrix2')
           this.initMatrix()
         }
       },

frontend/src/components/canvas/store/snapshot.js

@@ -45,7 +45,7 @@ export default {
       }
     },
     refreshSnapshot(state) {
-      console.log('refreshSnapshot')
+      // console.log('refreshSnapshot')
       // 刷新快照
       state.snapshotData = []
       state.snapshotStyleData = []

frontend/src/views/panel/list/PanelList.vue

@@ -131,6 +131,14 @@
                     </el-dropdown-menu>
                   </el-dropdown>
                 </span>
+                <span v-if="data.nodeType==='panel'" @click.stop>
+                  <el-button
+                    icon="el-icon-edit"
+                    type="text"
+                    size="small"
+                    @click="edit(data, node)"
+                  />
+                </span>
                 <span style="margin-left: 12px;" @click.stop>
                   <el-dropdown trigger="click" size="small" @command="clickMore">
                     <span class="el-dropdown-link">
@@ -803,6 +811,9 @@ export default {
     },
     searchTypeClick(searchTypeInfo) {
       this.searchType = searchTypeInfo
+    },
+    editFromPanelViewShow() {
+      this.edit(this.lastActiveNodeData, this.lastActiveNode)
     }
   }
 }

frontend/src/views/panel/list/PanelMain.vue

@@ -4,7 +4,7 @@
       <el-tabs v-model="activeName" class="tab-panel" :stretch="true" @tab-click="handleClick">
         <el-tab-pane name="PanelList">
           <span slot="label"><i class="el-icon-document tablepanel-i" />{{ $t('panel.panel_list') }}</span>
-          <panel-list v-if="activeName==='PanelList'" />
+          <panel-list ref="panelList" v-if="activeName==='PanelList'" />
         </el-tab-pane>
         <el-tab-pane name="panels_star" :lazy="true">
           <span slot="label"><i class="el-icon-star-off tablepanel-i" />{{ $t('panel.store') }}</span>
@@ -17,7 +17,7 @@
       </el-tabs>
     </de-aside-container>
     <de-main-container>
-      <PanelViewShow v-if="mainActiveName==='PanelMain'" :active-tab="activeName" />
+      <PanelViewShow v-if="mainActiveName==='PanelMain'" :active-tab="activeName"  @editPanel="editPanel"/>
     </de-main-container>
   </de-container>
 </template>
@@ -101,6 +101,9 @@ export default {
           }
         }
       })
+    },
+    editPanel() {
+      this.$refs.panelList.editFromPanelViewShow()
     }
 
   }

frontend/src/views/panel/list/PanelViewShow.vue

@@ -61,6 +61,11 @@
                 <el-button class="el-icon-star-on" size="mini" circle @click="unstar" />
               </el-tooltip>
             </span>
+            <span v-if="hasDataPermission('edit',panelInfo.privileges)&&activeTab==='PanelList'" style="float: right;margin-right: 10px">
+              <el-tooltip :content="$t('commons.edit')">
+                <el-button class="el-icon-edit" size="mini" circle @click="editPanel" />
+              </el-tooltip>
+            </span>
           </el-col>
         </div>
       </el-row>
@@ -301,6 +306,9 @@ export default {
     },
     closePreExport() {
       this.pdfExportShow = false
+    },
+    editPanel() {
+      this.$emit('editPanel')
     }
 
   }