| | |
| | | <div class="right-info">
|
| | | <div class="right-info-1">
|
| | | <span class="name">{{ productDetail.productName }}</span>
|
| | | <el-tag type="info" size="mini" color="#fff">{{
|
| | | isSDKDetail ? "算法" : "应用"
|
| | | }}</el-tag>
|
| | | <el-tag type="info" size="mini" color="#fff">{{ isSDKDetail ? "算法" : "应用" }}</el-tag>
|
| | | </div>
|
| | | <div class="right-info-2">
|
| | | <el-button
|
| | | size="mini"
|
| | | round
|
| | | class="update-btn"
|
| | | @click="upgradeSDKinWin"
|
| | | v-if="productDetail.isUpgrade"
|
| | | <el-button size="mini" round class="update-btn" @click="upgradeSDKinWin" v-if="productDetail.isUpgrade"
|
| | | >更新</el-button
|
| | | >
|
| | | <el-button
|
| | | size="mini"
|
| | | round
|
| | | v-if="!isSDKDetail && isActive"
|
| | | @click="openApp"
|
| | | >打开</el-button
|
| | | >
|
| | | <el-button
|
| | | size="mini"
|
| | | round
|
| | | v-if="isActive && !isDefaultApp"
|
| | | @click="unloadSDKinWin"
|
| | | >卸载</el-button
|
| | | >
|
| | | <el-button size="mini" round v-if="!isSDKDetail && isActive" @click="openApp">打开</el-button>
|
| | | <el-button size="mini" round v-if="isActive && !isDefaultApp" @click="unloadSDKinWin">卸载</el-button>
|
| | | <el-button
|
| | | size="mini"
|
| | | round
|
| | |
| | | <div class="detail-mid">
|
| | | <div class="mid-left">
|
| | | <div class="mid-title">{{ isSDKDetail ? "应用场景" : "功能特点" }}</div>
|
| | | <div
|
| | | v-for="(item, index) in productDetail.funcInfo"
|
| | | :key="index"
|
| | | class="desc-item"
|
| | | >
|
| | | <div v-for="(item, index) in productDetail.funcInfo" :key="index" class="desc-item">
|
| | | <div class="title">{{ item.title }}</div>
|
| | | <div class="desc">{{ item.desc }}</div>
|
| | | </div>
|
| | |
| | | trigger="click"
|
| | | :autoplay="false"
|
| | | indicator-position="none"
|
| | | :arrow="
|
| | | productDetail.pics !== undefined
|
| | | ? productDetail.pics.length > 1
|
| | | ? 'always'
|
| | | : 'never'
|
| | | : 'never'
|
| | | "
|
| | | :arrow="productDetail.pics !== undefined ? (productDetail.pics.length > 1 ? 'always' : 'never') : 'never'"
|
| | | >
|
| | | <el-carousel-item
|
| | | v-for="(item, index) in productDetail.pics"
|
| | | :key="index"
|
| | | >
|
| | | <img
|
| | | v-if="item.type != 'video'"
|
| | | :src="item.url"
|
| | | class="cursor-pointer"
|
| | | preview
|
| | | />
|
| | | <video
|
| | | v-if="item.type == 'video'"
|
| | | :src="'/httpImage/' + item.url"
|
| | | controls
|
| | | ></video>
|
| | | <el-carousel-item v-for="(item, index) in productDetail.pics" :key="index">
|
| | | <img v-if="item.type != 'video'" :src="item.url" class="cursor-pointer" preview />
|
| | | <video v-if="item.type == 'video'" :src="'/httpImage/' + item.url" controls></video>
|
| | | </el-carousel-item>
|
| | | </el-carousel>
|
| | | </div>
|
| | |
| | | <div class="rec-title">{{ isSDKDetail ? "推荐算法" : "推荐应用" }}</div>
|
| | |
|
| | | <div class="rec-items">
|
| | | <div
|
| | | class="rec-item"
|
| | | v-for="(item, index) in otherProducts"
|
| | | :key="index"
|
| | | @click="checkInWindow(item)"
|
| | | >
|
| | | <div class="rec-item" v-for="(item, index) in otherProducts" :key="index" @click="checkInWindow(item)">
|
| | | <div class="icon-img">
|
| | | <img
|
| | | v-if="item.iconBlob"
|
| | | :src="
|
| | | item.iconBlob.indexOf(',') > 0
|
| | | ? item.iconBlob
|
| | | : `data:image/png;base64,${item.iconBlob}`
|
| | | "
|
| | | :src="item.iconBlob.indexOf(',') > 0 ? item.iconBlob : `data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | </div>
|
| | |
| | | <div class="desc-2">版本 {{ item.productVersion || "2.0.0" }}</div>
|
| | | </div>
|
| | | <div class="right-btn">
|
| | | <el-button
|
| | | size="small"
|
| | | type="primary"
|
| | | round
|
| | | @click="checkInWindow(item)"
|
| | | >查看</el-button
|
| | | >
|
| | | <el-button size="small" type="primary" round @click="checkInWindow(item)">查看</el-button>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <el-dialog
|
| | | :visible.sync="showActivateSuccess"
|
| | | title="激活成功!"
|
| | | width="30%"
|
| | | class="active-Dial"
|
| | | >
|
| | | <el-dialog :visible.sync="showActivateSuccess" title="激活成功!" width="30%" class="active-Dial">
|
| | | <div class="dialog-active">
|
| | | <ul class="desc">
|
| | | <li>
|
| | |
| | | </div>
|
| | | </template>
|
| | | <script>
|
| | | import {
|
| | | findAllSdk,
|
| | | downloadSdk,
|
| | | installSdk,
|
| | | getInstallInfo,
|
| | | removeSdk,
|
| | | } from "./api";
|
| | | import { findAllSdk, downloadSdk, installSdk, getInstallInfo, removeSdk } from "./api"
|
| | | import {
|
| | | getApps,
|
| | | installApp,
|
| | |
| | | getUnActivedSdk,
|
| | | actPageAlg,
|
| | | getUnActivedApp,
|
| | | actApp,
|
| | | } from "@/api/app";
|
| | | import { getUrlKey } from "@/api/utils";
|
| | | actApp
|
| | | } from "@/api/app"
|
| | | import { getUrlKey } from "@/api/utils"
|
| | | export default {
|
| | | components: {},
|
| | | computed: {
|
| | | updateNum() {
|
| | | return this.hasNewVersionApp.length + this.hasNewVersionSdk.length;
|
| | | return this.hasNewVersionApp.length + this.hasNewVersionSdk.length
|
| | | },
|
| | | isAdmin() {
|
| | | if (
|
| | | sessionStorage.getItem("userInfo") &&
|
| | | sessionStorage.getItem("userInfo") !== ""
|
| | | ) {
|
| | | let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
|
| | | return loginName === "superadmin" || loginName === "basic";
|
| | | if (sessionStorage.getItem("userInfo") && sessionStorage.getItem("userInfo") !== "") {
|
| | | let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username
|
| | | return loginName === "superadmin" || loginName === "basic"
|
| | | }
|
| | |
|
| | | return false;
|
| | | },
|
| | | return false
|
| | | }
|
| | | },
|
| | | data() {
|
| | | return {
|
| | |
| | | setting: "",
|
| | | expireTime: "",
|
| | | licence: "",
|
| | | devIds: "",
|
| | | devIds: ""
|
| | | },
|
| | | installedApps: [],
|
| | | storeApps: [],
|
| | |
| | | forwardDisable: true,
|
| | | showInputCode: false,
|
| | | needToUpgradeInWin: false,
|
| | | showInstallNotActive: false,
|
| | | };
|
| | | showInstallNotActive: false
|
| | | }
|
| | | },
|
| | | props: {
|
| | | detailType: {
|
| | | type: String,
|
| | | type: String
|
| | | },
|
| | | detailProductID: {
|
| | | type: String,
|
| | | type: String
|
| | | },
|
| | | detailPrice: {},
|
| | | isSdk: {},
|
| | | isSdk: {}
|
| | | },
|
| | | directives: {
|
| | | focus: {
|
| | | inserted: function (el) {
|
| | | el.querySelector("input").focus();
|
| | | },
|
| | | },
|
| | | el.querySelector("input").focus()
|
| | | }
|
| | | }
|
| | | },
|
| | | mounted() {
|
| | | this.getDetail();
|
| | | // this.autoRefreshAppAndSdkState();
|
| | | this.getDetail()
|
| | | this.autoRefreshAppAndSdkState()
|
| | | // this.getUnActivedList();
|
| | | // this.getUnActivedAppList();
|
| | | this.showBackBtn();
|
| | | this.addBackListener();
|
| | | this.showBackBtn()
|
| | | this.addBackListener()
|
| | | },
|
| | | beforeDestroy() {
|
| | | this.autoRefresh = false;
|
| | | this.hiddenBackBtn();
|
| | | this.autoRefresh = false
|
| | | this.hiddenBackBtn()
|
| | | },
|
| | | methods: {
|
| | | getDetail(id) {
|
| | | getAppDetail({ id: id || this.detailProductID })
|
| | | .then((res) => {
|
| | | if (res.success) {
|
| | | this.productDetail = res.data.detail;
|
| | | this.otherProducts = res.data.randoms;
|
| | | this.productDetail = res.data.detail
|
| | | this.otherProducts = res.data.randoms
|
| | |
|
| | | this.isSDKDetail = this.productDetail.productTypeName == "SDK";
|
| | | this.isDefaultApp = this.productDetail.productBaseId.length < 10;
|
| | | this.isSDKDetail = this.productDetail.productTypeName == "SDK"
|
| | | this.isDefaultApp = this.productDetail.productBaseId.length < 10
|
| | | } else {
|
| | | this.$message.error(res.msg);
|
| | | this.$message.error(res.msg)
|
| | | }
|
| | | })
|
| | | .catch((err) => {
|
| | | this.$message.error(err.msg);
|
| | | });
|
| | | this.isActive = this.detailType == "active";
|
| | | this.showInstallNotActive = this.detailType == "activeNotInstall";
|
| | | this.$message.error(err.msg)
|
| | | })
|
| | | this.isActive = this.detailType == "active"
|
| | | this.showInstallNotActive = this.detailType == "activeNotInstall"
|
| | | },
|
| | | goback() {
|
| | | this.productDetail = {};
|
| | | this.$emit("goback");
|
| | | this.productDetail = {}
|
| | | this.$emit("goback")
|
| | | },
|
| | | isShow(authority) {
|
| | | return (
|
| | | this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
|
| | | );
|
| | | return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
|
| | | },
|
| | | closeDial() {
|
| | | this.productDetailVisible = false;
|
| | | this.productDetail = {};
|
| | | this.otherProducts = [];
|
| | | this.productDetailVisible = false
|
| | | this.productDetail = {}
|
| | | this.otherProducts = []
|
| | | },
|
| | |
|
| | | resetStack() {
|
| | | this.forwardStack = [];
|
| | | this.backStack = [];
|
| | | this.backDisable = true;
|
| | | this.forwardDisable = true;
|
| | | this.forwardStack = []
|
| | | this.backStack = []
|
| | | this.backDisable = true
|
| | | this.forwardDisable = true
|
| | | },
|
| | | checkInWindow(item) {
|
| | | getAppDetail({ id: item.id }).then((res) => {
|
| | | this.productDetail = res.data.detail;
|
| | | this.productDetail.iconBlob = item.iconBlob;
|
| | | this.actId = this.productDetail.productBaseId;
|
| | | this.isSDKDetail = this.productDetail.productTypeName == "SDK";
|
| | | this.isDefaultApp = this.productDetail.productBaseId.length < 10;
|
| | | this.productDetail = res.data.detail
|
| | | this.productDetail.iconBlob = item.iconBlob
|
| | | this.actId = this.productDetail.productBaseId
|
| | | this.isSDKDetail = this.productDetail.productTypeName == "SDK"
|
| | | this.isDefaultApp = this.productDetail.productBaseId.length < 10
|
| | |
|
| | | this.otherProducts = res.data.randoms;
|
| | | });
|
| | | this.otherProducts = res.data.randoms
|
| | | })
|
| | | },
|
| | | checkIsDefOrNot(id) {
|
| | | if (id.length > 10) {
|
| | | this.isDefaultApp = false;
|
| | | this.isDefaultApp = false
|
| | | } else {
|
| | | this.isDefaultApp = true;
|
| | | this.isDefaultApp = true
|
| | | }
|
| | | },
|
| | | backwards() {
|
| | | if (this.backStack.length == 0) {
|
| | | this.backDisable = true;
|
| | | return;
|
| | | this.backDisable = true
|
| | | return
|
| | | }
|
| | | this.forwardStack.push([this.productDetail, this.otherProducts]);
|
| | | let item = this.backStack.pop();
|
| | | this.productDetail = item[0];
|
| | | this.checkIsDefOrNot(this.productDetail.productBaseId);
|
| | | this.otherProducts = item[1];
|
| | | this.forwardDisable = false;
|
| | | this.forwardStack.push([this.productDetail, this.otherProducts])
|
| | | let item = this.backStack.pop()
|
| | | this.productDetail = item[0]
|
| | | this.checkIsDefOrNot(this.productDetail.productBaseId)
|
| | | this.otherProducts = item[1]
|
| | | this.forwardDisable = false
|
| | | if (this.backStack.length == 0) {
|
| | | this.backDisable = true;
|
| | | this.backDisable = true
|
| | | }
|
| | | },
|
| | | forwards() {
|
| | | if (this.forwardStack.length == 0) {
|
| | | this.forwardDisable = true;
|
| | | return;
|
| | | this.forwardDisable = true
|
| | | return
|
| | | }
|
| | |
|
| | | this.backStack.push([this.productDetail, this.otherProducts]);
|
| | | this.backDisable = false;
|
| | | let item = this.forwardStack.pop();
|
| | | this.backStack.push([this.productDetail, this.otherProducts])
|
| | | this.backDisable = false
|
| | | let item = this.forwardStack.pop()
|
| | |
|
| | | this.productDetail = item[0];
|
| | | this.otherProducts = item[1];
|
| | | this.productDetail = item[0]
|
| | | this.otherProducts = item[1]
|
| | | if (this.forwardStack.length == 0) {
|
| | | this.forwardDisable = true;
|
| | | this.forwardDisable = true
|
| | | }
|
| | | },
|
| | | //离线安装
|
| | | offlineInstall() {
|
| | | this.installDialogVisible = false;
|
| | | this.isInstall = true;
|
| | | this.installDialogVisible = false
|
| | | this.isInstall = true
|
| | | //安装
|
| | | installSdk(this.installFile)
|
| | | .then((res) => {
|
| | | if (res.success) {
|
| | | this.isInstall = false;
|
| | | this.isInstall = false
|
| | | this.$message({
|
| | | type: "success",
|
| | | message: '安装成功,将跳转至"已激活"中查看',
|
| | | });
|
| | | message: '安装成功,将跳转至"已激活"中查看'
|
| | | })
|
| | | setTimeout(() => {
|
| | | this.getAllSdk();
|
| | | this.getAllSdk()
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "AppUpdate",
|
| | | msg: "AppUpdate"
|
| | | },
|
| | | "*"
|
| | | );
|
| | | this.activeName = "myAlgorithm";
|
| | | }, 3000);
|
| | | )
|
| | | this.activeName = "myAlgorithm"
|
| | | }, 3000)
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | console.log(e);
|
| | | this.isInstall = false;
|
| | | console.log(e)
|
| | | this.isInstall = false
|
| | | this.$message({
|
| | | type: "error",
|
| | | message: e.msg,
|
| | | });
|
| | | });
|
| | | message: e.msg
|
| | | })
|
| | | })
|
| | | },
|
| | | downloadApp(app, action) {
|
| | | if (action == "upgrade") {
|
| | | app.upgradeLoading = true;
|
| | | app.upgradeLoading = true
|
| | | } else {
|
| | | app.installLoading = true;
|
| | | app.installLoading = true
|
| | | }
|
| | | let _this = this;
|
| | | let _this = this
|
| | |
|
| | | installApp({ path: app.id })
|
| | | .then((res) => {
|
| | |
| | | _this.$notify({
|
| | | title: "成功",
|
| | | message: "安装应用成功",
|
| | | type: "success",
|
| | | });
|
| | | type: "success"
|
| | | })
|
| | | setTimeout(() => {
|
| | | if (action == "upgrade") {
|
| | | app.upgradeLoading = false;
|
| | | app.upgradeLoading = false
|
| | | } else {
|
| | | app.installLoading = false;
|
| | | app.installLoading = false
|
| | | }
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "AppUpdate",
|
| | | msg: "AppUpdate"
|
| | | },
|
| | | "*"
|
| | | );
|
| | | }, 3000);
|
| | | )
|
| | | }, 3000)
|
| | | } else {
|
| | | }
|
| | | })
|
| | |
| | | _this.$notify({
|
| | | title: "安装失败",
|
| | | message: e.data,
|
| | | type: "warning",
|
| | | });
|
| | | type: "warning"
|
| | | })
|
| | | if (action == "upgrade") {
|
| | | app.upgradeLoading = false;
|
| | | app.upgradeLoading = false
|
| | | } else {
|
| | | app.installLoading = false;
|
| | | app.installLoading = false
|
| | | }
|
| | | });
|
| | | })
|
| | |
|
| | | // 开启自动刷新
|
| | | this.appUpgreading = true;
|
| | | this.appUpgreading = true
|
| | | },
|
| | | async getAllApps() {
|
| | | let iArry = [],
|
| | | sArry = [],
|
| | | nArry = [];
|
| | | let rsp = await getApps();
|
| | | nArry = []
|
| | | let rsp = await getApps()
|
| | | if (rsp && rsp.success) {
|
| | | // 遍历app的过程重置
|
| | | this.appUpgreading = false;
|
| | | this.appUpgreading = false
|
| | |
|
| | | rsp.data.forEach((item) => {
|
| | | let obj = Object.assign(
|
| | | { unloadLoading: false, upgradeLoading: false },
|
| | | item
|
| | | );
|
| | | let obj = Object.assign({ unloadLoading: false, upgradeLoading: false }, item)
|
| | | if (obj.progressMsg !== "" && obj.progressMsg !== "已安装") {
|
| | | obj.upgradeLoading = true;
|
| | | this.appUpgreading = true;
|
| | | obj.upgradeLoading = true
|
| | | this.appUpgreading = true
|
| | | }
|
| | |
|
| | | if (obj.upgradeDone) {
|
| | | this.$notify({
|
| | | type: "success",
|
| | | message: 1 ? "算法安装成功" : "算法升级成功",
|
| | | });
|
| | | message: 1 ? "算法安装成功" : "算法升级成功"
|
| | | })
|
| | | }
|
| | |
|
| | | item.installed ? iArry.push(obj) : sArry.push(obj);
|
| | | item.isUpgrade && nArry.push(obj);
|
| | | });
|
| | | item.installed ? iArry.push(obj) : sArry.push(obj)
|
| | | item.isUpgrade && nArry.push(obj)
|
| | | })
|
| | | }
|
| | | this.installedApps = iArry;
|
| | | this.storeApps = sArry;
|
| | | this.hasNewVersionApp = nArry;
|
| | | this.installedApps = iArry
|
| | | this.storeApps = sArry
|
| | | this.hasNewVersionApp = nArry
|
| | | },
|
| | | unLoad(app) {
|
| | | let _this = this;
|
| | | let _this = this
|
| | | this.$confirm("确定要卸载该应用吗?", "提示")
|
| | | .then(() => {
|
| | | _this.productDetailVisible = false;
|
| | | app.unloadLoading = true;
|
| | | _this.productDetailVisible = false
|
| | | app.unloadLoading = true
|
| | | removeApp({ appId: app.id })
|
| | | .then((res) => {
|
| | | if (res && res.success) {
|
| | | app.unloadLoading = false;
|
| | | this.$emit("flushApp");
|
| | | app.unloadLoading = false
|
| | | this.$emit("flushApp")
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "AppUpdate",
|
| | | msg: "AppUpdate"
|
| | | },
|
| | | "*"
|
| | | );
|
| | | )
|
| | | _this.$notify({
|
| | | title: "成功",
|
| | | message: "卸载应用成功",
|
| | | type: "success",
|
| | | });
|
| | | this.goback();
|
| | | type: "success"
|
| | | })
|
| | | this.goback()
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | app.unloadLoading = false;
|
| | | });
|
| | | app.unloadLoading = false
|
| | | })
|
| | | .catch((e) => {});
|
| | | })
|
| | | .catch((e) => {})
|
| | | },
|
| | | actSdkOrApp(item, type = "sdk") {
|
| | | this.checkDetail(item, "inactive");
|
| | | this.actType = type;
|
| | | this.actId = item.id;
|
| | | this.actStep = 0;
|
| | | this.activeCode = "";
|
| | | this.activedSdkOrApp = this.newActInfo();
|
| | | this.checkDetail(item, "inactive")
|
| | | this.actType = type
|
| | | this.actId = item.id
|
| | | this.actStep = 0
|
| | | this.activeCode = ""
|
| | | this.activedSdkOrApp = this.newActInfo()
|
| | | },
|
| | | cancelActivate() {
|
| | | this.showInputCode = false;
|
| | | this.activeCode = "";
|
| | | this.showInputCode = false
|
| | | this.activeCode = ""
|
| | | },
|
| | | newActInfo() {
|
| | | return {
|
| | |
| | | setting: "",
|
| | | expireTime: "",
|
| | | licence: "",
|
| | | devIds: "",
|
| | | };
|
| | | devIds: ""
|
| | | }
|
| | | },
|
| | | getUnActivedList() {
|
| | | getUnActivedSdk().then((res) => {
|
| | | if (res.code == 200) {
|
| | | this.unActivedSDKList = res.data;
|
| | | this.unActivedSDKList = res.data
|
| | | }
|
| | | });
|
| | | })
|
| | | },
|
| | | getUnActivedAppList() {
|
| | | getUnActivedApp().then((res) => {
|
| | | if (res.code == 200) {
|
| | | this.unActivedAppList = res.data;
|
| | | this.unActivedAppList = res.data
|
| | | }
|
| | | });
|
| | | })
|
| | | },
|
| | | actived() {
|
| | | let _this = this;
|
| | | let _this = this
|
| | | if (this.activeCode.trim() == "") {
|
| | | this.$notify({
|
| | | type: "error",
|
| | | message: "激活码不能为空",
|
| | | });
|
| | | return;
|
| | | message: "激活码不能为空"
|
| | | })
|
| | | return
|
| | | }
|
| | | if (this.isSdk) {
|
| | | //激活算法
|
| | | actPageAlg(this.detailProductID, this.activeCode)
|
| | | .then((res) => {
|
| | | if (res.data.isSuccess) {
|
| | | this.productDetailVisible = false;
|
| | | _this.activedSdkOrApp = res.data.successMsg;
|
| | | this.showActivateSuccess = true;
|
| | | _this.actStep++;
|
| | | _this.getUnActivedList();
|
| | | _this.getAllSdk();
|
| | | this.productDetailVisible = false
|
| | | _this.activedSdkOrApp = res.data.successMsg
|
| | | this.showActivateSuccess = true
|
| | | _this.actStep++
|
| | | _this.getUnActivedList()
|
| | | _this.getAllSdk()
|
| | | } else {
|
| | | _this.$notify({
|
| | | type: "error",
|
| | | message: res.data.failMsg.failMsg,
|
| | | });
|
| | | message: res.data.failMsg.failMsg
|
| | | })
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | this.$notify({
|
| | | type: "error",
|
| | | message: e.msg,
|
| | | });
|
| | | });
|
| | | message: e.msg
|
| | | })
|
| | | })
|
| | | } else {
|
| | | //激活应用
|
| | | actApp(this.detailProductID, this.activeCode)
|
| | | .then((res) => {
|
| | | if (res.data.isSuccess) {
|
| | | this.productDetailVisible = false;
|
| | | _this.activedSdkOrApp = res.data.successMsg;
|
| | | this.showActivateSuccess = true;
|
| | | _this.actStep++;
|
| | | _this.getUnActivedAppList();
|
| | | _this.getAllApps();
|
| | | this.productDetailVisible = false
|
| | | _this.activedSdkOrApp = res.data.successMsg
|
| | | this.showActivateSuccess = true
|
| | | _this.actStep++
|
| | | _this.getUnActivedAppList()
|
| | | _this.getAllApps()
|
| | | } else {
|
| | | _this.$notify({
|
| | | type: "error",
|
| | | message: res.data.failMsg.failMsg,
|
| | | });
|
| | | message: res.data.failMsg.failMsg
|
| | | })
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | this.$notify({
|
| | | type: "error",
|
| | | message: e.msg,
|
| | | });
|
| | | });
|
| | | message: e.msg
|
| | | })
|
| | | })
|
| | | }
|
| | | },
|
| | | checkMyAlgorith() {
|
| | | this.showActivateSuccess = false;
|
| | | this.goback();
|
| | | this.activeName = "已激活";
|
| | | this.showActivateSuccess = false
|
| | | this.goback()
|
| | | this.activeName = "已激活"
|
| | | },
|
| | | onFileUpload(file) {
|
| | | this.patchFile = { ...file };
|
| | | this.fileAdded = true;
|
| | | const h = this.$createElement;
|
| | | this.patchFile = { ...file }
|
| | | this.fileAdded = true
|
| | | const h = this.$createElement
|
| | | //上传完成获取安装信息
|
| | | let _this = this;
|
| | | let _this = this
|
| | | getInstallInfo(file)
|
| | | .then((res) => {
|
| | | _this.installFile = file;
|
| | | _this.installFile = file
|
| | | if (res.success) {
|
| | | _this.installDialogVisible = true;
|
| | | _this.installDialogVisible = true
|
| | | if (res.data.apps.length > 0) {
|
| | | _this.installAppPackage = {
|
| | | appId: res.data.apps[0].appId,
|
| | | version: res.data.apps[0].version,
|
| | | productName: res.data.productName,
|
| | | installContent: res.data.apps[0].installContent,
|
| | | };
|
| | | installContent: res.data.apps[0].installContent
|
| | | }
|
| | | }
|
| | | if (res.data.sdks.length > 0) {
|
| | | _this.installSdkPackage = {
|
| | | appId: res.data.sdks[0].sdkId,
|
| | | version: res.data.sdks[0].version,
|
| | | productName: res.data.productName,
|
| | | installContent: res.data.sdks[0].installContent,
|
| | | };
|
| | | installContent: res.data.sdks[0].installContent
|
| | | }
|
| | | }
|
| | | } else {
|
| | | this.$message({
|
| | | type: "error",
|
| | | message: res.msg,
|
| | | });
|
| | | message: res.msg
|
| | | })
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | this.$message({
|
| | | type: "error",
|
| | | message: e.msg,
|
| | | });
|
| | | });
|
| | | message: e.msg
|
| | | })
|
| | | })
|
| | | },
|
| | | openApp() {
|
| | | window.parent.postMessage(
|
| | | { msg: "toOpenApp?" + this.productDetail.productBaseId },
|
| | | "*"
|
| | | );
|
| | | window.parent.postMessage({ msg: "toOpenApp?" + this.productDetail.productBaseId }, "*")
|
| | | },
|
| | | onFileAdded(f) {
|
| | | this.patchUpdateStatus = "";
|
| | | this.patchUpdateStatus = ""
|
| | | },
|
| | | async getAllSdk() {
|
| | | let installedList = [];
|
| | | let unInstalledList = [];
|
| | | let hasNewVersionList = [];
|
| | | let res = await findAllSdk();
|
| | | let installedList = []
|
| | | let unInstalledList = []
|
| | | let hasNewVersionList = []
|
| | | let res = await findAllSdk()
|
| | | if (res && res.success) {
|
| | | this.sdkUpgreading = false;
|
| | | this.sdkUpgreading = false
|
| | |
|
| | | res.data.forEach((item) => {
|
| | | let obj = Object.assign(
|
| | | { unloadLoading: false, upgradeLoading: false },
|
| | | item
|
| | | );
|
| | | let obj = Object.assign({ unloadLoading: false, upgradeLoading: false }, item)
|
| | | if (obj.progressMsg !== "" && obj.progressMsg !== "已安装") {
|
| | | obj.upgradeLoading = true;
|
| | | this.sdkUpgreading = true;
|
| | | obj.upgradeLoading = true
|
| | | this.sdkUpgreading = true
|
| | | }
|
| | |
|
| | | //算法软件 已安装其中包含待升级 未安装
|
| | | item.installed ? installedList.push(obj) : unInstalledList.push(obj);
|
| | | item.isUpgrade ? hasNewVersionList.push(obj) : null;
|
| | | });
|
| | | item.installed ? installedList.push(obj) : unInstalledList.push(obj)
|
| | | item.isUpgrade ? hasNewVersionList.push(obj) : null
|
| | | })
|
| | | }
|
| | | this.installedList = installedList;
|
| | | this.notInstalledList = unInstalledList;
|
| | | this.toUpdateArr = this.installedList.slice(0, 4);
|
| | | this.hasNewVersionSdk = hasNewVersionList;
|
| | | this.installedList = installedList
|
| | | this.notInstalledList = unInstalledList
|
| | | this.toUpdateArr = this.installedList.slice(0, 4)
|
| | | this.hasNewVersionSdk = hasNewVersionList
|
| | | },
|
| | | unloadSDKinWin() {
|
| | | let appToUnload;
|
| | | let sdkToUnload;
|
| | | let appToUnload
|
| | | let sdkToUnload
|
| | | if (this.productDetail.productTypeName == "应用") {
|
| | | appToUnload = this.installedApps.find((item) => {
|
| | | return item.id == this.productDetail.productBaseId;
|
| | | });
|
| | | this.unLoad(appToUnload);
|
| | | return item.id == this.productDetail.productBaseId
|
| | | })
|
| | | this.unLoad(appToUnload)
|
| | | } else {
|
| | | sdkToUnload = this.installedList.find((item) => {
|
| | | return item.id == this.productDetail.productBaseId;
|
| | | });
|
| | | this.unLoadSdk(sdkToUnload);
|
| | | return item.id == this.productDetail.productBaseId
|
| | | })
|
| | | this.unLoadSdk(sdkToUnload)
|
| | | }
|
| | | },
|
| | | //卸载算法
|
| | | unLoadSdk(sdk) {
|
| | | let _this = this;
|
| | | let _this = this
|
| | | this.$confirm("确定要卸载该算法吗?", "提示")
|
| | | .then(() => {
|
| | | _this.productDetailVisible = false;
|
| | | sdk.unloadLoading = true;
|
| | | _this.productDetailVisible = false
|
| | | sdk.unloadLoading = true
|
| | | removeSdk({ sdkId: sdk.id })
|
| | | .then((res) => {
|
| | | if (res && res.success) {
|
| | | sdk.unloadLoading = false;
|
| | | this.$notify.success("卸载完成");
|
| | | sdk.unloadLoading = false
|
| | | this.$notify.success("卸载完成")
|
| | | // _this.getAllSdk();
|
| | | this.$emit("flushSdk");
|
| | | window.parent.postMessage({ msg: "AppUpdate" }, "*");
|
| | | this.goback();
|
| | | this.$emit("flushSdk")
|
| | | window.parent.postMessage({ msg: "AppUpdate" }, "*")
|
| | | this.goback()
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | sdk.unloadLoading = false;
|
| | | });
|
| | | console.log(e)
|
| | | sdk.unloadLoading = false
|
| | | })
|
| | | .catch((e) => {});
|
| | | })
|
| | | .catch((e) => {
|
| | | console.log("取消", e)
|
| | | })
|
| | | },
|
| | | upgradeSDKinWin() {
|
| | | this.isUpgrading = !this.isUpgrading;
|
| | | this.isUpgrading = !this.isUpgrading
|
| | | if (this.productDetail.productTypeName == "应用") {
|
| | | installApp({ path: this.productDetail.productBaseId })
|
| | | .then((res) => {
|
| | | if (res && res.success) {
|
| | | this.$notify.success("升级完成");
|
| | | this.needToUpgradeInWin = false;
|
| | | this.productDetail.isUpgrade = false;
|
| | | this.isUpgrading = !this.isUpgrading;
|
| | | this.$notify.success("升级完成")
|
| | | this.needToUpgradeInWin = false
|
| | | this.productDetail.isUpgrade = false
|
| | | this.isUpgrading = !this.isUpgrading
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | this.$notify.error("升级失败");
|
| | | this.isUpgrading = !this.isUpgrading;
|
| | | });
|
| | | this.$notify.error("升级失败")
|
| | | this.isUpgrading = !this.isUpgrading
|
| | | })
|
| | |
|
| | | // 开启自动刷新
|
| | | this.appUpgreading = true;
|
| | | this.appUpgreading = true
|
| | | } else {
|
| | | downloadSdk({ path: this.productDetail.productBaseId })
|
| | | .then((res) => {
|
| | | this.needToUpgradeInWin = false;
|
| | | this.productDetail.isUpgrade = false;
|
| | | this.isUpgrading = !this.isUpgrading;
|
| | | this.$notify.success("升级完成");
|
| | | this.needToUpgradeInWin = false
|
| | | this.productDetail.isUpgrade = false
|
| | | this.isUpgrading = !this.isUpgrading
|
| | | this.$notify.success("升级完成")
|
| | | })
|
| | | .catch((err) => {
|
| | | this.$notify.error("升级失败");
|
| | | this.isUpgrading = !this.isUpgrading;
|
| | | });
|
| | | this.sdkUpgreading = true;
|
| | | this.$notify.error("升级失败")
|
| | | this.isUpgrading = !this.isUpgrading
|
| | | })
|
| | | this.sdkUpgreading = true
|
| | | }
|
| | | },
|
| | | downloadSdkInSide() {
|
| | | this.downloadItem = this.productDetail.productBaseId;
|
| | | this.isUpgrading = true;
|
| | | this.downloadItem = this.productDetail.productBaseId
|
| | | this.isUpgrading = true
|
| | | downloadSdk({ path: this.productDetail.productBaseId })
|
| | | .then((rsp) => {
|
| | | this.productDetailVisible = false;
|
| | | this.downloadItem = "";
|
| | | this.$notify.success("算法已安装");
|
| | | this.isUpgrading = false;
|
| | | this.productDetailVisible = false
|
| | | this.downloadItem = ""
|
| | | this.$notify.success("算法已安装")
|
| | | this.isUpgrading = false
|
| | | })
|
| | | .catch((err) => {
|
| | | this.$notify.warning(err.data);
|
| | | this.downloadItem = "";
|
| | | this.isUpgrading = false;
|
| | | });
|
| | | this.$notify.warning(err.data)
|
| | | this.downloadItem = ""
|
| | | this.isUpgrading = false
|
| | | })
|
| | | // 开启自动刷新
|
| | | this.sdkUpgreading = true;
|
| | | this.sdkUpgreading = true
|
| | | },
|
| | | donwload(item, typ) {
|
| | | item.upgradeLoading = true;
|
| | | this.downloadItem = item.id;
|
| | | item.upgradeLoading = true
|
| | | this.downloadItem = item.id
|
| | | downloadSdk({ path: item.id })
|
| | | .then((rsp) => {
|
| | | item.upgradeLoading = false;
|
| | | this.downloadItem = "";
|
| | | item.upgradeLoading = false
|
| | | this.downloadItem = ""
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "AppUpdate",
|
| | | msg: "AppUpdate"
|
| | | },
|
| | | "*"
|
| | | );
|
| | | )
|
| | | })
|
| | | .catch((err) => {
|
| | | this.$notify({
|
| | | type: "warning",
|
| | | message: err.data,
|
| | | });
|
| | | item.upgradeLoading = false;
|
| | | this.downloadItem = "";
|
| | | });
|
| | | message: err.data
|
| | | })
|
| | | item.upgradeLoading = false
|
| | | this.downloadItem = ""
|
| | | })
|
| | | // 开启自动刷新
|
| | | this.sdkUpgreading = true;
|
| | | this.sdkUpgreading = true
|
| | | },
|
| | | inputBlur(item) {
|
| | | this.$set(item, "isEdit", false);
|
| | | this.$set(item, "isEdit", false)
|
| | | },
|
| | | autoRefreshAppAndSdkState() {
|
| | | this.getAllApps();
|
| | | this.getAllSdk();
|
| | | this.getAllApps()
|
| | | this.getAllSdk()
|
| | | if (!this.autoRefresh) {
|
| | | return;
|
| | | return
|
| | | }
|
| | | setTimeout(() => {
|
| | | if (this.appUpgreading) {
|
| | | this.getAllApps();
|
| | | this.getAllApps()
|
| | | }
|
| | | if (this.sdkUpgreading) {
|
| | | this.getAllSdk();
|
| | | this.getAllSdk()
|
| | | }
|
| | | }, 1000);
|
| | | }, 1000)
|
| | | },
|
| | | showBackBtn() {
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "showBack",
|
| | | msg: "showBack"
|
| | | },
|
| | | "*"
|
| | | );
|
| | | )
|
| | | },
|
| | | hiddenBackBtn() {
|
| | | window.parent.postMessage(
|
| | | {
|
| | | msg: "hiddenBack",
|
| | | msg: "hiddenBack"
|
| | | },
|
| | | "*"
|
| | | );
|
| | | )
|
| | | },
|
| | | addBackListener() {
|
| | | window.addEventListener("message", (e) => {
|
| | | if (e.data.msg === "返回应用中心") {
|
| | | this.goback();
|
| | | this.goback()
|
| | | }
|
| | | });
|
| | | },
|
| | | },
|
| | | };
|
| | | })
|
| | | }
|
| | | }
|
| | | }
|
| | | </script>
|
| | | <style lang="scss">
|
| | | .detail-page {
|
| | |
| | | }
|
| | | }
|
| | | </style>
|
| | |
|