web/apsDashboard-1.git

			@@ -26,47 +26,6 @@
			>
			<p class="src-title">算法软件</p>
			<div class="flex-list">
			<!-- <div class="wrap-box" v-for="item in ungradeList" :key="'upgrade'+item.id">
			<div class="list-choose-item-left">
			<div class="list-complete-item-handle">
			<div
			class="svg-wrap"
			:class="{willUpGrade:item.isUpgrade}"
			v-loading="item.upgradeLoading"
			:element-loading-text="item.progressMsg"
			element-loading-background="rgba(0,0,0,.8)"
			>
			<i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
			<div class="mask">
			<div class="info-onmask">
			<div>当前版本:{{item.version}}</div>
			<div>最新版本:{{item.remoteVersion}}</div>
			</div>
			<div class="mask-btn">
			<el-button
			type="warning"
			class="bot-btn"
			size="small"
			@click="donwload(item)"
			>升级</el-button>
			</div>
			</div>
			<img
			v-if="item.iconBlob"
			class="baseImg"
			:src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
			alt
			/>
			<img v-else class="baseImg" :src="item.icon" alt />
			</div>
			<div class="alg-name">
			<div style="padding:0px 10px 0px 10px;">
			<span>{{ item.sdk_name }}</span>
			</div>
			</div>
			</div>
			</div>
			</div>-->
			<div
			class="wrap-box"
			v-for="item in installedList"
			@@ -90,7 +49,7 @@
			v-if="!item.isDefault \|\| item.isUpgrade"
			>
			<div class="left-top">
			<div>当前版本:{{ item.version }}</div>
			<div>当前版本1:{{ item.version }}</div>
			<div v-if="item.remoteVersion">
			最新版本:{{ item.remoteVersion }}
			</div>
			@@ -111,11 +70,11 @@
			>
			<el-button
			v-if="item.isUpgrade"
			@click="donwload(item)"
			@click="donwload(item, 0)"
			type="warning"
			size="small"
			class="bot-btn"
			>升级</el-button
			>升级1</el-button
			>
			</div>
			</div>
			@@ -150,7 +109,6 @@
			</div>
			</div>
			</div>
			<!-- </draggable> -->
			<div
			class="wrap-box"
			v-for="item in notInstalledList"
			@@ -161,12 +119,28 @@
			v-loading="downloading && downloadItem == item.id"
			>
			<div class="mask">
			<el-button
			type="primary"
			class="bot-btn"
			@click="donwload(item)"
			>安装</el-button
			<div class="left-top">
			<div v-if="item.installed">
			当前版本:{{ item.version }}
			</div>
			<div v-if="item.remoteVersion">
			最新版本:{{ item.remoteVersion }}
			</div>
			</div>
			<div
			class="info-onmask"
			@click="checkDetail(item, 'activeNotInstall')"
			>
			查看详情
			</div>
			<div class="mask-btn">
			<el-button
			@click="donwload(item, 1)"
			type="primary"
			class="bot-btn"
			>安装</el-button
			>
			</div>
			</div>
			<div class="click-download" title="下载">
			<span class="iconfont iconxiazai1"></span>
			@@ -232,16 +206,16 @@
			最新版本:{{ item.remoteVersion }}
			</div>
			</div>
			<!-- v-if="!item.isDefault" -->
			<div
			class="info-onmask"
			@click="checkDetail(item,'active')"
			v-if="!item.isDefault"
			@click="checkDetail(item, 'active')"
			>
			查看详情
			</div>
			<div class="mask-btn">
			<el-button
			v-if="!item.isDefault"
			v-show="!item.isDefault"
			@click="unLoad(item)"
			type="primary"
			size="small"
			@@ -413,7 +387,6 @@
			class="bot-btn"
			>激活</el-button
			>

			</div>
			</div>
			<img
			@@ -449,6 +422,9 @@
			</div>
			<p class="src-title">应用软件</p>
			<div class="app-list flex-list">
			<div v-if="!unActivedAppList.length" class="empty-tip">
			暂无数据
			</div>
			<div
			class="wrap-box"
			v-for="item in unActivedAppList"
			@@ -472,7 +448,7 @@
			"
			></span>
			</div> -->
			<div
			<div
			class="mask"
			v-if="!item.isDefault \|\| item.isUpgrade"
			>
			@@ -484,19 +460,18 @@
			</div>
			<div
			class="info-onmask"
			@click="actSdkOrApp(item,'app')"
			@click="actSdkOrApp(item, 'app')"
			>
			查看详情
			</div>
			<div class="mask-btn">
			<el-button
			@click="actSdkOrApp(item,'app')"
			@click="actSdkOrApp(item, 'app')"
			type="primary"
			size="small"
			class="bot-btn"
			>激活</el-button
			>

			</div>
			</div>
			<img
			@@ -529,78 +504,14 @@
			</div>
			</div>
			</div>
			<el-drawer
			title="下载"
			:visible.sync="actDrawerShow"
			:direction="direction"
			>
			<div class="drawer-content">
			<div class="current-step">
			<el-steps
			align-center
			:active="actStep"
			finish-status="success"
			>
			<el-step title="添加激活码"></el-step>
			<el-step title="激活成功"></el-step>
			</el-steps>
			</div>

			<div v-if="actStep == 0">
			<div class="act-code">
			<p>使用激活码将新的算法添加到您的账户</p>
			<el-input
			v-model="activeCode"
			placeholder="00000-00000-00000-00000-00000"
			@blur="getCodeDetail"
			></el-input>
			</div>
			<div class="text-right">
			<el-button type="primary" @click="actived"
			>激活</el-button
			>
			</div>
			</div>
			<div v-else-if="actStep == 1">
			<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>
			<!-- <li>
			<label>设备ID:</label>
			<span>3342-235f-ret55-fdsg</span>
			</li>-->
			</ul>
			<div class="text-right">
			<el-button type="primary" @click="checkMyAlgorith"
			>确定</el-button
			>
			<p class="tip">提示：请在“我的算法”中查看并安装算法</p>
			</div>
			</div>
			</div>
			</el-drawer>
			<!-- -->
			</el-tab-pane>
			<el-tab-pane name="update">
			<span slot="label">
			<el-badge class="update-badge" :value="updateNum"
			<el-badge
			class="update-badge"
			:value="updateNum"
			:hidden="updateNum == 0"
			>更新</el-badge
			>
			</span>
			@@ -615,8 +526,8 @@
			>
			</div>
			<div class="flex-list">
			<div v-if="!hasNewVersionSdk.length" class="empty-tip">
			暂无数据，请稍后重试...
			<div v-if="hasNewVersionSdk.length == 0" class="empty-tip">
			{{ errMsg ? errMsg : "暂无数据" }}
			</div>
			<div
			class="wrap-box"
			@@ -648,7 +559,7 @@
			</div>
			<div
			class="info-onmask"
			@click="checkDetail(item,'active')"
			@click="checkDetail(item, 'active')"
			>
			查看详情
			</div>
			@@ -662,7 +573,7 @@
			>
			<el-button
			v-if="item.isUpgrade"
			@click="donwload(item)"
			@click="donwload(item, 0)"
			type="warning"
			size="small"
			class="bot-btn"
			@@ -704,7 +615,7 @@
			</div>
			<div class="flex-list">
			<div v-if="!hasNewVersionApp.length" class="empty-tip">
			暂无数据，请稍后重试...
			暂无数据
			</div>
			<div
			class="wrap-box"
			@@ -735,7 +646,7 @@
			</div>
			<div
			class="info-onmask"
			@click="checkDetail(item,'active')"
			@click="checkDetail(item, 'active')"
			>
			查看详情
			</div>
			@@ -846,16 +757,21 @@
			:visible="productDetailVisible"
			@close="closeDial"
			>
			<!-- <el-button-group> -->
			<div class="button-group" v-show="!backDisable\|\|!forwardDisable">
			<el-button size="small" @click="backwards" :disabled="backDisable"> <span><</span> </el-button>
			<!-- <el-button type="primary" size="small" icon="el-icon-arrow-left"></el-button> -->
			<el-button size="small" @click="forwards" :disabled="forwardDisable">></el-button>
			<!-- <el-button type="primary" size="small"><i class="el-icon-arrow-right el-icon--right"></i></el-button> -->

			<!-- <el-button-group> -->
			<div class="button-group" v-show="!backDisable \|\| !forwardDisable">
			<el-button size="small" @click="backwards" :disabled="backDisable">
			<span><</span>
			</el-button>
			<!-- <el-button type="primary" size="small" icon="el-icon-arrow-left"></el-button> -->
			<el-button size="small" @click="forwards" :disabled="forwardDisable"
			>></el-button
			>
			<!-- <el-button type="primary" size="small"><i class="el-icon-arrow-right el-icon--right"></i></el-button> -->
			</div>
			<!-- </el-button-group> -->
			<div class="dialog-title" slot="title">{{isSDKDialog?"算法详情":"应用详情"}}</div>
			<!-- </el-button-group> -->
			<div class="dialog-title" slot="title">
			{{ isSDKDialog ? "算法详情" : "应用详情" }}
			</div>
			<div class="dialog-content">
			<div class="box-top">
			<div class="top-left">
			@@ -900,52 +816,96 @@
			<div class="summary">
			<div class="icon">
			<img
			v-if="curCheckTarget.iconBlob"
			v-if="productDetail.iconBlob"
			class="baseImg"
			:src="
			curCheckTarget.iconBlob.indexOf(',') > 0
			? curCheckTarget.iconBlob
			: `data:image/png;base64,${curCheckTarget.iconBlob}`
			productDetail.iconBlob.indexOf(',') > 0
			? productDetail.iconBlob
			: `data:image/png;base64,${productDetail.iconBlob}`
			"
			alt
			/>
			</div>
			<div class="right-desc">
			<div class="name">{{ productDetail.productName }}</div>
			<div class="name">
			<el-tooltip
			class=""
			effect="dark"
			:content="productDetail.productName"
			placement="right-start"
			>
			<span>{{ productDetail.productName }}</span>
			</el-tooltip>
			</div>
			<div class="tags">
			<!-- <span
			class="tag"
			v-for="(id, index) in curCheckTarget.productLabelId"
			:key="index+'i'"
			>{{showNameById(id)}}</span> -->
			<el-tag type="info" color="#fff" v-if="!isSDKDialog">应用</el-tag>
			<el-tag type="info" color="#fff" v-if="isSDKDialog">算法</el-tag>
			<el-tag type="info" color="#fff" >软件</el-tag>
			<el-tag
			type="info"
			size="small"
			color="#fff"
			v-if="!isSDKDialog"
			>应用</el-tag
			>
			<el-tag
			type="info"
			size="small"
			color="#fff"
			v-if="isSDKDialog"
			>算法</el-tag
			>
			</div>
			<div class="btns">
			<el-button size="medium" type="warning" v-if="needToUpgradeInWin" @click="upgradeSDKinWin" >{{
			isUpgrading ? "升级中.." : "升级"
			}}</el-button>
			<el-button size="medium" type="primary" v-if="isActive" @click="unloadSDKinWin">卸载</el-button>
			<el-button size="medium" type="primary" v-if="!isActive" @click="showInputCode=!showInputCode">下载激活</el-button>
			<el-button size="medium" type="success" v-if="!isSDKDialog">打开</el-button>
			<el-button
			size="small"
			type="warning"
			v-if="needToUpgradeInWin \|\| productDetail.isUpgrade"
			@click="upgradeSDKinWin"
			>{{ isUpgrading ? "升级中.." : "升级" }}</el-button
			>
			<el-button
			size="small"
			type="primary"
			v-if="isActive && !isDefaultApp"
			@click="unloadSDKinWin"
			>卸载</el-button
			>
			<el-button
			size="small"
			type="primary"
			v-if="!isActive && !showInstallNotActive"
			@click="showInputCode = !showInputCode"
			>激活</el-button
			>
			<el-button
			size="small"
			type="primary"
			v-if="!isActive && showInstallNotActive"
			@click="downloadSdkInSide"
			>{{ isUpgrading ? "安装中.." : "安装" }}</el-button
			>
			<el-button
			size="small"
			type="success"
			v-if="!isSDKDialog && isActive"
			@click="openApp"
			>打开</el-button
			>
			</div>

			</div>
			</div>
			<div class="jihuo-input" v-if="showInputCode">
			<el-input size="small"
			v-model="activeCode"
			placeholder="00000-00000-00000-00000-00000"
			@blur="getCodeDetail"
			></el-input>
			<el-button type="primary" size="small" @click="actived"
			>激活</el-button
			>
			<el-button type="primary" size="small" @click="cancelActivate"
			>取消</el-button
			>
			</div>
			<el-input
			size="small"
			v-model="activeCode"
			placeholder="00000-00000-00000-00000-00000"
			@blur="getCodeDetail"
			></el-input>
			<el-button type="primary" size="small" @click="actived"
			>激活</el-button
			>
			<el-button type="primary" size="small" @click="cancelActivate"
			>取消</el-button
			>
			</div>
			<div class="product-intruduction">
			<div class="part-title" v-if="!showInputCode">简介</div>
			<div class="text">
			@@ -954,7 +914,7 @@
			<div>
			{{
			productDetail.productVersion === ""
			? "暂无数据"
			? "暂无"
			: productDetail.productVersion
			}}
			</div>
			@@ -964,7 +924,7 @@
			<div>
			{{
			productDetail.description === ""
			? "暂无数据索采用大数据架构，分布检索毫秒级返回"
			? "暂无"
			: productDetail.description
			}}
			</div>
			@@ -974,7 +934,7 @@
			<div>
			{{
			productDetail.summary === ""
			? "暂无数据可支持海量数据复杂检索毫秒级返回，设计有智能检索框可支持海量数据复杂检索毫检索毫秒级返回，设计有智能检索框可支持海量数据复杂检索毫秒级返回，设计有智"
			? "暂无"
			: productDetail.summary
			}}
			</div>
			@@ -985,7 +945,9 @@
			</div>
			<div class="box-bottom">
			<div class="bot-left">
			<div class="part-title">功能特点</div>
			<div class="part-title">
			{{ isSDKDialog ? "应用场景" : "功能特点" }}
			</div>
			<div class="list-zone">
			<div
			class="list-item"
			@@ -993,14 +955,10 @@
			:key="index"
			>
			<el-tag type="" size="small" effect="dark">
			{{ item.title === "" ? "标题暂无数据" : item.title }}
			{{ item.title === "" ? "暂无数据" : item.title }}
			</el-tag>
			<div class="desc">
			{{
			item.desc === ""
			? "该检索采用大数据架构，分布式数据处理，可支持海量数据复杂检索毫秒级返回，设计有智能检索框，搜索内容将根据TF/IDF算法计算所得得分，该算法通过此内容匹配程度，词频数，词长占比等，计算出同所搜内容的符合度，返回符合度最高的数据，若符合度一致，将返回据今最近的数据"
			: item.desc
			}}
			{{ item.desc === "" ? "暂无数据" : item.desc }}
			</div>
			</div>
			</div>
			@@ -1029,12 +987,27 @@
			"
			alt
			/>

			<div class="icon-name">
			{{ item.name === "" ? "暂无数据" : item.name }}
			<el-tooltip
			class=""
			effect="dark"
			:content="item.name === '' ? '暂无数据' : item.name"
			placement="top-start"
			>
			<span>{{
			item.name === "" ? "暂无数据" : item.name
			}}</span>
			</el-tooltip>
			</div>
			</div>
			<div class="look-button">
			<el-button type="primary" size="small" @click="checkInWindow(item)">查看</el-button>
			<el-button
			type="primary"
			size="mini"
			@click="checkInWindow(item)"
			>查看</el-button
			>
			</div>
			</div>
			</div>
			@@ -1042,11 +1015,12 @@
			</div>
			</div>
			</el-dialog>
			<el-dialog
			title="激活成功！"
			:visible.sync="showActivateSuccess"
			width="30%"
			:before-close="handleClose"
			<el-dialog
			:visible.sync="showActivateSuccess"
			title="激活成功！"
			width="30%"
			class="active-Dial"
			:before-close="handleClose"
			>
			<div class="dialog-active">
			<ul class="desc">
			@@ -1072,10 +1046,8 @@
			</li>
			</ul>
			<div class="text-right">
			<el-button type="primary" @click="checkMyAlgorith"
			>确定</el-button
			>
			<p class="tip">提示：请在“我的算法”中查看并安装算法</p>
			<el-button type="primary" @click="checkMyAlgorith">确定</el-button>
			<p class="tip">提示：请在“已激活”中查看并安装算法</p>
			</div>
			</div>
			</el-dialog>
			@@ -1100,6 +1072,7 @@
			actApp,
			} from "@/api/app";

			import bus from "@/plugin/bus";
			import FileUploader from "@/components/subComponents/FileUpload/index";
			export default {
			name: "algorithmManage",
			@@ -1156,21 +1129,20 @@
			downloadItem: "",
			downloading: false,
			direction: "rtl",
			actDrawerShow: false,
			actStep: 0,
			showActivateSuccess:false,
			showActivateSuccess: false,
			activeCode: "",
			isInstall: false,
			installDialogVisible: false,
			installPackage: {},
			installAppPackage: null,
			installSdkPackage: null,
			isActive:true,
			isActive: true,
			isDefaultApp: false,
			installPercentage: 0,
			unActivedSDKList: [],
			unActivedAppList: [],
			// dialogTitle: "",
			isSDKDialog:true,
			isSDKDialog: true,
			//actSdkId: '',
			actType: "",
			actId: "",
			@@ -1198,10 +1170,12 @@
			otherProducts: [],
			backStack: [],
			forwardStack: [],
			backDisable:true,
			forwardDisable:true,
			showInputCode:false,
			needToUpgradeInWin:false,
			backDisable: true,
			forwardDisable: true,
			showInputCode: false,
			needToUpgradeInWin: false,
			errMsg: "",
			showInstallNotActive: false,
			};
			},
			directives: {
			@@ -1211,6 +1185,7 @@
			},
			},
			},

			mounted() {
			// 获取所有应用
			this.autoRefreshAppAndSdkState();
			@@ -1230,7 +1205,7 @@
			batchUpdate(type) {
			if (type == "sdk") {
			this.hasNewVersionSdk.forEach((sdk) => {
			this.donwload(sdk);
			this.donwload(sdk, 0);
			});
			} else {
			this.hasNewVersionApp.forEach((app) => {
			@@ -1238,97 +1213,114 @@
			});
			}
			},
			closeDial(){
			this.productDetailVisible = false
			this.productDetail = {}
			this.otherProducts = []
			closeDial() {
			this.productDetailVisible = false;
			this.productDetail = {};
			this.otherProducts = [];
			},
			checkDetail(item,type) {
			if (type =='inactive') {
			this.isActive =false
			this.showInputCode = false
			}else{
			this.showInputCode = false
			this.isActive =true
			checkDetail(item, type) {
			if (type == "inactive") {
			this.isActive = false;
			this.showInstallNotActive = false;
			this.showInputCode = false;
			} else if (type == "active") {
			this.showInputCode = false;
			this.showInstallNotActive = false;
			this.isActive = true;
			} else if (type == "activeNotInstall") {
			this.showInputCode = false;
			this.isActive = false;
			this.showInstallNotActive = true;
			}
			this.needToUpgradeInWin = item.isUpgrade?true:false
			this.resetStack()
			this.curCheckTarget = item;
			if (item.sdk_type===undefined) {
			this.isSDKDialog=false
			}else{
			this.isSDKDialog=true
			this.checkIsDefOrNot(item.id);
			this.needToUpgradeInWin = item.isUpgrade ? true : false;
			this.resetStack();
			if (item.sdk_type === undefined) {
			this.isSDKDialog = false;
			} else {
			this.isSDKDialog = true;
			}
			// debugger
			this.productDetailVisible = true;
			let _this = this;
			getAppDetail({ id: item.id }).then((res) => {
			_this.productDetail = res.data.detail;
			_this.otherProducts = res.data.randoms;
			_this.productDetail.isUpgrade = item.isUpgrade;
			_this.productDetail.iconBlob = item.iconBlob;

			_this.otherProducts = res.data.randoms;
			});
			},
			resetStack(){
			this.forwardStack = []
			this.backStack = []
			this.backDisable = true
			this.forwardDisable = true

			resetStack() {
			this.forwardStack = [];
			this.backStack = [];
			this.backDisable = true;
			this.forwardDisable = true;
			},
			checkInWindow(item){
			this.backStack.push(this.productDetail)
			// debugger
			this.backDisable = false
			this.curCheckTarget = item;
			// this.productDetailVisible = true;
			checkInWindow(item) {
			this.backStack.push([this.productDetail, this.otherProducts]);
			this.backDisable = false;
			this.checkIsDefOrNot(item.id);

			let _this = this;
			getAppDetail({ id: item.id }).then((res) => {
			_this.productDetail = res.data.detail;
			// debugger
			this.actId = _this.productDetail.productBaseId
			let flag=false
			const allNeedToNew = [...this.hasNewVersionSdk,...hasNewVersionApp]
			_this.productDetail.iconBlob = item.iconBlob;
			this.actId = _this.productDetail.productBaseId;
			let flag = false;
			const allNeedToNew = [
			...this.hasNewVersionSdk,
			...this.hasNewVersionApp,
			];
			for (let i = 0; i < allNeedToNew.length; i++) {
			const item = allNeedToNew[i];
			if (item.id == _this.productDetail.productBaseId) {
			flag=true
			flag = true;
			}
			}
			this.needToUpgradeInWin = true
			this.needToUpgradeInWin = flag;
			_this.productDetail.isUpgrade = flag;

			_this.otherProducts = res.data.randoms;
			});
			},

			backwards(){
			if (this.backStack.length ==0) {
			this.backDisable = true
			// forwardDisable:false,
			return
			}
			console.log(this.backStack);

			this.forwardStack.push(this.productDetail)
			this.productDetail = this.backStack.pop()
			this.forwardDisable=false
			if (this.backStack.length ==0) {
			this.backDisable = true

			checkIsDefOrNot(id) {
			if (id.length > 10) {
			this.isDefaultApp = false;
			} else {
			this.isDefaultApp = true;
			}
			},
			forwards(){
			if(this.forwardStack.length==0){
			this.forwardDisable=true
			return
			backwards() {
			if (this.backStack.length == 0) {
			this.backDisable = true;
			return;
			}
			console.log(this.backStack);

			this.backStack.push(this.productDetail)
			this.backDisable=false
			this.productDetail=this.forwardStack.pop()
			if (this.forwardStack.length==0) {
			this.forwardDisable=true
			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;
			}

			},
			forwards() {
			if (this.forwardStack.length == 0) {
			this.forwardDisable = true;
			return;
			}

			this.backStack.push([this.productDetail, this.otherProducts]);
			this.backDisable = false;
			let item = this.forwardStack.pop();

			this.productDetail = item[0];
			this.otherProducts = item[1];
			if (this.forwardStack.length == 0) {
			this.forwardDisable = true;
			}
			},
			//离线安装
			offlineInstall() {
			@@ -1356,7 +1348,6 @@
			}
			})
			.catch((e) => {
			console.log(e);
			this.isInstall = false;
			this.$message({
			type: "error",
			@@ -1364,7 +1355,7 @@
			});
			});
			},


			downloadApp(app, action) {
			if (action == "upgrade") {
			app.upgradeLoading = true;
			@@ -1376,19 +1367,16 @@
			installApp({ path: app.id })
			.then((res) => {
			if (res && res.success) {
			_this.$notify({
			title: "成功",
			message: "安装应用成功",
			type: "success",
			});
			setTimeout(() => {
			if (action == "upgrade") {
			app.upgradeLoading = false;
			// _this.$notify({
			// type: 'success',
			// message: '升级成功'
			// });
			} else {
			app.installLoading = false;
			// _this.$notify({
			// type: 'success',
			// message: '安装成功'
			// });
			}
			// _this.getAllApps();
			window.parent.postMessage(
			@@ -1398,10 +1386,15 @@
			"*"
			);
			}, 3000);
			} else {
			}
			})
			.catch((e) => {
			console.log(e);
			_this.$notify({
			title: "安装失败",
			message: e.data,
			type: "warning",
			});
			if (action == "upgrade") {
			app.upgradeLoading = false;
			} else {
			@@ -1440,11 +1433,13 @@
			this.hasNewVersionApp = nArry;
			},

			//卸载应用
			//卸载
			unLoad(app) {
			let _this = this;
			this.$confirm("确定要卸载该应用吗?", "提示")
			.then(() => {
			_this.productDetailVisible = false;

			app.unloadLoading = true;
			removeApp({ appId: app.id })
			.then((res) => {
			@@ -1457,6 +1452,11 @@
			},
			"*"
			);
			_this.$notify({
			title: "成功",
			message: "卸载应用成功",
			type: "success",
			});
			}
			})
			.catch((e) => {
			@@ -1468,26 +1468,19 @@
			console.log(e);
			});
			},
			// actSdk (id) {
			// this.actSdkId = id;
			// this.actDrawerShow = true;
			// this.actStep = 0;
			// this.activeCode = '';
			// this.activedSdkOrApp = this.newActInfo()
			// },

			actSdkOrApp(item, type = "sdk") {
			this.checkDetail(item, 'inactive')
			this.checkDetail(item, "inactive");
			this.actType = type;
			// debugger
			this.actId = item.id;
			// this.actDrawerShow = true;
			this.actStep = 0;
			this.activeCode = "";
			this.activedSdkOrApp = this.newActInfo();
			},

			cancelActivate(){
			this.showInputCode= false
			cancelActivate() {
			this.showInputCode = false;
			this.activeCode = "";
			},
			newActInfo() {
			return {
			@@ -1515,14 +1508,21 @@
			},
			actived() {
			let _this = this;
			if (this.activeCode.trim() == "") {
			this.$notify({
			type: "error",
			message: "激活码不能为空",
			});
			return;
			}
			if (this.actType == "sdk") {
			//激活算法
			actPageAlg(this.actId, this.activeCode)
			.then((res) => {
			if (res.data.isSuccess) {
			this.productDetailVisible = false
			this.productDetailVisible = false;
			_this.activedSdkOrApp = res.data.successMsg;
			this.showActivateSuccess=true
			this.showActivateSuccess = true;
			_this.actStep++;
			_this.getUnActivedList();
			_this.getAllSdk();
			@@ -1541,9 +1541,9 @@
			actApp(this.actId, this.activeCode)
			.then((res) => {
			if (res.data.isSuccess) {
			this.productDetailVisible = false
			this.productDetailVisible = false;
			_this.activedSdkOrApp = res.data.successMsg;
			this.showActivateSuccess=true
			this.showActivateSuccess = true;
			_this.actStep++;
			_this.getUnActivedAppList();
			_this.getAllApps();
			@@ -1601,7 +1601,15 @@
			});
			});
			},

			openApp() {
			let message = "toOpenApp?" + this.productDetail.productBaseId;
			window.parent.postMessage(
			{
			msg: message,
			},
			"*"
			);
			},

			onFileAdded(f) {
			this.patchUpdateStatus = "";
			@@ -1628,42 +1636,44 @@

			//算法软件已安装其中包含待升级未安装
			item.installed ? installedList.push(obj) : unInstalledList.push(obj);
			item.isUpgrade ? hasNewVersionList.push(obj): null
			item.isUpgrade ? hasNewVersionList.push(obj) : null;
			});
			}
			this.installedList = installedList;
			this.notInstalledList = unInstalledList;
			this.hasNewVersionSdk = hasNewVersionList;
			},
			unloadSDKinWin(){
			let _this = this;
			this.$confirm("确定要卸载该算法么？", "提示").then(()=>{
			_this.productDetailVisible = false
			removeSdk({sdkId:this.productDetail.productBaseId}).then((res)=>{
			_this.getAllSdk();
			window.parent.postMessage(
			{
			msg: "AppUpdate",
			},
			"*"
			);
			}).catch((err)=>{
			console.log(err);
			})
			}).catch(()=>{

			})
			unloadSDKinWin() {
			let appToUnload;
			let sdkToUnload;
			if (this.productDetail.productTypeName == "应用") {
			appToUnload = this.installedApps.find((item) => {
			return item.id == this.productDetail.productBaseId;
			});
			this.unLoad(appToUnload);
			} else {
			sdkToUnload = this.installedList.find((item) => {
			return item.id == this.productDetail.productBaseId;
			});
			this.unLoadSdk(sdkToUnload);
			}
			},
			//卸载算法
			unLoadSdk(sdk) {
			let _this = this;
			this.$confirm("确定要卸载该算法吗?", "提示")
			.then(() => {
			_this.productDetailVisible = false;
			sdk.unloadLoading = true;
			removeSdk({ sdkId: sdk.id })
			.then((res) => {
			if (res && res.success) {
			sdk.unloadLoading = false;
			this.$notify({
			title: "成功",
			message: "卸载完成",
			type: "success",
			});
			_this.getAllSdk();
			window.parent.postMessage(
			{
			@@ -1682,42 +1692,96 @@
			console.log(e);
			});
			},
			upgradeSDKinWin(){

			upgradeSDKinWin() {
			this.isUpgrading = !this.isUpgrading;

			downloadSdk({path:this.productDetail.productBaseId}).then((res)=>{
			this.$notify({
			title: "成功",
			message: "升级完成",
			type: "success",
			let _this = this;
			if (this.productDetail.productTypeName == "应用") {
			installApp({ path: this.productDetail.productBaseId })
			.then((res) => {
			if (res && res.success) {
			this.$notify({
			title: "成功",
			message: "升级完成",
			type: "success",
			});
			this.needToUpgradeInWin = false;
			this.productDetail.isUpgrade = false;
			this.isUpgrading = !this.isUpgrading;
			}
			})
			.catch((e) => {
			_this.$notify({
			title: "升级失败",
			message: e.data,
			type: "warning",
			});
			this.isUpgrading = !this.isUpgrading;
			});

			// 开启自动刷新
			this.appUpgreading = true;
			} else {
			downloadSdk({ path: this.productDetail.productBaseId })
			.then((res) => {
			this.needToUpgradeInWin = false;
			this.productDetail.isUpgrade = false;
			this.isUpgrading = !this.isUpgrading;
			this.$notify({
			title: "成功",
			message: "升级完成",
			type: "success",
			});
			})
			.catch((err) => {
			this.$notify({
			title: "升级失败",
			message: err.data,
			type: "warning",
			});
			this.isUpgrading = !this.isUpgrading;
			});
			this.sdkUpgreading = true;
			}
			},
			downloadSdkInSide() {
			this.downloadItem = this.productDetail.productBaseId;
			this.isUpgrading = true;
			downloadSdk({ path: this.productDetail.productBaseId })
			.then((rsp) => {
			this.productDetailVisible = false;
			this.downloadItem = "";
			this.$notify({
			type: "success",
			message: "算法已安装",
			});
			this.isUpgrading = false;
			})
			.catch((err) => {
			this.$notify({
			type: "warning",
			message: err.data,
			});
			this.downloadItem = "";
			this.isUpgrading = false;
			});
			this.isUpgrading = !this.isUpgrading;
			}).catch((err)=>{
			this.$notify({
			title: "升级失败",
			message: err.data,
			type: "warning",
			});
			this.isUpgrading = !this.isUpgrading;
			})
			// 开启自动刷新
			this.sdkUpgreading = true;
			},

			donwload(item) {
			donwload(item, typ) {

			item.upgradeLoading = true;
			//this.downloading = true;
			this.downloadItem = item.id;

			downloadSdk({ path: item.id })
			.then((rsp) => {
			// this.$notify({
			// type: "success",
			// message: "算法已安装"
			// });
			item.upgradeLoading = false;
			//this.downloading = false;
			this.downloadItem = "";
			this.$notify({
			type: "success",
			message: typ == 1 ? "算法安装成功" : "算法升级成功",
			});
			})
			.catch((err) => {
			this.$notify({
			@@ -1732,7 +1796,6 @@
			this.sdkUpgreading = true;
			},
			inputBlur(item) {
			// console.log(item, '修改名称')
			this.$set(item, "isEdit", false);
			},
			handleTabClick() {},
			@@ -1792,114 +1855,112 @@
			height: 100%;
			}
			.product-detail-dialog {
			.dialog-title{
			font-size: 14px;
			.dialog-title {
			font-size: 13px;
			}
			.el-dialog {
			width: 55%;
			width: 50%;
			min-width: 920px;
			position: relative;
			}
			.el-dialog__header {
			text-align: center;
			padding: 6px;
			padding: 6px;

			.el-dialog__headerbtn {
			position: absolute;
			top: 5px;
			position: absolute;
			top: 5px;

			right: 20px;
			padding: 0;
			background: transparent;
			outline: none;
			cursor: pointer;
			font-size: 20px;
			right: 20px;
			padding: 0;
			background: transparent;
			outline: none;
			cursor: pointer;
			font-size: 20px;
			}
			}
			.el-dialog__body {
			background-color: rgba(222, 225, 230, 1);
			padding: 10px 5px;
			.button-group{
			padding: 8px 3px;
			.button-group {
			position: absolute;
			top: 3px;
			top: 3px;

			left:6px;
			left: 10px;
			.el-button--small {
			padding: 6px 12px;
			}
			button{
			// margin-right: 6px;
			// background-color: #ecf5ff;
			left: 6px;
			left: 10px;
			.el-button--small {
			padding: 5px 12px;
			}
			button {
			font-size: 18px;
			line-height: 12px;
			line-height: 12px;
			}
			}
			}

			.dialog-content {
			.box-top {
			height: 350px;
			height: 330px;
			.top-left {
			float: left;
			width: 55%;
			background-color: rgba(253, 253, 253, 1);
			margin: 0 0.5%;
			height: 350px;
			height: 330px;
			border-radius: 2px;
			.banner {
			text-align: center;
			margin-top: 11px;
			text-align: center;
			margin-top: 3px;
			video {
			margin: 0px auto;
			margin-top: 23px;

			// margin-top: 15px;
			video {

			margin: 0px auto;
			margin-top: 25px;

			width: 443px;
			height: 277px;
			// background: aquamarine;
			}
			img{
			max-width: 500px;
			margin-top: 21px;

			}
			width: 443px;
			height: 277px;
			}
			img {
			max-width: 90%;
			margin-top: 28px;
			}
			}
			}
			.top-right {
			float: left;
			width: 43%;
			margin: 0 0.5%;
			// background-color: lightgoldenrodyellow;
			height: 350px;
			height: 330px;
			background-color: rgba(253, 253, 253, 1);
			position: relative;
			border-radius: 2px;
			overflow: hidden;
			.summary {
			height: 135px;
			margin: 5px 5px 0 5px;
			height: 120px;

			margin: 5px 5px 0 5px;

			.icon {
			margin: 0 5px;
			margin-top: 5px;
			margin: 0 10px;
			margin-top: 8px;

			float: left;
			.baseImg{
			max-width: 120px;
			max-height: 120px;
			.baseImg {
			max-width: 106px;
			max-height: 106px;
			}
			}


			.right-desc {
			float: left;
			position: absolute;
			left: 145px;
			left: 140px;
			.name {
			font-size: 30px;
			// font-weight: bold;
			font-size: 28px;

			margin-bottom: 5px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			width: 250px;
			}
			.tags {
			margin-bottom: 10px;
			@@ -1908,92 +1969,90 @@
			}
			}
			}

			}
			.jihuo-input{
			margin-left: 10px;
			margin-bottom: 10px;
			.el-input{
			float: left;
			width: 64%;
			margin-right: 10px;
			}
			el-button{
			float: left;
			}
			.jihuo-input {
			margin-left: 10px;
			margin-bottom: 10px;
			.el-input {
			float: left;
			width: 63%;
			margin-bottom: 8px;
			margin-right: 10px;
			}
			el-button {
			float: left;
			}
			}
			.product-intruduction {
			height: 200px;
			// background-color: lightgrey;
			margin-top: 3px;

			.part-title {
			display: block;
			line-height: 20px;
			line-height: 20px;

			font-size: 16px;
			margin-left: 24px;
			// height: 30px;
			border-bottom: 3px solid #3d68e1;
			width: fit-content;
			// margin-bottom: 8px;
			height: 26px;
			margin-bottom: 6px;
			height: 26px;
			margin-bottom: 8px;
			}
			.text {
			height: 156px;
			overflow: auto;
			padding: 0 15px 0px 15px;

			height: 156px;
			overflow: auto;
			padding: 0 15px 0px 15px;

			.single-desc {
			margin-bottom: 10px;
			margin-bottom: 10px;
			font-size: 13px;
			}
			}
			}
			}
			}
			.box-bottom {
			margin-top: 10px;
			height: 260px;
			margin-top: 8px;

			height: 240px;
			.bot-left {
			width: 49%;
			height: 260px;
			height: 240px;
			background-color: rgba(253, 253, 253, 1);
			margin: 0 0.5%;
			border-radius: 2px;
			float: left;
			// background-color: lightblue;
			.part-title {
			display: block;
			line-height: 35px;
			font-size: 16px;
			margin-left: 24px;
			// height: 30px;
			border-bottom: 3px solid #3d68e1;
			width: fit-content;
			margin-bottom: 8px;
			height: 35px;
			margin-bottom: 10px;

			height: 33px;
			}
			.list-zone {
			overflow: auto;
			height: 225px;
			padding: 0 12px;

			height: 190px;
			padding: 0 20px;
			.list-item {
			.desc {
			background-color: rgba(242, 242, 242, 1.3);
			margin: 4px 12px 0 12px;

			margin: 5px 12px 0 12px;
			font-size: 12px;
			line-height: 18px;
			}
			margin-bottom: 12px;
			margin-bottom: 12px;
			}
			}
			}
			.bot-right {
			height: 260px;
			height: 240px;
			float: left;
			background-color: rgba(253, 253, 253, 1);
			width: 49%;
			// background-color: lightgoldenrodyellow;
			margin: 0 0.5%;
			border-radius: 2px;

			@@ -2002,22 +2061,20 @@
			line-height: 35px;
			font-size: 16px;
			margin-left: 24px;
			// height: 30px;
			border-bottom: 3px solid #3d68e1;
			width: fit-content;
			margin-bottom: 5px;
			height: 35px;
			height: 33px;
			}
			.item-zone {
			overflow: auto;
			height: 225px;
			padding: 0px 12px;
			padding: 0px 12px;

			.item {
			height: 165px;
			width: 130px;
			float: left;
			// text-align: center;
			border-radius: 10px;
			box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.0666666666666667);
			position: relative;
			@@ -2027,34 +2084,31 @@
			margin: 8px;
			}
			.icon {
			// width: 100%;
			// height: 68px;
			// width: 68px;
			// position: absolute;
			// margin: 0 auto;
			margin: 0 auto;
			// top: 21%;
			// left: 26%;
			img {
			// display: block;
			max-width: 60px;
			max-height: 60px;
			position: absolute;
			top: 20%;
			left: 26%;
			position: absolute;
			top: 20%;
			left: 26%;
			}
			.icon-name {
			text-align: center;
			position: absolute;
			top: 61%;
			left: 7%;
			width: 110px;
			text-align: center;
			position: absolute;
			top: 61%;
			left: 12%;
			width: 100px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
			font-size: 13px;
			}
			}
			.look-button {
			position: absolute;
			left: 28%;
			top: 75%;
			left: 30%;

			top: 76%;
			}
			}
			}
			@@ -2464,6 +2518,7 @@
			flex-wrap: wrap;
			justify-content: center;
			top: 0;

			.bot-btn {
			flex: 1;
			}
			@@ -2737,34 +2792,40 @@
			}
			}
			}
			.dialog-active{
			.desc {
			padding: 0 30px;
			margin-bottom: 30px;
			li {
			border-bottom: 1px solid #eee;
			height: 45px;
			line-height: 45px;
			font-size: 14px;
			&:last-child {
			border-bottom: none;
			}
			label {
			display: inline-block;
			width: 90px;
			padding-left: 14px;
			font-weight: bold;
			}
			}
			.active-Dial {
			.el-dialog {
			min-width: 400px;
			}

			.dialog-active {
			.desc {
			padding: 0 30px;
			margin-bottom: 30px;
			li {
			border-bottom: 1px solid #eee;
			height: 45px;
			line-height: 45px;
			font-size: 14px;
			&:last-child {
			border-bottom: none;
			}
			.text-right {
			padding-right: 30px;
			text-align: right;
			.tip {
			color: #999;
			line-height: 38px;
			}
			label {
			display: inline-block;
			width: 90px;
			padding-left: 14px;
			font-weight: bold;
			}
			}
			}
			.text-right {
			padding-right: 30px;
			text-align: right;
			.tip {
			color: #999;
			line-height: 38px;
			}
			}
			}
			}
			</style>