feat: 绑定学生弹窗修改

src/assets/styles/element-ui-costom.scss

@@ -121,6 +121,62 @@
   }
 }
 
+// .el-drawer
+.el-drawer__wrapper {
+  background-color: rgba(0, 0, 0, 0.1);
+  .el-drawer {
+    &__header {
+      padding: 15px 20px;
+      color: $--color-text-dark;
+      font-size: 16px;
+      line-height: 19px;
+      margin-bottom: 0;
+    }
+    &__close-btn {
+      top: 15px;
+      width: 16px;
+      height: 16px;
+      background-image: url(../images/icon-close.png);
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+
+      &:hover {
+        background-image: url(../images/icon-close-act.png);
+      }
+
+      .el-dialog__close {
+        display: none;
+      }
+    }
+
+    &__body {
+      padding: 20px;
+      position: relative;
+      border-top: 1px solid $--color-border;
+      color: $--color-text-dark-1;
+
+      .el-form-item__label {
+        padding-right: 2px;
+      }
+      .el-input-tips {
+        color: rgba(187, 187, 187, 1);
+        margin-left: 13px;
+      }
+    }
+    &__footer {
+      overflow: hidden;
+      padding-top: 20px;
+
+      .el-button {
+        width: 100px;
+        border-radius: 8px;
+        float: right;
+        margin-left: 10px;
+      }
+    }
+  }
+}
+
 // form
 .el-form {
   &-item {

src/modules/client/components/ManualBindDialog.vue

@@ -1,12 +1,13 @@
 <template>
-  <el-dialog
+  <el-drawer
     :visible.sync="modalIsShow"
     title="手动输入"
-    top="10px"
-    width="500px"
+    size="500px"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
+    :wrapper-closable="false"
     append-to-body
+    :modal="false"
     @open="visibleChange"
   >
     <el-form
@@ -136,13 +137,13 @@
         </el-form-item>
       </template>
     </el-form>
-    <div slot="footer">
+    <div class="el-drawer__footer">
       <el-button type="primary" :disabled="!canSubmit" @click="submit"
         >绑定</el-button
       >
       <el-button @click="cancel">取消</el-button>
     </div>
-  </el-dialog>
+  </el-drawer>
 </template>
 
 <script>

src/views/Home.vue

@@ -82,7 +82,7 @@ export default {
       this.$store.commit("client/setUnuploadNo", unuploadNo);
       this.addSetTime(() => {
         this.updateUnuploadCount();
-      }, 2 * 1000);
+      }, 1 * 1000);
     },
     toBack() {
       this.$router.go(-1);