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 f3213b7..060c77b 100644
--- a/04.系统编码/Backend/src/main/resources/application.yml
+++ b/04.系统编码/Backend/src/main/resources/application.yml
@@ -20,7 +20,7 @@ custom:
image:
url: ${custom.parent-url}:${server.port}/product
gifPath: ${custom.image.path}/gif
-# path: D:/Deployments/LamanRadar/product
+# path: D:\下载\可视化平台\product
# parent-url: http://localhost
# quality-path: E:/Memorandum/VPN配置/南京/多曼雷达项目/AllData
path: /home/project/NJEnvironmentPlatform/html/product
diff --git a/04.系统编码/Frontend/public/images/empty.png b/04.系统编码/Frontend/public/images/empty.png
new file mode 100644
index 0000000..6e8f87b
Binary files /dev/null and b/04.系统编码/Frontend/public/images/empty.png differ
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..8f8ab9e 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])
})
})
@@ -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
);
}
@@ -1523,7 +1523,6 @@ export default {
locate: options.currentRegion
}
}
-
return {
date: time,
var: variableName,
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/model/constant.ts b/04.系统编码/Frontend/src/model/constant.ts
index 90184dd..feab2e0 100644
--- a/04.系统编码/Frontend/src/model/constant.ts
+++ b/04.系统编码/Frontend/src/model/constant.ts
@@ -1,5 +1,5 @@
export class Constant{
- public static readonly baseUrl: string = 'http://rdp.nagr.com.cn:18080';
+ public static readonly baseUrl: string = 'http://10.124.102.10:18080';
}
export class ConstantRamanLidar{
// public static readonly baseUrl: string = 'http://112.124.40.88:5511';
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 115f322..a5b6d4e 100644
--- a/04.系统编码/Frontend/src/uilts/Config.ts
+++ b/04.系统编码/Frontend/src/uilts/Config.ts
@@ -6,6 +6,7 @@ export class Config {
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://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));
}