feat 调整界面增加取消按钮

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFrameControl/index.vue

@@ -9,12 +9,15 @@
 
       <div class="body">
         <div class="title">批量控制</div>
+        <span class="close" @click="() => { this.activeIcon = null; }">
+          <i class="el-icon-close" />
+        </span>
         <Form labelWidth="90px" column="2" class="form" ref="FormConfigRef" :formList="formList" />
         <div class="footer">
-          <Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="handleResetForm">
+          <Button @click.native="">
-            重置
+            确认
           </Button>
-          <Button @click.native="handleSearch"> 搜索 </Button>
+          <Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="cancelClick"> 取消 </Button>
         </div>
       </div>
     </ElPopover>
@@ -256,7 +259,9 @@ export default {
     }
   },
   methods: {
-
+    cancelClick() {
+      this.activeIcon = null;
+    },
     handleClick(type) {
       console.log("type: ", type);
       this.activeIcon = this.activeIcon === type ? null : type;