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

loulijun2021

2023-02-02 6ad65ff10ec1d2004119b75e1f4c539e2a86659e

 src/views/bbgl/adbb.vue

@@ -2,7 +2,7 @@
  <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 v-waves type="primary" icon="el-icon-download" @click="download">导出</el-button>
      </div>

      <div v-show="currentTabPositionName==='安灯明细'" class="bodyTopFormGroup">
@@ -11,10 +11,10 @@
          :model="form"
          label-width="100px"
          inline
          style="display: flex;justify-content: space-between"
          style="display: flex;"
        >
          <div class="elForm">
            <el-form-item label-width="70px" label="生产车间" style=" display: flex;">
            <el-form-item label="生产车间" style=" display: flex;">
              <el-select v-model="form.wkshopcode" style="width: 200px" placeholder="请选择">
                <el-option
                  v-for="item in wkshopSelectArr"
@@ -50,7 +50,7 @@
                end-placeholder="结束日期"
              />
            </el-form-item>
            <el-form-item v-show="isExpandForm" label-width="70px" label="设备编码" style=" display: flex;">
            <el-form-item v-show="isExpandForm" label="设备编码" style=" display: flex;">
              <el-input v-model="form.eqpcode" placeholder="请输入" style="width: 200px" />
            </el-form-item>
            <el-form-item v-show="isExpandForm" label="设备名称" style=" display: flex;">
@@ -73,9 +73,12 @@
              />
            </el-form-item>
          </div>
          <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'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>
          <div
            class="bodySearchReset"
            :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"
          >
            <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
@@ -178,9 +181,12 @@
              />
            </el-form-item>
          </div>
          <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'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>
          <div
            class="bodySearchReset"
            :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"
          >
            <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
@@ -289,13 +295,11 @@
              >
                <template slot-scope="{row}">
                  <div v-if="row.status==='已响应'" style="display: flex;align-items: center">
                    <div
                      style="margin-right: 5px;width:10px;height: 10px;border-radius: 50%;background-color: #42b983"
                    />
                    <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" />
                    已响应
                  </div>
                  <div v-if="row.status==='待响应'" style="display: flex;align-items: center">
                    <div style="margin-right: 5px;width:10px;height: 10px;border-radius: 50%;background-color: yellow" />
                    <i class="el-icon-info" style="margin-right: 2px" />
                    待响应
                  </div>
                </template>
@@ -396,12 +400,14 @@
  AnDonReportSumSearch
} from '@/api/bbgl'
import { ShopSearch } from '@/api/dzkb'
import waves from '@/directive/waves'

export default {
  name: 'Zzjg',
  components: {
    Pagination
  },
  directives: { waves },
  data() {
    return {
      mouseHoverType: 'mouseout',