计划管理新增重置功能

src/views/yingji/planManage.vue

@@ -4,7 +4,7 @@
  * @Author: JC9527
  * @Date: 2023-09-04 10:20:06
  * @LastEditors: JC9527
- * @LastEditTime: 2023-09-14 15:17:25
+ * @LastEditTime: 2023-09-14 15:28:00
 -->
 <template>
     <div class="plan-management">
@@ -59,6 +59,7 @@
             <img src="@/assets/images/newProject.png" alt="">
             <span>新增计划</span>
           </div>
+          <div class="select-btn reset" @click="reset">重置</div>
         </div>
       </div>
       <div class="plan-bottomBox">
@@ -209,6 +210,11 @@
       newProject(){
         this.$refs.myDialog.open('newlyIncreased')
       },
+      // 重置筛选
+      reset(){
+        Object.keys(this.form).forEach(key=>this.form[key]='')
+        this.getList(this.pages)
+      },
       // 新增成功后关闭dialog事件触发
       padlock(){
         this.getList(this.pages);
@@ -410,6 +416,21 @@
             font-weight: 400;
           }
         }
+        .select-btn {
+          width: 120px;
+          height: 34px;
+          border-radius: 2px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 15px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: 500;
+          color: #ffffff;
+          cursor: pointer;
+          background: #FDAB5B;
+          margin-left: 20px;
+        }
         .export {
           background-color: #2378EC;
           margin-right: 30px;