修改代码格式

src/layout/header-aside/components/contextmenu/components/contentmenuList/index.vue

@@ -1,19 +1,8 @@
 <template>
-  <div
+  <div class="d2-contentmenu-list" @click="rowClick">
-    class="d2-contentmenu-list"
+    <div v-for="item in menulist" :key="item.value" :data-value="item.value" class="d2-contentmenu-item" flex="cross:center main:center">
-    @click="rowClick">
+      <d2-icon v-if="item.icon" :name="item.icon"/>
-    <div
+      <div class="d2-contentmenu-item-title" flex-box="1">
-      v-for="item in menulist"
-      :key="item.value"
-      :data-value="item.value"
-      class="d2-contentmenu-item"
-      flex="cross:center main:center">
-      <d2-icon
-        v-if="item.icon"
-        :name="item.icon"/>
-      <div
-        class="d2-contentmenu-item-title"
-        flex-box="1">
         {{item.title}}
       </div>
     </div>

src/layout/header-aside/components/contextmenu/index.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
+  <div class="d2-contextmenu" v-show="flag" :style="style">
-    class="d2-contextmenu"
-    v-show="flag"
-    :style="style">
     <slot/>
   </div>
 </template>

src/layout/header-aside/components/header-fullscreen/index.vue

@@ -1,8 +1,5 @@
 <template>
-  <el-tooltip
+  <el-tooltip effect="dark" :content="active ? '退出全屏' : '全屏'" placement="bottom">
-    effect="dark"
-    :content="active ? '退出全屏' : '全屏'"
-    placement="bottom">
     <el-button class="d2-mr btn-text can-hover" type="text" @click="toggle">
       <d2-icon v-if="active" name="compress"/>
       <d2-icon v-else name="arrows-alt" style="font-size: 16px"/>

src/layout/header-aside/components/header-locales/index.vue

@@ -1,8 +1,5 @@
 <template>
-  <el-dropdown
+  <el-dropdown placement="bottom" size="small" @command="onChangeLocale">
-    placement="bottom"
-    size="small"
-    @command="onChangeLocale">
     <el-button class="d2-mr btn-text can-hover" type="text">
       <d2-icon name="language" style="font-size: 16px;"/>
     </el-button>

src/layout/header-aside/components/header-log/index.vue

@@ -1,25 +1,10 @@
 <template>
-  <el-tooltip
+  <el-tooltip effect="dark" :content="tooltipContent" placement="bottom">
-    effect="dark"
+    <el-button class="d2-ml-0 d2-mr btn-text can-hover" type="text" @click="handleClick">
-    :content="tooltipContent"
+      <el-badge v-if="logLength > 0" :max="99" :value="logLengthError" :is-dot="logLengthError === 0">
-    placement="bottom">
+        <d2-icon :name="logLengthError === 0 ? 'dot-circle-o' : 'bug'" style="font-size: 20px"/>
-    <el-button
-      class="d2-ml-0 d2-mr btn-text can-hover"
-      type="text"
-      @click="handleClick">
-      <el-badge
-        v-if="logLength > 0"
-        :max="99"
-        :value="logLengthError"
-        :is-dot="logLengthError === 0">
-        <d2-icon
-          :name="logLengthError === 0 ? 'dot-circle-o' : 'bug'"
-          style="font-size: 20px"/>
       </el-badge>
-      <d2-icon
+      <d2-icon v-else name="dot-circle-o" style="font-size: 20px"/>
-        v-else
-        name="dot-circle-o"
-        style="font-size: 20px"/>
     </el-button>
   </el-tooltip>
 </template>

src/layout/header-aside/components/header-theme/components/d2-theme-list/index.vue

@@ -1,39 +1,13 @@
 <template>
