zhangzengfei
2022-07-31 85391dc1a2458202bdf0fb7a5394022aa17b9126
src/pages/ai/index/detail.vue
@@ -8,33 +8,14 @@
        <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
@@ -95,11 +76,7 @@
    <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>
@@ -109,29 +86,11 @@
          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>
@@ -140,20 +99,11 @@
      <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>
@@ -164,24 +114,13 @@
            <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>
@@ -214,13 +153,7 @@
  </div>
</template>
<script>
import {
  findAllSdk,
  downloadSdk,
  installSdk,
  getInstallInfo,
  removeSdk,
} from "./api";
import { findAllSdk, downloadSdk, installSdk, getInstallInfo, removeSdk } from "./api"
import {
  getApps,
  installApp,
@@ -229,26 +162,23 @@
  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 {
@@ -282,7 +212,7 @@
        setting: "",
        expireTime: "",
        licence: "",
        devIds: "",
        devIds: ""
      },
      installedApps: [],
      storeApps: [],
@@ -302,169 +232,167 @@
      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();
      },
    },
      inserted: function(el) {
        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) => {
@@ -472,21 +400,21 @@
            _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 {
          }
        })
@@ -494,94 +422,91 @@
          _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 {
@@ -590,324 +515,321 @@
        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 {
@@ -1193,4 +1115,3 @@
  }
}
</style>