1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<template>
  <el-dialog v-dialogDrag
             :title="paramVOS.title"
             :visible.sync="visible"
             :width="width"
             :style="'height:'+height || 'auto'"
             :append-to-body="true"
             class="avue-dialog avue-dialog--top"
             @close="dialogClose">
    dialog
    <basic-form ref="formRef" v-if="paramVOS.form"></basic-form>
    <ui-view ref="uiViewRef" v-else-if="paramVOS.content || paramVOS.context"></ui-view>
    <div v-if="paramVOS.form" class="avue-dialog__footer">
      <el-button type="primary" @click="saveHandler">保 存</el-button>
      <el-button @click="escHandler">取 消</el-button>
      <el-button @click="resetValue">重 置</el-button>
    </div>
  </el-dialog>
</template>
 
<script>
import uiView from "@/views/base/UIContentViewerInDialog"
import {dataForm} from "@/api/base/ui";
 
export default {
  name: "AddEditDialog",
  components:{uiView},
  props: {
    sourceData: {
      //所属区域的上一区域选中数据
      type: Object,
      default: {}
    },
    dataStore: {
      //弹窗时按钮所属区域选中数据
      type: Array,
      default: []
    },
    paramVOS: {
      type: Object,
      default: {}
    },
    width: {
      type: String,
      default:'70%'
    },
    height: {
      type: String,
      default:'500px'
    },
  },
  data(){
    return {
      visible:false
    }
  },
  computed:{
  },
  created() {
 
  },
  methods: {
    dialogClose() {
      this.visible = false;
    },
    onLoad: function () {
      if (Object.keys(this.sourceData).length > 0 && this.isShow) {
        this.loading = true;
        dataForm(this.params).then(res => {
          this.form = res.data.obj;
          this.loading = false;
        }).catch(error => {
          this.$message.error(error);
          this.loading = false;
        });
      }
    },
    saveHandler() {
      this.dialogClose();
    },
    escHandler() {
      this.dialogClose();
    },
    resetValue() {
      this.$refs.formRef.resetValue();
    }
  }
}
</script>
 
<style scoped>
 
</style>