web/apsDashboard-1.git

			@@ -19,18 +19,10 @@
			@tab-click="handleTabClick"
			style="height: calc(100% - 20px);"
			>
			<el-tab-pane label="我的算法" name="myAlgorithm">
			<el-tab-pane label="已安装" name="myAlgorithm">
			<div class="width-new-line task-list" v-show="activeName === 'myAlgorithm'">
			<p class="src-title">算法软件</p>
			<div class="flex-list">
			<!-- <draggable
			:list="installedList"
			:group="{ name: 'article', pull: 'clone', put: false }"
			:sort="false"
			@start="startRight"
			@end="endLeft"
			style="display:inline"
			>-->

			<div class="wrap-box" v-for="item in ungradeList" :key="item.id">
			<div class="list-choose-item-left">
			<div class="mask">
			@@ -54,16 +46,23 @@
			</div>
			<div class="wrap-box" v-for="(item) in installedList" :key="item.id">
			<div class="list-choose-item-left">
			<div class="mask" v-if="!item.isEdit">
			<!-- <div class="mask" v-if="!item.isEdit">
			<el-button
			@click="commandAlgLib(item)"
			type="primary"
			class="bot-btn"
			>编辑名称</el-button>
			</div>
			</div> -->
			<div class="list-complete-item-handle">
			<!-- <span :class="`iconfont ${item.icon}`" style="font-size:3rem;"></span> -->
			<div class="svg-wrap">
			<div class="mask" v-if="!item.isEdit">
			<el-button
			@click="commandAlgLib(item)"
			type="primary"
			class="bot-btn"
			>编辑名称</el-button>
			</div>
			<!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">
			<use :xlink:href="`#${item.icon}`" />
			</svg>-->
			@@ -119,7 +118,7 @@
			</div>
			</div>
			</div>
			<!-- 未下载 -->
			<p class="src-title">应用软件</p>
			</div>
			</el-tab-pane>

			@@ -134,7 +133,7 @@
			single
			tip
			tipWords="上传算法"
			uploadPlaceholder="离线安装算法"
			uploadPlaceholder="上传安装软件"
			url="/data/api-v/sdk/upload"
			@complete="onFileUpload"
			@file-added="onFileAdded"
			@@ -142,8 +141,9 @@
			</div>
			</div>
			</el-tab-pane>
			<el-tab-pane label="算法商城" name="algorithmMall" v-show="activeName==='algorithmMall'">
			<el-tab-pane label="应用中心" name="algorithmMall" v-show="activeName==='algorithmMall'">
			<div class="tab-content">
			<p class="src-title">算法软件</p>
			<div class="store-list">
			<div class="wrap-box">
			<div class="inner">
			@@ -161,6 +161,8 @@
			</div>
			</div>
			</div>
			<p class="src-title">应用软件</p>
			<div class="app-list"></div>
			</div>
			<el-drawer title="下载" :visible.sync="actDrawerShow" :direction="direction">
			<div class="drawer-content">
			@@ -1113,6 +1115,7 @@
			height: 100%;
			box-sizing: border-box;
			text-align: left;
			min-width: 1106px;
			// background-color: #f2f6fc;
			.s-video-manage-breadcrumb {
			height: 5%;
			@@ -1163,6 +1166,16 @@
			text-align: center;
			color: #666;
			}
			}
			.src-title{
			//color: #bfbfbf;
			color: #bbcee8;
			font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';
			font-weight: 650;
			font-style: normal;
			height: 36px;
			font-size: 15px;
			padding-left: 25px;
			}
			.task-manage {
			height: 100%;
			@@ -1245,43 +1258,22 @@
			}
			}
			.task-list {
			background: #fff;
			padding: 30px 20px 20px;
			background: #fdfdfd;
			padding: 20px;
			box-sizing: border-box;

			.flex-list {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			// justify-content: space-around;
			// align-content: space-around;
			// &:after {
			// content: "";
			// flex: auto;
			// }
			.wrap-box {
			width: 16.66%;
			}
			.list-choose-item-left {
			// width: 220px;
			// height: 214px;
			width: 80%;
			height: auto;
			margin: auto;
			margin-bottom: 30px;
			// @media screen and(min-width: 1895px) {
			// //margin: 20px 25px 20px 20px;
			// width: 230px;
			// height: 224px;
			// }
			// @media screen and(min-width: 1695px) and(max-width:1895px ) {
			// margin: 20px 10px 20px 15px;
			// }
			// @media screen and(min-width: 1460px) and(max-width: 1695px) {
			// margin: 20px 25px 20px 20px;
			// }
			// @media screen and(max-width: 1460px) {
			// margin: 20px 15px 20px 10px;
			// }
			}
			}
			}
			@@ -1674,8 +1666,8 @@
			// height: 214px;
			transition: all 1s;
			background: #ffffff;
			border: 1px solid #e2e2e2;
			box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
			//border: 1px solid #e2e2e2;
			//box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
			border-radius: 4px;
			p {
			display: none;
			@@ -1695,6 +1687,7 @@
			.mask {
			display: flex;
			align-items: flex-end;
			top: 0;
			.bot-btn {
			flex: 1;
			}
			@@ -1810,11 +1803,12 @@
			color: #222222;
			}
			.alg-name {
			margin-top: 12px;
			//margin-top: 12px;
			line-height: 36px;
			font-family: PingFangSC-Regular;
			font-size: 15px;
			color: #222222;
			font-size: 14px;
			letter-spacing: 0.05em;
			color: #3e4664;
			// background-color: #ecf5ff;
			.el-input {
			position: relative;
			@@ -1846,13 +1840,16 @@
			}
			.list-complete-item-handle {
			height: 100%;
			padding-bottom: 10px;
			//padding-bottom: 10px;
			text-align: center;
			.svg-wrap {
			width: 80%;
			//width: 80%;
			width: 100%;
			margin: auto;
			padding-top: 80%;
			padding-top: 100%;
			position: relative;
			box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
			svg {
			position: absolute;
			top: 50%;
			@@ -1860,10 +1857,13 @@
			transform: translate(-50%, -50%);
			}
			.baseImg {
			width: 56%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			max-width: 106px;
			max-height: 106px;
			}
			}
			}