yos_web/src/components/dialogTemplate/index2.vue

<template>
  <div>
    <el-button :type="disabled?'':btnType" size="mini" :disabled="disabled"  @click="dialogShow">{{$t(btnTitle)}}</el-button>
    <el-dialog :title="dialogTitle?$t(dialogTitle):$t(`提示`)" :visible.sync="dialogTableVisible" append-to-body :show-close="false" width="600px">
      <slot name="formRule"></slot>
      <div slot="footer" class="dialog-footer">
        <el-button @click="onCancel" 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:["btnTitle","disabled","btnType","content",'dialogTitle'],
  data(){
    return {
      dialogTableVisible:false,
    }
  },
  methods:{
    dialogShow(){
      this.dialogTableVisible = true
    },
    onCancel(){
      this.dialogTableVisible = false
      this.$emit('onCancel')
    },
    onSubmit(){
      this.$emit('onSubmit')
    }
  }

}
</script>

<style scoped>
  /deep/ .el-dialog__body {
    padding: 0 20px 20px 20px !important;
  }
</style>