1
0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-03-14 01:34:47 +08:00

style: redis 按钮位置调整

This commit is contained in:
ssongliu 2022-12-05 15:44:13 +08:00
parent c89de70d87
commit a0f8a7b968
4 changed files with 11 additions and 35 deletions

View File

@ -22,7 +22,7 @@
</el-tag> </el-tag>
</div> </div>
</el-col> </el-col>
<el-col :lg="5" :xl="4"> <el-col :lg="6" :xl="4">
<div> <div>
{{ $t('website.lastBackupAt') }}: {{ $t('website.lastBackupAt') }}:
<el-tag v-if="data.lastBackupAt != ''" type="info">{{ data.lastBackupAt }}</el-tag> <el-tag v-if="data.lastBackupAt != ''" type="info">{{ data.lastBackupAt }}</el-tag>
@ -30,8 +30,6 @@
</div> </div>
</el-col> </el-col>
<el-col :lg="4" :xl="6"> <el-col :lg="4" :xl="6">
<el-button type="primary" link @click="onOperate('restart')">{{ $t('app.restart') }}</el-button>
<el-divider direction="vertical" />
<el-button type="primary" link @click="setting">{{ $t('commons.button.set') }}</el-button> <el-button type="primary" link @click="setting">{{ $t('commons.button.set') }}</el-button>
</el-col> </el-col>
</el-row> </el-row>
@ -47,10 +45,8 @@
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { CheckAppInstalled, InstalledOp } from '@/api/modules/app'; import { CheckAppInstalled } from '@/api/modules/app';
import i18n from '@/lang';
import router from '@/routers'; import router from '@/routers';
import { ElMessage, ElMessageBox } from 'element-plus';
import { onMounted, reactive, ref } from 'vue'; import { onMounted, reactive, ref } from 'vue';
import Status from '@/components/status/index.vue'; import Status from '@/components/status/index.vue';
@ -95,29 +91,6 @@ const onCheck = async () => {
loading.value = false; loading.value = false;
}; };
const onOperate = async (operation: string) => {
operateReq.operate = operation;
ElMessageBox.confirm(
i18n.global.t('app.operatorHelper', [i18n.global.t('app.' + operation)]),
i18n.global.t('app.' + operation),
{
confirmButtonText: i18n.global.t('commons.button.confirm'),
cancelButtonText: i18n.global.t('commons.button.cancel'),
type: 'info',
},
).then(() => {
loading.value = true;
InstalledOp(operateReq)
.then(() => {
ElMessage.success(i18n.global.t('commons.msg.operationSuccess'));
onCheck();
})
.finally(() => {
loading.value = false;
});
});
};
onMounted(() => { onMounted(() => {
key.value = props.appKey; key.value = props.appKey;
onCheck(); onCheck();

View File

@ -82,7 +82,7 @@ export default {
welcome: 'Welcome back, please enter your username and password to log in!', welcome: 'Welcome back, please enter your username and password to log in!',
errorAuthInfo: 'The user name or password you entered is incorrect, please re-enter!', errorAuthInfo: 'The user name or password you entered is incorrect, please re-enter!',
captchaHelper: 'Please enter the verification code', captchaHelper: 'Please enter the verification code',
errorCaptcha: 'Incorrect verification code information!', errorCaptcha: 'Verification code error!',
safeEntrance: 'Please use the correct entry to log in to the panel', safeEntrance: 'Please use the correct entry to log in to the panel',
reason: 'Cause of error:', reason: 'Cause of error:',
reasonHelper: reasonHelper:

View File

@ -84,7 +84,7 @@ export default {
welcome: '欢迎回来请输入用户名和密码登录', welcome: '欢迎回来请输入用户名和密码登录',
errorAuthInfo: '您输入的用户名或密码不正确请重新输入', errorAuthInfo: '您输入的用户名或密码不正确请重新输入',
captchaHelper: '请输入验证码', captchaHelper: '请输入验证码',
errorCaptcha: '错误的验证码信息', errorCaptcha: '验证码错误',
safeEntrance: '请使用正确的入口登录面板', safeEntrance: '请使用正确的入口登录面板',
reason: '错误原因', reason: '错误原因',
reasonHelper: reasonHelper:

View File

@ -4,10 +4,13 @@
<AppStatus :app-key="'redis'" style="margin-top: 20px" @setting="onSetting" @is-exist="checkExist"></AppStatus> <AppStatus :app-key="'redis'" style="margin-top: 20px" @setting="onSetting" @is-exist="checkExist"></AppStatus>
<div v-show="redisIsExist"> <div v-show="redisIsExist">
<Setting ref="settingRef" style="margin-top: 20px" /> <el-button style="margin-top: 20px" type="p" @click="goDashboard" icon="Position">
Redis-Commander
</el-button>
<el-button style="margin-top: 20px" type="p" @click="goDashboard" icon="Position">Redis-Command</el-button> <Setting ref="settingRef" style="margin-top: 10px" />
<Terminal v-show="!isOnSetting" ref="terminalRef" />
<Terminal style="margin-top: 10px" v-show="!isOnSetting" ref="terminalRef" />
</div> </div>
<el-dialog <el-dialog
@ -17,7 +20,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:destroy-on-close="true" :destroy-on-close="true"
> >
<el-alert :closable="false" :title="$t('app.checkInstalledWarn', ['Redis-Command'])" type="info"> <el-alert :closable="false" :title="$t('app.checkInstalledWarn', ['Redis-Commander'])" type="info">
<el-link icon="Position" @click="goRouter('/apps')" type="primary"> <el-link icon="Position" @click="goRouter('/apps')" type="primary">
{{ $t('database.goInstall') }} {{ $t('database.goInstall') }}
</el-link> </el-link>