| | |
| | | <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" |
| | |
| | | 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') |
| | | } |
| | | } |
| | |
| | | } |
| | | </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; |