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

loulijun2021

2023-02-02 6ad65ff10ec1d2004119b75e1f4c539e2a86659e

 src/views/zlgl/gxjy.vue

@@ -166,7 +166,7 @@
          <i class="el-icon-s-operation" :style="{color:$store.state.settings.theme}" style="margin-right: 5px" />检验项信息
        </div>
        <div>
          <el-button type="primary" @click="add">新增</el-button>
          <el-button v-waves type="primary" @click="add">新增</el-button>
        </div>
        <div style="margin-top: 10px">
          <el-table
@@ -329,9 +329,9 @@
            >
              <template slot-scope="{row}">
                <div class="operationClass">
                  <el-button v-if="row.isVisible===0" type="text" @click="del(row)">删除</el-button>
                  <el-button v-if="row.isVisible===1" type="text" @click="confirm(row)">确认</el-button>
                  <el-button v-if="row.isVisible===1" type="text" @click="cancel(row)">取消</el-button>
                  <el-button v-if="row.isVisible===0" v-waves type="text" @click="del(row)">删除</el-button>
                  <el-button v-if="row.isVisible===1" v-waves type="text" @click="confirm(row)">确认</el-button>
                  <el-button v-if="row.isVisible===1" v-waves type="text" @click="cancel(row)">取消</el-button>
                </div>
              </template>
            </el-table-column>
@@ -339,10 +339,10 @@
        </div>

        <div style="display: flex;margin: 30px 0;align-items: center">
          <el-button type="primary" @click="submitButton('FirstCheck')">首检保存</el-button>
          <el-button type="primary" style="margin-left: 50px" @click="submitButton('PatroCheck')">巡检保存</el-button>
          <el-button type="primary" style="margin-left: 50px" @click="submitButton('EndCheck')">完工检保存</el-button>
          <el-button type="info" style="margin-left: 50px" @click="submitButton('Cancel')">取消</el-button>
          <el-button v-waves type="primary" @click="submitButton('FirstCheck')">首检保存</el-button>
          <el-button v-waves type="primary" style="margin-left: 50px" @click="submitButton('PatroCheck')">巡检保存</el-button>
          <el-button v-waves type="primary" style="margin-left: 50px" @click="submitButton('EndCheck')">完工检保存</el-button>
          <el-button v-waves type="info" style="margin-left: 50px" @click="submitButton('Cancel')">取消</el-button>
        </div>
      </div>
    </div>
@@ -363,12 +363,14 @@
} from '@/api/zlgl'
import { MesOrderSelectUser } from '@/api/scgl'
import { getCookie } from '@/utils/auth'
import waves from '@/directive/waves'

export default {
  name: 'QXDY',
  // components: {
  //   Pagination
  // },
  directives: { waves },
  data() {
    return {
      isIpad: false,