Browse Source

安全检查 样式调整

zhulu 1 year ago
parent
commit
8fc66bdb46

+ 25 - 13
src/views/home/works.vue

@@ -65,7 +65,7 @@
               </van-cell-group>
               
               <van-collapse v-if="item.taskType==2" class="check-register list-item" v-model="activeNames">
-                <van-collapse-item :name="v.id" v-for="(v,i) in item.dataList" :key="v.id+i">
+                <van-collapse-item :name="v.id+i" v-for="(v,i) in item.dataList" :key="v.id+i">
                     <template #title>
                       <div class="item-title">
                       <!-- <div class="textTitle">{{ v.taskName}}</div> -->
@@ -498,8 +498,18 @@ a {
 .van-collapse-item{
   ::v-deep .van-cell{
     align-items: center;
-    // padding:10px 5px 10px 5px !important;
+    
   }
+  .van-collapse-item__title{
+    .van-cell__title{
+      .item-title{
+        ::v-deep .van-cell{
+          padding:0px 0px 0px 0px !important;
+        }
+      }
+    }
+  }
+  
   ::v-deep .van-cell__title{
     color:black !important;
     // padding:10px 5px 10px 5px !important;
@@ -554,9 +564,11 @@ a {
     color: #008cd6;
   }
   .collapse-title{
-    width: 50%;
+    width: 10%;
     margin-left: 10px;
-    display: flex;
+    float: right;
+    display: -webkit-flex;
+    // display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 28px;
@@ -564,21 +576,21 @@ a {
     >div{
       width: 100px;
       font-size: 24px;
-      height: 70px;
+      height: 90px;
       padding: 5px 10px;
-      border: 2px solid #ccc;
-      border-radius: 10px;
-      box-shadow: 0 3px 6px #eaeaea;
+      // border: 2px solid #ccc;
+      // border-radius: 10px;
+      // box-shadow: 0 3px 6px #eaeaea;
       >p{
-        height: 28px;
-        // line-height: 28px;
+        height: 90px;
+        line-height: 90px;
         text-align: center;
       }
     }
     >div{
-      color: #fff;
-      background-color: #008cd6;
-      border: 3px solid #008cd6;
+      color: #969799;
+      // background-color: #008cd6;
+      // border: 3px solid #008cd6;
     }
   }
   .flex-box{

+ 1 - 1
src/views/menu/securityCheckRegister/add.vue

@@ -527,7 +527,7 @@ export default {
     submitData() {
       Dialog.confirm({
         title: '提示',
-        message: '是否提交当前检查任务?提交后不能修改,如要修改请使用保存按钮!',
+        message: '是否提交当前检查任务?提交后不能修改,如需暂存请使用保存按钮!',
       })
         .then(() => {
           //验证必填项

+ 1 - 1
src/views/menu/securityCheckRegister/index.vue

@@ -60,7 +60,7 @@
             </div>
           </card> -->
          <van-collapse class="list-item" v-model="activeNames">
-         <van-collapse-item :name="v.planId" v-for="(v,i) in dataList" :key="v.planId+i">
+         <van-collapse-item :name="v.planId+i" v-for="(v,i) in dataList" :key="v.planId+i">
             <template #title>
               <div class="item-title">
               <!-- <div class="textTitle">{{ v.taskName}}</div> -->