-  <el-table
+  <el-table :data="list" v-bind="table">
-    :data="list"
+    <el-table-column prop="title" align="center" width="160"/>
-    v-bind="table">
+    <el-table-column label="预览" width="120">
-    <el-table-column
+      <div slot-scope="scope" class="theme-preview" :style="{ backgroundImage: `url(${$baseUrl}${scope.row.preview})` }"/>
-      prop="title"
-      align="center"
-      width="160"/>
-    <el-table-column
-      label="预览"
-      width="120">
-      <div
-        slot-scope="scope"
-        class="theme-preview"
-        :style="{
-          backgroundImage: `url(${$baseUrl}${scope.row.preview})`
-        }">
-      </div>
     </el-table-column>
-    <el-table-column
+    <el-table-column prop="address" align="center">
-      prop="address"
-      align="center">
       <template slot-scope="scope">
-        <el-button
+        <el-button v-if="activeName === scope.row.name" type="success" icon="el-icon-check" round>已激活</el-button>
-          v-if="activeName === scope.row.name"
+        <el-button v-else round @click="handleSelectTheme(scope.row.name)">使用</el-button>
-          type="success"
-          icon="el-icon-check"
-          round>
-          已激活
-        </el-button>
-        <el-button
-          v-else
-          round
-          @click="handleSelectTheme(scope.row.name)">
-          使用
-        </el-button>
       </template>
     </el-table-column>
   </el-table>

src/layout/header-aside/components/panel-search/index.vue

@@ -1,15 +1,7 @@
 <template>
-  <div
+  <div class="panel-search" flex="dir:top">
-    class="panel-search"
+    <div class="panel-search__input-group" flex-box="0" flex="dir:top main:center cross:center" @click.self="handlePanelClick">
-    flex="dir:top">
+      <d2-icon-svg class="panel-search__logo" name="d2-admin-text"/>
-    <div
-      class="panel-search__input-group"
-      flex-box="0"
-      flex="dir:top main:center cross:center"
-      @click.self="handlePanelClick">
-      <d2-icon-svg
-        class="panel-search__logo"
-        name="d2-admin-text"/>
       <el-autocomplete
         class="panel-search__input"
         ref="input"
@@ -21,9 +13,7 @@
         :clearable="true"
         @keydown.esc.native="handleEsc"
         @select="handleSelect">
-        <d2-panel-search-item
+        <d2-panel-search-item slot-scope="{ item }" :item="item"/>
-          slot-scope="{ item }"
-          :item="item"/>
       </el-autocomplete>
       <div class="panel-search__tip">
         您可以使用快捷键
@@ -33,10 +23,7 @@
         关闭
       </div>
     </div>
-    <div
+    <div v-if="resultsList.length > 0" class="panel-search__results-group" flex-box="1">
-      v-if="resultsList.length > 0"
-      class="panel-search__results-group"
-      flex-box="1">
       <el-card>
         <div class="panel-search__results-group-inner">
           <d2-panel-search-item

src/layout/header-aside/components/tabs/index.vue

@@ -2,13 +2,8 @@
   <div class="d2-multiple-page-control-group" flex>
     <div class="d2-multiple-page-control-content" flex-box="1">
       <div class="d2-multiple-page-control-content-inner">
-        <d2-contextmenu
+        <d2-contextmenu :visible.sync="contextmenuFlag" :x="contentmenuX" :y="contentmenuY">
-          :visible.sync="contextmenuFlag"
+          <d2-contextmenu-list :menulist="tagName === '/index' ? contextmenuListIndex : contextmenuList" @rowClick="contextmenuClick"/>
-          :x="contentmenuX"
-          :y="contentmenuY">
-          <d2-contextmenu-list
-            :menulist="tagName === '/index' ? contextmenuListIndex : contextmenuList"
-            @rowClick="contextmenuClick"/>
         </d2-contextmenu>
         <el-tabs
           class="d2-multiple-page-control d2-multiple-page-sort"
@@ -18,22 +13,12 @@
           @tab-click="handleClick"
           @edit="handleTabsEdit"
           @contextmenu.native="handleContextmenu">
