样式优化

src/App.vue

@@ -187,6 +187,6 @@ export default {
 }
 .dashboard-container {
   padding: 0;
-  margin: 16px !important;
+  margin: 0 16px 16px 16px !important;
 }
 </style>

src/layout/components/Breadcrumb.vue

@@ -279,7 +279,7 @@ export default {
   width: 100%;
   $c-tab-border-color: #dcdfe6;
   position: relative;
-  margin: 10px 0 0 16px;
+  margin: 0 16px;
   padding: 6px 50px 6px 30px;
   // &::before {
   //   content: "";
@@ -331,7 +331,7 @@ export default {
       }
 
       &:not(.__is-active):hover {
-        color: #409eff;
+        color: #185DA6;
 
         .el-icon-close {
           width: 12px;
@@ -342,7 +342,7 @@ export default {
       &.__is-active {
         // padding-right: 12px;
         // border-bottom: 1px solid #fff;
-        color: #409eff;
+        color: #185DA6;
 
         .el-icon-close {
           width: 12px;

src/layout/components/Navbar.vue

@@ -6,7 +6,7 @@
     <div class="right-menu">
       <el-dropdown class="avatar-container" trigger="click">
         <div class="avatar-wrapper">
-          <img :src="require('../../assets/images/avatar06.png')" class="user-avatar" />
+          <img :src="require('../../assets/images/avatar07.png')" class="user-avatar" />
           <span class="username">{{ name }}</span>
           <i class="el-icon-caret-bottom" />
         </div>
@@ -60,7 +60,8 @@ export default {
 <style lang="scss" scoped>
 .hospital {
   line-height: 50px;
-  color: #909399;
+  color: #000;
+  font-size: 14px;
   float: left;
 }
 .navbar {
@@ -140,7 +141,8 @@ export default {
           cursor: pointer;
           position: absolute;
           right: -20px;
-          top: 25px;
+          top: 50%;
+          transform: translateY(-50%);
           font-size: 12px;
         }
       }

src/views/SettlementList/StatementList.vue

@@ -175,7 +175,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -239,10 +238,8 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 34px;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/SettlementList/StatementListquery.vue

@@ -375,7 +375,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {

src/views/SettlementList/defectStatementList.vue

@@ -214,7 +214,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -278,10 +277,8 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 34px;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/SettlementList/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="padding: 16px">
+  <div style="padding: 0 16px 16px 16px;">
     <div class="block">
       <div class="blockCon">
         <div class="lefts">

src/views/allcase/caseIndex.vue

@@ -679,7 +679,7 @@ export default {
   cursor: pointer;
 }
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/allcase/caseIndexAnalysis.vue

@@ -531,7 +531,7 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/allcase/caseIndexAnalysisList.vue

@@ -123,7 +123,7 @@
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/allcase/caseIndexList.vue

@@ -218,7 +218,7 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/allcase/caseIndex_old.vue

@@ -970,7 +970,7 @@ export default {
   cursor: pointer;
 }
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/allcase/caseNumber.vue

@@ -267,10 +267,8 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 10px;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   padding-left: 0;
   padding-right: 0;
   .blockCon {

src/views/allcase/caseRetrieval.vue

@@ -806,7 +806,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {

src/views/allcase/defectNumber.vue

@@ -184,7 +184,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -248,8 +247,6 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
-  margin-bottom: 20px;
   margin-bottom: 20px;
   padding: 0;
   display: flex;

src/views/allcase/index.vue

@@ -367,7 +367,7 @@ export default {
     }
   }
   .block {
-    margin: 16px 0;
+    margin-bottom: 20px;
     background: #fff;
     padding: 25px 15px;
     border-radius: 5px;

src/views/allcase/reviewIndicators.vue

@@ -233,7 +233,7 @@ export default {
   cursor: pointer;
 }
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/allcase/reviewIndicatorsList.vue

@@ -372,7 +372,7 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/dashboard/index.vue

@@ -822,7 +822,7 @@ export default {
     }
   }
   .block {
-    margin: 16px 0;
+    margin-bottom: 20px;
     background: #fff;
     padding: 25px 15px;
     border-radius: 5px;

src/views/data/afterHome/index.vue

@@ -136,7 +136,7 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     padding: 16px;

src/views/data/afterHome/index1.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="padding: 16px">
+  <div style="padding: 0 16px 16px 16px;">
     <div class="block">
       <div class="blockCon">
         <div class="lefts">

src/views/data/analysis/index.vue

@@ -384,7 +384,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   display: flex;

src/views/data/frontHome/TotalRankingList.vue

@@ -433,7 +433,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -497,11 +496,9 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 0;
   padding-right: 0;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/data/frontHome/defectProblem.vue

@@ -143,7 +143,7 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     padding: 16px;

src/views/data/frontHome/defectRuleProblem.vue

@@ -219,7 +219,7 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     padding: 16px;

src/views/data/frontHome/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="conter-dev" style="padding: 16px">
+  <div class="conter-dev" style="padding: 0 16px 16px 16px;">
     <div class="block">
       <div class="blockCon">
         <div class="lefts">

src/views/data/medicalRecords/codeList.vue

@@ -139,7 +139,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -203,10 +202,8 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 34px;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/data/medicalRecords/defectList.vue

@@ -286,7 +286,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -350,11 +349,9 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 0;
   padding-right: 0;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     .selectDns {
       span {

src/views/data/medicalRecords/department.vue

@@ -194,7 +194,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -258,11 +257,9 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 0;
   padding-right: 0;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/data/medicalRecords/errorList.vue

@@ -196,7 +196,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -260,11 +259,9 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 0;
   padding-right: 0;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/data/medicalRecords/index.vue

@@ -331,7 +331,6 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   margin-bottom: 20px;
   .blockCon {
     .selectDns {

src/views/data/query/adviceSearch.vue

@@ -730,7 +730,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {

src/views/data/query/index.vue

@@ -931,7 +931,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -1035,4 +1034,7 @@ export default {
   border: 1px solid #e2e2e2;
   border-radius: 4px;
 }
+.long-btn.el-button--primary{
+  background: #185da6;
+}
 </style>

src/views/dataImport/dataAnalysis/index.vue

@@ -487,7 +487,7 @@ export default {
 </style>
 <style lang="scss" scoped>
 .pages{
-  margin: 16px;
+  margin: 0 16px 16px 16px;
 }
 .tableBox {
   background: #fff;

src/views/embedIndex/index.vue

@@ -63,7 +63,7 @@ export default {
 	margin:0 auto
 }
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     padding: 16px;

src/views/middleCaseControl/caseNumber.vue

@@ -197,7 +197,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -264,10 +263,8 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 10px;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   padding-left: 0;
   padding-right: 0;
   .blockCon {

src/views/middleCaseControl/defectNumber.vue

@@ -171,7 +171,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px 30px;
   margin-bottom: 20px;
   .fBtn {
@@ -235,8 +234,6 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
-  margin-bottom: 20px;
   margin-bottom: 20px;
   padding: 0;
   display: flex;

src/views/middleCaseControl/index.vue

@@ -344,7 +344,7 @@ export default {
     }
   }
   .block {
-    margin: 16px 0;
+    margin-bottom: 20px;
     background: #fff;
     padding: 25px 15px;
     border-radius: 5px;

src/views/otherStatisticsData/index.vue

@@ -369,7 +369,7 @@ export default {
   cursor: pointer;
 }
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/otherStatisticsData/list.vue

@@ -196,7 +196,7 @@ export default {
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/outpatient/case/index.vue

@@ -374,7 +374,7 @@ import { dateFormat } from '@/utils/index'
   }
 }
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/outpatient/control/defectNumber.vue

@@ -276,7 +276,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 0;
   margin-bottom: 20px;
   .fBtn {
@@ -337,8 +336,6 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
-  margin-bottom: 20px;
   margin-bottom: 20px;
   display: flex;
   box-sizing: border-box;

src/views/outpatient/control/shouldDefectNumber.vue

@@ -280,7 +280,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 0;
   margin-bottom: 20px;
   .fBtn {
@@ -341,8 +340,6 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
-  margin-bottom: 20px;
   margin-bottom: 20px;
   display: flex;
   box-sizing: border-box;

src/views/reportingCenter/history/gk/index.vue

@@ -153,10 +153,8 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 34px;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/reportingCenter/history/wt/index.vue

@@ -138,10 +138,8 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 34px;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/reportingCenter/history/yb/index.vue

@@ -142,7 +142,7 @@ export default {
 </style>
 <style lang="scss" scoped>
 .pages{
-  margin: 16px;
+  margin: 0 16px 16px 16px;
 }
 .tableBox {
   background: #fff;
@@ -155,10 +155,8 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 34px;
   margin-bottom: 20px;
-  margin-bottom: 20px;
   .blockCon {
     display: flex;
     align-items: center;

src/views/reportingCenter/report/gk/index.vue

@@ -252,7 +252,7 @@ export default {
   border-radius: 5px;
   height: 75px;
   margin-bottom: 16px;
-  margin-top: 16px;
+  // margin-top: 16px;
   padding-left: 34px;
   .demonstration {
     color: #333333;

src/views/reportingCenter/report/wt/index.vue

@@ -253,7 +253,7 @@ export default {
   border-radius: 5px;
   height: 75px;
   margin-bottom: 16px;
-  margin-top: 16px;
+  // margin-top: 16px;
   padding-left: 34px;
   .demonstration {
     color: #333333;

src/views/reportingCenter/report/yb/index.vue

@@ -180,7 +180,7 @@ export default {
 </style>
 <style lang="scss" scoped>
 .pages{
-  margin: 16px;
+  margin: 0 16px 16px 16px;
 }
 .tableBox {
   background: #fff;

src/views/search/index.vue

@@ -1108,7 +1108,6 @@ export default {
 .block {
   background: #fff;
   border-radius: 5px;
-  margin-bottom: 16px;
   padding: 20px;
   margin-bottom: 20px;
   .fBtn {

src/views/work/record/index.vue

@@ -109,9 +109,7 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  //   margin-bottom: 16px;
   padding-left: 34px;
-  //   margin-bottom: 20px;
   .pickers {
     margin: 0 30px;
   }

src/views/work/report/index.vue

@@ -137,7 +137,6 @@ export default {
   align-items: center;
   border-radius: 5px;
   height: 75px;
-  margin-bottom: 16px;
   padding-left: 34px;
   margin-bottom: 20px;
   .blockCon {

src/views/yyps/analysis/list.vue

@@ -123,7 +123,7 @@
 
 <style lang="scss" scoped>
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;

src/views/yyps/index/index.vue

@@ -946,7 +946,7 @@ export default {
   cursor: pointer;
 }
 .box {
-  padding: 16px;
+  padding: 0 16px 16px 16px;
   .box_wrapper {
     padding: 16px;
     background: #fff;