1.修改未安装成功时,安装详情左侧图标问题 2.添加滚动条hover效果 3.修改虚拟机中超出界面问题 4.修改相关名称为开发环境快速部署

This commit is contained in:
weike 2024-06-20 18:48:54 +08:00 committed by wangpenglong
parent b50d3b953f
commit f77887bd02
6 changed files with 54 additions and 19 deletions

View File

@ -38,7 +38,7 @@
<div class="header-drag-region" id="header-drag-region">
<div class="header-left" style="float: left;">
<div class="header-icon" id="header-icon"></div>
<div class="title" id="title">安装向导</div>
<div class="title" id="title">开发环境快速部署</div>
</div>
<div class="header-right" id="header-right" style="float: right;">
<div class="minw" id="minwBtn"></div>
@ -130,7 +130,7 @@
</form>
</div>
<div class="sceneChooseSeparator"></div>
<div class="depOutputTextbox sceneChooseOutput">
<div class="depOutputTextbox">
<div id="depOutDesc" style="white-space: pre-wrap;"></div>
<pre id="outputPre"></pre>
</div>

View File

@ -39,7 +39,7 @@
<div class="header-drag-region" id="header-drag-region">
<div class="header-left" style="float: left;">
<div class="header-icon" id="header-icon"></div>
<div class="title" id="title">安装向导</div>
<div class="title" id="title">开发环境快速部署</div>
</div>
<div class="header-right" id="header-right" style="float: right;">
<div class="minw" id="minwBtn"></div>
@ -131,7 +131,7 @@
</form>
</div>
<div class="sceneChooseSeparator"></div>
<div class="depOutputTextbox sceneChooseOutput">
<div class="depOutputTextbox">
<div id="depOutDesc" style="white-space: pre-wrap;"></div>
<pre id="outputPre"></pre>
</div>

View File

