优化

src/components/newLayout/Aside.vue

@@ -16,10 +16,8 @@
           @mouseenter="showBizIdSelect = true"
           @mouseleave="showBizIdSelect = false"
         >
-          <img src="../../assets/业务线选择.png" class="business-logo"><span
-            v-show="showBizIdSelect"
-            >项目管理首页</span
-          >
+          <image src="../../assets/业务线选择.png" class="business-logo" />
+          <span v-show="showBizIdSelect">项目管理首页</span>
         </div>
         <span style="font-size: 16px">{{ bizName }}</span>
         <div
@@ -40,35 +38,21 @@
         </div>
       </div>
       <ul class="all-pages-list">
-        <li
-          v-for="item in routesList"
-          :key="item.path"
-          @click="handleClickRouter(item)"
-        >
+        <li v-for="item in routesList" :key="item.path" @click="handleClickRouter(item)">
           <template v-if="!item.hidden">
             <div v-if="item.cutOff" class="cut-off" />
-            <div
-              class="page-item"
-              :class="{ 'active-page': activePage === item.name }"
-            >
-              <svg-icon
-                v-if="item.icon"
-                v-show="navTagType === 1"
-                :icon-class="item.icon"
-              />
+            <div class="page-item" :class="{ 'active-page': activePage === item.name }">
+              <svg-icon v-if="item.icon" v-show="navTagType === 1" :icon-class="item.icon" />
               {{ item.name }}
             </div>
           </template>
         </li>
       </ul>
       <div v-show="!collapsed && navTagType === 1" class="bottom-collapsed">
-        <img src="../../assets/expand.png" @click="toggleCollapsed()">
+        <image src="../../assets/expand.png" @click="toggleCollapsed()" />
       </div>
     </section>
-    <section
-      v-show="collapsed && navTagType === 1 && showNavTag"
-      class="left-aside-collapsed"
-    >
+    <section v-show="collapsed && navTagType === 1 && showNavTag" class="left-aside-collapsed">
       <div class="button-collapsed" @click="toggleCollapsed()">
         <i class="el-icon-arrow-right" />
       </div>
@@ -120,7 +104,7 @@ export default {
   },
   methods: {
     init() {
-      const config = routes.find(item => item.name === this.activeNavTag)
+      const config = routes.find((item) => item.name === this.activeNavTag)
       this.routesList = config.children
       // 子路由数量小于1，隐藏二级侧边栏控制
       if (this.routesList.length <= 1 || config.name.search(/质量月报/) > -1) {

src/components/newLayout/components/menu.vue

@@ -1,11 +1,6 @@
 <template>
   <span style="margin-top: auto">
-    <el-popover
-      placement="right-end"
-      trigger="hover"
-      width="385"
-      :open-delay="200"
-    >
+    <el-popover placement="right-end" trigger="hover" width="385" :open-delay="200">
       <!--  overlay-class-name="head-popover"  -->
       <!--    <svg-icon class="menu-wrapper-icon" icon-class="question" />-->
 
@@ -13,25 +8,14 @@
       <!--      -->
       <!--    </template>-->
       <div class="menu-wrapper">
-        <div
-          v-for="item in menuBaseData"
-          :key="item.key"
-          class="children-menu-wrapper"
-        >
+        <div v-for="item in menuBaseData" :key="item.key" class="children-menu-wrapper">
           <div
             class="title"
             :class="{ active: active === item.key }"
             @click="switchProjects(item)"
-          >
-            {{ item.name }}
-          </div>
+          >{{ item.name }}</div>
           <el-row v-if="item.menuList.length" class="box" style="margin: 0">
-            <el-col
-              v-for="elm in item.menuList"
-              :key="elm.key"
-              :span="8"
-              class="item-wrapper"
-            >
+            <el-col v-for="elm in item.menuList" :key="elm.key" :span="8" class="item-wrapper">
               <span @click.stop="goToPage(elm)">
                 <span class="custom-icon-wrapper">
                   <i
@@ -44,8 +28,7 @@
                           ? elm.menuBase.color
                           : 'transparent'
                     }"
-                    >{{ translateHtmlCharater(elm.menuBase.icon) }}</i
-                  >
+                  >{{ translateHtmlCharater(elm.menuBase.icon) }}</i>
                 </span>
                 <div class="name">{{ elm.name }}</div>
               </span>
@@ -53,10 +36,9 @@
           </el-row>
         </div>
       </div>
-      <span
-slot="reference"
-        ><i class="iconfont icon menu-wrapper-icon">&#x11911;</i></span
-      >
+      <span slot="reference">
+        <i class="iconfont icon menu-wrapper-icon">&#x11911;</i>
+      </span>
     </el-popover>
   </span>
 </template>

src/views/monthlyReport/components/header.vue

@@ -1,11 +1,11 @@
 <template>
   <el-row type="flex" class="header-wrapper-0e7a058e" justify="space-between">
     <el-col :span="12">
-      <span
-class="title"
-        >{{ title }}{{ subTitle ? '/' : ''
-        }}<span class="subTitle">{{ subTitle }}</span></span
-      >
+      <span class="title">
+        {{ title }}{{ subTitle ? '/' : ''
+        }}
+        <span class="subTitle">{{ subTitle }}</span>
+      </span>
       <slot name="input" />
     </el-col>
     <el-col :span="12" class="right-wrapper test">

src/views/monthlyReport/index.vue

@@ -13,35 +13,29 @@
         </el-select>
       </template>
       <template slot="content">
-        <el-button
-          type="primary"
-          size="small"
-          @click="$router.push('/monthlyReport/edit')"
-          >新建月报
-        </el-button>
+        <el-button type="primary" size="small" @click="$router.push('/monthlyReport/edit')">新建月报</el-button>
         <el-button
           type="primary"
           plain
           size="small"
           @click="$router.push('/monthlyReport/set')"
-          >月报设置
-        </el-button>
+        >月报设置</el-button>
       </template>
     </headerCom>
     <!--  content  -->
     <div class="content-wrapper">
       <headTitle title="基础信息" />
-<!--      <div v-for="i in 50" :key="i">-->
-<!--        <el-button size="small">默认按钮</el-button>-->
-<!--        <el-button type="primary" size="small">主要按钮</el-button>-->
-<!--        <el-button type="success" size="small">成功按钮</el-button>-->
-<!--        <el-button type="info" size="small">信息按钮</el-button>-->
-<!--        <el-button type="warning" size="small">警告按钮</el-button>-->
-<!--        <el-button type="danger" size="small"> 危险按钮</el-button>-->
-<!--        {{ i }}-->
-<!--        <br>-->
-<!--        <br v-if="i < 50">-->
-<!--      </div>-->
+      <!--      <div v-for="i in 50" :key="i">-->
+      <!--        <el-button size="small">默认按钮</el-button>-->
+      <!--        <el-button type="primary" size="small">主要按钮</el-button>-->
+      <!--        <el-button type="success" size="small">成功按钮</el-button>-->
+      <!--        <el-button type="info" size="small">信息按钮</el-button>-->
+      <!--        <el-button type="warning" size="small">警告按钮</el-button>-->
+      <!--        <el-button type="danger" size="small"> 危险按钮</el-button>-->
+      <!--        {{ i }}-->
+      <!--        <br>-->
+      <!--        <br v-if="i < 50">-->
+      <!--      </div>-->
     </div>
   </div>
 </template>