From 84abfa8ab65d0360eea85f872bd8714c43d164ab Mon Sep 17 00:00:00 2001
From: xuhuihui <3548508071@qq.com>
Date: Mon, 27 Jun 2022 10:46:36 +0800
Subject: [PATCH 1/2] xhh commit
---
.../Frontend/src/components/DecisionSupport.vue | 1 -
04.系统编码/Frontend/src/components/RamanLidar.vue | 7 +++----
2 files changed, 3 insertions(+), 5 deletions(-)
diff --git a/04.系统编码/Frontend/src/components/DecisionSupport.vue b/04.系统编码/Frontend/src/components/DecisionSupport.vue
index 0ffe303..3bf41b3 100644
--- a/04.系统编码/Frontend/src/components/DecisionSupport.vue
+++ b/04.系统编码/Frontend/src/components/DecisionSupport.vue
@@ -336,7 +336,6 @@ export default {
return newArray;
}
-
const initTimeLineDay = () => {
options.times = [];
options.currentTime = moment(options.date).format('YYYY-MM-DD');
diff --git a/04.系统编码/Frontend/src/components/RamanLidar.vue b/04.系统编码/Frontend/src/components/RamanLidar.vue
index 1bac871..7cb74a6 100644
--- a/04.系统编码/Frontend/src/components/RamanLidar.vue
+++ b/04.系统编码/Frontend/src/components/RamanLidar.vue
@@ -432,7 +432,7 @@ export default {
creates.LidarRatio = new HighChartCreate('LidarRatio');
creates.LidarRatio.setChart(false, 'line', 1500, 600);
creates.LidarRatio.setSpecialXAxis('激光雷达比(单位立体角)', 120, 0, 20);
- creates.LidarRatio.setSpecialYAxis('高度(m)', 3000, 0);
+ creates.LidarRatio.setSpecialYAxis('高度(m)');
creates.LidarRatio.setLegend();
creates.LidarRatio.setTooltip('高度: {point.y}');
creates.LidarRatio.setSeries('激光雷达比', 0, null, null, '#3636FF')
@@ -841,7 +841,7 @@ export default {
}
const drawLidarRatioCharts = (result: CustomeArray<any>) => {
- if (result.length <= 0) return;
+ if (result.length == 0) return;
const data = LidarRatioPrepareChartData(result);
creates.LidarRatio.updateSeries(0, data);
options.loadingLidarRatioStatus = false
@@ -913,7 +913,7 @@ export default {
if (result[0].data == null) return;
result[0].data.forEach((item) => {
item.forEach((item, index) => {
- if (item == null) item = NaN
+ // if (item == null) item = NaN
prepareData.push([item, index * 15])
})
})
@@ -1523,7 +1523,6 @@ export default {
locate: options.currentRegion
}
}
-
return {
date: time,
var: variableName,
From e1c5c907434b118479c87c3164f9d1eeab5a127c Mon Sep 17 00:00:00 2001
From: xuhuihui <3548508071@qq.com>
Date: Tue, 19 Jul 2022 16:45:22 +0800
Subject: [PATCH 2/2] commit
---
.../backend/service/ImageService.java | 7 +-
.../src/main/resources/application.yml | 12 +-
.../Frontend/public/images/empty.png | Bin 0 -> 60625 bytes
.../Frontend/src/components/RamanLidar.vue | 2 +-
.../src/components/SynergyEvaluation.vue | 1141 ++++++++++-------
04.系统编码/Frontend/src/router/index.ts | 3 +-
04.系统编码/Frontend/src/uilts/Config.ts | 5 +-
04.系统编码/Frontend/src/uilts/storage.ts | 1 -
8 files changed, 722 insertions(+), 449 deletions(-)
create mode 100644 04.系统编码/Frontend/public/images/empty.png
diff --git a/04.系统编码/Backend/src/main/java/com/userinformation/backend/service/ImageService.java b/04.系统编码/Backend/src/main/java/com/userinformation/backend/service/ImageService.java
index b4e7feb..58241f8 100644
--- a/04.系统编码/Backend/src/main/java/com/userinformation/backend/service/ImageService.java
+++ b/04.系统编码/Backend/src/main/java/com/userinformation/backend/service/ImageService.java
@@ -41,8 +41,11 @@ public class ImageService {
public String convert(String url) throws IOException {
String filepath = url.replace(imageUrl, imagePath);
File sourceFile = new File(filepath);
- Assert.isTrue(sourceFile.exists(), "文件不存在");
- Assert.isTrue(filepath.toLowerCase(Locale.ROOT).endsWith(TIF_FILE_SUFFIX), "文件格式不正确");
+// Assert.isTrue(sourceFile.exists(), "文件不存在");
+// Assert.isTrue(filepath.toLowerCase(Locale.ROOT).endsWith(TIF_FILE_SUFFIX), "文件格式不正确");
+ if(!sourceFile.exists() || !filepath.toLowerCase(Locale.ROOT).endsWith(TIF_FILE_SUFFIX)){
+ return "/images/empty.png";
+ }
String targetFilePath = filepath.replace(TIF_FILE_SUFFIX, PNG_FILE_SUFFIX);
File targetFile = new File(targetFilePath);
if (!targetFile.exists()){
diff --git a/04.系统编码/Backend/src/main/resources/application.yml b/04.系统编码/Backend/src/main/resources/application.yml
index 197a887..eee433a 100644
--- a/04.系统编码/Backend/src/main/resources/application.yml
+++ b/04.系统编码/Backend/src/main/resources/application.yml
@@ -20,11 +20,11 @@ custom:
image:
url: ${custom.parent-url}:${server.port}/product
gifPath: ${custom.image.path}/gif
-# path: D:/Deployments/LamanRadar/product
-# parent-url: http://localhost
-# quality-path: E:/Memorandum/VPN配置/南京/多曼雷达项目/AllData
- path: /home/project/NJEnvironmentPlatform/html/product
- parent-url: http://10.124.102.10
- quality-path: /share/win
+ path: D:\下载\可视化平台\product
+ parent-url: http://localhost
+ quality-path: E:/Memorandum/VPN配置/南京/多曼雷达项目/AllData
+# path: /home/project/NJEnvironmentPlatform/html/product
+# parent-url: http://10.124.102.10
+# quality-path: /share/win
# path: /home/develop/product
# parent-url: http://rdp.nagr.com.cn
diff --git a/04.系统编码/Frontend/public/images/empty.png b/04.系统编码/Frontend/public/images/empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e8f87bbee8727e96b102d8bf09a3365b6b9c6cd
GIT binary patch
literal 60625
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
AH~;_u
literal 0
HcmV?d00001
diff --git a/04.系统编码/Frontend/src/components/RamanLidar.vue b/04.系统编码/Frontend/src/components/RamanLidar.vue
index 7cb74a6..8f8ab9e 100644
--- a/04.系统编码/Frontend/src/components/RamanLidar.vue
+++ b/04.系统编码/Frontend/src/components/RamanLidar.vue
@@ -989,7 +989,7 @@ export default {
const prepareWatervaporColors = () => {
return new ColorChart(['#990000', '#CC0000', '#FF0000', '#FF3300', '#FF6600', '#FF9900', '#FFCC00', '#FFFF00', '#CCFF33', '#99FF66',
'#66FF99', '#33FFCC', '#00FFFF', '#00CCFF', '#0099FF', '#0066FF', '#0033FF', '#0000FF', '#0000CC', '#000099'],
- [20, 19, 18, 17, 16, 15, 14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0], true, true
+ [30, 28, 26, 24, 22, 20, 18, 16, 14, 12, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0], true, true
);
}
diff --git a/04.系统编码/Frontend/src/components/SynergyEvaluation.vue b/04.系统编码/Frontend/src/components/SynergyEvaluation.vue
index 6545a5c..d5a2a9b 100644
--- a/04.系统编码/Frontend/src/components/SynergyEvaluation.vue
+++ b/04.系统编码/Frontend/src/components/SynergyEvaluation.vue
@@ -1,468 +1,739 @@
<template>
- <div class="tabs">
- <div class="tab-item" @click="onTabClick('plant-change')" :class="{'active': currentTab === 'plant-change'}">
- 植被变化对气候的影响
- <img src="/images/line.png" v-if="currentTab === 'plant-change'" />
- </div>
- <div class="tab-item" @click="onTabClick('plant-distribute')" :class="{'active': currentTab === 'plant-distribute'}">
- 植被分布对气候的影响
- <img src="/images/line.png" v-if="currentTab === 'plant-distribute'" />
- </div>
- <div class="tab-item" @click="onTabClick('element-change-trend')" :class="{'active': currentTab === 'element-change-trend'}">
- 植被和气候要素变化趋势
- <img src="/images/line.png" v-if="currentTab === 'element-change-trend'" />
- </div>
- <div class="tab-item" @click="onTabClick('element-monitor')" :class="{'active': currentTab === 'element-monitor'}">
- 植被和气候要素的监测
- <img src="/images/line.png" v-if="currentTab === 'element-monitor'" />
- </div>
+ <div class="tabs">
+ <div class="tab-item" @click="onTabClick('plant-change')" :class="{'active': currentTab === 'plant-change'}">
+ 植被变化对气候的影响
+ <img src="/images/line.png" v-if="currentTab === 'plant-change'"/>
+ </div>
+ <div class="tab-item" @click="onTabClick('plant-distribute')"
+ :class="{'active': currentTab === 'plant-distribute'}">
+ 植被分布对气候的影响
+ <img src="/images/line.png" v-if="currentTab === 'plant-distribute'"/>
+ </div>
+ <div class="tab-item" @click="onTabClick('element-change-trend')"
+ :class="{'active': currentTab === 'element-change-trend'}">
+ 植被和气候要素变化趋势
+ <img src="/images/line.png" v-if="currentTab === 'element-change-trend'"/>
</div>
- <div class="main">
- <div class="menu panel">
- <div class="menu-item" v-if="currentTab === 'plant-change' || currentTab === 'plant-distribute'">
- <h2 class="tip">要素选择</h2>
- <el-row :gutter="12">
- <el-col :span="24"><span @click="onElementClick('NDVI')" :class="{'active': currentElement === 'NDVI'}">归一化植被指数NDVI</span></el-col>
- <el-col :span="24"><span @click="onElementClick('LAI')" :class="{'active': currentElement === 'LAI'}">叶面积指数LAI</span></el-col>
- <el-col :span="24"><span @click="onElementClick('EVI')" :class="{'active': currentElement === 'EVI'}">增强植被指数EVI</span></el-col>
- </el-row>
- </div>
- <div class="menu-item" v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'">
- <h2 class="tip">要素选择</h2>
- <el-row :gutter="12">
- <el-col :span="24"><span @click="onCategoryClick('LST')" :class="{'active': currentCategory === 'LST'}">地表温度LST</span></el-col>
- <el-col :span="24"><span @click="onCategoryClick('LAI')" :class="{'active': currentCategory === 'LAI'}">叶面积指数LAI</span></el-col>
- <el-col :span="24"><span @click="onCategoryClick('EVI')" :class="{'active': currentCategory === 'EVI'}">增强植被指数EVI</span></el-col>
- <el-col :span="24"><span @click="onCategoryClick('NDVI')" :class="{'active': currentCategory === 'NDVI'}">归一化植被指数NDVI</span></el-col>
- <el-col :span="24"><span @click="onCategoryClick('Albedo')" :class="{'active': currentCategory === 'Albedo'}">反照率Albedo</span></el-col>
- <el-col :span="24"><span @click="onCategoryClick('Evapotranspiration')" :class="{'active': currentCategory === 'Evapotranspiration'}">蒸散发Evapotranspiration</span></el-col>
- <el-col :span="24" v-if="currentTab === 'element-monitor'"><span @click="onCategoryClick('土地覆盖类型')" :class="{'active': currentCategory === '土地覆盖类型'}">土地覆盖类型</span></el-col>
- </el-row>
- </div>
- <div class="menu-item" v-if="currentTab === 'element-monitor'">
- <h2 class="tip">时间点选择</h2>
- <el-row :gutter="12">
- <el-col :span="24"><span @click="onTimeClick('time0130')" :class="{'active': currentTime === 'time0130'}">地表温度（01:30）</span></el-col>
- <el-col :span="24"><span @click="onTimeClick('time1030')" :class="{'active': currentTime === 'time1030'}">地表温度（10:30）</span></el-col>
- <el-col :span="24"><span @click="onTimeClick('time1330')" :class="{'active': currentTime === 'time1330'}">地表温度（13:30）</span></el-col>
- <el-col :span="24"><span @click="onTimeClick('time2230')" :class="{'active': currentTime === 'time2230'}">地表温度（22:30）</span></el-col>
- </el-row>
- </div>
-
- <div class="menu-item" v-if="currentTab === 'element-change-trend'">
- <h2 class="tip">时间点选择</h2>
- <el-row :gutter="12">
- <el-col :span="24"><span @click="onSurfaceTemperatureClick('time0130')" :class="{'active': currentSurfaceTemperatureTime === 'time0130'}">地表温度（01:30）</span></el-col>
- <el-col :span="24"><span @click="onSurfaceTemperatureClick('time1030')" :class="{'active': currentSurfaceTemperatureTime === 'time1030'}">地表温度（10:30）</span></el-col>
- <el-col :span="24"><span @click="onSurfaceTemperatureClick('time1330')" :class="{'active': currentSurfaceTemperatureTime === 'time1330'}">地表温度（13:30）</span></el-col>
- <el-col :span="24"><span @click="onSurfaceTemperatureClick('time2230')" :class="{'active': currentSurfaceTemperatureTime === 'time2230'}">地表温度（22:30）</span></el-col>
- </el-row>
- </div>
+ <div class="tab-item" @click="onTabClick('element-monitor')" :class="{'active': currentTab === 'element-monitor'}">
+ 植被和气候要素的监测
+ <img src="/images/line.png" v-if="currentTab === 'element-monitor'"/>
+ </div>
+ </div>
+ <div class="main">
+ <div class="menu panel">
+ <div class="menu-item" v-if="currentTab === 'plant-change' || currentTab === 'plant-distribute'">
+ <h2 class="tip">要素选择</h2>
+ <el-row :gutter="12">
+ <el-col :span="24"><span @click="onElementClick('NDVI')" :class="{'active': currentElement === 'NDVI'}">归一化植被指数NDVI</span>
+ </el-col>
+ <el-col :span="24"><span @click="onElementClick('LAI')"
+ :class="{'active': currentElement === 'LAI'}">叶面积指数LAI</span></el-col>
+ <el-col :span="24"><span @click="onElementClick('EVI')" :class="{'active': currentElement === 'EVI'}">增强植被指数EVI</span>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="menu-item" v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'">
+ <h2 class="tip">要素选择</h2>
+ <el-row :gutter="12">
+ <el-col :span="24"><span @click="onCategoryClick('LST')" :class="{'active': currentCategory === 'LST'}">地表温度LST</span>
+ </el-col>
+ <el-col :span="24"><span @click="onCategoryClick('LAI')" :class="{'active': currentCategory === 'LAI'}">叶面积指数LAI</span>
+ </el-col>
+ <el-col :span="24"><span @click="onCategoryClick('EVI')" :class="{'active': currentCategory === 'EVI'}">增强植被指数EVI</span>
+ </el-col>
+ <el-col :span="24"><span @click="onCategoryClick('NDVI')" :class="{'active': currentCategory === 'NDVI'}">归一化植被指数NDVI</span>
+ </el-col>
+ <el-col :span="24"><span @click="onCategoryClick('Albedo')" :class="{'active': currentCategory === 'Albedo'}">反照率Albedo</span>
+ </el-col>
+ <el-col :span="24"><span @click="onCategoryClick('Evapotranspiration')"
+ :class="{'active': currentCategory === 'Evapotranspiration'}">蒸散发Evapotranspiration</span>
+ </el-col>
+ <el-col :span="24" v-if="currentTab === 'element-monitor'"><span @click="onCategoryClick('landCoverTypes')"
+ :class="{'active': currentCategory === 'landCoverTypes'}">土地覆盖类型</span>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="menu-item" v-if="currentTab === 'element-monitor' && iStTimeRange">
+ <h2 class="tip">时间点选择</h2>
+ <el-row :gutter="12">
+ <el-col :span="24"><span @click="onTimeClick('time0130')" :class="{'active': currentTime === 'time0130'}">地表温度（01:30）</span>
+ </el-col>
+ <el-col :span="24"><span @click="onTimeClick('time1030')" :class="{'active': currentTime === 'time1030'}">地表温度（10:30）</span>
+ </el-col>
+ <el-col :span="24"><span @click="onTimeClick('time1330')" :class="{'active': currentTime === 'time1330'}">地表温度（13:30）</span>
+ </el-col>
+ <el-col :span="24"><span @click="onTimeClick('time2230')" :class="{'active': currentTime === 'time2230'}">地表温度（22:30）</span>
+ </el-col>
+ </el-row>
+ </div>
+
+ <div class="menu-item" v-if="currentTab === 'element-change-trend'">
+ <h2 class="tip">时间点选择</h2>
+ <el-row :gutter="12">
+ <el-col :span="24"><span @click="onSurfaceTemperatureClick('time0130')"
+ :class="{'active': currentSurfaceTemperatureTime === 'time0130'}">地表温度（01:30）</span>
+ </el-col>
+ <el-col :span="24"><span @click="onSurfaceTemperatureClick('time1030')"
+ :class="{'active': currentSurfaceTemperatureTime === 'time1030'}">地表温度（10:30）</span>
+ </el-col>
+ <el-col :span="24"><span @click="onSurfaceTemperatureClick('time1330')"
+ :class="{'active': currentSurfaceTemperatureTime === 'time1330'}">地表温度（13:30）</span>
+ </el-col>
+ <el-col :span="24"><span @click="onSurfaceTemperatureClick('time2230')"
+ :class="{'active': currentSurfaceTemperatureTime === 'time2230'}">地表温度（22:30）</span>
+ </el-col>
+ </el-row>
+ </div>
+ </div>
+
+ <div class="container panel synergy-container">
+ <span class="save-btn" @click="onSaveClick"><img src="/images/save.png"/></span>
+ <div class="download-pictures" id="pictures">
+ <a v-for="(url, index) in urls" :key="index" download></a>
+ </div>
+ <div class="element-select" v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'">
+ <!-- <div class="surface-temperature" v-if="currentTab === 'element-change-trend' && currentCategory === 'LST'">-->
+ <!-- <span @click="onSurfaceTemperatureClick('time0130')" :class="{'active': currentSurfaceTemperatureTime === 'time0130'}">地表温度（01:30）</span>-->
+ <!-- <span @click="onSurfaceTemperatureClick('time1030')" :class="{'active': currentSurfaceTemperatureTime === 'time1030'}">地表温度（10:30）</span>-->
+ <!-- <span @click="onSurfaceTemperatureClick('time1330')" :class="{'active': currentSurfaceTemperatureTime === 'time1330'}">地表温度（13:30）</span>-->
+ <!-- <span @click="onSurfaceTemperatureClick('time2230')" :class="{'active': currentSurfaceTemperatureTime === 'time2230'}">地表温度（22:30）</span>-->
+ <!-- </div>-->
+ <div class="surface-temperature" v-if="currentTab === 'element-monitor'">
+ <span @click="onYearClick(item)" :class="{'active': currentYear === item }" v-for="item in time">{{ item }}</span>
+<!-- <span @click="onYearClick('2000')" :class="{'active': currentYear === '2000'}">2000</span>-->
+<!-- <span @click="onYearClick('2001')" :class="{'active': currentYear === '2001'}">2001</span>-->
+<!-- <span @click="onYearClick('2002')" :class="{'active': currentYear === '2002'}">2002</span>-->
+<!-- <span @click="onYearClick('2003')" :class="{'active': currentYear === '2003'}">2003</span>-->
+<!-- <span @click="onYearClick('2004')" :class="{'active': currentYear === '2004'}">2004</span>-->
+<!-- <span @click="onYearClick('2005')" :class="{'active': currentYear === '2005'}">2005</span>-->
+<!-- <span @click="onYearClick('2006')" :class="{'active': currentYear === '2006'}">2006</span>-->
+<!-- <span @click="onYearClick('2007')" :class="{'active': currentYear === '2007'}">2007</span>-->
+<!-- <span @click="onYearClick('2008')" :class="{'active': currentYear === '2008'}">2008</span>-->
+<!-- <span @click="onYearClick('2009')" :class="{'active': currentYear === '2009'}">2009</span>-->
+<!-- <span @click="onYearClick('2010')" :class="{'active': currentYear === '2010'}">2010</span>-->
+<!-- <span @click="onYearClick('2011')" :class="{'active': currentYear === '2011'}">2011</span>-->
+<!-- <span @click="onYearClick('2012')" :class="{'active': currentYear === '2012'}">2012</span>-->
+<!-- <span @click="onYearClick('2013')" :class="{'active': currentYear === '2013'}">2013</span>-->
+<!-- <span @click="onYearClick('2014')" :class="{'active': currentYear === '2014'}">2014</span>-->
+<!-- <span @click="onYearClick('2015')" :class="{'active': currentYear === '2015'}">2015</span>-->
+<!-- <span @click="onYearClick('2016')" :class="{'active': currentYear === '2016'}">2016</span>-->
+<!-- <span @click="onYearClick('2017')" :class="{'active': currentYear === '2017'}">2017</span>-->
+<!-- <span @click="onYearClick('2018')" :class="{'active': currentYear === '2018'}">2018</span>-->
+<!-- <span @click="onYearClick('2019')" :class="{'active': currentYear === '2019'}">2019</span>-->
+<!-- <span @click="onYearClick('2020')" :class="{'active': currentYear === '2020'}">2020</span>-->
+<!-- <span @click="onYearClick('multi-years')"-->
+<!-- :class="{'active': currentYear === 'multi-years'}">多年平均值2000-2020</span>-->
</div>
+ </div>
+ <div class="picture-view synergy-picture-view"
+ v-if="currentTab === 'plant-change' || currentTab === 'plant-distribute'">
+ <el-row :gutter="0">
+ <el-col :span="8" v-for="(item, index) in items" :key="index">
+ <h2 class="title">{{ item.title }}</h2>
+ <el-image
+ :src="item.imgUrl"
+ :preview-src-list="item.preview"
+ :initial-index="0"
+ fit="contain"
+ >
+ <template #error>
+ <div class="image-slot">
+ <img src="/images/null-picture.png"/>
+ </div>
+ <p class="image-tip">暂无图片</p>
+ </template>
+ <template #placeholder>
+ <div class="image-placeholder">正在加载...</div>
+ </template>
+ </el-image>
+ </el-col>
+ </el-row>
+ </div>
+
- <div class="container panel synergy-container">
- <span class="save-btn" @click="onSaveClick"><img src="/images/save.png" /></span>
- <div class="download-pictures" id="pictures">
- <a v-for="(url, index) in urls" :key="index" download></a>
- </div>
- <div class="element-select" v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'">
-<!-- <div class="surface-temperature" v-if="currentTab === 'element-change-trend' && currentCategory === 'LST'">-->
-<!-- <span @click="onSurfaceTemperatureClick('time0130')" :class="{'active': currentSurfaceTemperatureTime === 'time0130'}">地表温度（01:30）</span>-->
-<!-- <span @click="onSurfaceTemperatureClick('time1030')" :class="{'active': currentSurfaceTemperatureTime === 'time1030'}">地表温度（10:30）</span>-->
-<!-- <span @click="onSurfaceTemperatureClick('time1330')" :class="{'active': currentSurfaceTemperatureTime === 'time1330'}">地表温度（13:30）</span>-->
-<!-- <span @click="onSurfaceTemperatureClick('time2230')" :class="{'active': currentSurfaceTemperatureTime === 'time2230'}">地表温度（22:30）</span>-->
-<!-- </div>-->
- <div class="surface-temperature" v-if="currentTab === 'element-monitor'">
- <span @click="onYearClick('2000')" :class="{'active': currentYear === '2000'}">2000</span>
- <span @click="onYearClick('2001')" :class="{'active': currentYear === '2001'}">2001</span>
- <span @click="onYearClick('2002')" :class="{'active': currentYear === '2002'}">2002</span>
- <span @click="onYearClick('2003')" :class="{'active': currentYear === '2003'}">2003</span>
- <span @click="onYearClick('2004')" :class="{'active': currentYear === '2004'}">2004</span>
- <span @click="onYearClick('2005')" :class="{'active': currentYear === '2005'}">2005</span>
- <span @click="onYearClick('2006')" :class="{'active': currentYear === '2006'}">2006</span>
- <span @click="onYearClick('2007')" :class="{'active': currentYear === '2007'}">2007</span>
- <span @click="onYearClick('2008')" :class="{'active': currentYear === '2008'}">2008</span>
- <span @click="onYearClick('2009')" :class="{'active': currentYear === '2009'}">2009</span>
- <span @click="onYearClick('2010')" :class="{'active': currentYear === '2010'}">2010</span>
- <span @click="onYearClick('2011')" :class="{'active': currentYear === '2011'}">2011</span>
- <span @click="onYearClick('2012')" :class="{'active': currentYear === '2012'}">2012</span>
- <span @click="onYearClick('2013')" :class="{'active': currentYear === '2013'}">2013</span>
- <span @click="onYearClick('2014')" :class="{'active': currentYear === '2014'}">2014</span>
- <span @click="onYearClick('2015')" :class="{'active': currentYear === '2015'}">2015</span>
- <span @click="onYearClick('2016')" :class="{'active': currentYear === '2016'}">2016</span>
- <span @click="onYearClick('2017')" :class="{'active': currentYear === '2017'}">2017</span>
- <span @click="onYearClick('2018')" :class="{'active': currentYear === '2018'}">2018</span>
- <span @click="onYearClick('2019')" :class="{'active': currentYear === '2019'}">2019</span>
- <span @click="onYearClick('2020')" :class="{'active': currentYear === '2020'}">2020</span>
- <span @click="onYearClick('multi-years')" :class="{'active': currentYear === 'multi-years'}">多年平均值2000-2020</span>
+ <div class="picture-view multi-picture-view scroll"
+ v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'"
+ :style="{'marginTop': currentTab === 'element-change-trend' ? 'calc(0.34rem + 2px)' : 0}">
+ <el-row :gutter="20" v-if="currentCategory !== 'landCoverTypes'">
+ <el-col :span="12" v-for="(item, index) in trendItems" :key="index">
+ <el-image
+ :src="item.imgUrl"
+ :preview-src-list="item.preview"
+ :initial-index="0"
+ fit="contain"
+ >
+ <template #error>
+ <div class="image-slot">
+ <img src="/images/null-picture.png"/>
</div>
- </div>
- <div class="picture-view synergy-picture-view" v-if="currentTab === 'plant-change' || currentTab === 'plant-distribute'">
- <el-row :gutter="0">
- <el-col :span="8" v-for="(item, index) in items" :key="index">
- <h2 class="title">{{item.title}}</h2>
- <el-image
- :src="item.imgUrl"
- :preview-src-list="item.preview"
- :initial-index="0"
- fit="contain"
- >
- <template #error>
- <div class="image-slot">
- <img src="/images/null-picture.png" />
- </div>
- <p class="image-tip">暂无图片</p>
- </template>
- <template #placeholder>
- <div class="image-placeholder">正在加载...</div>
- </template>
- </el-image>
- </el-col>
- </el-row>
- </div>
- <div class="picture-view multi-picture-view scroll" v-if="currentTab === 'element-change-trend' || currentTab === 'element-monitor'" :style="{'marginTop': currentTab === 'element-change-trend' ? 'calc(0.34rem + 2px)' : 0}">
- <el-row :gutter="20">
- <el-col :span="12" v-for="(item, index) in trendItems" :key="index">
- <el-image
- :src="item.imgUrl"
- :preview-src-list="item.preview"
- :initial-index="0"
- fit="contain"
- >
- <template #error>
- <div class="image-slot">
- <img src="/images/null-picture.png" />
- </div>
- <p class="image-tip">暂无图片</p>
- </template>
- <template #placeholder>
- <div class="image-placeholder">正在加载...</div>
- </template>
- </el-image>
- </el-col>
- </el-row>
- </div>
- </div>
+ <p class="image-tip">暂无图片</p>
+ </template>
+ <template #placeholder>
+ <div class="image-placeholder">正在加载...</div>
+ </template>
+ </el-image>
+ </el-col>
+ </el-row>
+
+ <el-row :gutter="20" v-if="currentCategory === 'landCoverTypes'">
+ <el-col :span="12" v-for="(item, index) in landCoverTypesDate" :key="index">
+ <el-image
+ :src="item.imgUrl"
+ :preview-src-list="item.preview"
+ :initial-index="0"
+ fit="contain"
+ >
+ <template #error>
+ <div class="image-slot">
+ <img src="/images/null-picture.png"/>
+ </div>
+ <p class="image-tip">暂无图片</p>
+ </template>
+ <template #placeholder>
+ <div class="image-placeholder">正在加载...</div>
+ </template>
+ </el-image>
+ </el-col>
+ </el-row>
+
+ </div>
+
+
</div>
+ </div>
</template>
<script lang="ts">
- import { onMounted, reactive, toRefs } from 'vue';
- import { format } from '../uilts/String';
- import * as Tiff from 'browser-tiff.js';
- import { SynergyEvaluationConfig } from '../uilts/Config';
- import { post } from '../uilts/axios';
-
- export default {
- name: 'SynergyEvaluation',
- setup() {
- let options = reactive({
- currentTab: 'plant-change',
- currentElement: 'NDVI',
- currentCategory: 'LST',
- currentTime: 'time0130',
- currentYear: '2000',
- currentSurfaceTemperatureTime: 'time0130',
- srcList: [],
- imgUrl: '/images/default-picture.png',
- imgUrls: [],
- items: [{
- title: '地表温度（01:30）',
- type: 'temperature0130',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- title: '地表温度（10:30）',
- type: 'temperature1030',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- title: '地表温度（13:30）',
- type: 'temperature1330',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- title: '地表温度（22:30）',
- type: 'temperature2230',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- title: '反照率',
- type: 'albedo',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- title: '蒸散发',
- type: 'evaporation',
- imgUrl: '/images/default-picture.png',
- preview: []
- }],
- trendItems: [{
- type: 'month_01',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_02',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_03',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_04',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_05',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_06',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_07',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_08',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_09',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_10',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_11',
- imgUrl: '/images/default-picture.png',
- preview: []
- }, {
- type: 'month_12',
- imgUrl: '/images/default-picture.png',
- preview: []
- }],
- urls: []
- })
-
- onMounted(() => {
- setImage(6, options.items, options.currentElement);
- })
-
- const setImage = (number, values, element) => {
- for(let index = 0; index < number; index ++){
- initImage(options.currentTab, element, values[index].type, index, values);
- }
- options.urls = values;
+import {onMounted, reactive, toRefs} from 'vue';
+import {format} from '../uilts/String';
+import * as Tiff from 'browser-tiff.js';
+import {SynergyEvaluationConfig} from '../uilts/Config';
+import {post} from '../uilts/axios';
+
+export default {
+ name: 'SynergyEvaluation',
+ setup() {
+ let options = reactive({
+ currentTab: 'plant-change',
+ currentElement: 'NDVI',
+ currentCategory: 'LST',
+ currentTime: 'time0130',
+ currentYear: '2000',
+ currentSurfaceTemperatureTime: 'time0130',
+ srcList: [],
+ imgUrl: '/images/default-picture.png',
+ imgUrls: [],
+ items: [{
+ title: '地表温度（01:30）',
+ type: 'temperature0130',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ title: '地表温度（10:30）',
+ type: 'temperature1030',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ title: '地表温度（13:30）',
+ type: 'temperature1330',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ title: '地表温度（22:30）',
+ type: 'temperature2230',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ title: '反照率',
+ type: 'albedo',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ title: '蒸散发',
+ type: 'evaporation',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }],
+ trendItems: [{
+ type: 'month_01',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_02',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_03',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_04',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_05',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_06',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_07',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_08',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_09',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_10',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_11',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: 'month_12',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }],
+ urls: [],
+ SwitchElementsData: [
+ {
+ elementCode: "LST",
+ isTimeRange: true,
+ isDateRange: true,
+ timeRange: [
+ {
+ time: 'time0130',
+ dateRange: ['2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '多年平均值(2002-2020)']
+ },
+ {
+ time: 'time1030',
+ dateRange: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '多年平均值(2000-2020)']
+ },
+ {
+ time: 'time1330',
+ dateRange: ['2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '多年平均值(2002-2020)']
+ },
+ {
+ time: 'time2230',
+ dateRange: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '多年平均值(2000-2020)']
}
+ ],
+ },
+ {
+ elementCode: "LAI",
+ isTimeRange: false,
+ isDateRange: true,
+ timeRange: ['2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '多年平均值(2002-2020)']
+ },
+ {
+ elementCode: "EVI",
+ isTimeRange: false,
+ isDateRange: true,
+ timeRange: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '多年平均值(2000-2020)']
+ },
+ {
+ elementCode: "NDVI",
+ isTimeRange: false,
+ isDateRange: true,
+ timeRange: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020']
+ },
+ {
+ elementCode: "Albedo",
+ isTimeRange: false,
+ isDateRange: true,
+ timeRange: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '多年平均值(2000-2020)']
+ },
+ {
+ elementCode: "Evapotranspiration",
+ isTimeRange: false,
+ isDateRange: true,
+ timeRange: ['2000', '2001', '2002', '2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '多年平均值(2000-2020)']
+ },
+ {
+ elementCode: "landCoverTypes",
+ isTimeRange: false,
+ isDateRange: false,
+ timeRange: []
+ },
+ ],
+ iStTimeRange: true,
+ isDateRange: true,
+ timeRange: true,
+ time: [],
+ landCoverTypesDate: [
+ {
+ type: '2001',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2002',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2003',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2004',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2005',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2006',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2007',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2008',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2009',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2010',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2011',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2012',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2013',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2014',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2015',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2016',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2017',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2018',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }, {
+ type: '2019',
+ imgUrl: '/images/default-picture.png',
+ preview: []
+ }
+ ]
+ })
- const initImage = (tabName, elementName, type, index, values) => {
- post("/image/convert", {url: SynergyEvaluationConfig.getUrl(tabName, elementName, type)}).then((response: any) => {
- if (response.error != 0){
- return;
- }
+ onMounted(() => {
+ setTimeout(() => {
+ changeElementCode(options.currentCategory, options.currentTime)
+ },500)
+ setImage(6, options.items, options.currentElement);
+ })
- values[index].imgUrl = response.data;
- values[index].preview = [response.data];
- });
- }
-
- const onTabClick = (name) => {
- options.currentTab = name;
-
- if(options.currentTab === 'plant-change' || options.currentTab === 'plant-distribute')
- setImage(6, options.items, options.currentElement);
- else if(options.currentTab === 'element-change-trend')
- setImage(12, options.trendItems, options.currentCategory + '/' + options.currentSurfaceTemperatureTime);
- else
- setImage(12, options.trendItems, options.currentCategory + '/' + options.currentTime + '/' + options.currentYear);
- }
+ const setImage = (number, values, element) => {
+ if (options.currentCategory == 'landCoverTypes') {
+ values = options.landCoverTypesDate
+ for (let index = 0; index < 19; index++) {
+ initImage(options.currentTab, element, values[index].type, index, values);
+ }
+ }
+ else {
+ for (let index = 0; index < number; index++) {
+ initImage(options.currentTab, element, values[index].type, index, values);
+ }
+ }
+ options.urls = values;
+ }
- const onElementClick = (element) => {
- options.currentElement = element;
- setImage(6, options.items, options.currentElement);
- }
+ const initImage = (tabName, elementName, type, index, values) => {
+ elementName = elementName.replace('多年平均值','yearsAverage');
+ post("/image/convert", {url: SynergyEvaluationConfig.getUrl(tabName, elementName, type)}).then((response: any) => {
+ if (response.error != 0) {
+ return;
+ }
+ values[index].imgUrl = response.data;
+ values[index].preview = [response.data];
+ });
+ }
- const onCategoryClick = (category) => {
- options.currentCategory = category;
- if(options.currentTab === 'element-change-trend')
- setImage(12, options.trendItems, options.currentCategory + '/' + options.currentSurfaceTemperatureTime);
- else
- setImage(12, options.trendItems, options.currentCategory + '/' + options.currentTime + '/' + options.currentYear);
- }
+ const onTabClick = (name) => {
+ options.currentTab = name;
- const onTimeClick = (time) => {
- options.currentTime = time;
- }
+ if (options.currentTab === 'plant-change' || options.currentTab === 'plant-distribute')
+ setImage(6, options.items, options.currentElement);
+ else if (options.currentTab === 'element-change-trend')
+ setImage(12, options.trendItems, options.currentCategory + '/' + options.currentSurfaceTemperatureTime);
+ else {
+ if (options.iStTimeRange == false) {
+ setImage(12, options.trendItems, options.currentCategory + '/' + options.currentYear);
+ }
+ if (options.isDateRange == false) {
+ setImage(12, options.trendItems, options.currentCategory + '/' );
+ }
+ setImage(12, options.trendItems, options.currentCategory + '/' + options.currentTime + '/' + options.currentYear);
+ }
- const onSurfaceTemperatureClick = (value) => {
- options.currentSurfaceTemperatureTime = value;
- setImage(12, options.trendItems, options.currentCategory + '/' + options.currentSurfaceTemperatureTime);
- }
- const onYearClick = (year) => {
- options.currentYear = year;
- setImage(12, options.trendItems, options.currentCategory + '/' + options.currentTime + '/' + options.currentYear);
- }
+ }
- const onSaveClick = () => {
- let pictures = document.getElementById('pictures');
-
- for (let i = 0; i < options.urls.length; i++) {
- let img = new Image();
- img.src = options.urls[i].imgUrl;
- let canvas = document.createElement("canvas") as HTMLCanvasElement;
- canvas.width = img.width;
- canvas.height = img.height;
-
- let ctx = canvas.getContext("2d");
- let base64 = '';
-
- img.setAttribute("crossOrigin",'Anonymous');
- img.onload = function() {
- ctx.drawImage(img, 0, 0);
- base64 = canvas.toDataURL("image/png");
- pictures.children[i].setAttribute('href', base64);
-
- let button: HTMLElement = pictures.children[i] as HTMLElement;
- setTimeout(() => {
- button.click();
- }, 500);
- };
- }
- }
+ const onElementClick = (element) => {
+ options.currentElement = element;
+ setImage(6, options.items, options.currentElement);
+ }
- return {
- ...toRefs(options),
- onTabClick,
- onElementClick,
- onCategoryClick,
- onSurfaceTemperatureClick,
- onYearClick,
- onTimeClick,
- onSaveClick
- }
+ const onCategoryClick = (category) => {
+ options.currentCategory = category;
+ changeElementCode(category, options.currentTime)
+ if (options.currentTab === 'element-change-trend') {
+ setImage(12, options.trendItems, options.currentCategory + '/' + options.currentSurfaceTemperatureTime);
+ }
+ else {
+ interpretation()
+ }
+ }
+
+ const onTimeClick = (time) => {
+ options.currentTime = time;
+ changeElementCode(options.currentCategory, options.currentTime)
+ interpretation()
+ }
+
+ const onSurfaceTemperatureClick = (value) => {
+ options.currentSurfaceTemperatureTime = value;
+ }
+
+ const onYearClick = (year) => {
+ options.currentYear = year;
+ interpretation()
+ }
+
+ const onSaveClick = () => {
+ let pictures = document.getElementById('pictures');
+ for (let i = 0; i < options.urls.length; i++) {
+ let img = new Image();
+ img.src = options.urls[i].imgUrl;
+ let canvas = document.createElement("canvas") as HTMLCanvasElement;
+ canvas.width = img.width;
+ canvas.height = img.height;
+
+ let ctx = canvas.getContext("2d");
+ let base64 = '';
+
+ img.setAttribute("crossOrigin", 'Anonymous');
+ img.onload = function () {
+ ctx.drawImage(img, 0, 0);
+ base64 = canvas.toDataURL("image/png");
+ pictures.children[i].setAttribute('href', base64);
+
+ let button: HTMLElement = pictures.children[i] as HTMLElement;
+ setTimeout(() => {
+ button.click();
+ }, 500);
+ };
+ }
+ }
+
+ const changeElementCode = (code, nowTime) => {
+ options.time = []
+ let elementCode = options.SwitchElementsData.filter(d => d.elementCode == code)
+ options.iStTimeRange = elementCode[0].isTimeRange
+ options.isDateRange = elementCode[0].isDateRange
+ elementCode[0].timeRange.forEach(item => {
+ if (item.time) {
+ if (item.time == nowTime) {
+ options.time = item.dateRange
+ options.currentYear = item.dateRange[0]
+ }
+ }
+ else {
+ options.time = elementCode[0].timeRange
+ options.currentYear = elementCode[0].timeRange[0]
+ }
+ })
+ }
+
+ const interpretation = () => {
+ if (options.iStTimeRange == false) {
+ if (options.isDateRange == false) {
+ setImage(12, options.trendItems, options.currentCategory );
+ return;
}
+ setImage(12, options.trendItems, options.currentCategory + '/' + options.currentYear);
+ } else {
+ setImage(12, options.trendItems, options.currentCategory + '/' + options.currentTime + '/' + options.currentYear);
+ }
}
+
+ return {
+ ...toRefs(options),
+ onTabClick,
+ onElementClick,
+ onCategoryClick,
+ onSurfaceTemperatureClick,
+ onYearClick,
+ onTimeClick,
+ onSaveClick
+ }
+ }
+}
</script>
<style lang="less" scoped>
- .main {
- .synergy-container {
- height: calc(~"100% - 0.6rem");
- padding: 0.2rem 0 0.2rem 0.2rem;
- .save-btn {
- z-index: 9999;
- }
- .synergy-picture-view {
-
- width: 100%;
- height: 100%;
- display: flex;
- :deep(.el-row) {
- width: 100%;
- .title {
- padding: 0;
- font-size: 0.22rem;
- }
- .el-col {
- height: 46%;
- margin-top: 1%;
- text-align: center;
- .el-image {
- height: calc(~"100% - 0.4rem");
- margin-top: 0.1rem;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- background-color: #ffffff;
- .image-slot {
- margin-top: 0;
- }
- }
- }
- }
- }
- .multi-picture-view {
- width: 100%;
- height: calc(~"100% - 0.2rem");
- :deep(.el-row) {
- height: 100%;
- padding-top: 10px;
- margin-left: 0!important;
- margin-right: 0!important;
- .el-col {
- max-width: calc(~"(100% / 4) - 0.2rem");
- height: 50%;
- margin: 0.2rem 0.2rem 0 0;
- border: 1px solid #666666;
- .el-image {
- height: 100%;
- display: flex;
- align-items: center;
- flex-direction: column;
- justify-content: center;
- }
-
- //&:nth-of-type(6n) {
- // margin-right: 0;
- //}
- }
- }
+.main {
+ .synergy-container {
+ height: calc(~"100% - 0.6rem");
+ padding: 0.2rem 0 0.2rem 0.2rem;
+
+ .save-btn {
+ z-index: 9999;
+ }
+
+ .synergy-picture-view {
+
+ width: 100%;
+ height: 100%;
+ display: flex;
+
+ :deep(.el-row) {
+ width: 100%;
+
+ .title {
+ padding: 0;
+ font-size: 0.22rem;
+ }
+
+ .el-col {
+ height: 46%;
+ margin-top: 1%;
+ text-align: center;
+
+ .el-image {
+ height: calc(~"100% - 0.4rem");
+ margin-top: 0.1rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ background-color: #ffffff;
+
+ .image-slot {
+ margin-top: 0;
}
- .scroll {
- overflow-y: scroll;
}
- .element-select {
- position: relative;
- .surface-temperature {
- display: flex;
- align-items: center;
- border-left: 1px solid #498DF0;
-
- span {
- height: 0.34rem;
- padding: 0 0.1rem;
- text-align: center;
- line-height: 0.34rem;
- border: 1px solid #498DF0;
- border-left: 0;
- cursor: pointer;
-
- &.active {
- color: #ffffff;
- background-color: #498DF0;
- }
- }
- }
- }
- .save-btn {
- right: 0.2rem;
- top: 0.2rem;
- z-index: 9999!important;
- }
}
+ }
+ }
+
+ .multi-picture-view {
+ width: 100%;
+ height: calc(~"100% - 0.2rem");
+
+ :deep(.el-row) {
+ height: 100%;
+ padding-top: 10px;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+
+ .el-col {
+ max-width: calc(~"(100% / 4) - 0.2rem");
+ height: 50%;
+ margin: 0.2rem 0.2rem 0 0;
+ border: 1px solid #666666;
+
+ .el-image {
+ height: 100%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ }
+
+ //&:nth-of-type(6n) {
+ // margin-right: 0;
+ //}
+ }
+ }
}
- ::-webkit-scrollbar {
- width: 8px;
- border-radius: 4px;
+
+ .scroll {
+ overflow-y: scroll;
}
- ::-webkit-scrollbar-track {
- background-color: inherit;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
+ .element-select {
+ position: relative;
+
+ .surface-temperature {
+ display: flex;
+ align-items: center;
+ border-left: 1px solid #498DF0;
+
+ span {
+ height: 0.34rem;
+ padding: 0 0.1rem;
+ text-align: center;
+ line-height: 0.34rem;
+ border: 1px solid #498DF0;
+ border-left: 0;
+ cursor: pointer;
+
+ &.active {
+ color: #ffffff;
+ background-color: #498DF0;
+ }
+ }
+ }
}
- ::-webkit-scrollbar-thumb {
- background-color: #c3c9cd;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
+ .save-btn {
+ right: 0.2rem;
+ top: 0.2rem;
+ z-index: 9999 !important;
}
+ }
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ border-radius: 4px;
+}
+
+::-webkit-scrollbar-track {
+ background-color: inherit;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #c3c9cd;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
</style>
diff --git a/04.系统编码/Frontend/src/router/index.ts b/04.系统编码/Frontend/src/router/index.ts
index 3157156..da43b12 100644
--- a/04.系统编码/Frontend/src/router/index.ts
+++ b/04.系统编码/Frontend/src/router/index.ts
@@ -31,7 +31,6 @@ router.beforeEach((to,form,next)=>{
next('/Login')
}
}
-
})
-export default router;
\ No newline at end of file
+export default router;
diff --git a/04.系统编码/Frontend/src/uilts/Config.ts b/04.系统编码/Frontend/src/uilts/Config.ts
index 6662a4e..a34879d 100644
--- a/04.系统编码/Frontend/src/uilts/Config.ts
+++ b/04.系统编码/Frontend/src/uilts/Config.ts
@@ -5,7 +5,8 @@ export class Config {
// public static url: string = "";
// public static parentUrl: string = "http://10.124.102.10:8002/product/picture";
public static url: string = "http://localhost:8002";
- public static parentUrl: string = "http://112.124.40.88:8999/product/picture";
+ // public static parentUrl: string = "http://112.124.40.88:8999/product/picture";
+ public static parentUrl: string = "http://localhost:8002/product/picture";
// public static parentUrl: string = "http://rdp.nagr.com.cn:8082/product/picture";
}
@@ -36,4 +37,4 @@ export class DecisionSupportConfig {
public static getUrl(productName: string, imgName: string): string {
return format('{2}/decision-support/{0}/{1}.tif', productName, imgName, this.url);
}
-}
\ No newline at end of file
+}
diff --git a/04.系统编码/Frontend/src/uilts/storage.ts b/04.系统编码/Frontend/src/uilts/storage.ts
index 76d53f7..a2a9f37 100644
--- a/04.系统编码/Frontend/src/uilts/storage.ts
+++ b/04.系统编码/Frontend/src/uilts/storage.ts
@@ -1,5 +1,4 @@
-
export function setStaff(key: any, staff: any) {
localStorage.setItem(key, JSON.stringify(staff));
}