mirror/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-19 06:32:59 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 修改复制方法

Browse Source
This commit is contained in:
zhengkunwang223 2023-01-03 12:40:14 +08:00 committed by zhengkunwang223
parent 6fefe29298
commit a22794b03c
4 changed files with 55 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/package-lock.json generated
View File

@ -32,6 +32,7 @@
"unplugin-vue-define-options": "^0.7.3",
"vite-plugin-monaco-editor": "^1.1.0",
"vue": "^3.2.25",
"vue-clipboard3": "^2.0.0",
"vue-codemirror": "^6.1.1",
"vue-i18n": "^9.1.9",
"vue-router": "^4.0.12",

1
frontend/package.json
View File

@ -44,6 +44,7 @@
"unplugin-vue-define-options": "^0.7.3",
"vite-plugin-monaco-editor": "^1.1.0",
"vue": "^3.2.25",
"vue-clipboard3": "^2.0.0",
"vue-codemirror": "^6.1.1",
"vue-i18n": "^9.1.9",
"vue-router": "^4.0.12",

1
frontend/src/lang/modules/zh.ts
View File

@ -78,6 +78,7 @@ export default {
operate: '操作',
operateConfirm: '如果确认操作，请手动输入',
inputOrSelect: '请选择或输入',
copyfailed: '复制失败',
},
login: {
firstLogin: '首次登录，请创建初始管理员用户！',

57
frontend/src/views/website/ssl/detail/index.vue
View File

@ -37,14 +37,19 @@
</el-descriptions>
</div>
<div v-else-if="curr === 'ssl'">
<el-input v-model="ssl.pem" :autosize="{ minRows: 10, maxRows: 15 }" type="textarea" />
<el-input v-model="ssl.pem" :autosize="{ minRows: 10, maxRows: 15 }" type="textarea" id="textArea" />
<div>
<br />
<el-button type="primary" @click="copyText(ssl.pem)">{{ $t('file.copy') }}</el-button>
</div>
</div>
<div v-else>
<el-input v-model="ssl.privateKey" :autosize="{ minRows: 10, maxRows: 15 }" type="textarea" />
<el-input
v-model="ssl.privateKey"
:autosize="{ minRows: 10, maxRows: 15 }"
type="textarea"
id="textArea"
/>
<div>
<br />
<el-button type="primary" @click="copyText(ssl.privateKey)">{{ $t('file.copy') }}</el-button>
@ -59,6 +64,8 @@ import { ref } from 'vue';
import { dateFromat, getProvider } from '@/utils/util';
import { ElMessage } from 'element-plus';
import i18n from '@/lang';
import useClipboard from 'vue-clipboard3';
const { toClipboard } = useClipboard();
let open = ref(false);
let id = ref(0);
@ -82,12 +89,52 @@ const get = async () => {
ssl.value = res.data;
};
const copyText = (val: string): void => {
navigator.clipboard.writeText(val).then(() => {
const copyText = async (msg) => {
try {
await toClipboard(msg);
ElMessage.success(i18n.global.t('commons.msg.copySuccess'));
});
} catch (e) {
ElMessage.error(i18n.global.t('commons.msg.copyfailed'));
}
};
// const copyText = async (text: string) => {
// try {
// try {
// await navigator.clipboard.writeText(text);
// ElMessage.success(i18n.global.t('commons.msg.copySuccess'));
// return await Promise.resolve();
// } catch (err) {
// return await Promise.reject(err);
// }
// } catch (e) {
// let input = document.createElement('input');
// input.style.position = 'fixed';
// input.style.top = '-10000px';
// input.style.zIndex = '-999';
// document.body.appendChild(input);
// console.log('input', input);
// input.value = text;
// input.focus();
// input.select();
// try {
// let result = document.execCommand('copy');
// document.body.removeChild(input);
// if (!result) {
// ElMessage.error(i18n.global.t('commons.msg.copyfailed'));
// return Promise.reject();
// } else {
// ElMessage.success(i18n.global.t('commons.msg.copySuccess'));
// return Promise.resolve();
// }
// } catch (e) {
// document.body.removeChild(input);
// ElMessage.error(i18n.global.t('commons.msg.copyfailed'));
// return Promise.reject();
// }
// }
// };
defineExpose({
acceptParams,
});