样式

src/views/system_manage/components/refreshConfig.vue

@@ -4,9 +4,6 @@
         <!-- form -->
         <el-form :model="dynamicForm" ref="dynamicForm" label-width="100px" class="dynamic-form">
             <div class="group" v-for="(item,index) in dynamicForm.configList" :key="item.key">
-                <div class="add btn-box" @click="addSetting"
-                    v-if="index===dynamicForm.configList.length-1&&index<maxSetting-1">
-                    <i class="el-icon-circle-plus-outline"></i>添加刷新时间</div>
                 <div class="delete btn-box" @click="deleteSetting(index)"
                     v-if="index!==0"><i class="el-icon-delete"></i>删除</div>
                 <el-form-item label="刷新频率" class="item">
@@ -57,6 +54,10 @@
                     <el-input v-model="item.num"></el-input>
                     <el-checkbox v-model="item.isAll">全部刷新</el-checkbox>
                 </el-form-item>
+                <div class="line"></div>
+                <div class="add btn-box" @click="addSetting"
+                    v-if="index===dynamicForm.configList.length-1&&index<maxSetting-1">
+                    <i class="el-icon-circle-plus-outline"></i>添加刷新时间</div>
             </div>
         </el-form>
     </div>
@@ -147,24 +148,27 @@ export default {
             .group{
                 position:relative;
                 padding: 30px 0 8px 0;
-                border-bottom: 1px solid #EBEFF6;
+                /* border-bottom: 1px solid #EBEFF6; */
                 &:first-child{
                     padding-top: 0;
                 }
+                .line{
+                    height:1px;
+                    background-color: #EBEFF6;
+                }
                 .btn-box{
-                    position:absolute;
                     cursor: pointer;
                     i{
                         margin-right: 8px;
                         font-size: 16px;
                     }
                     &.add{
-                        left:0;
-                        bottom:-40px;
+                        margin-top: 20px;
                         color:#0052D9;
                     }
                     &.delete{
-                        right:0;
+                        position: absolute;
+                        right:10px;
                         top:20px;
                         color:#AD352F;
                     }

src/views/system_manage/dataRefreshSetting.vue

@@ -21,7 +21,7 @@
                     <el-select placeholder="刷新状态"></el-select>
                 </div>
                 <div class="select-other">
-                    <el-checkbox>列表全选</el-checkbox>
+                    <el-checkbox :indeterminate="isIndeterminate" v-model="isCheckAll">列表全选</el-checkbox>
                     <el-button type="primary" @click="showDialog(false)">设置刷新时间</el-button>
                 </div>
             </div>
@@ -69,7 +69,10 @@
                     </el-select>
                 </div>
                 <!-- 刷新配置 -->
-                <RefreshConfig></RefreshConfig>
+                <div class="refresh-box">
+                    <RefreshConfig></RefreshConfig>
+                </div>
+                
             </div>
             <!-- 弹窗按钮 -->
             <div class="dialog-btn">
@@ -121,6 +124,8 @@ export default {
             tableData: [{ code: 'aaa' }],
             isSetTimeDialogShow: false,
             defaultFrequence:'日度',
+            isIndeterminate:false,
+            isCheckAll:false,
         };
     },
     methods: {
@@ -181,9 +186,9 @@ export default {
         }
     }
     .refresh-setting-dialog{
+        margin-bottom: 0;
         .dialog-container{
-            max-height: 80vh;
-            overflow-y: auto;
+            overflow: hidden;
             .default-box{
                 display: flex;
                 align-items: center;
@@ -191,6 +196,10 @@ export default {
                 margin-bottom: 30px;
                 border-bottom: 1px solid #EBEFF6;
             }
+            .refresh-box{
+                max-height: 65vh;
+                overflow-y: auto;
+            }
         }
         .dialog-btn{
             text-align: center;