@ -163,6 +163,19 @@ class deployWindow {
this.progressNum++;
this.extInstallState.set(msg.depName, 15);
}
else if (msg.type === "cancelinstall") {
console.log("receive: kylinide.installWizard.msg:cancelinstall");
for (const [key, value] of this.extInstallState) {
if (key === undefined) {
console.log("cancel install: key is undefined");
continue;
}
console.log("cancel install:" + key + " 状态:" + value);
if (value === 0 || value === 1) {
this.extInstallState.set(key, 4);
}
}
}
let dTpreElement = document.getElementById("detailInstallPre");
dTpreElement!.innerHTML = '';
let dTformattedDoc = '';
@ -256,7 +269,7 @@ class deployWindow {
if (writeKeyJson.length > 0) {
ipcRenderer.send("kylinide.installWizard.init", { type: "writeKey", keys: writeKeyJson });
}
showContext += "点击结束按钮退出安装向导\n"
showContext += "点击结束按钮退出开发环境快速部署\n"
this.goFinish(showContext, false, true);
console.log("安装结束:成功");
@ -279,7 +292,7 @@ class deployWindow {
if (msg.type == "cancelinstall") {
let showContext = '';
showContext += "取消安装\n";
showContext += "点击结束按钮退出安装向导\n"
showContext += "点击结束按钮退出开发环境快速部署\n"
this.goFinish(showContext, false, false);
console.log("安装结束:取消");
}
@ -289,7 +302,7 @@ class deployWindow {
if (msg.type == "pkgNotAuth") {
let showContext = '';
showContext += "授权失败,结束安装\n";
showContext += "点击结束按钮退出安装向导\n"
showContext += "点击结束按钮退出开发环境快速部署\n"
this.goFinish(showContext, true, false);
console.log("安装结束:授权失败")
}
@ -866,8 +879,9 @@ class deployWindow {
if (document.getElementById('jsonSelectKey') !== null) {
return;
}
const preE = document.createElement('pre');
const preE = document.createElement('div');
preE.id = "jsonSelectKey";
preE.classList.add('jsonSelectKey');
let constent = "";
let flag = 0;
for (let i = 0; i < jsonSelectKey.length; i++) {

View File

@ -664,6 +664,10 @@ button#prevStep:disabled {
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #888888;
}
.osInfoShow {
display: flex;
flex-direction: column;
@ -712,6 +716,7 @@ button#prevStep:disabled {
margin-top: 0px;
margin-right: 20px;
margin-bottom: 20px;
/* width: calc(100% - 40px); */
/* background-color: orange; */
}
@ -735,10 +740,25 @@ button#prevStep:disabled {
background: rgba(0,0,0,0.7);
}
.sceneChooseOutput {
overflow: auto;
padding-right: 12px;
.depOutputTextbox {
overflow-x: hidden;
overflow-y: auto;
margin-left: 20px;
height: 325px;
/* border: 1px solid red; */
}
.depOutputTextbox>.jsonSelectKey {
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 13px;
color: rgba(255,255,255,0.9);
line-height: 22px;
text-align: left;
font-style: normal;
margin-top: 6px;
margin-right: 12px;
margin-bottom: 0px;
}
.depOutputTextbox input[type="text"],
@ -746,7 +766,8 @@ button#prevStep:disabled {
/* height: 330px; */
/* width: 600px; */
margin-left: 0px;
margin-top: 20px;
margin-top: 22px;
margin-right: 12px;
background-color: transparent;
border-width: 1px solid black;
}
@ -794,10 +815,7 @@ button#prevStep:disabled {
text-align: left;
font-style: normal;
margin-top: 0px;
}
.depOutputTextbox {
margin-left: 20px;
margin-right: 12px;
}
#checkboxForm {

View File

@ -370,6 +370,7 @@ export class DeployMainService implements IDeployMainService {
//结束插件下载及安装
if (this.DeployWindow) {
this.DeployWindow.webContents.send("kylinide.installWizard.cancelInstall", { type: "cancelinstall" });
this.DeployWindow.webContents.send("kylinide.installWizard.msg", { type: "cancelinstall" });
}
}
this.println('kill Exit code:', code);
@ -388,6 +389,7 @@ export class DeployMainService implements IDeployMainService {
//结束插件下载及安装
if (this.DeployWindow) {
this.DeployWindow.webContents.send("kylinide.installWizard.cancelInstall", { type: 'cancelinstall' });
this.DeployWindow.webContents.send("kylinide.installWizard.msg", { type: "cancelinstall" });
}
}
}
@ -1106,6 +1108,7 @@ export class DeployMainService implements IDeployMainService {
//授权失败,结束安装。
if (this.DeployWindow) {
this.DeployWindow.webContents.send("kylinide.installWizard.Auth", { type: "pkgNotAuth" });
this.DeployWindow.webContents.send("kylinide.installWizard.msg", { type: "cancelinstall" });
}
}
});

View File

@ -19,8 +19,8 @@ class deployWindow extends Action2 {
super({
id: deployWindow.ID,
title: {
value: localize('deployWindow', "deploy window"),
mnemonicTitle: localize({ key: 'mideployWindow', comment: ['&& denotes a mnemonic'] }, "deploy window"),
value: localize('deployWindow', "打开开发环境快速部署"),
mnemonicTitle: localize({ key: 'mideployWindow', comment: ['&& denotes a mnemonic'] }, "打开开发环境快速部署"),
original: 'DeployWindow'
},
category: Categories.Help,
@ -39,7 +39,7 @@ MenuRegistry.appendMenuItem(MenuId.MenubarHelpMenu, {
group: '2_reference',
command: {
id: deployWindow.ID,
title: localize({ key: 'mideployWindow', comment: ['&& denotes a mnemonic'] }, "deploy Window")
title: localize({ key: 'mideployWindow', comment: ['&& denotes a mnemonic'] }, "打开开发环境快速部署")
},
order: 6
});