应用中心商城应用激活

hanbaoshan

2020-09-30 bdfabf5a34092c02b5445ad50a0daafcbaa49721

应用中心商城应用激活

 src/api/app.ts

@@ -9,7 +9,7 @@
  });
};

//获取应用中心商城待激活列表
//获取应用中心商城待激活算法列表
export const getUnActivedSdk = () => {
  return request({
    url: "/data/api-v/sdk/buyList",
@@ -25,7 +25,7 @@
  })
}

//获取商城所有应用
//获取商城所有应用(已激活)
export const findAllApp = () => request({
  url: '/data/api-v/app/findAllApp',
  method: 'get'
@@ -42,4 +42,14 @@
  url: '/data/api-v/app/unInstall',
  method: 'post',
  data
})
});
//获取商城待激活的应用
export const getUnActivedApp = ()=> request({
  url:'/data/api-v/app/buyList',
  method: 'get'
});
//激活商城应用
export const actApp = (appId:String,code:String) => request({
  url:`/data/api-v/app/active?appId=${appId}&code=${code}`,
  method:'get'
});

 src/components/cardWindow.vue

@@ -18,6 +18,7 @@
        :maxHeight="7000"
        :height="defaultHeight"
        :width="defaultWidth"
        
      >
        <div v-if="item.list.length == 1" style="height: calc(100% - 50px)">
          <model-card :data="item.list[0]"></model-card>

 src/pages/ai/index/App.vue

@@ -115,7 +115,12 @@
                    <div class="wrap-box" v-for="(item) in installedApps" :key="item.id">

                        <div class="list-choose-item-left">

                          <div class="list-complete-item-handle">

                            <div class="svg-wrap" v-loading="item.unloadLoading" element-loading-text="卸载中" element-loading-background="rgba(0,0,0,.8)">

                          <div

                            class="svg-wrap"

                            v-loading="item.unloadLoading"

                            element-loading-text="卸载中"

                            element-loading-background="rgba(0,0,0,.8)"

                          >

                              <div class="mask" v-if="!item.isDefault">

                                <el-button

                                  v-if="!item.isDefault"

@@ -124,7 +129,11 @@
                                  class="bot-btn"

                                >卸载</el-button>

                              </div>

                              <img class="baseImg" :src="`${item.iconBlob?'data:image/png;base64,'+item.iconBlob:item.icon}`" alt />

                            <img

                              class="baseImg"

                              :src="`${item.iconBlob?'data:image/png;base64,'+item.iconBlob:item.icon}`"

                              alt

                            />

                            </div>

                            <div class="alg-name">

                              <div style="padding:0px 10px 0px 10px;">

@@ -145,9 +154,18 @@
                    <div class="wrap-box" v-for="item in storeApps" :key="item.id">

                      <div class="list-choose-item-left ">

                        <div class="list-complete-item-handle uninstall">

                          <div class="svg-wrap" v-loading="item.installLoading" element-loading-text="安装中" element-loading-background="rgba(0,0,0,.8)">

                          <div

                            class="svg-wrap"

                            v-loading="item.installLoading"

                            element-loading-text="安装中"

                            element-loading-background="rgba(0,0,0,.8)"

                          >

                            <div class="mask">

                              <el-button type="primary" class="bot-btn" @click="downloadApp(item)">安装</el-button>

                              <el-button

                                type="primary"

                                class="bot-btn"

                                @click="downloadApp(item)"

                              >安装</el-button>

                            </div>

                            <img

                              class="baseImg"

@@ -202,7 +220,7 @@
                      <div class="list-choose-item-left">

                        <div class="list-complete-item-handle">

                          <div class="alg-icon svg-wrap">

                            <div class="mask" @click="actSdk(item.id)">

                            <div class="mask" @click="actSdkOrApp(item.id)">

                              <span

                                class="iconfont iconyunxiazai"

                                style="color:#ff6a00;font-size:20px;position:absolute;top:45%;left:45%"

@@ -233,9 +251,39 @@
                  </div>

                  <p class="src-title">应用软件</p>

                  <div class="app-list flex-list">

                    
                    <div class="wrap-box" v-for="item in unActivedAppList" :key="item.id">

                      <div class="list-choose-item-left">

                        <div class="list-complete-item-handle">

                          <div class="alg-icon svg-wrap">

                            <div class="mask" @click="actSdkOrApp(item.id,'app')">

                              <span

                                class="iconfont iconyunxiazai"

                                style="color:#ff6a00;font-size:20px;position:absolute;top:45%;left:45%"

                              ></span>

                  </div>

                  
                            <img

                              class="baseImg"

                              :src="item.iconBlob.indexOf(',')>0? item.iconBlob:`data:image/png;base64,${item.iconBlob}`"

                              alt

                            />

                          </div>

                          <div class="alg-name">

                            <div style="padding:0px 10px 0px 10px;">

                              <span v-if="!item.isEdit">{{ item.sdk_name }}</span>

                              <el-input

                                size="small"

                                v-model="item.sdk_name"

                                v-if="item.isEdit"

                                v-focus

                                :maxlength="15"

                                @blur="inputBlur(item)"

                              ></el-input>

                            </div>

                          </div>

                        </div>

                      </div>

                    </div>

                  </div>

                </div>

                <el-drawer title="下载" :visible.sync="actDrawerShow" :direction="direction">

                  <div class="drawer-content">

