From 46679537940c731d7dc4ba1ff0a7326ff10b7540 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期四, 18 十一月 2021 10:11:07 +0800
Subject: [PATCH] 暂存
---
src/pages/ai/index/detail.vue | 172 ++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 108 insertions(+), 64 deletions(-)
diff --git a/src/pages/ai/index/detail.vue b/src/pages/ai/index/detail.vue
index aaa1c11..a976d87 100644
--- a/src/pages/ai/index/detail.vue
+++ b/src/pages/ai/index/detail.vue
@@ -16,6 +16,7 @@
<el-button
size="mini"
round
+ class="update-btn"
@click="upgradeSDKinWin"
v-if="productDetail.isUpgrade"
>鏇存柊</el-button
@@ -34,10 +35,20 @@
@click="unloadSDKinWin"
>鍗歌浇</el-button
>
-
+ <el-button
+ size="mini"
+ round
+ v-if="!isActive && showInstallNotActive"
+ @click="downloadSdkInSide"
+ >瀹夎</el-button
+ >
+ <!-- suffix-icon="iconfont iconchushaixuanxiang" -->
<el-input
+ class="activeInput"
placeholder="璇疯緭鍏ユ縺娲荤爜"
size="mini"
+ clearable
+ :autofocus="true"
v-model="activeCode"
v-if="!isActive && !showInstallNotActive"
>
@@ -50,32 +61,32 @@
@click="actived"
>婵�娲�</el-button
>
- <span
+ <!-- <span
class="icon iconfont"
v-if="!isActive && !showInstallNotActive"
@click="activeCode = ''"
></span
- >
+ > -->
</div>
</div>
<div class="back-btn" @click="goback">
<span class="icon iconfont"></span>
- <span class="back-text">杩斿洖涓婇〉</span>
+ <span class="back-text">杩斿洖</span>
</div>
</div>
<div class="text-area">
<div class="text-line">
- <span class="icon iconfont">{{ "\ue6b1" }}</span>
+ <span class="icon iconfont" ></span>
<span class="title">鐗堟湰锛�</span>
<span class="desc">{{ productDetail.productVersion }}</span>
</div>
<div class="text-line">
- <span class="icon iconfont">{{ "\ue6b1" }}</span>
+ <span class="icon iconfont"></span>
<span class="title">姒傝堪锛�</span>
<span class="desc">{{ productDetail.description || "鏆傛棤" }}</span>
</div>
<div class="text-line">
- <span class="icon iconfont">{{ "\ue6b1" }}</span>
+ <span class="icon iconfont"></span>
<span class="title">璇﹁堪锛�</span>
<span class="desc">{{ productDetail.summary || "鏆傛棤" }}</span>
</div>
@@ -133,6 +144,7 @@
class="rec-item"
v-for="(item, index) in otherProducts"
:key="index"
+ @click="checkInWindow(item)"
>
<div class="icon-img">
<img
@@ -153,6 +165,7 @@
<el-button
size="small"
type="primary"
+
round
@click="checkInWindow(item)"
>鏌ョ湅</el-button
@@ -161,6 +174,43 @@
</div>
</div>
</div>
+
+ <el-dialog
+ :visible.sync="showActivateSuccess"
+ title="婵�娲绘垚鍔燂紒"
+ width="30%"
+ class="active-Dial"
+ :before-close="handleClose"
+ >
+ <div class="dialog-active">
+ <ul class="desc">
+ <li>
+ <label>婵�娲荤爜:</label>
+ <span>{{ activedSdkOrApp.activateCode }}</span>
+ </li>
+ <li>
+ <label>浜у搧鍚嶇О:</label>
+ <span>{{ activedSdkOrApp.productName }}</span>
+ </li>
+ <li>
+ <label>閰嶇疆璇︽儏:</label>
+ <span>{{ activedSdkOrApp.setting }}</span>
+ </li>
+ <li>
+ <label>鏈嶅姟鍒版湡鏃�:</label>
+ <span>{{ activedSdkOrApp.expireTime }}</span>
+ </li>
+ <li>
+ <label>璁稿彲璇�:</label>
+ <span>{{ activedSdkOrApp.licence }}</span>
+ </li>
+ </ul>
+ <div class="text-right">
+ <el-button type="primary" @click="checkMyAlgorith">纭畾</el-button>
+ <p class="tip">鎻愮ず锛氳鍦ㄢ�滃凡婵�娲烩�濅腑鏌ョ湅骞跺畨瑁呯畻娉�</p>
+ </div>
+ </div>
+ </el-dialog>
</div>
</template>
<script>
@@ -182,11 +232,8 @@
actApp,
} from "@/api/app";
import { getUrlKey } from "@/api/utils";
-// import FileUploader from "@/components/subComponents/FileUpload/index";
export default {
- components: {
- // FileUploader,
- },
+ components: {},
computed: {
updateNum() {
return this.hasNewVersionApp.length + this.hasNewVersionSdk.length;
@@ -207,7 +254,6 @@
return {
installedList: [],
hasNewVersionSdk: [],
- activeTab: 0,
hasNewVersionApp: [],
notInstalledList: [],
buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
@@ -258,8 +304,6 @@
showInputCode: false,
needToUpgradeInWin: false,
showInstallNotActive: false,
- activeIndex: 0,
- menuArr: ["搴旂敤涓績", "宸叉縺娲�", "绂荤嚎鍗囩骇/瀹夎", "鏇存柊"],
};
},
props: {
@@ -334,7 +378,7 @@
this.actId = this.productDetail.productBaseId;
this.isSDKDetail = this.productDetail.productTypeName == "SDK";
this.isDefaultApp = this.productDetail.productBaseId.length < 10;
-
+
this.otherProducts = res.data.randoms;
});
},
@@ -613,7 +657,8 @@
},
checkMyAlgorith() {
this.showActivateSuccess = false;
- this.activeName = "myAlgorithm";
+ this.goback();
+ this.activeName = "宸叉縺娲�";
},
onFileUpload(file) {
this.patchFile = { ...file };
@@ -720,18 +765,9 @@
.then((res) => {
if (res && res.success) {
sdk.unloadLoading = false;
- this.$notify({
- title: "鎴愬姛",
- message: "鍗歌浇瀹屾垚",
- type: "success",
- });
+ this.$notify.success("鍗歌浇瀹屾垚");
_this.getAllSdk();
- window.parent.postMessage(
- {
- msg: "AppUpdate",
- },
- "*"
- );
+ window.parent.postMessage({ msg: "AppUpdate" }, "*");
}
})
.catch((e) => {
@@ -781,17 +817,11 @@
.then((rsp) => {
this.productDetailVisible = false;
this.downloadItem = "";
- this.$notify({
- type: "success",
- message: "绠楁硶宸插畨瑁�",
- });
+ this.$notify.success("绠楁硶宸插畨瑁�");
this.isUpgrading = false;
})
.catch((err) => {
- this.$notify({
- type: "warning",
- message: err.data,
- });
+ this.$notify.warning(err.data);
this.downloadItem = "";
this.isUpgrading = false;
});
@@ -849,14 +879,12 @@
.detail-page {
width: 100% !important;
height: 100%;
- // background-color: cornsilk;
box-sizing: border-box;
text-align: left;
// min-width: 1106px;
.detail-top {
padding: 35px 60px;
padding-bottom: 20px;
- // margin-bottom: 40px;
border-bottom: 3px solid #f2f2f2;
.title-area {
display: flex;
@@ -866,7 +894,7 @@
position: absolute;
right: 0;
top: 0;
- width: 80px;
+ width: 51px;
height: 20px;
line-height: 20px;
display: flex;
@@ -874,12 +902,12 @@
align-items: center;
cursor: pointer;
.icon {
- margin-right: 2px;
+ margin-right: 3px;
font-size: 18px;
}
.back-text {
font-size: 14px;
- letter-spacing: 0.1px;
+ letter-spacing: 0.5px;
}
}
.icon-img {
@@ -915,6 +943,19 @@
.right-info-2 {
display: flex;
align-items: center;
+ .activeInput {
+ .el-input__suffix {
+ display: flex;
+ align-items: center;
+ .el-input__suffix-inner {
+ border-color: none;
+ .el-icon-circle-close:before {
+ content: "\e79d" !important;
+ font-size: 14px;
+ }
+ }
+ }
+ }
.iconfont {
margin-left: 10px;
font-size: 15px;
@@ -922,7 +963,8 @@
}
.el-input {
margin-right: 12px;
- width: 220px;
+ width: 224px;
+ font-size: 12px;
.el-input__inner {
border: 1px solid #bdbdbd;
border-radius: 20px;
@@ -938,19 +980,23 @@
background: #f2f2f7;
border: 1px solid #f2f2f7;
}
+ .update-btn {
+ border-color: #23d7ee;
+ background-color: rgba(29, 212, 236, 0.1);
+ }
.act-btn {
background: #23d7ee;
border: 1px solid #23d7ee;
color: #f2f2f2;
}
- .act-btn:hover {
- background: #089fb3 !important;
- border-color: #089fb3 !important;
- }
- .el-button:hover {
- border-color: #23d7ee;
- background-color: rgba(29, 212, 236, 0.1);
- }
+ // .act-btn:hover {
+ // background: #089fb3 !important;
+ // border-color: #089fb3 !important;
+ // }
+ // .el-button:hover {
+ // border-color: #23d7ee;
+ // background-color: rgba(29, 212, 236, 0.1);
+ // }
.el-button + .el-button {
margin-left: 12px;
}
@@ -961,11 +1007,10 @@
.text-line {
line-height: 17px;
height: 25px;
-
- // margin-top: 6px;
.icon {
font-size: 14px;
- margin-right: 2px;
+ margin-right: 4px;
+
}
.title {
font-size: 12px;
@@ -1046,15 +1091,16 @@
font-weight: bold;
letter-spacing: 0.5px;
line-height: 26px;
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
}
.rec-items {
.rec-item {
+ cursor: pointer;
float: left;
display: flex;
margin: 0 15px;
- margin-bottom: 30px;
+ margin-bottom: 30px;
padding: 2px 0;
height: 62px;
box-sizing: border-box;
@@ -1086,22 +1132,20 @@
}
}
.right-btn {
- // width: 20px;
padding: 5px 0;
.el-button {
padding: 3px 12px;
- background-color: #1dd4ec !important;
- border-color: #1dd4ec !important;
border-radius: 22px;
+ background-color: #f2f2f7 !important;
+ border-color: #f2f2f7 !important;
+ color: #4f4f4f;
+ font-size: 12px;
+ font-weight: bold;
}
- // .el-button--primary:focus {
- // background: #0cabc0 !important;
- // border-color: #0cabc0 !important;
+ // .el-button--primary:hover {
+ // background: #089fb3 !important;
+ // border-color: #089fb3 !important;
// }
- .el-button--primary:hover {
- background: #089fb3 !important;
- border-color: #089fb3 !important;
- }
}
}
}
--
Gitblit v1.8.0