init

jinlin

2023-11-03 35435e8b1995e6775c82b86652381e07e3faff54

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
<template>
  <zt-dialog ref="dialog" @confirm="formSubmit" append-to-body>
    <el-form :model="dataForm" ref="dataForm" :disabled="dataForm.disabled" label-width="120px">
      <zt-form-item prop="pid" :label="$t('dict.pid')">
        <zt-combo-tree v-model="dataForm.pid" textField="dictName" :datas="dictTypeList"/>
      </zt-form-item>
      <zt-form-item prop="dictType" :label="$t('dict.dictType')" rules="required">
        <el-input v-model="dataForm.dictType"></el-input>
      </zt-form-item>
      <zt-form-item prop="dictName" :label="$t('dict.dictName')" rules="required">
        <el-input v-model="dataForm.dictName"></el-input>
      </zt-form-item>
      <el-form-item prop="canView" :label="$t('dict.canView')" v-if="$store.state.user.isPlatform && (dataForm.pid === '' || dataForm.pid === $config.DICT_ROOT)">
        <zt-dict v-model="dataForm.canView" dict="bool" :radio="true"></zt-dict>
      </el-form-item>
      <el-form-item prop="canOverload" :label="$t('dict.canOverload')" v-if="$store.state.user.isPlatform && (dataForm.pid === '' || dataForm.pid === $config.DICT_ROOT) && dataForm.canView === 'true'">
        <zt-dict v-model="dataForm.canOverload" dict="bool" :radio="true"></zt-dict>
      </el-form-item>
      <zt-form-item prop="sort" :label="$t('dict.sort')" rules="required">
        <el-input-number v-model="dataForm.sort" controls-position="right" :min="0"
                         :label="$t('dict.sort')"></el-input-number>
      </zt-form-item>
      <el-form-item prop="remark" :label="$t('dict.remark')">
        <el-input v-model="dataForm.remark"></el-input>
      </el-form-item>
    </el-form>
  </zt-dialog>
</template>
 
<script>
  export default {
    data() {
      return {
        dataForm: {
          id: '',
          dictName: '',
          dictType: '',
          sort: 0,
          canOverload: false,
          pid: '0',
          remark: ''
        },
        dictTypeList: []
      }
    },
    computed: {},
    methods: {
      init() {
        this.getDictTypeList()
      },
      // 获取信息
      async getInfo() {
        let res = await this.$http.get(`/sys/dict/type/${this.dataForm.id}`)
        this.dataForm = {
          ...this.dataForm,
          ...res.data
        }
      },
      // 获取类型树
      async getDictTypeList() {
        let res = await this.$http.get('/sys/dict/type/tree')
        if (res.success) {
          this.dictTypeList = res.data
        }
      },
      // 表单提交
      async formSubmit() {
        let res = await this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/dict/type', this.dataForm)
        if (res.success) {
          await this.$tip.success()
          this.$refs.dialog.close()
          this.$emit('refreshDataList')
        }
      }
    }
  }
</script>