| | |
| | | <div class="width-new-line task-list" v-show="activeName === 'myAlgorithm'">
|
| | | <p class="src-title">算法软件</p>
|
| | | <div class="flex-list">
|
| | | <div class="wrap-box" v-for="item in ungradeList" :key="item.id">
|
| | | <div class="wrap-box" v-for="item in ungradeList" :key="'upgrade'+item.id">
|
| | | <div class="list-choose-item-left">
|
| | | <div class="mask flex-center">
|
| | | <div class="list-complete-item-handle">
|
| | | <div class="svg-wrap" :class="{willUpGrade:item.isUpgrade}">
|
| | | <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>
|
| | | <el-button type="primary" class="bot-btn" @click="donwload(item)">升级</el-button>
|
| | | <div class="mask-btn">
|
| | | <el-button
|
| | | type="warning"
|
| | | class="bot-btn"
|
| | | size="small"
|
| | | @click="donwload(item)"
|
| | | >升级</el-button>
|
| | | </div>
|
| | | </div>
|
| | |
|
| | | <div class="list-complete-item-handle">
|
| | | <div class="svg-wrap">
|
| | | <!-- <div class="list-complete-item-handle"> -->
|
| | | <!-- <div class="svg-wrap" :class="{willUpGrade:item.isUpgrade}"> -->
|
| | | <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="">
|
| | | <img v-else class="baseImg" :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | <img v-else class="baseImg" :src="item.icon" alt="">
|
| | | <img v-else class="baseImg" :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | <img v-else class="baseImg" :src="item.icon" alt="">
|
| | | <img v-else class="baseImg" :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | <div class="list-complete-item-handle">
|
| | | <div
|
| | | class="svg-wrap"
|
| | | v-loading="item.unloadLoading"
|
| | | element-loading-text="卸载中"
|
| | | :class="{willUpGrade:item.isUpgrade}"
|
| | | v-loading="item.unloadLoading||item.upgradeLoading"
|
| | | :element-loading-text="item.unloadLoading?'卸载中':'升级中'"
|
| | | element-loading-background="rgba(0,0,0,.8)"
|
| | | >
|
| | | <div class="mask" v-if="!item.isDefault">
|
| | | <i class="iconfont iconupdate" v-if="item.isUpgrade"></i>
|
| | | <div class="mask" v-if="!item.isDefault || item.isUpgrade">
|
| | | <div class="info-onmask">
|
| | | <div>当前版本:{{item.version}}</div>
|
| | | <div v-if="item.remoteVersion">最新版本:{{item.remoteVersion}}</div>
|
| | | </div>
|
| | | <div class="mask-btn">
|
| | | <el-button
|
| | | v-if="!item.isDefault"
|
| | | @click="unLoad(item)"
|
| | | type="primary"
|
| | | size="small"
|
| | | class="bot-btn"
|
| | | >卸载</el-button>
|
| | | <el-button
|
| | | v-if="item.isUpgrade"
|
| | | @click="downloadApp(item,'upgrade')"
|
| | | type="warning"
|
| | | size="small"
|
| | | class="bot-btn"
|
| | | >升级</el-button>
|
| | | </div>
|
| | | </div>
|
| | | <img
|
| | | v-if="item.iconBlob"
|
| | |
| | | :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | <img v-else class="baseImg" :src="item.icon" alt="">
|
| | | <img v-else class="baseImg" :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | <div class="list-complete-item-handle uninstall">
|
| | | <div
|
| | | class="svg-wrap"
|
| | | v-loading="item.installLoading"
|
| | | element-loading-text="安装中"
|
| | | v-loading="item.installLoading||item.upgradeLoading"
|
| | | :element-loading-text="item.installLoading?'安装中':'升级中'"
|
| | | element-loading-background="rgba(0,0,0,.8)"
|
| | | >
|
| | | <div class="mask">
|
| | |
| | | :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | <img v-else class="baseImg" :src="item.icon" alt="">
|
| | | <img v-else class="baseImg" :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | <img v-else class="baseImg" :src="item.icon" alt="">
|
| | | <img v-else class="baseImg" :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"
|
| | | alt
|
| | | />
|
| | | <img v-else class="baseImg" :src="item.icon" alt="">
|
| | | <img v-else class="baseImg" :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="alg-name">
|
| | | <div style="padding:0px 10px 0px 10px;">
|
| | |
| | | },
|
| | | ungradeList() {
|
| | | // 升级处理会导致重复的key,需要修改
|
| | | return [];
|
| | | //return [];
|
| | | return this.TaskMange.list1.filter(sdk => {
|
| | | return sdk.isUpgrade === true;
|
| | | });
|
| | |
| | | isShow(authority) {
|
| | | return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
|
| | | },
|
| | | //离线安装
|
| | | offlineInstall() {
|
| | | this.installDialogVisible = false;
|
| | | this.isInstall = true;
|
| | |
| | | setTimeout(() => {
|
| | | this.findAllSdk();
|
| | | this.getAllApps();
|
| | | window.parent.postMessage({
|
| | | msg: "AppUpdate"
|
| | | }, '*')
|
| | | this.activeName = 'myAlgorithm';
|
| | | }, 3000)
|
| | | }, 3000);
|
| | | }
|
| | |
|
| | | }).catch(e => {
|
| | |
| | | });
|
| | | })
|
| | | },
|
| | | downloadApp(app) {
|
| | | downloadApp (app, action) {
|
| | | if (action == 'upgrade') {
|
| | | app.upgradeLoading = true;
|
| | | } else {
|
| | | app.installLoading = true;
|
| | | }
|
| | | let _this = this;
|
| | |
|
| | | installApp({ path: app.id }).then(res => {
|
| | | if (res && res.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({
|
| | | msg: "AppUpdate"
|
| | | }, '*')
|
| | | }, 3000);
|
| | | }
|
| | | }).catch(e => {
|
| | | console.log(e);
|
| | | if (action == 'upgrade') {
|
| | | app.upgradeLoading = false;
|
| | | } else {
|
| | | app.installLoading = false;
|
| | | }
|
| | | })
|
| | | },
|
| | |
| | | //_this.storeApps = res.data;
|
| | | res.data.forEach(item => {
|
| | | if (item.installed) {
|
| | | let obj = Object.assign({ unloadLoading: false }, item)
|
| | | let obj = Object.assign({ unloadLoading: false, upgradeLoading: false }, item)
|
| | | _this.installedApps.push(obj)
|
| | | } else {
|
| | | let obj = Object.assign({ installLoading: false }, item)
|
| | | let obj = Object.assign({ installLoading: false, upgradeLoading: false }, item)
|
| | | _this.storeApps.push(obj)
|
| | | }
|
| | | });
|
| | |
| | | }, '*')
|
| | | }, 3000);
|
| | | }
|
| | | }).catch(e => {
|
| | | console.log(e);
|
| | | app.unloadLoading = false;
|
| | | })
|
| | |
|
| | | },
|
| | |
| | | .src-title {
|
| | | //color: #bfbfbf;
|
| | | color: #bbcee8;
|
| | | font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC";
|
| | | font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';
|
| | | font-weight: 650;
|
| | | font-style: normal;
|
| | | height: 36px;
|
| | |
| | | position: absolute;
|
| | | top: 50%;
|
| | | left: 50%;
|
| | | background: url("/images/algo/green.gif");
|
| | | background: url('/images/algo/green.gif');
|
| | | overflow: hidden;
|
| | | transform: translate(-50%, -50%);
|
| | | .inner-bar {
|
| | |
| | | margin: auto;
|
| | | margin-bottom: 30px;
|
| | | max-width: 200px;
|
| | | .mask {
|
| | | width: 100%;
|
| | |
|
| | | .el-button + .el-button {
|
| | | margin-left: 0 !important;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
| | | z-index: 1;
|
| | | border-radius: 3px;
|
| | | display: none;
|
| | | .el-button + .el-button {
|
| | | margin-left: 0 !important;
|
| | | }
|
| | | .tool {
|
| | | position: absolute;
|
| | | top: 49%;
|
| | |
| | | }
|
| | | }
|
| | | .drawer-content {
|
| | | font-family: "PingFangSC-Regular";
|
| | | font-family: 'PingFangSC-Regular';
|
| | | .el-step__title.is-process {
|
| | | border-color: #3d68e1 !important;
|
| | | color: #3d68e1 !important;
|
| | | font-family: Tahoma, Helvetica, Arial, "\5B8B\4F53", sans-serif;
|
| | | font-family: Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif;
|
| | | }
|
| | | .el-step__head.is-process {
|
| | | border-color: #3d68e1 !important;
|
| | | color: #3d68e1 !important;
|
| | | font-family: Tahoma, Helvetica, Arial, "\5B8B\4F53", sans-serif;
|
| | | font-family: Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif;
|
| | | }
|
| | | .el-input {
|
| | | width: 100%;
|
| | |
| | | display: none;
|
| | | .info-onmask {
|
| | | color: #8ecaff;
|
| | | }
|
| | | .mask-btn {
|
| | | width: 100%;
|
| | | display: flex;
|
| | | }
|
| | | i {
|
| | | color: #fff;
|
| | |
| | | .mask {
|
| | | display: flex;
|
| | | align-items: flex-end;
|
| | | flex-wrap: wrap;
|
| | | justify-content: center;
|
| | | top: 0;
|
| | | .bot-btn {
|
| | | flex: 1;
|
| | |
| | | max-height: 106px;
|
| | | }
|
| | | }
|
| | | .willUpGrade {
|
| | | .iconupdate {
|
| | | color: #01e667;
|
| | | position: absolute;
|
| | | top: 5px;
|
| | | right: 5px;
|
| | | font-weight: 550;
|
| | | font-size: 26px;
|
| | | }
|
| | | }
|
| | | &.uninstall {
|
| | | .svg-wrap {
|
| | | background-color: #ddd;
|