临时登记 优化

src/views/safetycheck/task/components/checkRegister.vue

@@ -90,7 +90,7 @@
         </div>
         <div>
           <div class="safetycheck_item" v-for="(item, index) in area.itemList" :key="item.itemId">
-            <span>{{arabicToChinese(index + 1)  }}、{{ item.itemName }}</span>
+            <div style="background-color:#d1e0f1 !important;padding-left:10px;">{{arabicToChinese(index + 1)  }}、{{ item.itemName }}</div>
             <div class="safetycheck_point" v-for="(point,pIndex) in item.pointList" :key="point.pointId">
               <div>
                 <div class="pointName">
@@ -420,7 +420,7 @@ export default {
 }
 
 .area_content > div:nth-child(1) {
-  background-color: #e6e6e6;
+  background-color: #d1e0f1;
   border-right: #b8bdc0 1px solid;
   padding-top: auto;
   width: 250px;
@@ -432,22 +432,25 @@ export default {
 
 .area_content > div:nth-child(2) {
   width: calc(100% - 250px);
-  padding-left: 10px;
+  // padding-left: 10px;
 }
 
 .safetycheck_item {
-  margin: 10px;
-  margin-bottom: 20px;
+  // margin: 10px;
+  // padding-bottom: 20px;
 }
 
-.safetycheck_item>div:not(:last-child){
+.safetycheck_item>div{
+  padding-top: 10px;
   padding-bottom: 10px;
+}
+.safetycheck_item>div:not(:last-child){
   border-bottom: #b8bdc0 1px solid;
 }
 .safetycheck_point {
-  padding-top: 10px;
-  padding-left: 30px;
-  
+  padding-top: 8px;
+  padding-left: 40px;
+  background-color: #d1e0f188 !important;
   
 
   & > div {
@@ -456,9 +459,8 @@ export default {
   }
 }
 
-
 .pointName {
-  width: 300px;
+  width: calc(100% - 600px);
   display: flex;
   flex-direction: row;
 }