fix: 概览界面实时数据展示
This commit is contained in:
@@ -2,10 +2,12 @@
|
||||
<div>
|
||||
<Submenu activeName="redis" />
|
||||
|
||||
<AppStatus :app-key="'redis'" style="margin-top: 20px" @setting="onSetting"></AppStatus>
|
||||
<Setting ref="settingRef"></Setting>
|
||||
<AppStatus :app-key="'redis'" style="margin-top: 20px" @setting="onSetting" @is-exist="checkExist"></AppStatus>
|
||||
<div v-show="redisIsExist">
|
||||
<Setting ref="settingRef"></Setting>
|
||||
|
||||
<Terminal v-if="!isOnSetting" style="margin-top: 5px" ref="terminalRef"></Terminal>
|
||||
<Terminal v-show="!isOnSetting" style="margin-top: 5px" ref="terminalRef"></Terminal>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -14,11 +16,13 @@ import Submenu from '@/views/database/index.vue';
|
||||
import Setting from '@/views/database/redis/setting/index.vue';
|
||||
import Terminal from '@/views/database/redis/terminal/index.vue';
|
||||
import AppStatus from '@/components/app-status/index.vue';
|
||||
import { onMounted, ref } from 'vue';
|
||||
import { ref } from 'vue';
|
||||
import { App } from '@/api/interface/app';
|
||||
|
||||
const terminalRef = ref();
|
||||
const settingRef = ref();
|
||||
const isOnSetting = ref(false);
|
||||
const redisIsExist = ref(false);
|
||||
|
||||
const onSetting = async () => {
|
||||
isOnSetting.value = true;
|
||||
@@ -26,7 +30,10 @@ const onSetting = async () => {
|
||||
settingRef.value!.acceptParams();
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
terminalRef.value.acceptParams();
|
||||
});
|
||||
const checkExist = (data: App.CheckInstalled) => {
|
||||
redisIsExist.value = data.isExist;
|
||||
if (redisIsExist.value) {
|
||||
terminalRef.value.acceptParams();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user