-          <el-tab-pane
+          <el-tab-pane v-for="page in opened" :key="page.fullPath" :label="page.meta.title || '未命名'" :name="page.fullPath"/>
-            v-for="page in opened"
-            :key="page.fullPath"
-            :label="page.meta.title || '未命名'"
-            :name="page.fullPath"/>
         </el-tabs>
       </div>
     </div>
-    <div
+    <div class="d2-multiple-page-control-btn" flex-box="0">
-      class="d2-multiple-page-control-btn"
+      <el-dropdown size="default" split-button @click="closeAll" @command="command => handleControlItemClick(command)">
-      flex-box="0">
-      <el-dropdown
-        size="default"
-        split-button
-        @click="closeAll"
-        @command="command => handleControlItemClick(command)">
         <d2-icon name="times-circle"/>
         <el-dropdown-menu slot="dropdown">
           <el-dropdown-item command="left">

src/layout/header-aside/layout.vue

@@ -1,20 +1,11 @@
 <template>
-  <div
+  <div class="d2-layout-header-aside-group" :style="styleLayoutMainGroup" :class="{grayMode: grayActive}">
-    class="d2-layout-header-aside-group"
-    :style="styleLayoutMainGroup"
-    :class="{grayMode: grayActive}">
     <!-- 半透明遮罩 -->
     <div class="d2-layout-header-aside-mask"></div>
     <!-- 主体内容 -->
     <div class="d2-layout-header-aside-content" flex="dir:top">
       <!-- 顶栏 -->
-      <div
+      <div class="d2-theme-header" :style="{ opacity: this.searchActive ? 0.5 : 1 }" flex-box="0" flex>
-        class="d2-theme-header"
-        :style="{
-          opacity: this.searchActive ? 0.5 : 1
-        }"
-        flex-box="0"
-        flex>
         <router-link to="/index" class="logo-group" :style="{width: asideCollapse ? asideWidthCollapse : asideWidth}" flex-box="0">
           <img v-if="asideCollapse" :src="`${$baseUrl}image/theme/${themeActiveSetting.name}/logo/icon-only.png`">
           <img v-else :src="`${$baseUrl}image/theme/${themeActiveSetting.name}/logo/all.png`">
@@ -39,14 +30,7 @@
       <!-- 下面 主体 -->
       <div class="d2-theme-container" flex-box="1" flex>
         <!-- 主体 侧边栏 -->
-        <div
+        <div flex-box="0" ref="aside" class="d2-theme-container-aside" :style="{ width: asideCollapse ? asideWidthCollapse : asideWidth, opacity: this.searchActive ? 0.5 : 1 }">
-          flex-box="0"
-          ref="aside"
-          class="d2-theme-container-aside"
-          :style="{
-            width: asideCollapse ? asideWidthCollapse : asideWidth,
-            opacity: this.searchActive ? 0.5 : 1
-          }">
           <d2-menu-side/>
         </div>
         <!-- 主体 -->
@@ -54,9 +38,7 @@
           <!-- 搜索 -->
           <transition name="fade-scale">
             <div v-if="searchActive" class="d2-theme-container-main-layer" flex>
-              <d2-panel-search
+              <d2-panel-search ref="panelSearch" @close="searchPanelClose"/>
-                ref="panelSearch"
-                @close="searchPanelClose"/>
             </div>
           </transition>
           <!-- 内容 -->
@@ -136,11 +118,9 @@ export default {
      * @description 最外层容器的背景图片样式
      */
     styleLayoutMainGroup () {
-      return {
+      return this.themeActiveSetting.backgroundImage
-        ...this.themeActiveSetting.backgroundImage ? {
+        ? { backgroundImage: `url('${this.$baseUrl}${this.themeActiveSetting.backgroundImage}')` }
-          backgroundImage: `url('${this.$baseUrl}${this.themeActiveSetting.backgroundImage}')`
+        : {}
-        } : {}
-      }
     }
   },
   methods: {