optimize: style

Author: vanoneang

src/assets/styles/realize/lin-variables.scss

@@ -7,6 +7,7 @@ $sidebar-background: #192a5e;
 $navbar-height: 30px;
 $navbar-padding: 20px;
 $header-height: 72px;
+$reusetab-height: 29px;
 
 $navbar-background: #BECCD8;
 $appmain-background: #F9FAFB;

src/components/layout/ReuseTab.vue

@@ -164,7 +164,7 @@ export default {
 .swiper-slide {
   width: 126px;
   display: flex;
-  height: 26px;
+  height: $reusetab-height;
   flex-direction: column;
   justify-content: center;
   background-color: $reuse-tab-item-background;
@@ -175,7 +175,7 @@ export default {
   bottom: 0;
   left: 0;
   // width: calc(100% -40px);
-  height: 26px;
+  height: $reusetab-height;
   background: $header-background;
   font-size: 14px;
   color: #8c98ae;
@@ -186,7 +186,7 @@ export default {
   .reuse-tab-item {
     box-sizing: border-box;
     width: auto;
-    height: 26px;
+    height: $reusetab-height;
     width: 126px;
     display: flex;
     justify-content: center;

src/lin/plugins/axios.js

@@ -109,15 +109,15 @@ _axios.interceptors.request.use(
 // Add a response interceptor
 _axios.interceptors.response.use(
   async res => {
-    let { error_code, message } = res.data // eslint-disable-line
+    let { code, message } = res.data // eslint-disable-line
     if (res.status.toString().charAt(0) === '2') {
       return res.data
     }
     return new Promise(async (resolve, reject) => {
       const { params, url } = res.config
 
       // refresh_token 异常，直接登出
-      if (error_code === 10000 || error_code === 10100) {
+      if (code === 10000 || code === 10100) {
         setTimeout(() => {
           store.dispatch('loginOut')
           const { origin } = window.location
@@ -126,7 +126,7 @@ _axios.interceptors.response.use(
         return resolve(null)
       }
       // 令牌相关，刷新令牌
-      if (error_code === 10040 || error_code === 10041 || error_code === 10050 || error_code === 10051) {
+      if (code === 10040 || code === 10041 || code === 10050 || code === 10051) {
         const cache = {}
         if (cache.url !== url) {
           cache.url = url
@@ -146,7 +146,7 @@ _axios.interceptors.response.use(
         // 这一次请求添加 params 参数：showBackend 为 true, 弹出后端返回错误信息
         if (params && !params.showBackend) {
           // 弹出前端自定义错误信息
-          const errorArr = Object.entries(ErrorCode).filter(v => v[0] === error_code.toString())
+          const errorArr = Object.entries(ErrorCode).filter(v => v[0] === code.toString())
           // 匹配到前端自定义的错误码
           if (errorArr.length > 0) {
             if (errorArr[0][1] !== '') {

src/views/admin/user/UserInfo.vue

@@ -44,8 +44,10 @@
         >
           <el-option v-for="item in groups" :key="item.id" :label="item.name" :value="item.id"> </el-option>
         </el-select> -->
-        <el-checkbox-group v-model="form.group_ids">
-          <el-checkbox v-for="item in groups" :key="item.id" :label="item.id">{{ item.name }}</el-checkbox>
+        <el-checkbox-group v-model="form.group_ids" size="small" style="transform: translateY(5px);">
+          <el-checkbox v-for="item in groups" :key="item.id" :label="item.id" border style="margin-left: 0">{{
+            item.name
+          }}</el-checkbox>
         </el-checkbox-group>
       </el-form-item>
       <el-form-item v-show="submit" class="submit">

src/views/home/Home.vue

@@ -88,7 +88,7 @@ export default {
       this.$refs.operate.style.height = '71px'
     })
     this.eventBus.$on('hasReuse', () => {
-      this.$refs.operate.style.height = '45px'
+      this.$refs.operate.style.height = '43px'
     })
   },
   inject: ['eventBus'],

src/views/log/Log.vue

@@ -16,7 +16,11 @@
             </el-button>
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item :command="['全部人员']">全部人员</el-dropdown-item>
-              <el-dropdown-item icon="el-icon-user-solid" v-for="(user, index) in users" :key="index" :command="[user]"
+              <el-dropdown-item
+                icon="el-icon-user-solid"
+                v-for="(user, index) in users.items"
+                :key="index"
+                :command="[user]"
                 >{{ user }}
               </el-dropdown-item>
             </el-dropdown-menu>
@@ -48,16 +52,19 @@
         </section>
       </article>
 
-      <el-divider></el-divider>
-      <div class="more" :class="{ nothing: finished }">
-        <i v-if="more" class="iconfont icon-loading"></i>
-        <div v-show="!more && !finished" @click="nextPage">
-          <span>查看更多</span> <i class="iconfont icon-gengduo" style="font-size:14px"></i>
-        </div>
-        <div v-if="finished">
-          <span>{{ totalCount === 0 ? '暂无数据' : '没有更多数据了' }}</span>
+      <div v-if="logs && logs.length">
+        <el-divider></el-divider>
+        <div class="more" :class="{ nothing: finished }">
+          <i v-if="more" class="iconfont icon-loading"></i>
+          <div v-show="!more && !finished" @click="nextPage">
+            <span>查看更多</span> <i class="iconfont icon-gengduo" style="font-size:14px"></i>
+          </div>
+          <div v-if="finished">
+            <span>{{ totalCount === 0 ? '暂无数据' : '没有更多数据了' }}</span>
+          </div>
         </div>
       </div>
+      <div class="nothing">暂无日志信息</div>
     </div>
   </div>
 </template>
@@ -423,6 +430,10 @@ export default {
     }
   }
 }
+.nothing {
+  color: #45526b;
+  font-size: 14px;
+}
 
 @keyframes spin {
   from {