sync

mock/dict.js

@@ -7,15 +7,12 @@ module.exports = [
       return {
         code: 200,
         msg: 'success',
-        data: {
-          total: 43,
-          records: [
-            { 'id': 1, 'value': '1', 'label': 'Type1', 'sort': 1 },
-            { 'id': 2, 'value': '2', 'label': 'Type2', 'sort': 2 },
-            { 'id': 3, 'value': '3', 'label': 'Type3', 'sort': 3 },
-            { 'id': 4, 'value': '4', 'label': 'Type4', 'sort': 4 }
-          ]
-        }
+        data: [
+          { 'id': 1, 'value': '1', 'label': 'Type1', 'sort': 1 },
+          { 'id': 2, 'value': '2', 'label': 'Type2', 'sort': 2 },
+          { 'id': 3, 'value': '3', 'label': 'Type3', 'sort': 3 },
+          { 'id': 4, 'value': '4', 'label': 'Type4', 'sort': 4 }
+        ]
       }
     }
   }

mock/system.js

@@ -20,10 +20,11 @@ module.exports = [
             { 'id': '8', 'systemName': 'system9', 'appType': 3, 'deptName': 'dept8', 'url': 'http://system9.com', 'icon': 'el-icon-plus' },
             { 'id': '9', 'systemName': 'system10', 'appType': 4, 'deptName': 'dept9', 'url': 'http://system10.com', 'icon': 'el-icon-plus' },
             { 'id': '10', 'systemName': 'system11', 'appType': 1, 'deptName': 'dept10', 'url': 'http://system11.com', 'icon': 'el-icon-plus' },
-            // { 'id': '11', 'systemName': 'system12', 'appType': 1, 'deptName': 'dept11', 'url': 'http://system12.com', 'icon': 'el-icon-plus' },
-            // { 'id': '12', 'systemName': 'system13', 'appType': 3, 'deptName': 'dept12', 'url': 'http://system13.com', 'icon': 'el-icon-plus' },
-            // { 'id': '13', 'systemName': 'system14', 'appType': 2, 'deptName': 'dept13', 'url': 'http://system14.com', 'icon': 'el-icon-plus' },
-            { 'id': '14', 'systemName': 'system15', 'appType': 4, 'deptName': 'dept14', 'url': 'http://system15.com', 'icon': 'el-icon-plus' }
+            { 'id': '11', 'systemName': 'system12', 'appType': 1, 'deptName': 'dept11', 'url': 'http://system12.com', 'icon': 'el-icon-plus' },
+            { 'id': '12', 'systemName': 'system13', 'appType': 3, 'deptName': 'dept12', 'url': 'http://system13.com', 'icon': 'el-icon-plus' },
+            { 'id': '13', 'systemName': 'system14', 'appType': 2, 'deptName': 'dept13', 'url': 'http://system14.com', 'icon': 'el-icon-plus' },
+            { 'id': '14', 'systemName': 'system15', 'appType': 4, 'deptName': 'dept14', 'url': 'http://system15.com', 'icon': 'el-icon-plus' },
+            { 'id': '15', 'systemName': 'system16', 'appType': 4, 'deptName': 'dept14', 'url': 'http://system15.com', 'icon': 'el-icon-plus' }
           ]
         }
       }

src/layout/index2.vue

@@ -55,9 +55,15 @@ export default {
 <style lang="scss" scoped>
   @import "~@/styles/mixin.scss";
   @import "~@/styles/variables.scss";
+  .header-container {
+    background: none !important;
+  }
   .tags-view-container {
     height: $tagHeight;
   }
+  .tags-view-wrapper {
+    display: none;
+  }
   .main-container{
     padding-left: calc(64px - #{$siderBarCollapseWidth}) !important;
   }

src/views/system/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="system-container">
     <el-card class="type-box">
-      <div slot="header" class="clearfix">
+      <div slot="header" class="clearfix card-title">
         <span>Test</span>
       </div>
       <el-radio-group v-model="formData.appType" @input="searchTable">
@@ -94,7 +94,7 @@ export default {
       typeData: [],
       // table
       current: 1,
-      size: 12,
+      size: 16,
       total: 0,
       pageSizeAll: [10, 20, 50, 100, 200, 500],
       tableData: [],
@@ -204,7 +204,8 @@ export default {
   display: flex;
 
   .type-box {
-    width: 250px;
+    width: 200px;
+    min-width: 200px;
     margin-right: 5px;
 
     .el-radio-group {
@@ -215,6 +216,9 @@ export default {
     }
 
     ::v-deep {
+      .el-card__header {
+        height: 60px;
+      }
       .el-card__body {
         padding: 20px 0;
       }
@@ -230,9 +234,16 @@ export default {
       }
     }
   }
+
+  .card-title {
+    font-size: 18px;
+    line-height: 24px;
+    color: rgba(0,0,0,0.85);
+    font-weight: bold;
+  }
+
   .system-box {
-    width: 100%;
-    min-height: calc(100vh - #{$headerHeight} - #{$tagHeight} - #{$footerHeight} - 10px);
+    // height: calc(100% - 110px);
     padding-left: 20px;
     background-color: #fff;
 
@@ -257,14 +268,20 @@ export default {
     }
   }
 
+  .list-filter {
+    height: 60px;
+    width: 800px;
+    padding-top: 10px;
+  }
+
   .list-button {
-    margin-top: -8px;
-    margin-bottom: 10px;
+    height: 50px;
   }
 
   .system-item-box {
     display: flex;
     flex-wrap: wrap;
+    height: 664px;
   }
 
   .system-item {