From 21a340c24815a55a07db2dc3d2e5a19e7de440cd Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 29 八月 2020 19:27:57 +0800
Subject: [PATCH] 添加摄像机区域管理应用
---
src/pages/ai/index/App.vue | 92 +++++++++++++++++++++++-----------------------
1 files changed, 46 insertions(+), 46 deletions(-)
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 9d27813..0c1a640 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -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;
}
}
}
--
Gitblit v1.8.0