| | |
| | | <el-button
|
| | | size="mini"
|
| | | round
|
| | | v-if="!isActive && showInstallNotActive"
|
| | | v-if="!isActive && (!detailPrice || showInstallNotActive)"
|
| | | @click="downloadSdkInSide"
|
| | | >安装</el-button
|
| | | >
|
| | |
| | | clearable
|
| | | :autofocus="true"
|
| | | v-model="activeCode"
|
| | | v-if="!isActive && !showInstallNotActive"
|
| | | v-if="!isActive && !showInstallNotActive && detailPrice"
|
| | | >
|
| | | </el-input>
|
| | | <el-button
|
| | | size="mini"
|
| | | round
|
| | | class="act-btn"
|
| | | v-if="!isActive && !showInstallNotActive"
|
| | | v-if="!isActive && !showInstallNotActive && detailPrice"
|
| | | @click="actived"
|
| | | >激活</el-button
|
| | | >
|
| | |
| | | > -->
|
| | | </div>
|
| | | </div>
|
| | | <div class="back-btn" @click="goback">
|
| | | <!-- <div class="back-btn" @click="goback">
|
| | | <span class="icon iconfont"></span>
|
| | | <span class="back-text">返回</span>
|
| | | </div>
|
| | | </div> -->
|
| | | </div>
|
| | | <div class="text-area">
|
| | | <div class="text-line">
|
| | | <span class="icon iconfont" ></span>
|
| | | <span class="icon iconfont"></span>
|
| | | <span class="title">版本:</span>
|
| | | <span class="desc">{{ productDetail.productVersion }}</span>
|
| | | </div>
|
| | |
| | | class="rec-item"
|
| | | v-for="(item, index) in otherProducts"
|
| | | :key="index"
|
| | | @click="checkInWindow(item)"
|
| | | @click="checkInWindow(item)"
|
| | | >
|
| | | <div class="icon-img">
|
| | | <img
|
| | |
| | | <el-button
|
| | | size="small"
|
| | | type="primary"
|
| | | |
| | | round
|
| | | @click="checkInWindow(item)"
|
| | | >查看</el-button
|
| | |
| | | detailProductID: {
|
| | | type: String,
|
| | | },
|
| | | detailPrice: {},
|
| | | },
|
| | | directives: {
|
| | | focus: {
|
| | |
| | | this.autoRefreshAppAndSdkState();
|
| | | this.getUnActivedList();
|
| | | this.getUnActivedAppList();
|
| | | this.showBackBtn();
|
| | | this.addBackListener();
|
| | | },
|
| | | beforeDestroy() {
|
| | | this.autoRefresh = false;
|
| | | this.hiddenBackBtn();
|
| | | },
|
| | | methods: {
|
| | | getDetail(id) {
|
| | | getAppDetail({ id: id || this.detailProductID })
|
| | | .then((res) => {
|
| | | if (res.success) {
|
| | | console.log("----------");
|
| | | console.log(res);
|
| | | this.productDetail = res.data.detail;
|
| | | this.otherProducts = res.data.randoms;
|
| | |
|
| | |
| | | if (res && res.success) {
|
| | | app.unloadLoading = false;
|
| | | // _this.getAllApps();
|
| | | this.$emit("flushApp")
|
| | | this.$emit("flushApp");
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "AppUpdate",
|
| | |
| | | message: "卸载应用成功",
|
| | | type: "success",
|
| | | });
|
| | | this.goback()
|
| | | this.goback();
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | |
| | | sdk.unloadLoading = false;
|
| | | this.$notify.success("卸载完成");
|
| | | // _this.getAllSdk();
|
| | | this.$emit("flushSdk")
|
| | | this.$emit("flushSdk");
|
| | | window.parent.postMessage({ msg: "AppUpdate" }, "*");
|
| | | this.goback()
|
| | | this.goback();
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | |
| | | inputBlur(item) {
|
| | | this.$set(item, "isEdit", false);
|
| | | },
|
| | | autoRefreshAppAndSdkState() {
|
| | | autoRefreshAppAndSdkState() {
|
| | | this.getAllApps();
|
| | | this.getAllSdk();
|
| | | if (!this.autoRefresh) {
|
| | |
| | | this.getAllSdk();
|
| | | }
|
| | | }, 1000);
|
| | | },
|
| | | showBackBtn() {
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "showBack",
|
| | | },
|
| | | "*"
|
| | | );
|
| | | },
|
| | | hiddenBackBtn() {
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "hiddenBack",
|
| | | },
|
| | | "*"
|
| | | );
|
| | | },
|
| | | addBackListener() {
|
| | | window.addEventListener("message", (e) => {
|
| | | if (e.data.msg === "返回应用中心") {
|
| | | this.goback();
|
| | | }
|
| | | });
|
| | | },
|
| | | },
|
| | | };
|
| | |
| | | height: 25px;
|
| | | .icon {
|
| | | font-size: 14px;
|
| | | margin-right: 4px;
|
| | |
|
| | | margin-right: 4px;
|
| | | }
|
| | | .title {
|
| | | font-size: 12px;
|
| | |
| | | margin-bottom: 10px;
|
| | |
|
| | | .title {
|
| | | width: 80px;
|
| | | height: 20px;
|
| | | display: inline-block;
|
| | | line-height: 20px;
|
| | | padding: 0px 10px;
|
| | | letter-spacing: 0.5px;
|
| | | font-size: 12px;
|
| | | color: #828282;
|
| | | display: flex;
|
| | | align-items: center;
|
| | | justify-content: center;
|
| | | font-weight: bold;
|
| | | border: 1px solid;
|
| | | border: 1px solid #e0e0e0;
|
| | | box-sizing: border-box;
|
| | | border-radius: 22px;
|
| | |
| | | font-size: 14px;
|
| | | font-weight: bold;
|
| | | line-height: 28px;
|
| | | width: 116px;
|
| | | height: 28px;
|
| | | letter-spacing: 0.1px;
|
| | | color: #4f4f4f;
|
| | |
|
| | | overflow: hidden;
|
| | | white-space: nowrap;
|
| | | text-overflow: ellipsis;
|
| | | }
|
| | | .desc-2 {
|
| | | font-size: 12px;
|
| | |
| | | .el-button {
|
| | | padding: 3px 12px;
|
| | | border-radius: 22px;
|
| | | background-color: #f2f2f7 !important;
|
| | | border-color: #f2f2f7 !important;
|
| | | color: #4f4f4f;
|
| | | font-size: 12px;
|
| | | font-weight: bold;
|
| | | background-color: #f2f2f7 !important;
|
| | | border-color: #f2f2f7 !important;
|
| | | color: #4f4f4f;
|
| | | font-size: 12px;
|
| | | font-weight: bold;
|
| | | }
|
| | | // .el-button--primary:hover {
|
| | | // background: #089fb3 !important;
|