| | |
| | | <span class="icon iconfont all-scene"></span>
|
| | | <el-input
|
| | | placeholder="搜索"
|
| | | v-model="input3"
|
| | | v-model="inputText"
|
| | | @change="searchAll"
|
| | | class="input-with-select"
|
| | | >
|
| | | <i class="el-icon-search" slot="prepend"></i>
|
| | |
| | | class="quick-item"
|
| | | v-for="(item, index) in recomandUpdateList"
|
| | | :key="index"
|
| | | @click="checkDetail(item, 'inactive')"
|
| | | @click="checkDetail(item, 'inactive', item.sdk_name)"
|
| | | >
|
| | | <div class="icon-img">
|
| | | <span class="icon iconfont" v-if="item.isUpgrade"
|
| | |
| | | <img v-else :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="desc">
|
| | | <div class="desc-1">{{ item.sdk_name || item.name }}</div>
|
| | | <el-tooltip
|
| | | :content="item.sdk_name || item.name"
|
| | | effect="light"
|
| | | >
|
| | | <div class="desc-1">{{ item.sdk_name || item.name }}</div>
|
| | | </el-tooltip>
|
| | | <div class="desc-2">版本 {{ item.version }}</div>
|
| | | </div>
|
| | | <div class="right-icon">
|
| | |
| | | class="front-page-item"
|
| | | v-for="(item, index) in tempList"
|
| | | :key="index"
|
| | | @click="checkDetail(item, 'Appcenter')"
|
| | | @click="checkDetail(item, null, item.sdk_name)"
|
| | | :class="{
|
| | | disabled: activeName == '应用中心' && !item.canUpOrIns,
|
| | | }"
|
| | |
| | | <img v-else :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="desc">
|
| | | <div class="desc-1">{{ item.sdk_name || item.name }}</div>
|
| | | <el-tooltip
|
| | | :content="item.sdk_name || item.name"
|
| | | effect="light"
|
| | | >
|
| | | <div class="desc-1">{{ item.sdk_name || item.name }}</div>
|
| | | </el-tooltip>
|
| | | <div class="desc-2">版本 {{ item.version }}</div>
|
| | | </div>
|
| | | <div class="right-btn">
|
| | |
| | | type="primary"
|
| | | class="other-btn"
|
| | | round
|
| | | @click="checkDetail(item, 'Appcenter')"
|
| | | @click="checkDetail(item, null, item.sdk_name)"
|
| | | v-if="activeName == '应用中心' && item.price > 0"
|
| | | >激活</el-button
|
| | | >
|
| | |
| | | class="front-page-item item-dimmed"
|
| | | v-for="(item, index) in tempDarkList"
|
| | | :key="index"
|
| | | @click="checkDetail(item, 'activeNotInstall')"
|
| | | @click="checkDetail(item, 'activeNotInstall', item.sdk_name)"
|
| | | >
|
| | | <div class="icon-img">
|
| | | <img
|
| | |
| | | <img v-else :src="item.icon" alt />
|
| | | </div>
|
| | | <div class="desc">
|
| | | <div class="desc-1">{{ item.sdk_name || item.name }}</div>
|
| | | <el-tooltip
|
| | | :content="item.sdk_name || item.name"
|
| | | effect="light"
|
| | | >
|
| | | <div class="desc-1">{{ item.sdk_name || item.name }}</div>
|
| | | </el-tooltip>
|
| | | <div class="desc-2">版本 {{ item.version }}</div>
|
| | | </div>
|
| | | <div class="right-btn">
|
| | |
| | | class="upload-demo"
|
| | | single
|
| | | tip
|
| | | :sourceType="3"
|
| | | :isDrag="true"
|
| | | :attrs="{ accept: '.zip,.tar,.gz,.tar.gz' }"
|
| | | tipWords="点击上传"
|
| | | uploadPlaceholder="算法软件"
|
| | | url="/data/api-v/sdk/upload"
|
| | |
| | | :detailProductID="detailProductID"
|
| | | :detailType="detailType"
|
| | | :detailPrice="detailPrice"
|
| | | :isSdk="isSdk"
|
| | | v-if="inDetail"
|
| | | @flushSdk="getAllSdk"
|
| | | @flushApp="getAllApps"
|
| | |
| | | isSDKDialog: true,
|
| | | actType: "",
|
| | | actId: "",
|
| | | input3: "",
|
| | | inputText: "",
|
| | | tempList: [],
|
| | | select: "",
|
| | | activedSdkOrApp: {
|
| | |
| | | this.autoRefresh = false;
|
| | | },
|
| | | methods: {
|
| | | searchAll() {
|
| | | this.getAllApps();
|
| | | this.getAllSdk();
|
| | | this.getUnActivedList(1);
|
| | | this.getUnActivedAppList();
|
| | | },
|
| | | goback() {
|
| | | this.inDetail = false;
|
| | | },
|
| | |
| | | this.tempDarkList = [];
|
| | | }
|
| | | },
|
| | | checkDetail(item, typ) {
|
| | | if (!item.canUpOrIns && typ == "Appcenter") {
|
| | | checkDetail(item, typ, sdkName) {
|
| | | /* if (!item.canUpOrIns && typ == "Appcenter") {
|
| | | return false;
|
| | | }
|
| | |
|
| | | } */
|
| | | this.isSdk = Boolean(sdkName);
|
| | | this.inDetail = true;
|
| | | this.detailProductID = item.id;
|
| | | this.detailPrice = item.price;
|
| | |
| | | })
|
| | | .catch((e) => {
|
| | | this.isInstall = false;
|
| | | this.$message.error(e.data);
|
| | | this.$message.error(e.msg);
|
| | | });
|
| | | },
|
| | | downloadApp(app, action) {
|
| | |
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | _this.$notify.warning(e.data);
|
| | | _this.$notify.warning(e.msg);
|
| | | clearInterval(timer);
|
| | | app.upgradeLoading = false;
|
| | | });
|
| | |
| | | let iArry = [];
|
| | | let sArry = [];
|
| | | let nArry = [];
|
| | | let rsp = await getApps();
|
| | | let rsp = await getApps({ appName: this.inputText });
|
| | | if (rsp && rsp.success) {
|
| | | // 遍历app的过程重置
|
| | | this.appUpgreading = false;
|
| | |
| | | };
|
| | | },
|
| | | getUnActivedList(v) {
|
| | | getUnActivedSdk().then((res) => {
|
| | | getUnActivedSdk({ sdkName: this.inputText }).then((res) => {
|
| | | if (res.code == 200) {
|
| | | this.unActivedSDKList = res.data;
|
| | | const len = this.unActivedSDKList.length;
|
| | |
| | | });
|
| | | },
|
| | | getUnActivedAppList() {
|
| | | getUnActivedApp().then((res) => {
|
| | | getUnActivedApp({ appName: this.inputText }).then((res) => {
|
| | | if (res.code == 200) {
|
| | | this.unActivedAppList = res.data;
|
| | | this.pickTab();
|
| | |
| | | _this.$notify.error(res.data.failMsg.failMsg);
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | console.log(e);
|
| | | });
|
| | | .catch((e) => {});
|
| | | } else if (this.activeTab == "app") {
|
| | | //激活应用
|
| | | actApp(item.id, "")
|
| | |
| | | _this.$notify.error(res.data.failMsg.failMsg);
|
| | | }
|
| | | })
|
| | | .catch((e) => {
|
| | | console.log(e);
|
| | | });
|
| | | .catch((e) => {});
|
| | | }
|
| | | },
|
| | | onFileUpload(file) {
|
| | |
| | | let installedList = [];
|
| | | let unInstalledList = [];
|
| | | let hasNewVersionList = [];
|
| | | let res = await findAllSdk();
|
| | | let res = await findAllSdk({ sdkName: this.inputText });
|
| | | if (res && res.success) {
|
| | | this.sdkUpgreading = false;
|
| | |
|
| | |
| | | <style lang="scss">
|
| | | .s-task-manage {
|
| | | width: 100% !important;
|
| | | min-width: 754px !important;
|
| | | height: 100%;
|
| | | box-sizing: border-box;
|
| | | text-align: left;
|
| | |
| | | height: 76px;
|
| | | border-radius: 4px;
|
| | |
|
| | | &.disabled {
|
| | | /* &.disabled {
|
| | | cursor: default;
|
| | | }
|
| | | } */
|
| | |
|
| | | .icon-img {
|
| | | width: 58px;
|
| | |
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | @media screen and (max-width: 800px) {
|
| | | .quick-path .left-items .quick-item:last-child {
|
| | | display: none !important;
|
| | | }
|
| | | .quick-path .left-items .quick-item:nth-child(2) {
|
| | | border: none !important;
|
| | | }
|
| | | }
|
| | | </style>
|
| | |
|