From 1a94e4c4d56cdb04da7bab981d9389f87daa0683 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期一, 03 八月 2020 18:34:36 +0800
Subject: [PATCH] app:修改images引入方式
---
src/pages/algorithmManage/index/App.vue | 124 ++++++++++++++++++++--------------------
1 files changed, 62 insertions(+), 62 deletions(-)
diff --git a/src/pages/algorithmManage/index/App.vue b/src/pages/algorithmManage/index/App.vue
index 6b97404..552369a 100644
--- a/src/pages/algorithmManage/index/App.vue
+++ b/src/pages/algorithmManage/index/App.vue
@@ -66,8 +66,12 @@
<div class="svg-wrap">
<!-- <svg class="icon" aria-hidden="true" style="font-size:7rem;">
<use :xlink:href="`#${item.icon}`" />
- </svg> -->
- <img class="baseImg" :src="`data:image/png;base64,${item.iconBlob}`" alt="">
+ </svg>-->
+ <img
+ class="baseImg"
+ :src="`data:image/png;base64,${item.iconBlob}`"
+ alt
+ />
</div>
<div class="alg-name">
<div style="padding:0px 10px 0px 10px;">
@@ -705,7 +709,7 @@
</div>
</div>
</div>
- </div> -->
+ </div>-->
</div>
</div>
</div>
@@ -846,7 +850,7 @@
},
directives: {
focus: {
- inserted: function(el) {
+ inserted: function (el) {
el.querySelector("input").focus();
}
}
@@ -869,7 +873,7 @@
//this.activeCode
this.actStep++
},
- getCodeDetail() {},
+ getCodeDetail() { },
checkMyAlgorith() {
this.actDrawerShow = false;
this.activeName = "myAlgorithm";
@@ -909,7 +913,7 @@
// });
// });
- this.$confirm('','绠楁硶淇℃伅',{
+ this.$confirm('', '绠楁硶淇℃伅', {
message: `<div class="installInfo">
<div><span>绠楁硶鍚嶇О锛�</span><span>${file.filename}</span></div>
<div><span>瀹夎鐗堟湰锛�</span><span></span></div>
@@ -924,7 +928,7 @@
this.isInstall = true;
//瀹夎
installSdk(file).then(res => {
- if(res.success){
+ if (res.success) {
debugger
this.isInstall = false;
//this.$refs['progressBar'].style.width = 100%
@@ -933,16 +937,16 @@
type: 'success',
message: '瀹夎鎴愬姛,灏嗚烦杞嚦鎴戠殑绠楁硶涓煡鐪�'
});
- setTimeout(()=>{
+ setTimeout(() => {
this.findAllSdk();
this.activeName = 'myAlgorithm';
- },3000)
+ }, 3000)
}
});
}).catch(() => {
console.log('鍙栨秷瀹夎')
})
-
+
},
onFileAdded(f) {
@@ -1036,7 +1040,7 @@
.then(() => {
this.deleteTask(data);
})
- .catch(err => {});
+ .catch(err => { });
},
clickSetAlgo(row, data) {
// window.console.log(row, data, "缂栬緫浠诲姟涓煇涓�涓畻娉�");
@@ -1225,7 +1229,7 @@
.then(() => {
this.delTaskSdk(task, sdk);
})
- .catch(err => {});
+ .catch(err => { });
},
selectChange(event, type, data) {
if (type === "options1") {
@@ -1603,14 +1607,14 @@
this.sceneDialogVisible = true;
this.dialogTitle = '缂栬緫鍦烘櫙妯℃澘';
},
- handleDelScene(item){
+ handleDelScene(item) {
this.$confirm('姝ゆ搷浣滃皢鍒犻櫎璇ュ簲鐢ㄥ満鏅ā鏉�, 鏄惁缁х画?', '鎻愮ず', {
confirmButtonText: '纭畾',
cancelButtonText: '鍙栨秷',
type: 'warning'
}).then(() => {
- deleteTemplate(item.id).then(res=>{
- if(res && res.success){
+ deleteTemplate(item.id).then(res => {
+ if (res && res.success) {
this.updateTemplates();
this.$message({
type: 'success',
@@ -1618,7 +1622,7 @@
});
}
})
-
+
}).catch(() => {
console.log('鍙栨秷鍒犻櫎');
});
@@ -1646,7 +1650,7 @@
.s-task-manage {
width: 100% !important;
height: 100%;
-
+
box-sizing: border-box;
background-color: rgb(233, 235, 242);
padding: 10px;
@@ -1693,20 +1697,18 @@
cursor: pointer;
}
-
-
-.installInfo{
+.installInfo {
text-indent: 2em;
font-size: 14px;
color: #777;
- p{
+ p {
text-align: center;
color: #666;
}
}
.task-manage {
height: 100%;
- .installModel{
+ .installModel {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
@@ -1714,7 +1716,7 @@
top: 0;
left: 0;
z-index: 100;
- .progress-bar{
+ .progress-bar {
width: 70%;
height: 17px;
border-radius: 3px;
@@ -1722,10 +1724,10 @@
position: absolute;
top: 50%;
left: 50%;
- background: url(../../../assets/gif/green.gif);
+ background: url("/images/algo/green.gif");
overflow: hidden;
- transform: translate(-50%,-50%);
- .inner-bar{
+ transform: translate(-50%, -50%);
+ .inner-bar {
position: absolute;
top: 0;
left: 0;
@@ -1753,7 +1755,7 @@
// width: 58% !important;
// }
// }
- .edit-rules-box{
+ .edit-rules-box {
padding: 0 2px 0 13px;
}
.common {
@@ -1834,7 +1836,7 @@
margin-bottom: 30px;
.inner {
width: 80%;
-
+
box-sizing: border-box;
position: relative;
font-size: 14px;
@@ -1845,12 +1847,12 @@
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
border-radius: 4px;
margin: auto;
- &:hover{
- .mask{
+ &:hover {
+ .mask {
display: block;
}
}
- .mask{
+ .mask {
position: absolute;
top: 0;
left: 0;
@@ -1862,18 +1864,18 @@
z-index: 1;
border-radius: 3px;
display: none;
- .tool{
+ .tool {
position: absolute;
top: 49%;
left: 50%;
- transform: translate(-50%,-50%);
- i{
+ transform: translate(-50%, -50%);
+ i {
font-size: 50px;
}
- i:nth-of-type(1){
+ i:nth-of-type(1) {
margin-right: 30px;
}
- i:nth-of-type(2){
+ i:nth-of-type(2) {
color: red;
}
}
@@ -1885,7 +1887,7 @@
margin: auto;
justify-content: center;
align-content: center;
- align-items: center;
+ align-items: center;
.single,
.double,
.third,
@@ -1920,54 +1922,54 @@
}
.single {
margin: auto;
- .svg-wrap{
+ .svg-wrap {
top: 50%;
left: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
box-shadow: none;
}
}
- .double{
- .svg-wrap:nth-of-type(1){
+ .double {
+ .svg-wrap:nth-of-type(1) {
top: 50%;
transform: translateY(-50%);
left: 0;
}
- .svg-wrap:nth-of-type(2){
+ .svg-wrap:nth-of-type(2) {
top: 50%;
transform: translateY(-50%);
right: 0;
}
}
- .third{
- .svg-wrap:nth-of-type(1){
+ .third {
+ .svg-wrap:nth-of-type(1) {
top: 0;
left: 0;
}
- .svg-wrap:nth-of-type(2){
+ .svg-wrap:nth-of-type(2) {
top: 0;
right: 0;
}
- .svg-wrap:nth-of-type(3){
+ .svg-wrap:nth-of-type(3) {
top: 50%;
left: 50%;
transform: translateX(-50%);
}
}
- .four{
- .svg-wrap:nth-of-type(1){
+ .four {
+ .svg-wrap:nth-of-type(1) {
top: 0;
left: 0;
}
- .svg-wrap:nth-of-type(2){
+ .svg-wrap:nth-of-type(2) {
top: 0;
right: 0;
}
- .svg-wrap:nth-of-type(3){
+ .svg-wrap:nth-of-type(3) {
top: 50%;
- left: 0;
+ left: 0;
}
- .svg-wrap:nth-of-type(4){
+ .svg-wrap:nth-of-type(4) {
top: 50%;
right: 0;
}
@@ -1983,7 +1985,6 @@
left: 0;
}
}
-
}
}
.store-list {
@@ -2009,12 +2010,11 @@
width: 80%;
margin: auto;
padding-top: 80%;
- svg{
+ svg {
position: absolute;
top: 50%;
left: 50%;
- transform: translate(-50%,-50%);
-
+ transform: translate(-50%, -50%);
}
}
.alg-name {
@@ -2097,9 +2097,9 @@
}
.text-right {
padding-right: 30px;
- .tip{
+ .tip {
color: #999;
- line-height: 38px;
+ line-height: 38px;
}
}
}
@@ -2391,22 +2391,22 @@
height: 100%;
padding-bottom: 10px;
text-align: center;
- .svg-wrap{
+ .svg-wrap {
width: 80%;
margin: auto;
padding-top: 80%;
position: relative;
- svg{
+ svg {
position: absolute;
top: 50%;
left: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
}
.baseImg {
position: absolute;
top: 50%;
left: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
}
}
}
--
Gitblit v1.8.0