xyc
2025-02-21 664db98c9e8595ce4dd636a27f480e3a08b81ff5
web/packages/components/zt-dialog/src/zt-dialog.vue
@@ -1,7 +1,7 @@
<template>
  <el-dialog
    v-dialogDrag
    :class="{'dialog-column-1': column === '1', 'dialog-column-2': column === '2', 'dialog-column-3': column === '3', 'dialog-column-4': column === '4'}"
    :class="{'dialog-column-min': column==='min','dialog-column-1': column === '1', 'dialog-column-2': column === '2', 'dialog-column-3': column === '3', 'dialog-column-4': column === '4'}"
    :visible.sync="visible"
    v-if="visible"
    :title="_title"
@@ -82,10 +82,13 @@
    computed: {
      _title() {
        if (this.title) {
          console.log(this.title,'this.title')
          return this.title
        } else if (!this.editAble) {
        } else if (this.isView) {
          console.log(this.editAble,'this.editAble')
          return this.$t('view')
        } else if (this.$parent.dataForm !== undefined) {
          console.log(this.$parent.dataForm,'this.$parent.dataForm')
          return !this.$parent.dataForm.id ? this.$t('add') : this.$t('update')
        }
      }
@@ -162,6 +165,20 @@
  }
</script>
<style lang="scss" scoped>
.dialog-column-min {
  /deep/ .el-dialog {
    position: fixed;
    margin-top: 0 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 20%;
    /*margin-top:7vh !important;*/
    .el-form > .el-form-item, .el-form .el-collapse-item__content > .el-form-item {
      width: 100%;
    }
  }
}
  .dialog-column-1 {
    /deep/ .el-dialog {
      position: fixed;