<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> 
 |