mirror of https://github.com/1Panel-dev/1Panel
ssongliu
2 years ago
committed by
GitHub
22 changed files with 783 additions and 842 deletions
@ -0,0 +1,100 @@
|
||||
<template> |
||||
<div> |
||||
<el-drawer v-model="drawerVisiable" :destroy-on-close="true" :close-on-click-modal="false" size="30%"> |
||||
<template #header> |
||||
<DrawerHeader :header="$t('setting.entrance')" :back="handleClose" /> |
||||
</template> |
||||
<el-form label-position="top" v-loading="loading"> |
||||
<el-form-item :label="$t('setting.entrance')" prop="days"> |
||||
<el-input clearable v-model="securityEntrance"> |
||||
<template #append> |
||||
<el-button @click="random" icon="RefreshRight"></el-button> |
||||
</template> |
||||
</el-input> |
||||
<span class="input-help"> |
||||
{{ $t('setting.entranceInputHelper') }} |
||||
</span> |
||||
<span class="input-error" v-if="codeError"> |
||||
{{ $t('setting.entranceError') }} |
||||
</span> |
||||
</el-form-item> |
||||
</el-form> |
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button @click="drawerVisiable = false">{{ $t('commons.button.cancel') }}</el-button> |
||||
<el-button :disabled="loading" type="primary" @click="submitEntrance"> |
||||
{{ $t('commons.button.confirm') }} |
||||
</el-button> |
||||
</span> |
||||
</template> |
||||
</el-drawer> |
||||
</div> |
||||
</template> |
||||
<script lang="ts" setup> |
||||
import { ref } from 'vue'; |
||||
import i18n from '@/lang'; |
||||
import { MsgSuccess } from '@/utils/message'; |
||||
import { updateSetting } from '@/api/modules/setting'; |
||||
import { GlobalStore } from '@/store'; |
||||
import { getRandomStr } from '@/utils/util'; |
||||
const globalStore = GlobalStore(); |
||||
|
||||
const emit = defineEmits<{ (e: 'search'): void }>(); |
||||
|
||||
interface DialogProps { |
||||
securityEntrance: string; |
||||
} |
||||
const securityEntrance = ref(); |
||||
const drawerVisiable = ref(); |
||||
const loading = ref(); |
||||
const codeError = ref(); |
||||
|
||||
const acceptParams = (params: DialogProps): void => { |
||||
securityEntrance.value = params.securityEntrance; |
||||
drawerVisiable.value = true; |
||||
}; |
||||
|
||||
const random = async () => { |
||||
securityEntrance.value = getRandomStr(8); |
||||
}; |
||||
|
||||
const submitEntrance = async () => { |
||||
if (securityEntrance.value !== '') { |
||||
const reg = /^[A-Za-z0-9]{6,10}$/; |
||||
if (!reg.test(securityEntrance.value)) { |
||||
codeError.value = true; |
||||
return; |
||||
} |
||||
} |
||||
let param = { |
||||
key: 'SecurityEntrance', |
||||
value: securityEntrance.value, |
||||
}; |
||||
loading.value = true; |
||||
await updateSetting(param) |
||||
.then(() => { |
||||
globalStore.entrance = securityEntrance.value; |
||||
loading.value = false; |
||||
drawerVisiable.value = false; |
||||
MsgSuccess(i18n.global.t('commons.msg.operationSuccess')); |
||||
emit('search'); |
||||
}) |
||||
.catch(() => { |
||||
loading.value = false; |
||||
}); |
||||
}; |
||||
|
||||
const handleClose = () => { |
||||
drawerVisiable.value = false; |
||||
}; |
||||
|
||||
defineExpose({ |
||||
acceptParams, |
||||
}); |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.margintop { |
||||
margin-top: 10px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,81 @@
|
||||
<template> |
||||
<div> |
||||
<el-drawer v-model="drawerVisiable" :destroy-on-close="true" :close-on-click-modal="false" size="30%"> |
||||
<template #header> |
||||
<DrawerHeader :header="$t('setting.expirationTime')" :back="handleClose" /> |
||||
</template> |
||||
<el-form ref="timeoutFormRef" label-position="top" :model="form"> |
||||
<el-form-item :label="$t('setting.days')" prop="days" :rules="[Rules.number, checkNumberRange(0, 60)]"> |
||||
<el-input clearable v-model.number="form.days" /> |
||||
<span class="input-help">{{ $t('setting.expirationHelper') }}</span> |
||||
</el-form-item> |
||||
</el-form> |
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button @click="drawerVisiable = false">{{ $t('commons.button.cancel') }}</el-button> |
||||
<el-button type="primary" @click="submitTimeout(timeoutFormRef)"> |
||||
{{ $t('commons.button.confirm') }} |
||||
</el-button> |
||||
</span> |
||||
</template> |
||||
</el-drawer> |
||||
</div> |
||||
</template> |
||||
<script lang="ts" setup> |
||||
import { reactive, ref } from 'vue'; |
||||
import { MsgSuccess } from '@/utils/message'; |
||||
import { updateSetting } from '@/api/modules/setting'; |
||||
import { FormInstance } from 'element-plus'; |
||||
import { Rules, checkNumberRange } from '@/global/form-rules'; |
||||
import i18n from '@/lang'; |
||||
|
||||
const emit = defineEmits<{ (e: 'search'): void }>(); |
||||
|
||||
interface DialogProps { |
||||
expirationDays: number; |
||||
} |
||||
const drawerVisiable = ref(); |
||||
const loading = ref(); |
||||
|
||||
const timeoutFormRef = ref(); |
||||
const form = reactive({ |
||||
days: 0, |
||||
}); |
||||
|
||||
const acceptParams = (params: DialogProps): void => { |
||||
form.days = params.expirationDays; |
||||
drawerVisiable.value = true; |
||||
}; |
||||
|
||||
const submitTimeout = async (formEl: FormInstance | undefined) => { |
||||
if (!formEl) return; |
||||
formEl.validate(async (valid) => { |
||||
if (!valid) return; |
||||
loading.value = true; |
||||
await updateSetting({ key: 'ExpirationDays', value: form.days + '' }) |
||||
.then(() => { |
||||
loading.value = false; |
||||
MsgSuccess(i18n.global.t('commons.msg.operationSuccess')); |
||||
emit('search'); |
||||
drawerVisiable.value = false; |
||||
}) |
||||
.catch(() => { |
||||
loading.value = false; |
||||
}); |
||||
}); |
||||
}; |
||||
|
||||
const handleClose = () => { |
||||
drawerVisiable.value = false; |
||||
}; |
||||
|
||||
defineExpose({ |
||||
acceptParams, |
||||
}); |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.margintop { |
||||
margin-top: 10px; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue