Merge pull request #11987 from dataease/pr@dev-v2@perf_email_form

perf(X-Pack): 优化系统设置-邮件设置表单交互

core/core-frontend/src/views/system/parameter/email/EmailEdit.vue

@@ -1,169 +0,0 @@
-<script lang="ts" setup>
-import { ref, reactive } from 'vue'
-import { ElMessage, ElLoading } from 'element-plus-secondary'
-import { useI18n } from '@/hooks/web/useI18n'
-import type { FormInstance, FormRules } from 'element-plus-secondary'
-
-const { t } = useI18n()
-const dialogVisible = ref(false)
-const loadingInstance = ref(null)
-const createUserForm = ref<FormInstance>()
-const state = reactive({
-  roleList: [],
-  form: reactive<UserForm>({
-    id: null,
-    account: null,
-    name: null,
-    email: null,
-    enable: true,
-    phone: null,
-    phonePrefix: '+86',
-    roleIds: []
-  })
-})
-
-const rule = reactive<FormRules>({})
-
-const edit = () => {
-  dialogVisible.value = true
-  // queryForm()
-}
-/* const queryForm = () => {
-  showLoading()
-  personInfoApi().then(res => {
-    state.form = reactive<UserForm>(res.data)
-    closeLoading()
-  })
-} */
-const emits = defineEmits(['saved'])
-const submitForm = async (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  await formEl.validate(valid => {
-    if (valid) {
-      const param = { ...state.form }
-      const method = null
-      showLoading()
-      method(param)
-        .then(res => {
-          if (!res.msg) {
-            ElMessage.success(t('common.save_success'))
-
-            emits('saved')
-            reset()
-          }
-          closeLoading()
-        })
-        .catch(() => {
-          closeLoading()
-        })
-    }
-  })
-}
-
-const resetForm = (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  formEl.resetFields()
-  dialogVisible.value = false
-}
-
-const reset = () => {
-  resetForm(createUserForm.value)
-}
-
-const showLoading = () => {
-  loadingInstance.value = ElLoading.service({ target: '.basic-info-drawer' })
-}
-const closeLoading = () => {
-  loadingInstance.value?.close()
-}
-defineExpose({
-  edit
-})
-</script>
-
-<template>
-  <el-drawer
-    title="邮件设置"
-    v-model="dialogVisible"
-    custom-class="basic-info-drawer"
-    size="600px"
-    direction="rtl"
-  >
-    <el-form
-      ref="createUserForm"
-      require-asterisk-position="right"
-      :model="state.form"
-      :rules="rule"
-      label-width="80px"
-      label-position="top"
-    >
-      <el-form-item label="请求超时时间" prop="name">
-        <el-input
-          v-model="state.form.name"
-          :placeholder="t('common.please_input') + t('user.name')"
-        />
-      </el-form-item>
-
-      <el-form-item label="数据源检测时间间隔" prop="account">
-        <el-input
-          v-model="state.form.account"
-          :placeholder="t('common.please_input') + t('common.account')"
-          disabled
-        />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="resetForm(createUserForm)">{{ t('common.cancel') }}</el-button>
-        <el-button type="primary" @click="submitForm(createUserForm)">
-          {{ t('commons.save') }}
-        </el-button>
-      </span>
-    </template>
-  </el-drawer>
-</template>
-
-<style lang="less">
-.basic-info-drawer {
-  .editer-form-title {
-    width: 100%;
-    border-radius: 4px;
-    background: #e1eaff;
-    margin: -8px 0 16px 0;
-    height: 40px;
-    padding-left: 16px;
-
-    i {
-      color: var(--ed-color-primary);
-      font-size: 14.666666030883789px;
-    }
-
-    .pwd {
-      font-family: var(--de-custom_font, 'PingFang');
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 22px;
-      text-align: left;
-    }
-
-    .pwd {
-      margin: 0 8px;
-      color: #1f2329;
-    }
-  }
-  .input-with-select {
-    .ed-input-group__prepend {
-      width: 72px;
-      background-color: #fff;
-      padding: 0 20px;
-      color: #1f2329;
-      text-align: center;
-      font-family: var(--de-custom_font, 'PingFang');
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 22px;
-    }
-  }
-}
-</style>

core/core-frontend/src/views/system/parameter/email/EmailInfo.vue

@@ -1,35 +0,0 @@
-<template>
-  <InfoTemplate
-    :label-tooltips="tooltips"
-    setting-title="邮件设置"
-    setting-key="email"
-    @edit="edit"
-  />
-  <email-edit ref="editor" />
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-import InfoTemplate from '../../common/InfoTemplate.vue'
-import EmailEdit from './EmailEdit.vue'
-const tooltips = [
-  {
-    key: '测试收件人',
-    val: '测试收件人xxxx'
-  },
-  {
-    key: 'SSL',
-    val: 'SSLxxxx'
-  },
-  {
-    key: 'TSL',
-    val: 'TSLxxxx'
-  }
-]
-
-const editor = ref()
-
-const edit = () => {
-  editor?.value.edit()
-}
-</script>

de-xpack

@@ -1 +1 @@
-Subproject commit 890e2cff7b8331f5591b69b7857774268ab2d1c9
+Subproject commit b7d8449677bc253d6b9541fe4974473a2ed0068d