no message

src/App.vue

@@ -22,12 +22,12 @@ provide('reload', ()=>{
 <style  lang="scss">
 .serch-box {
   width: 100%;
-  // height: 80px;
+  // height: 70px;
   box-sizing: border-box;
   display: flex;
-  padding: 0 24px 0 0;
+  padding: 0 16px 0 0;
   justify-content: space-between;
-  margin-top: 20px;
+  margin-top: 15px;
   flex-wrap: nowrap;
 
   .form-right {
@@ -41,54 +41,63 @@ provide('reload', ()=>{
 
     .fonstSizeitem {
       .el-form-item__label {
-        font-size: 12px;
+        font-size: 11px;
       }
     }
 
     .el-form {
-      // min-width: 940px;
+      // width: 930px;
     }
 
     .el-form-item__label {
-      width: 100px;
-      font-size: 14px;
+      width: 80px;
+      font-size: 11px;
       line-height: normal;
       display: flex;
       align-items: center;
     }
 
     .el-form-item__content {
-      width: 195px;
+      width: 170px;
 
       .el-range-input {
-        font-size: 12px;
+        font-size: 10px;
       }
 
       .el-range-separator {
-        font-size: 12px;
+        font-size: 11px;
       }
 
       .el-input {
         width: 100% !important;
 
         .el-input__inner {
-          font-size: 14px;
+          font-size: 11px;
         }
       }
     }
 
     .el-form-item {
-      margin-bottom: 10px;
-      margin-right: 10px;
+      margin-bottom: 7px;
+      margin-right: 5px;
 
       .el-range-editor.el-input__wrapper {
         width: 300px;
-        height: 32px;
+        height: 26px;
       }
-    }
-  }
+    } 
+  }  
 }
 
+.el-select-dropdown__wrap{
+    ul{
+        li{
+        height: 30px;
+        font-size: 11px;
+        line-height: 30px;
+        }
+    }
+}
 .serch-box-40 {
   height: 40px;
 }
@@ -105,7 +114,7 @@ provide('reload', ()=>{
 .tabel-data {
   background: #FAFAFA;
   color: #152129;
-  font-size: 14px;
+  font-size: 11px;
 }
 
 .operation {
@@ -120,14 +129,36 @@ provide('reload', ()=>{
 }
 
 body .pagination-style {
-  padding: 14px 5px;
+  padding: 10px 5px;
   background: #fff;
   float: right;
   margin-right: 10px;
 }
 
 .table-wrapper {
-  padding: 20px;
+  padding: 12px;
+  .pagination-style{
+    font-size: 11px;
+    .el-pagination__sizes{
+      .el-select{
+        .el-input{
+          width: 100px;
+          height: 28px;
+        }
+        .el-input__inner{
+          font-size: 11px;
+          
+        }
+        
+      }
+    }
+    .el-pager{
+      .number{
+        width: 10px;
+        font-size: 11px;
+      }
+    }
+  }
 }
 
 .el-overlay-message-box {

src/assets/styles/clear.scss

@@ -11,7 +11,7 @@ body {
   width: 100%;
   height: 100%;
   color: #666;
-  font-size: 14px;
+  font-size: 12px;
   font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif !important;
 }
 

src/layout/aside/index.vue

@@ -69,6 +69,7 @@ watch(() => $route.path, ((newOld, cleOld) => {
 		border: none;
 
 		.el-menu-item {
+			font-size: 12px;
 			height: 48px;
 		}
 
@@ -77,8 +78,9 @@ watch(() => $route.path, ((newOld, cleOld) => {
 		}
 
 		:deep(.el-sub-menu) {
-
+			
 			.el-sub-menu__title {
+				font-size: 12px;
 				color: #152129;
 				height: 48px;
 				letter-spacing: 1px;
@@ -94,16 +96,16 @@ watch(() => $route.path, ((newOld, cleOld) => {
 
 				.el-menu-item {
 					padding: 0;
-					padding-left: 59px;
+					padding-left: 40px;
 					color: #707476;
 					letter-spacing: 1px;
-					font-size: 14px;
+					font-size: 11px;
 				}
 
 				.el-menu-item.is-active {
 					background: #f2f3f5;
 					color: #10AEFF;
-					padding-left: 59px;
+					padding-left: 40px;
 				}
 
 

src/layout/header/index.vue

@@ -70,7 +70,7 @@ const open = () => {
     box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
 
     .header-logo {
-        width: 240px;
+        width: 200px;
         height: 100%;
         position: relative;
 
@@ -79,8 +79,8 @@ const open = () => {
             left: 30%;
             top: 50%;
             transform: translate(-50%, -50%);
-            width: 100px;
-            height: 32px;
+            width: 85px;
+            height: 27px;
 
             img {
                 width: 100%;

src/layout/index.vue

@@ -38,28 +38,28 @@ import { useCounterStore } from "@/stores/counter.js";
             position: absolute;
             left: 0;
             top: 0;
-            height: 56px;
+            height: 46px;
             width: 100%;
             background: #fff;
             box-shadow: 0px 1px 0px 0px #EBEEF5;
             box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
-            min-width: 1400px;
+            // min-width: 1400px;
             z-index: 11;
         }
 
         .main-container {
             position: absolute;
             left: 0;
-            top: 56px;
-            height: calc(100% - 56px);
-            min-width: 1400px;
+            top: 46px;
+            height: calc(100% - 46px);
+            // min-width: 1400px;
 
             .el-aside {
-                width: 240px;
+                width: 190px;
             }
 
             .el-main {
-                width: calc(100% - 240px);
+                width: calc(100% - 190px);
                 height: 100%;
                 display: flex;
                 background: #F7F7F7;

src/layout/main/index.vue

@@ -54,17 +54,17 @@ const removeTab = ((targetName) => {
 <style lang="scss">
 .main-nav {
   width: 100%;
-  height: 48px;
-  min-height: 48px;
+  height: 40px;
+  min-height: 40px;
   background: #fff;
   border: none;
   border-left: 1px solid rgba(0, 0, 0, 0.08);
   border: solid 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08);
-  padding: 0 24px;
+  padding: 0 18px;
 
   .demo-tabs {
-    height: 36px;
+    height: 30px;
     margin-top: 6px;
 
     .el-tabs__content {
@@ -73,20 +73,20 @@ const removeTab = ((targetName) => {
 
     .el-tabs__header {
       margin: 0;
-      height: 36px;
+      height: 30px;
       border: none;
-      line-height: 36px;
+      line-height: 30px;
 
       .el-tabs__nav-wrap {
-        height: 36px;
+        height: 30px;
         border-radius: 4px;
 
         .el-tabs__nav-scroll {
           height: 100%;
-
+        
           .el-tabs__nav {
-            height: 36px;
-            line-height: 36px;
+            height: 30px;
+            line-height: 30px;
             border: 0;
             background: #F0F2F5;
             border-radius: 4px;
@@ -96,12 +96,14 @@ const removeTab = ((targetName) => {
 
             .el-tabs__item {
               border: none;
+
+              font-size: 11px;
             }
 
             .el-tabs__item.is-active {
               background: #fff;
-              height: 32px;
-              line-height: 32px;
+              height: 26px;
+              line-height: 26px;
               border-radius: 4px;
 
             }
@@ -109,16 +111,16 @@ const removeTab = ((targetName) => {
         }
 
         .el-tabs__nav-prev {
-          height: 36px;
-          line-height: 36px;
+          height: 30px;
+          line-height: 30px;
           background: #F0F2F5;
           border-radius: 4px;
           padding: 0 8px 0 5px;
         }
 
         .el-tabs__nav-next {
-          height: 36px;
-          line-height: 36px;
+          height: 30px;
+          line-height: 30px;
           background: #F0F2F5;
           border-radius: 4px;
           padding: 0 5px 0 8px;
@@ -129,7 +131,7 @@ const removeTab = ((targetName) => {
 }
 
 .main-view {
-  margin: 24px;
+  margin: 18px;
   height: 100%;
   background: #fff;
   border-radius: 10px;
@@ -139,7 +141,7 @@ const removeTab = ((targetName) => {
 
 
 :deep(.el-tabs--card>.el-tabs__header) {
-  height: 36px;
+  height: 30px;
   border: none;
 }
 </style>

src/views/supplier/sgccRecord/index.vue

@@ -217,7 +217,7 @@ const exportForm = VueThrottle(() => {
     <div class="sgcc-record">
         <div class="serch-box" style="height:40px">
             <div class="form-left">
-            <el-form :inline="true" :model="data.searchForm">
+            <el-form :inline="true" size="small" :model="data.searchForm">
                 <el-form-item label="来源">
                     <el-select v-model="data.searchForm.sourceTypes" multiple clearable placeholder="请选择" collapse-tags>
                         <el-option v-for="item in data.sourceOptions" :key="item.type" :label="item.name"
@@ -234,17 +234,17 @@ const exportForm = VueThrottle(() => {
             </el-form>
             </div>
             <div class="form-right">
-                <el-button type="primary" @click="searchFn" class="iconfont icon-chaxun">搜索</el-button>
-                <el-button type="primary" @click="refresh" class="iconfont icon-xinzeng" plain>重置</el-button>
+                <el-button type="primary" @click="searchFn" size="small" class="iconfont icon-chaxun">搜索</el-button>
+                <el-button type="primary" @click="refresh" size="small" class="iconfont icon-xinzeng" plain>重置</el-button>
             </div>
         </div>
         <div class="table-wrapper">
             <div>
-                <el-button type="primary" @click="exportForm" class="iconfont icon-xinzeng" plain>导出</el-button>
+                <el-button type="primary" @click="exportForm" size="small" class="iconfont icon-xinzeng" plain>导出</el-button>
             </div>
             <el-table :data="data.tableData" v-adaptive="{ fixedHeader: true, bottomOffset: 85 }"
-            :header-cell-style="{ background: '#FAFAFA', color: '#152129', fontSize: '14px' }" :cell-style="{ height: '50px' }"
-            style="width: 100%; margin-top:11px;">
+            :header-cell-style="{ background: '#FAFAFA', color: '#152129', fontSize: '12px' }" :cell-style="{ height: '50px' }"
+            style="width: 100%; margin-top:10px;font-size:12px">
                 <el-table-column type="index" width="60" align="center" label="序号"></el-table-column>
                 <!-- <el-table-column prop="username" label="用户昵称" align="center" min-width="210"></el-table-column> -->
                 <el-table-column prop="phone" width="auto" align="center" min-width="150" label="手机号"></el-table-column>