| | |
| | | <div class="algCard" v-for="(item, index) in payAlg" :key="index"> |
| | | <img :src="item.logoUrl" alt="" draggable="false" /> |
| | | <div class="name">{{ item.productName }}</div> |
| | | <span class="button pay" @click="toDetail(item.productName)" |
| | | >购买</span |
| | | > |
| | | <span class="button pay" @click="toDetail(item.id)">购买</span> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 免费算法列表 --> |
| | | <div class="label freeLabel"> |
| | | 免费算法 <span class="des">从此处拖拽算法图标安装到设备</span> |
| | | 本地算法 <span class="des">从此处拖拽算法图标安装到设备</span> |
| | | </div> |
| | | <div class="freeList"> |
| | | <div class="freeList scroll"> |
| | | <div |
| | | class="algCard" |
| | | v-for="(item, index) in freeAlg" |
| | |
| | | @dragstart="dragStart(item)" |
| | | /> |
| | | <div class="name">{{ item.productName }}</div> |
| | | <span class="button detail" @click="toDetail(item.productName)" |
| | | >查看详情</span |
| | | > |
| | | <span class="button detail" @click="toDetail(item.id)">查看详情</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="algList"> |
| | | <!-- 算法card --> |
| | | <Card |
| | | v-for="(alg, index) in item.sdkList" |
| | | v-for="(alg, index) in item.sdkList1" |
| | | :key="index" |
| | | :alg="alg" |
| | | :devId="item.devId" |
| | | @unInstall="item.sdkList.splice(index, 1)" |
| | | @unInstall="item.sdkList1.splice(index, 1)" |
| | | ></Card> |
| | | <!-- 拖拽存放box --> |
| | | <div |
| | | class="dropBox" |
| | | v-if="dragAlg" |
| | | @dragover="dragover($event)" |
| | | @drop="drop(item.sdkList, item.devId)" |
| | | @drop="drop(item.sdkList1, item.devId)" |
| | | > |
| | | 请拖动到此处 |
| | | </div> |
| | | <!-- 空算法情况 --> |
| | | <div |
| | | class="empty" |
| | | v-if="item.sdkList && item.sdkList.length === 0 && !dragAlg" |
| | | v-if="item.sdkList1 && item.sdkList1.length === 0 && !dragAlg" |
| | | > |
| | | <img src="/images/hashrate/算法管理空页面.png" alt="" /> |
| | | <img src="/images/hashrate/sdkEmpty.png" alt="" /> |
| | | <div class="des"> |
| | | 暂未安装算法,从左侧算法中心算法到此处,即可安装 |
| | | </div> |
| | |
| | | } |
| | | |
| | | if ( |
| | | item.logoUrl.indexOf("http://apps.smartai.com/httpImage/") === -1 |
| | | item.logoUrl.indexOf("http://apps.smartai.com/httpImage/") === -1 && |
| | | item.logoUrl.indexOf("/files") != 0 |
| | | ) { |
| | | item.logoUrl = "/httpImage/" + item.logoUrl; |
| | | } |
| | |
| | | this.equipmentArr = []; |
| | | res.data.forEach((item, index) => { |
| | | if (item.sdkList) { |
| | | let sdkList1 = []; |
| | | item.sdkList.forEach((sdk) => { |
| | | if (sdk.installed) { |
| | | sdkList1.push(sdk); |
| | | } |
| | | }); |
| | | item.sdkList1 = sdkList1; |
| | | this.equipmentArr.push(item); |
| | | } |
| | | }); |
| | |
| | | sdk_name: this.dragAlg.productName, |
| | | }); |
| | | |
| | | const res = await downloadOrUpgrade({ |
| | | nodeId: devId, |
| | | path: this.dragAlg.productBaseId, |
| | | userId: JSON.parse(sessionStorage.getItem("userInfo")).id, |
| | | inputText: this.dragAlg.productName, |
| | | }); |
| | | if (res && res.success) { |
| | | this.$notify({ |
| | | type: "success", |
| | | message: "操作成功,请稍后", |
| | | try { |
| | | const res = await downloadOrUpgrade({ |
| | | nodeId: devId, |
| | | path: this.dragAlg.productBaseId, |
| | | userId: JSON.parse(sessionStorage.getItem("userInfo")).id, |
| | | inputText: this.dragAlg.productName, |
| | | }); |
| | | if (res && res.success) { |
| | | this.$notify({ |
| | | type: "success", |
| | | message: "操作成功,请稍后", |
| | | }); |
| | | } |
| | | } catch (err) { |
| | | algArr.pop(); |
| | | } |
| | | |
| | | this.dragAlg = null; |
| | |
| | | let devObj = {}; |
| | | let sdkIds = []; |
| | | devObj.devId = dev.devId; |
| | | dev.sdkList.forEach((sdk) => { |
| | | dev.sdkList1.forEach((sdk) => { |
| | | if (sdk.isUpgrade) { |
| | | sdkIds.push(sdk.id); |
| | | } |
| | |
| | | }); |
| | | } |
| | | }, |
| | | toDetail(productName) { |
| | | toDetail(id) { |
| | | this.$router.push({ |
| | | path: "/productDetail", |
| | | query: { |
| | | name: productName, |
| | | id: id, |
| | | }, |
| | | }); |
| | | }, |
| | |
| | | |
| | | .update { |
| | | position: absolute; |
| | | top: 20px; |
| | | right: 20px; |
| | | width: 140px; |
| | | height: 40px; |
| | | top: 6px; |
| | | right: 165px; |
| | | width: 112px; |
| | | height: 32px; |
| | | background: #0065ff; |
| | | color: #fff; |
| | | font-size: 14px; |
| | | /* font-size: 15px; */ |
| | | font-weight: 700; |
| | | line-height: 40px; |
| | | line-height: 33px; |
| | | text-align: center; |
| | | } |
| | | |