二次弹窗

src/components/BackBtn/index.vue

+<template>
+  <el-button :loading="loading" :class="buttonClass" :icon="buttonIcon" @click="clickEvent">{{ buttonText }}</el-button>
+</template>
+
+<script>
+export default {
+  name: 'Index',
+  props: {
+    buttonClass: {
+      type: String,
+      default: 'resetBtn'
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    buttonIcon: {
+      type: String,
+      default: 'el-icon-back'
+    },
+    buttonText: {
+      type: String,
+      default: '返 回'
+    },
+    clickAction: {
+      type: Object,
+      required: true
+    },
+    isShowConfirm: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    clickEvent() {
+      if (this.isShowConfirm) {
+        this.$confirm(this.buttonClass === 'queryBtn' ? '系统即将发布编辑内容，是否确定' : '是否立即返回，返回后系统不再保存已填写内容', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          customClass: 'box-logout',
+          cancelButtonClass: 'resetBtn',
+          confirmButtonClass: 'queryBtn',
+          type: 'warning',
+          closeOnClickModal: false
+        }).then(() => {
+          this.clickAction()
+        })
+      } else {
+        this.clickAction()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>