@@ -263,23 +311,23 @@
                      <ul class="desc">

                        <li>

                          <label>激活码:</label>

                          <span>{{activedSdk.activateCode}}</span>

                          <span>{{activedSdkOrApp.activateCode}}</span>

                        </li>

                        <li>

                          <label>产品名称:</label>

                          <span>{{activedSdk.productName}}</span>

                          <span>{{activedSdkOrApp.productName}}</span>

                        </li>

                        <li>

                          <label>配置详情:</label>

                          <span>{{activedSdk.setting}}</span>

                          <span>{{activedSdkOrApp.setting}}</span>

                        </li>

                        <li>

                          <label>服务到期日:</label>

                          <span>{{activedSdk.expireTime}}</span>

                          <span>{{activedSdkOrApp.expireTime}}</span>

                        </li>

                        <li>

                          <label>许可证:</label>

                          <span>{{activedSdk.licence}}</span>

                          <span>{{activedSdkOrApp.licence}}</span>

                        </li>

                        <!-- <li>

                          <label>设备ID:</label>

@@ -321,8 +369,8 @@
  downloadSdk,

  installSdk

} from "./api";

import { getApps,installApp,removeApp } from "@/api/app";

import { getUnActivedSdk, actPageAlg } from "@/api/app";

import { getApps, installApp, removeApp, getUnActivedSdk, actPageAlg, getUnActivedApp, actApp } from "@/api/app";



import FileUploader from "@/components/subComponents/FileUpload/index";

import TaskManage from "@/Pool/TaskMange";

import VideoManageData from "@/Pool/VideoManageData";

@@ -420,8 +468,11 @@
      isInstall: false,

      installPercentage: 0,

      unActivedSDKList: [],

      actSdkId: '',

      activedSdk: {

      unActivedAppList: [],

      //actSdkId: '',

      actType: '',

      actId: '',

      activedSdkOrApp: {

        activateCode: '',

        productName: '',

        setting: '',

@@ -466,6 +517,7 @@
    this.findAll();

    this.getUser();

    this.getUnActivedList();

    this.getUnActivedAppList();

    // this.TaskMange.findAllSdk();

    // this.TaskMange.findByType();

    this.VideoManageData.init();

@@ -525,12 +577,20 @@
      })



    },

    actSdk (id) {

      this.actSdkId = id;

    // actSdk (id) {

    //   this.actSdkId = id;

    //   this.actDrawerShow = true;

    //   this.actStep = 0;

    //   this.activeCode = '';

    //   this.activedSdkOrApp = this.newActInfo()

    // },

    actSdkOrApp (id, type = 'sdk') {

      this.actType = type;

      this.actId = id;

      this.actDrawerShow = true;

      this.actStep = 0;

      this.activeCode = '';

      this.activedSdk = this.newActInfo()

      this.activedSdkOrApp = this.newActInfo()

    },

    newActInfo(){

      return {

@@ -550,14 +610,24 @@
      })



    },

    getUnActivedAppList () {

      getUnActivedApp().then(res => {

        if (res.code == 200) {

          this.unActivedAppList = res.data;

        }

      });

    },



    installFormat (percentage) {

      return percentage === 100 ? '安装成功' : `${percentage}%`;

    },

    actived () {

      let _this = this;

      actPageAlg(this.actSdkId, this.activeCode).then(res => {

      if (this.actType == 'sdk') {

        //激活算法

        actPageAlg(this.actId, this.activeCode).then(res => {

        if (res.data.isSuccess) {

          _this.activedSdk = res.data.successMsg;

            _this.activedSdkOrApp = res.data.successMsg;

          _this.actStep++;

          _this.getUnActivedList();

          _this.findAllSdk();

@@ -569,7 +639,25 @@
        }

      }).catch(e => {

        console.log(e)

      })

        });

      } else if (this.actType == 'app') {

        //激活应用

        actApp(this.actId, this.activeCode).then(res => {

          if (res.data.isSuccess) {

            _this.activedSdkOrApp = res.data.successMsg;

            _this.actStep++;

            _this.getUnActivedAppList();

            _this.getAllApps();

          } else {

            _this.$notify({

              type: 'error',

              message: res.data.failMsg.failMsg

            });

          }

        }).catch(e => {

          console.log(e)

        });

      }

    },

    getCodeDetail () { },

    checkMyAlgorith () {

@@ -1647,7 +1735,8 @@
          }

        }

      }

      .store-list,.app-list {

      .store-list,

      .app-list {

        display: flex;

        flex-wrap: wrap;

        .wrap-box {

@@ -1898,7 +1987,6 @@
          justify-content: center;

        }

      }

      
    }

    .list-choose-item-left-uninstal {

      color: darkgray;