From 66145e79c85aa6eef15fb7e4c52ca992113dfbec Mon Sep 17 00:00:00 2001 From: whychw <858544502@qq.com> Date: 星期五, 25 九月 2020 00:07:58 +0800 Subject: [PATCH] U 按钮二次确认弹窗 --- src/views/loadManager/manualload.vue | 28 +++++++++++++++++++++++++++- 1 files changed, 27 insertions(+), 1 deletions(-) diff --git a/src/views/loadManager/manualload.vue b/src/views/loadManager/manualload.vue index b38aed1..c0147df 100644 --- a/src/views/loadManager/manualload.vue +++ b/src/views/loadManager/manualload.vue @@ -7,7 +7,7 @@ <div class="btn_main"> <div class="lay_label vertical_middle">{{item.dev_name}}</div> <div class="lay_content vertical_middle"> - <div class="btn_3d" @click="switchOff(item)">鍏ㄩ儴鍒嗛椄</div> + <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOff" data-confirmTxt="鍏ㄩ儴鍒嗛椄纭" :param="JSON.stringify(item)">鍏ㄩ儴鍒嗛椄</div> </div> </div> <!-- 鏄惁鍏佽鍚堥椄 --> @@ -96,6 +96,17 @@ </div> </flex-layout> </el-dialog> + <!-- 鎸夐挳浜屾纭 --> + <el-dialog + :title="confirmTxt" + :visible.sync="confirmVisible" + width="30%"> + <!-- <span>{{}}</span> --> + <span slot="footer" class="dialog-footer"> + <el-button @click="confirmVisible = false">鍙� 娑�</el-button> + <el-button type="primary" @click="callBack">纭� 瀹�</el-button> + </span> + </el-dialog> </div> </template> @@ -105,6 +116,10 @@ name: 'ManualLoad', data () { return { + confirmTxt: '', + confirmVisible: false, + cbFn: null, + cbParam: null, max_button_num: 0, timer: new this.$common.Timeout(), info: [], @@ -127,6 +142,17 @@ goTo (path) { this.$router.push({path}); } + ,callBack () { + this.confirmVisible = false; + this[this.cbFn](this.cbParam); + } + ,handleConfirm (obj) { + // console.log(obj, 9090); + this.confirmTxt = obj.confirmTxt; + this.cbFn = obj.cbFn; + this.cbParam = obj.cbParam; + this.confirmVisible = true; + } ,getInfo () { return this.$api.load.getInfo().then((res) => { res = JSON.parse(res.data.result); -- Gitblit v1.9.1