首页接口

ZZJ

2022-04-02 45faaf27722588e92050e2e3eace9b3704377048

 src/views/hashrate/AlgManage/components/AlgCard.vue

@@ -1,17 +1,17 @@
<template>
  <div class="AlgCard">
    <img :src="alg.img" alt="" />
    <div class="name">{{ alg.name }}</div>
    <div class="dot" v-if="alg.hasNewVersion"></div>
    <img :src="alg.iconBlob" alt="" />
    <div class="name">{{ alg.sdk_name }}</div>
    <div class="dot" v-if="alg.isUpgrade"></div>

    <!-- 悬停遮罩层 -->
    <div class="version">
      <!-- 有新版本 -->
      <div class="isOld" v-if="alg.hasNewVersion">
      <div class="isOld" v-if="alg.isUpgrade">
        <div class="row">当前版本: {{ alg.version }}</div>
        <div class="row">最新版本: {{ alg.newVersion }}</div>
        <div class="row">最新版本: {{ alg.remoteVersion }}</div>
        <div class="btns">
          <div class="button update">升级</div>
          <div class="button update" @click="update">升级</div>
          <div class="button delete">卸载</div>
        </div>
      </div>
@@ -20,7 +20,7 @@
        <div class="row">当前为最新版本</div>
        <div class="row">{{ alg.version }}</div>
        <div class="btns">
          <div class="button delete">卸载</div>
          <div class="button delete" @click="unInstall">卸载</div>
        </div>
      </div>
    </div>
@@ -28,9 +28,40 @@
</template>

<script>
import { downloadOrUpgrade, unInstall } from "@/api/algorithm";
export default {
  props: {
    alg: {},
    devId: {},
  },
  methods: {
    async update() {
      const res = await downloadOrUpgrade({
        nodeId: this.devId,
        path: this.alg.id,
        userId: JSON.parse(sessionStorage.getItem("userInfo")).id,
      });
      if (res && res.success) {
        this.$notify({
          type: "success",
          message: "操作成功,请稍后",
        });
      }
    },
    async unInstall() {
      const res = await unInstall({
        nodeId: this.devId,
        sdkId: this.alg.id,
        userId: JSON.parse(sessionStorage.getItem("userInfo")).id,
      });
      if (res && res.success) {
        this.$emit("unInstall");
        this.$notify({
          type: "success",
          message: "卸载成功",
        });
      }
    },
  },
};
</script>