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/jcsz/adsz.vue | 23 ++++++++++++++++-------
1 files changed, 16 insertions(+), 7 deletions(-)
diff --git a/src/views/jcsz/adsz.vue b/src/views/jcsz/adsz.vue
index c76eea7..4a607cf 100644
--- a/src/views/jcsz/adsz.vue
+++ b/src/views/jcsz/adsz.vue
@@ -32,6 +32,7 @@
<div class="bar" :style="{background:$store.state.settings.theme}" />
<div>鍝嶅簲浜哄憳</div>
<el-button
+ v-waves
icon="el-icon-circle-plus-outline"
:disabled="allowClose"
:style="{color:allowClose?'#6f6e6f':$store.state.settings.theme}"
@@ -69,6 +70,7 @@
</el-tab-pane>
</el-tabs>
<el-button
+
style="position: absolute;top: 15px;right:10px;z-index: 1000"
icon="el-icon-setting"
@click="setting"
@@ -89,6 +91,7 @@
@close="handleClose"
>
<el-button
+ v-waves
type="primary"
style="margin-bottom: 10px;"
icon="el-icon-circle-plus-outline"
@@ -149,10 +152,10 @@
>
<template slot-scope="{row}">
<div class="operationClass">
- <el-button v-if="row.isVisible===1" type="text" @click="saveRow(row)">淇濆瓨</el-button>
- <el-button v-if="row.isVisible===1" type="text" @click="cancelRow(row)">鍙栨秷</el-button>
- <!-- <el-button v-if="row.isVisible===0" type="text" @click="editRow(row)">缂栬緫</el-button>-->
- <el-button v-if="row.isVisible===0" type="text" @click="delRow(row)">鍒犻櫎</el-button>
+ <el-button v-if="row.isVisible===1" v-waves type="text" @click="saveRow(row)">淇濆瓨</el-button>
+ <el-button v-if="row.isVisible===1" v-waves type="text" @click="cancelRow(row)">鍙栨秷</el-button>
+ <!-- <el-button v-waves v-if="row.isVisible===0" type="text" @click="editRow(row)">缂栬緫</el-button>-->
+ <el-button v-if="row.isVisible===0" v-waves type="text" @click="delRow(row)">鍒犻櫎</el-button>
</div>
</template>
</el-table-column>
@@ -160,7 +163,7 @@
<span slot="footer" class="dialog-footer">
<div class="footerButton">
- <el-button @click="dialogVisibleCancel">杩� 鍥�</el-button>
+ <el-button v-waves @click="dialogVisibleCancel">杩� 鍥�</el-button>
</div>
</span>
</el-dialog>
@@ -222,8 +225,9 @@
<span slot="footer" class="dialog-footer">
<div class="footerButton">
- <el-button @click="dialogVisibleUserCancel">鍙� 娑�</el-button>
+ <el-button v-waves @click="dialogVisibleUserCancel">鍙� 娑�</el-button>
<el-button
+ v-waves
type="primary"
:loading="$store.state.app.buttonIsDisabled"
:disabled="$store.state.app.buttonIsDisabled"
@@ -247,10 +251,11 @@
DeleteAnDengType
} from '@/api/jcsz'
import elDragDialog from '@/directive/el-drag-dialog'
+import waves from '@/directive/waves'
export default {
name: 'Zzjg',
- directives: { elDragDialog },
+ directives: { elDragDialog, waves },
data() {
return {
mainHeight: 0,
@@ -374,6 +379,10 @@
})
},
async saveRow(row) {
+ console.log(row)
+ if (row.code.toString().trim() === '' || row.name.toString().trim() === '') {
+ return this.$message.info('绫诲瀷缂栫爜鎴栧悕绉颁笉鑳戒负绌猴紒')
+ }
const res = await AddUpdateAnDengType([row])
if (res.code === '200') {
await this.setting()
--
Gitblit v1.9.3