From 6ad65ff10ec1d2004119b75e1f4c539e2a86659e Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 02 二月 2023 11:15:55 +0800
Subject: [PATCH] 1.按钮点击 新增水波纹效果

---
 src/views/zlgl/gxjyjl.vue |   27 ++++++++++++++-------------
 1 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/views/zlgl/gxjyjl.vue b/src/views/zlgl/gxjyjl.vue
index 5517348..920b5b3 100644
--- a/src/views/zlgl/gxjyjl.vue
+++ b/src/views/zlgl/gxjyjl.vue
@@ -2,9 +2,9 @@
   <div>
     <div class="body" :style="{height:mainHeight+'px'}">
       <div class="bodyTopButtonGroup">
-        <el-button type="primary" icon="el-icon-download" @click="download">瀵煎嚭</el-button>
-        <!--        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>-->
-        <!--        <el-button icon="el-icon-download" @click="upload">瀵煎叆</el-button>-->
+        <el-button v-waves type="primary" icon="el-icon-download" @click="download">瀵煎嚭</el-button>
+        <!--        <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>-->
+        <!--        <el-button v-waves icon="el-icon-download" @click="upload">瀵煎叆</el-button>-->
       </div>
 
       <div class="bodyTopFormGroup">
@@ -56,8 +56,8 @@
             </el-form-item>
           </div>
           <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}">
-            <el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
-            <el-button type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
+            <el-button v-waves type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
+            <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
           </div>
         </el-form>
 
@@ -236,8 +236,8 @@
           >
             <template slot-scope="{row}">
               <div class="operationClass">
-                <!--                <el-button type="text" @click="check(row)">鏌ョ湅</el-button>-->
-                <!--                <el-button type="text" @click="del(row)">鍒犻櫎</el-button>-->
+                <!--                <el-button v-waves type="text" @click="check(row)">鏌ョ湅</el-button>-->
+                <!--                <el-button v-waves type="text" @click="del(row)">鍒犻櫎</el-button>-->
 
                 <el-tooltip class="item" effect="dark" content="鏌ョ湅" placement="top">
                   <i
@@ -349,8 +349,8 @@
           <!--          >-->
           <!--            <template slot-scope="{row}">-->
           <!--              <div class="operationClass">-->
-          <!--                <el-button type="text" @click="check(row)">鏌ョ湅</el-button>-->
-          <!--                &lt;!&ndash;                <el-button type="text" @click="del(row)">鍒犻櫎</el-button>&ndash;&gt;-->
+          <!--                <el-button v-waves type="text" @click="check(row)">鏌ョ湅</el-button>-->
+          <!--                &lt;!&ndash;                <el-button v-waves type="text" @click="del(row)">鍒犻櫎</el-button>&ndash;&gt;-->
           <!--              </div>-->
           <!--            </template>-->
           <!--          </el-table-column>-->
@@ -358,9 +358,9 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <div class="footerButton">
-          <!--          <el-button @click="dialogVisibleCancel">鍙� 娑�</el-button>-->
-          <!--          <el-button type="primary" @click="dialogVisibleConfirm">纭� 瀹�</el-button>-->
-          <el-button @click="dialogVisibleBack">杩� 鍥�</el-button>
+          <!--          <el-button v-waves @click="dialogVisibleCancel">鍙� 娑�</el-button>-->
+          <!--          <el-button v-waves type="primary" @click="dialogVisibleConfirm">纭� 瀹�</el-button>-->
+          <el-button v-waves @click="dialogVisibleBack">杩� 鍥�</el-button>
         </div>
       </span>
     </el-dialog>
@@ -385,6 +385,7 @@
 import ImportPicker from '@/components/ImportPicker'
 import { StepCheckTableOutExcel, StepCheckTableSearch, StepCheckTableSubSearch } from '@/api/zlgl'
 import elDragDialog from '@/directive/el-drag-dialog'
+import waves from '@/directive/waves'
 
 const SER_HZ = /^[\u4e00-\u9fa5]+$/
 export default {
@@ -392,7 +393,7 @@
   components: {
     Pagination, ImportPicker
   },
-  directives: { elDragDialog },
+  directives: { elDragDialog, waves },
   data() {
     return {
       mouseHoverType: 'mouseout',

--
Gitblit v1.9.3