<template> 
 | 
  <zt-dialog ref="dialog" :title="$t('mail.config')" @confirm="formSubmit" append-to-body> 
 | 
    <el-form :model="dataForm"   ref="dataForm"  :disabled="dataForm.disabled" label-width="120px"> 
 | 
      <zt-form-item prop="smtp" :label="$t('mail.config')"  rules="required"> 
 | 
        <el-input v-model="dataForm.smtp" :placeholder="$t('mail.config')"></el-input> 
 | 
      </zt-form-item> 
 | 
      <zt-form-item prop="port" :label="$t('mail.port')" rules="required"> 
 | 
        <el-input v-model="dataForm.port" :placeholder="$t('mail.port')"></el-input> 
 | 
      </zt-form-item> 
 | 
      <zt-form-item prop="username" :label="$t('mail.username')" rules="required"> 
 | 
        <el-input v-model="dataForm.username" :placeholder="$t('mail.username')"></el-input> 
 | 
      </zt-form-item> 
 | 
      <zt-form-item prop="password" :label="$t('mail.password')" rules="required"> 
 | 
        <el-input v-model="dataForm.password" :placeholder="$t('mail.password')"></el-input> 
 | 
      </zt-form-item> 
 | 
    </el-form> 
 | 
  </zt-dialog> 
 | 
</template> 
 | 
  
 | 
<script> 
 | 
  export default { 
 | 
    data() { 
 | 
      return { 
 | 
        dataForm: { 
 | 
          smtp: '', 
 | 
          port: '', 
 | 
          username: '', 
 | 
          password: '' 
 | 
        } 
 | 
      } 
 | 
    }, 
 | 
    computed: { 
 | 
    }, 
 | 
    methods: { 
 | 
      // 获取信息 
 | 
      async getInfo() { 
 | 
        let res = this.$http.get('/sys/mailtemplate/config') 
 | 
        this.dataForm = res.data 
 | 
      }, 
 | 
      // 表单提交 
 | 
      async formSubmit() { 
 | 
        let res = await this.$http.post('/sys/mailtemplate/saveConfig', this.dataForm) 
 | 
        if (res.success) { 
 | 
          await this.$tip.success() 
 | 
          this.$refs.dialog.close() 
 | 
          this.$emit('refreshDataList') 
 | 
        } 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
</script> 
 |