From 0b8e43d5f5fd889ffcb715dafdaa6d4511532665 Mon Sep 17 00:00:00 2001
From: suerwei <18810552194@163.com>
Date: 星期六, 22 六月 2024 18:04:15 +0800
Subject: [PATCH] 摄像头列表功能
---
javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html | 67 ++++++++++++++++++++++++---------
1 files changed, 48 insertions(+), 19 deletions(-)
diff --git a/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html b/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html
index 0d09f3b..94a8c41 100644
--- a/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html
+++ b/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html
@@ -120,7 +120,40 @@
</el-col>
<el-col :span="10" >
- <el-card class="box-card card-yellow" style="height: 320px;margin-right: 20px;">
+ <el-card class="box-card card-blue" style="height: 320px;margin-right: 20px;">
+ <div slot="header" class="clearfix">
+ <span>閽诲瓟鍒嗗竷鍥�</span>
+ </div>
+ <div>
+ <el-image :src="src"
+ :preview-src-list="srcList">
+ <div slot="placeholder" class="image-slot">
+ 鍔犺浇涓�<span class="dot">...</span>
+ </div>
+ </el-image>
+ </div>
+ </el-card>
+ </el-col>
+
+ <el-col :span="6" >
+ <el-card class="box-card card-red" style="height: 320px;">
+ <div slot="header" class="clearfix">
+ <span>鍦哄湴杩涘害(%)</span>
+ </div>
+ <div>
+ <div style="padding-left: 20%;">
+ <el-progress type="dashboard" color="#FF0000" :percentage=holeProcess>
+ </el-progress>
+ </div>
+ </div>
+ </el-card>
+ </el-col>
+
+ </el-row>
+
+ <el-row style="height: 200px;">
+ <el-col :span="24" >
+ <el-card class="box-card card-blue" style="height: 320px;margin-top: 20px">
<div slot="header" class="clearfix">
<span>閽诲瓟杩涘害</span>
</div>
@@ -144,27 +177,11 @@
</el-card>
</el-col>
- <el-col :span="6" >
- <el-card class="box-card card-red" style="height: 320px;">
- <div slot="header" class="clearfix">
- <span>鍦哄湴杩涘害(%)</span>
- </div>
- <div>
- <div style="padding-left: 20%;">
- <el-progress type="dashboard" color="#FF0000" :percentage=holeProcess>
- </el-progress>
- </div>
- </div>
- </el-card>
- </el-col>
-
-
-
</el-row>
+
<el-row style="height: 200px;">
<el-col :span="24">
-
- <el-card class="box-card card-yellow" style="height: 320px;margin-top: 20px">
+ <el-card class="box-card card-blue" style="height: 320px;margin-top: 20px">
<div slot="header" class="clearfix">
<span>鏉愭枡缁熻</span>
</div>
@@ -197,6 +214,14 @@
<script th:inline="javascript">
var project =[[${project}]];
+
+ var winURL = window.location.protocol + "//" + window.location.host + "/bjfw/profile";
+ console.log(winURL)
+
+ var projectUrl = winURL + project.url;
+ var arrayImg= new Array();
+ arrayImg.push(projectUrl);
+
var projectId=[[${projectId}]];
var statusDatas = [[${@dict.getType('hole_status')}]];
var prefix = ctx + "geo/hole";
@@ -217,6 +242,8 @@
vm.holeProcess = res.data==null ? 0 :(res.data*100).toFixed(0);
});
+ vm.src = projectUrl;
+ vm.srcList = arrayImg;
tubLogs();
});
@@ -305,6 +332,8 @@
project: "",
holeData: [],
tubLogs:[],
+ src:"",
+ srcList:[],
};
},
methods: {
--
Gitblit v1.9.1