1.按钮点击 新增水波纹效果

loulijun2021

2023-02-02 6ad65ff10ec1d2004119b75e1f4c539e2a86659e

 src/views/xtsz/bmgz.vue

@@ -29,8 +29,8 @@
            <!--            </el-form-item>-->
          </div>
          <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2">
            <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>
        <div
@@ -39,8 +39,8 @@
      </div>

      <div style="margin-left: 10px;display: flex">
        <!--        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>-->
        <!--        <el-button type="primary" icon="el-icon-upload2" @click="upload">导入</el-button>-->
        <!--        <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>-->
        <!--        <el-button v-waves type="primary" icon="el-icon-upload2" @click="upload">导入</el-button>-->
      </div>
      <!--      <el-divider />-->
      <div class="elTableDiv">
@@ -128,8 +128,8 @@
                <el-tooltip class="item" effect="dark" content="编辑" placement="top">
                  <i class="el-icon-edit-outline" :style="{color:$store.state.settings.theme}" @click="edit('edit',row)" />
                </el-tooltip>
                <!--                <el-button type="text" @click="edit('edit',row)">编辑</el-button>-->
                <!--                <el-button type="text" @click="del(row)">删除</el-button>-->
                <!--                <el-button v-waves type="text" @click="edit('edit',row)">编辑</el-button>-->
                <!--                <el-button v-waves type="text" @click="del(row)">删除</el-button>-->
              </div>
            </template>
          </el-table-column>
@@ -195,8 +195,8 @@

      <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 v-waves @click="dialogVisibleCancel">取 消</el-button>
          <el-button v-waves type="primary" @click="dialogVisibleConfirm">确 定</el-button>
        </div>
      </span>
    </el-dialog>
@@ -207,6 +207,7 @@
import Pagination from '@/components/Pagination'
import { EncodingRules, SaveEncodingRules } from '@/api/xtsz'
import elDragDialog from '@/directive/el-drag-dialog'
import waves from '@/directive/waves'

const SER_HZ = /^[\u4e00-\u9fa5]+$/
export default {
@@ -214,7 +215,7 @@
  components: {
    Pagination
  },
  directives: { elDragDialog },
  directives: { elDragDialog, waves },
  data() {
    const validateName = (rule, value, callback) => {
      if (!value) {