优化评分模块样式

src/views/allcase/caseViews.vue

@@ -1,8 +1,8 @@
 <template>
-  <div id="MyDiv" :class="{ nocopy: $route.query.status }">
-    <div class="header">
+  <div id="MyDiv" style="margin: 16px;" :class="{ nocopy: $route.query.status }">
+    <!-- <div class="header">
       <el-button @click="getback">返回</el-button>
-    </div>
+    </div> -->
     <div class="cont_container">
       <!-- 左侧点击列表部分 -->
       <div class="cont-left-tiem">
@@ -490,7 +490,6 @@ export default {
 }
 .cont-left-tiem {
   width: 250px;
-  margin: 0 0 0 15px;
   min-height: 650px;
   height: calc(100vh - 130px);
   overflow-y: scroll;

src/views/allcase/components/CaseQualityBox2.vue

@@ -7,18 +7,6 @@
     </div>
 
     <div class="card-box">
-      <!-- <el-row :gutter="20">
-        <el-col :span="12" :offset="12">
-          <div class="title2">运行病历：<span>{{ data.run_score }}分</span></div>
-        </el-col>
-        <el-col :span="12">
-          <div class="title">病历等级：<span class="error">{{ scoreLevel }}</span></div>
-        </el-col>
-        <el-col :span="12" :offset="12">
-          <div class="title2">终末病历：<span>{{ data.score }}分</span></div>
-        </el-col>
-      </el-row> -->
-      <!-- <el-divider></el-divider> -->
       <el-row :gutter="20" style="margin-bottom: 16px;">
         <el-col :span="12">
           <div class="title">病历问题：<span class="error">{{ data.total }}</span></div>
@@ -62,10 +50,13 @@
                     <el-descriptions-item label="质控依据">
                       <div v-for="(yItem, yIndex) of item.basis" :key="yIndex" style="margin-bottom: 10px;">
                         <div v-if="item.rule_id !== 6">
-                          <span>{{ yIndex+1 }}、</span>
+                          <span class="span-index">{{ yIndex+1 }}</span>
                           <span v-for="(cItem, cIndex) of yItem" :key="cIndex">{{ cItem }}</span>
                         </div>
-                        <div v-else>1、{{ yItem[0] }}</div>
+                        <div v-else>
+                          <span class="span-index">1</span>
+                          <span>{{ yItem[0] }}</span>
+                        </div>
                       </div>
                     </el-descriptions-item>
                 </el-descriptions>
@@ -141,11 +132,12 @@
         return str
       },
       scrollHeight() {
-        if (this.height) {
-          return (this.height - 214)+'px'
-        } else {
-          return `calc(100vh - 314px)`
-        }
+        // if (this.height) {
+        //   return (this.height - 214)+'px'
+        // } else {
+        //   return `calc(100vh - 314px)`
+        // }
+        return `calc(100vh - 320px)`
       }
     },
     methods: {
@@ -169,7 +161,7 @@
 
 .box {
   width: 380px;
-  padding: 21px 20px;
+  padding: 16px;
   background: #FFFFFF;
   border-radius: 5px;
   .score-box{
@@ -233,7 +225,7 @@
     .title2 {
       font-size: 14px;
       font-family: PingFang-SC-Bold, PingFang-SC;
-      font-weight: bold;
+      // font-weight: bold;
       color: #333333;
       line-height: 26px;
       cursor: pointer;
@@ -248,6 +240,7 @@
   .box-card {
     margin-bottom: 10px;
     position: relative;
+    background: rgb(241, 245, 254);
     .category {
       font-family: PingFangSC-Semibold, PingFang SC;
       font-weight: bold;
@@ -274,6 +267,12 @@
       color: #FFFFFF;
     }
   }
+  ::v-deep .el-descriptions__body{
+    background: transparent;
+  }
+  ::v-deep el-table tr{
+    background: transparent;
+  }
   ::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
     background: #185DA6;
   }
@@ -290,4 +289,16 @@
     color: #333333;
   }
 }
+.span-index{
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  display: inline-block;
+  border-radius: 50%;
+  background: #185DA6;
+  color: #fff;
+  margin-right: 10px;
+  margin-bottom: 4px;
+}
 </style>

src/views/data/frontHome/index.vue

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