web/apsDashboard-1.git

			@@ -46,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>-->
			@@ -1161,7 +1168,8 @@
			}
			}
			.src-title{
			color: #333;
			//color: #bfbfbf;
			color: #bbcee8;
			font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';
			font-weight: 650;
			font-style: normal;
			@@ -1250,7 +1258,7 @@
			}
			}
			.task-list {
			background: #fff;
			background: #fdfdfd;
			padding: 20px;
			box-sizing: border-box;

			@@ -1258,36 +1266,14 @@
			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;
			// }
			}
			}
			}
			@@ -1680,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;
			@@ -1701,6 +1687,7 @@
			.mask {
			display: flex;
			align-items: flex-end;
			top: 0;
			.bot-btn {
			flex: 1;
			}
			@@ -1816,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;
			@@ -1852,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%;
			@@ -1866,11 +1857,13 @@
			transform: translate(-50%, -50%);
			}
			.baseImg {
			width: 60%;
			width: 56%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			max-width: 106px;
			max-height: 106px;
			}
			}
			}