Browse Source

弹出框新增组件

qymljy 3 weeks ago
parent
commit
8405c9946c
1 changed files with 36 additions and 0 deletions
  1. 36 0
      src/components/dialogTemplate/index1.vue

+ 36 - 0
src/components/dialogTemplate/index1.vue

@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <el-button :type="disabled?'':btnType" size="mini" :disabled="disabled"  @click="dialogShow">{{$t(btnTitle)}}</el-button>
+    <el-dialog :title="$t(`提示`)" :visible.sync="dialogTableVisible" append-to-body :show-close="false">
+      <div style="margin-bottom: 20px"><i class="el-icon-warning" style="color: #eda51c;margin-right: 10px"></i>{{$t(content) + '?'}}</div>
+      <slot name="formRule"></slot>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogTableVisible = false" size="small">{{$t(`取 消`)}}</el-button>
+        <el-button type="primary" @click="onSubmit" size="small">{{$t(`确 定`)}}</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index1",
+  props:["disabled","btnType","content"],
+  data(){
+    return {
+      dialogTableVisible:false,
+    }
+  },
+  methods:{
+    dialogShow(){},
+    onSubmit(){}
+  }
+
+}
+</script>
+
+<style scoped>
+  /deep/ .el-dialog__body {
+    padding: 0 20px 20px 20px !important;
+  }
+</style>