update

README.md

@@ -1,3 +1,3 @@
 # xps-web-csat
 
-满意医院平台，满意度管理平台
+满意医院平台，满意度管理平台(https://www.figma.com/file/SbKMCyiaBZyDd7tRFc4VTI/%E6%99%BA%E6%85%A7%E5%88%9B%E6%96%B0%E9%A1%B9%E7%9B%AE?type=design&node-id=108-14&mode=design&t=zXz8FgfOywKBRT7q-0)

src/layout/components/Navbar.vue

@@ -217,18 +217,17 @@ export default {
     line-height: 1;
     font-weight: 600;
     padding-left: 5px;
-    margin-top: 15px;
+    margin-top: 8px;
     &.authorization{
       font-size: 12px;
-      margin-top: 20px;
+      margin-top: 13px;
       color: #a33e3e;
       // color: rgba(255, 255, 255, 0.7);
     }
   }
 }
   .hamburger-container {
-    padding: 3px 6px;
-    margin-left: 10px;
+    padding: 3px;
     line-height: var(--navHeight);
     height: 100%;
     font-size: 16px;
@@ -237,7 +236,7 @@ export default {
     cursor: pointer;
     transition: background .3s;
     -webkit-tap-highlight-color:transparent;
-
+    text-align: center;
     &:hover {
       background: rgba(0, 0, 0, .025)
     }

src/views/hos/panorama/components/FullYearChart.vue

@@ -71,7 +71,7 @@ export default {
         grid: {
           top: '20px',
           left: '25px',
-          right: '-20px',
+          right: '20px',
           bottom: '20px'
         },
         series: [

src/views/hos/panorama/components/RecentRecord.vue

@@ -149,11 +149,11 @@ export default {
                   .positon{
                     flex: 1;
                     .title{
-                      font-size: 16px;
+                      font-size: 18px;
                     }
                     .cont{
                       color: #C1C6C8;
-                      font-size: 14px;
+                      font-size: 16px;
                       padding-top: 12px;
                     }
                   }
@@ -178,8 +178,9 @@ export default {
               }
             }
             .desc{
-              font-size: 16px;
+              font-size: 14px;
               line-height: 16px;
+              color: #dbd6d6;
               display: -webkit-box;
               -webkit-box-orient:vertical;
               -webkit-line-clamp:1;

src/views/hos/panorama/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page-container">
-    <el-row type="flex" justify="space-between" :gutter="24">
+    <el-row type="flex" justify="space-between" :gutter="10">
       <el-col :span="17">
         <div class="evaluate">
           <div class="title">
@@ -92,7 +92,7 @@
             </div>
           </div>
         </div>
-        <el-row v-if="false" style="margin-top:24px">
+        <el-row v-if="false" style="margin-top:10px">
           <el-col class="group-box-month">
             <div class="group-box-head-container"><div class="group-box-head">月满意度评价</div></div>
             <div class="monthOverview-container">
@@ -129,7 +129,7 @@
             </div>
           </el-col>
         </el-row>
-        <el-row style="margin-top:24px" type="flex" justify="space-between" :gutter="12">
+        <el-row style="margin-top:10px" type="flex" justify="space-between" :gutter="10">
           <el-col :span="12">
             <div class="rank-list">
               <div class="item-title">
@@ -137,7 +137,7 @@
                 <div class="more" @click="handleMoreAssess">更多</div>
               </div>
               <el-row>
-                <vuescroll :ops="ops" style="height: calc(100vh - 666px)">
+                <vuescroll :ops="ops" style="height: calc(100vh - 646px)">
                   <GroupScoreRank :data="groupDataList" />
                 </vuescroll>
               </el-row>
@@ -150,7 +150,7 @@
                 <div class="more" @click="handleMoreAssess">更多</div>
               </div>
               <el-row>
-                <vuescroll :ops="ops" style="height: calc(100vh - 666px)">
+                <vuescroll :ops="ops" style="height: calc(100vh - 646px)">
                   <DoctorScoreRank :data="doctorDataList" />
                 </vuescroll>
               </el-row>
@@ -199,7 +199,7 @@
             </div>
           </div>
         </div>
-        <RecentRecord more="/hos/satisfy/news/index" height="calc(100vh - 260px)" :data="todayOverview.data" />
+        <RecentRecord more="/hos/satisfy/news/index" height="calc(100vh - 240px)" :data="todayOverview.data" />
       </el-col>
     </el-row>
   </div>
@@ -452,18 +452,18 @@ export default {
 
 <style lang="scss" scoped>
 .page-container {
-  padding: 24px 30px;
+  padding: 10px;
   color: #FFF;
   position: relative;
   .evaluate{
-    height: 228px;
+    height: 242px;
     padding: 20px;
     background-color: #1F3C51;
     border: 5px 0px 0px 0px;
     border-top: 5px solid rgba(31, 60, 81, 1);
     background: linear-gradient(0deg, #1B3144, #1B3144),linear-gradient(0deg, #1F3C51, #1F3C51);
     &.month{
-      margin-top: 24px;
+      margin-top: 10px;
     }
     .title{
       display: flex;
@@ -482,9 +482,9 @@ export default {
         -webkit-text-fill-color:transparent;
       }
       .select{
-        position: absolute;
-        right: 0;
-        top: -10px;
+        // position: absolute;
+        // right: 0;
+        // top: -10px;
         &::v-deep{
           .el-select {
             width: 75px;
@@ -581,7 +581,7 @@ export default {
       }
       .chart-container{
         flex: 1;
-        height: 160px;
+        height: 178px;
         padding-left: 20px;
       }
     }