mirror of https://github.com/1Panel-dev/1Panel
ssongliu
6 months ago
committed by
GitHub
26 changed files with 670 additions and 65 deletions
@ -0,0 +1,44 @@
|
||||
package http |
||||
|
||||
import ( |
||||
"context" |
||||
"io" |
||||
"net/http" |
||||
"time" |
||||
|
||||
"github.com/1Panel-dev/1Panel/backend/global" |
||||
"github.com/1Panel-dev/1Panel/backend/utils/xpack" |
||||
) |
||||
|
||||
func HandleGet(url, method string) (int, []byte, error) { |
||||
defer func() { |
||||
if r := recover(); r != nil { |
||||
global.LOG.Errorf(" A panic occurred during handle request, error message: %v", r) |
||||
return |
||||
} |
||||
}() |
||||
|
||||
client := http.Client{Timeout: 10 * time.Second} |
||||
ok, transport := xpack.LoadRequestTransport() |
||||
if ok { |
||||
client.Transport = transport |
||||
} |
||||
ctx, cancel := context.WithTimeout(context.Background(), 10*time.Second) |
||||
defer cancel() |
||||
request, err := http.NewRequestWithContext(ctx, method, url, nil) |
||||
if err != nil { |
||||
return 0, nil, err |
||||
} |
||||
request.Header.Set("Content-Type", "application/json") |
||||
resp, err := client.Do(request) |
||||
if err != nil { |
||||
return 0, nil, err |
||||
} |
||||
body, err := io.ReadAll(resp.Body) |
||||
if err != nil { |
||||
return 0, nil, err |
||||
} |
||||
defer resp.Body.Close() |
||||
|
||||
return resp.StatusCode, body, nil |
||||
} |
||||
@ -0,0 +1,151 @@
|
||||
<template> |
||||
<div> |
||||
<el-drawer |
||||
v-model="passwordVisible" |
||||
:destroy-on-close="true" |
||||
:close-on-click-modal="false" |
||||
:close-on-press-escape="false" |
||||
size="50%" |
||||
> |
||||
<template #header> |
||||
<DrawerHeader :header="$t('setting.proxy')" :back="handleClose" /> |
||||
</template> |
||||
<el-form ref="formRef" label-position="top" :model="form" :rules="rules" v-loading="loading"> |
||||
<el-row type="flex" justify="center"> |
||||
<el-col :span="22"> |
||||
<el-alert class="common-prompt" :closable="false" type="warning"> |
||||
<template #default> |
||||
{{ $t('setting.proxyHelper') }} |
||||
<ul style="margin-left: -20px"> |
||||
<li v-if="isProductPro">{{ $t('setting.proxyHelper1') }}</li> |
||||
<li v-if="isProductPro">{{ $t('setting.proxyHelper2') }}</li> |
||||
<li>{{ $t('setting.proxyHelper3') }}</li> |
||||
</ul> |
||||
</template> |
||||
</el-alert> |
||||
<el-form-item :label="$t('setting.proxyType')" prop="proxyType"> |
||||
<el-select v-model="form.proxyType" clearable> |
||||
<el-option value="socks5" label="SOCKS5" /> |
||||
<el-option value="http" label="HTTP" /> |
||||
<el-option value="https" label="HTTPS" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item :label="$t('setting.proxyUrl')" prop="proxyUrl"> |
||||
<el-input clearable v-model.trim="form.proxyUrl" /> |
||||
</el-form-item> |
||||
<el-form-item :label="$t('setting.proxyPort')" prop="proxyPortItem"> |
||||
<el-input clearable type="number" v-model.number="form.proxyPortItem" /> |
||||
</el-form-item> |
||||
<el-form-item :label="$t('commons.login.username')" prop="proxyUser"> |
||||
<el-input clearable v-model.trim="form.proxyUser" /> |
||||
</el-form-item> |
||||
<el-form-item :label="$t('commons.login.password')" prop="proxyPasswd"> |
||||
<el-input type="password" show-password clearable v-model.trim="form.proxyPasswd" /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-checkbox v-model="form.proxyPasswdKeepItem" :label="$t('setting.proxyPasswdKeep')" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<template #footer> |
||||
<span class="dialog-footer"> |
||||
<el-button :disabled="loading" @click="passwordVisible = false"> |
||||
{{ $t('commons.button.cancel') }} |
||||
</el-button> |
||||
<el-button :disabled="loading" type="primary" @click="submitChangePassword(formRef)"> |
||||
{{ $t('commons.button.confirm') }} |
||||
</el-button> |
||||
</span> |
||||
</template> |
||||
</el-drawer> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts" setup> |
||||
import { Rules } from '@/global/form-rules'; |
||||
import i18n from '@/lang'; |
||||
import { MsgSuccess } from '@/utils/message'; |
||||
import { FormInstance } from 'element-plus'; |
||||
import { reactive, ref } from 'vue'; |
||||
import DrawerHeader from '@/components/drawer-header/index.vue'; |
||||
import { updateProxy } from '@/api/modules/setting'; |
||||
import { GlobalStore } from '@/store'; |
||||
import { storeToRefs } from 'pinia'; |
||||
|
||||
const globalStore = GlobalStore(); |
||||
const emit = defineEmits<{ (e: 'search'): void }>(); |
||||
const { isProductPro } = storeToRefs(globalStore); |
||||
|
||||
const formRef = ref<FormInstance>(); |
||||
const rules = reactive({ |
||||
proxyUrl: [Rules.noSpace, Rules.requiredInput], |
||||
proxyPortItem: [Rules.port], |
||||
}); |
||||
|
||||
const loading = ref(false); |
||||
const passwordVisible = ref<boolean>(false); |
||||
const form = reactive({ |
||||
proxyUrl: '', |
||||
proxyType: '', |
||||
proxyPort: '', |
||||
proxyPortItem: 7890, |
||||
proxyUser: '', |
||||
proxyPasswd: '', |
||||
proxyPasswdKeep: '', |
||||
proxyPasswdKeepItem: false, |
||||
}); |
||||
|
||||
interface DialogProps { |
||||
url: string; |
||||
type: string; |
||||
port: string; |
||||
user: string; |
||||
passwd: string; |
||||
passwdKeep: string; |
||||
} |
||||
const acceptParams = (params: DialogProps): void => { |
||||
form.proxyUrl = params.url || '127.0.0.1'; |
||||
form.proxyType = params.type || 'socks5'; |
||||
form.proxyPortItem = params.port ? Number(params.port) : 7890; |
||||
form.proxyUser = params.user; |
||||
form.proxyPasswd = params.passwd; |
||||
passwordVisible.value = true; |
||||
form.proxyPasswdKeepItem = params.passwdKeep === 'Enable'; |
||||
}; |
||||
|
||||
const submitChangePassword = async (formEl: FormInstance | undefined) => { |
||||
if (!formEl) return; |
||||
formEl.validate(async (valid) => { |
||||
if (!valid) return; |
||||
if (!form.proxyType) { |
||||
form.proxyUrl = ''; |
||||
form.proxyPort = ''; |
||||
form.proxyUser = ''; |
||||
form.proxyPasswd = ''; |
||||
form.proxyPasswdKeep = ''; |
||||
} else { |
||||
form.proxyPort = form.proxyPortItem + ''; |
||||
form.proxyPasswdKeep = form.proxyPasswdKeepItem ? 'Enable' : 'Disable'; |
||||
} |
||||
loading.value = true; |
||||
await updateProxy(form) |
||||
.then(async () => { |
||||
loading.value = false; |
||||
emit('search'); |
||||
passwordVisible.value = false; |
||||
MsgSuccess(i18n.global.t('commons.msg.operationSuccess')); |
||||
}) |
||||
.catch(() => { |
||||
loading.value = false; |
||||
}); |
||||
}); |
||||
}; |
||||
const handleClose = () => { |
||||
passwordVisible.value = false; |
||||
}; |
||||
|
||||
defineExpose({ |
||||
acceptParams, |
||||
}); |
||||
</script> |
||||
Loading…
Reference in new issue