From 4e005e4936039fca16bfd1679942daa416a21986 Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期四, 20 十一月 2025 14:27:47 +0800
Subject: [PATCH] #
---
src/main/webapp/views/watch/console.html | 73 ++++++++----------------------------
1 files changed, 16 insertions(+), 57 deletions(-)
diff --git a/src/main/webapp/views/watch/console.html b/src/main/webapp/views/watch/console.html
index 4b83614..1108d29 100644
--- a/src/main/webapp/views/watch/console.html
+++ b/src/main/webapp/views/watch/console.html
@@ -24,7 +24,9 @@
<el-tab-pane label="杈撻�佺珯" name="devp">
<devp-card :param="devpParam"></devp-card>
</el-tab-pane>
- <el-tab-pane label="RGV" name="rgv">RGV</el-tab-pane>
+ <el-tab-pane label="RGV" name="rgv">
+ <watch-rgv-card :param="rgvParam"></watch-rgv-card>
+ </el-tab-pane>
<el-tab-pane label="鍦板浘閰嶇疆" name="mapSetting">
<map-setting-card :param="mapSettingParam"></map-setting-card>
</el-tab-pane>
@@ -75,6 +77,7 @@
<script src="../../components/WatchCrnCard.js"></script>
<script src="../../components/DevpCard.js"></script>
<script src="../../components/MapSettingCard.js"></script>
+ <script src="../../components/WatchRgvCard.js"></script>
<script>
var app = new Vue({
el: '#app',
@@ -94,6 +97,9 @@
},
devpParam: {
stationId: 0
+ },
+ rgvParam: {
+ rgvNo: 0
}
},
created() {
@@ -150,30 +156,8 @@
this.activateCard = 'crn';
},
openRgv(id) {
- this.rgvWindow = true; //鎵撳紑RGV淇℃伅寮圭獥
- $(".detailed").empty();
- $('.detailed').append(id + '鍙稲GV');
- $.ajax({
- url: baseUrl + "/console/rgv/detail",
- headers: {
- 'token': localStorage.getItem('token')
- },
- data: {
- rgvNo: id
- },
- method: 'post',
- success: function(res) {
- for (var val in res.data) {
- var find = $("#rgvWindow").find(":input[name='" + val + "']");
- if (find[0].type === 'text') {
- find.val(res.data[val]);
- } else if (find[0].type === 'checkbox') {
- find.attr("checked", res.data[val] === 'Y');
- }
- }
- }
-
- })
+ this.rgvParam.rgvNo = id;
+ this.activateCard = 'rgv';
},
openSite(id) {
this.devpParam.stationId = id;
@@ -303,38 +287,13 @@
let trackSiteNo = rgvs[i].trackSiteNo;
let trackSiteEl = $("#rgvTrackSiteNo-" + trackSiteNo);
- let flag = false;
- that.rgvPosition.forEach((item) => {
- if (item.id == rgvs[i].rgvNo) {
- if (item.trackSiteNo != trackSiteNo) {
- flag = true
- }
- }
- })
-
- if (flag) {
- let finalOffset = 0;
- let targetPosition = trackSiteEl.parent().parent().position().left;
- let rgvPosition = rgvEl.position().left;
- let calcResult = targetPosition - rgvPosition
- if (calcResult > 0) {
- finalOffset = targetPosition + trackSiteEl.width();
- }else {
- finalOffset = targetPosition;
- }
-
- rgvEl.animate({left: finalOffset + "px"}, 500);
-
- let position = []
- that.rgvPosition.forEach((item) => {
- if (item.id == rgvs[i].rgvNo) {
- item.trackSiteNo = trackSiteNo
- }
- position.push(item)
- })
- that.rgvPosition = position
- }
-
+ let parentLeft = rgvEl.offsetParent().offset().left;
+ let targetPosition = trackSiteEl.parent().parent().offset().left - parentLeft;
+ let rgvPosition = rgvEl.position().left;
+ let zoomFactor = that.mapSettingParam.zoom ? (that.mapSettingParam.zoom / 100) : 1;
+ if (zoomFactor <= 0) { zoomFactor = 1; }
+ let finalOffset = targetPosition / zoomFactor;
+ rgvEl.animate({left: finalOffset + "px"}, 500);
}
} else if (res.code === 403) {
parent.location.href = baseUrl + "/login";
--
Gitblit v1.9.1