修改样式

src/components/recordInput/AddRecord.vue

@@ -7,14 +7,14 @@
                     <div class="contentBox clearfix">
                         <div class="left fl clearfix">
                             <div class="selectHospital">
-                                <el-form-item label="医院名称：" prop="">
+                                <!-- <el-form-item label="医院名称：" prop="">
                                     <span>{{form.hospitalCode}}</span>
-                                </el-form-item>
+                                </el-form-item> -->
                                 <el-form-item label="病案号：" prop="">
                                     <span>{{form.caseNumber}}</span>
                                 </el-form-item>
-                                <div>
-                                    <p class="title">病例信息：</p>
+                                <div class="recordInfoBox">
+                                    <!-- <p class="title">病例信息：</p> -->
                                     <el-collapse v-model="activeLeftNames" @change="handleChange">
                                         <el-collapse-item v-for="(item, index) in caseInfoList" :title="item.name" :name="item.id" :key="item.id">
                                             <div v-for="it in item.text"  class="caseInfo">
@@ -32,13 +32,15 @@
                         </div>
                         <div class="right fr clearfix">
                           <p class="title">病例标注：</p>
-                            <el-collapse v-model="activeRightNames" @change="handleChange">
-                              <el-collapse-item v-for="(item, index) in caseLIst" :title="item.name" :name="item.id" :key="item.id">
-                                  <el-checkbox-group v-model="checkAllMap[item.remark]" >
-                                    <el-checkbox v-for=" casesEntry in item.qcCasesEntry" :label="casesEntry.id" :key="casesEntry.id">{{casesEntry.name}}</el-checkbox>
-                                </el-checkbox-group>
-                              </el-collapse-item>
-                            </el-collapse>
+                            <div class="rightContentBox">
+                              <el-collapse v-model="activeRightNames" @change="handleChange">
+                                <el-collapse-item v-for="(item, index) in caseLIst" :title="item.name" :name="item.id" :key="item.id">
+                                    <el-checkbox-group v-model="checkAllMap[item.remark]" >
+                                      <el-checkbox v-for=" casesEntry in item.qcCasesEntry" :label="casesEntry.id" :key="casesEntry.id">{{casesEntry.name}}</el-checkbox>
+                                  </el-checkbox-group>
+                                </el-collapse-item>
+                              </el-collapse>
+                            </div>
                         </div>
                     </div>
                     <p class="oper">
@@ -254,11 +256,16 @@
             width: 100%;
           }
         }
+        .el-form-item__label{
+           font-weight: bold;
+           font-size: 16px;
+        }
         .title{
-          font-size: 14px;
+          font-size: 16px;
           color: #606266;
           line-height: 40px;
           margin-bottom: 22px;
+          font-weight: bold;
         }
         .caseInfo{
           border: 1px solid #eee;
@@ -341,6 +348,14 @@
           margin: 0 30px 0 0;
           display: block;
         }
+        .recordInfoBox{
+          height: 650px;
+          overflow-y: auto;
+        }
+        .rightContentBox{
+          height: 650px;
+          overflow-y: auto;
+        }
     }
 
 </style>