修改样式问题及分页问题

src/components/PlanRegister.vue

@@ -124,7 +124,9 @@
           </el-form>
           <div class="dig_button">
             <el-button type="info" round @click="resetData()">重置</el-button>
-            <el-button :disabled="disableFlag" type="success" round @click="submitCom()">提交</el-button>
+            <el-button :disabled="disableFlag" type="success" round @click="submitCom()"
+              >提交</el-button
+            >
           </div>
         </div>
         <!-- <div slot="footer">
@@ -349,6 +351,7 @@ export default {
       //获取数行已选项，将已选ID组合
       //---------------已选 开始----------
       this.ruleForm.checkedList = [];
+      // this.$refs.tree.setCheckedKeys([]);
       let list = this.$refs.tree.getCheckedNodes();
 
       let listIds = [];
@@ -622,6 +625,7 @@ export default {
       this.ruleForm.endTime = val.planEndTime;
       //将配置计划置空
       this.ruleForm.checkedList = [];
+      this.$refs.tree.setCheckedKeys([]);
       //将快捷选项 届数 置空
       this.grade = [];
       //将快捷选项辅导员置空
@@ -674,17 +678,24 @@ export default {
     resetData() {
       this.$refs["ruleForm"].clearValidate();
       //清空表单
+      this.grade=[];
+      this.instructor=[];
       this.ruleForm.planName = "";
       this.ruleForm.endTime = "";
       this.ruleForm.checkboxGroup2 = [];
+      this.$refs.tree.setCheckedKeys([]);
       this.ruleForm.checkedList = [];
     },
     cancle() {
       this.$refs["ruleForm"].clearValidate();
       //清空表单
+      this.instructor = [];
+      this.grade = [];
       this.ruleForm.planName = "";
       this.ruleForm.endTime = "";
+      
       this.ruleForm.checkedList = [];
+      this.$refs.tree.setCheckedKeys([]);
       this.ruleForm.checkboxGroup2 = [];
       this.dialogVisible = false;
     },
@@ -719,7 +730,7 @@ export default {
               this.disableFlag = true;
               this.register();
             } else {
-              console.log("3re")
+              console.log("3re");
               this.disableFlagStatus();
             }
           } else {
@@ -727,7 +738,7 @@ export default {
               this.disableFlag = true;
               this.editUserFun();
             } else {
-              console.log("3fun")
+              console.log("3fun");
               this.disableFlagStatus();
             }
           }
@@ -735,7 +746,7 @@ export default {
           //都校验通过后可以触发注册接口了
           //调用方法进行入参
         } else {
-          console.log('usagduahd')
+          console.log("usagduahd");
           this.disableFlagStatus();
         }
       });
@@ -888,7 +899,7 @@ export default {
           ...this.userDetailData,
         },
         (res) => {
-          console.log('----sasas')
+          console.log("----sasas");
           this.disableFlagStatus();
           if (res && res.code == 200) {
             this.dialogVisible = false;

src/views/manage/channelInfo/invite.vue

@@ -52,6 +52,7 @@
 
       <div class="table-content">
         <el-table
+         height="100%"
           :data="tableData"
           :row-style="{ height: '0px' }"
           :cell-style="{ padding: '5px' }"
@@ -96,7 +97,11 @@
                   <img src="../../../assets/img/table/search.png" />
                   <span> 查看 </span>
                 </div>
-                <div class="detail_button" @click="editUser(scope.row)">
+                <div
+                  class="detail_button"
+                  v-show="scope.row.planStatus == '1'"
+                  @click="editUser(scope.row)"
+                >
                   <img src="../../../assets/img/table/edit.png" />
                   <span> 编辑 </span>
                 </div>
@@ -118,7 +123,7 @@
                 </div>
                 <div
                   class="detail_button"
-                  v-show="scope.row.status == '1'"
+                  v-show="scope.row.planStatus == '1'"
                   @click="resetPlan(true, scope.row)"
                 >
                   <img src="../../../assets/img/table/delete.png" />
@@ -145,7 +150,7 @@
       <!-- <el-pagination small background layout="total prev, pager, next" :total="36">
       </el-pagination> -->
     </div>
-    <PlanRegister ref="register" @search="searchTarget" @configuration="userOp"/>
+    <PlanRegister ref="register" @search="searchTarget" @configuration="userOp" />
     <PlanUser ref="planUserAdd" />
     <PlanUserStatus ref="userStatus" />
     <el-dialog
@@ -632,7 +637,9 @@ export default {
     width: 100%;
     height: 100%;
     box-sizing: border-box;
-    overflow-y: auto;
+    // overflow-y: auto;
+    display: flex;
+    flex-direction: column;
 
     .search-head {
       width: 100%;
@@ -649,6 +656,8 @@ export default {
 
     .table-content {
       margin: 10px 0;
+      flex: 1;
+      overflow: auto;
     }
   }
 }
@@ -662,14 +671,17 @@ export default {
   width: 100%;
   align-items: center;
   border: 1px solid #eeeeef;
-  line-height: 50px;
+  // line-height: 50px;
+  height: 100%;
   margin-top: 10px;
 }
 
 .user_out_sub {
+  padding:20px 0px;
   flex: 1;
-  background-color: #fafafa;
   text-align: center;
+  height: 100%;
+  background-color: #fafafa;
   // color:#ffffff
 }