clunt
/
RuoYi-Cloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1、前端工具模块垃圾分类功能实现

This commit is contained in:
xjs 2022-01-24 11:58:18 +08:00
parent 074ca69f8c
commit 70e51bee88
7 changed files with 136 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
ruoyi-ui/src/api/business/openapi/apitools.js
View File

@ -62,5 +62,33 @@ export function getForecastWeather(city) {
})
}
//获取垃圾分类信息
export function getGarbageSorting(name) {
return request({
url: '/openapi/apitools/garbagesorting/'+name,
method: 'get',
})
}
//获取简繁转换信息
export function getSimpleComplex(content) {
return request({
url: '/openapi/apitools/simplecomplex/'+content,
method: 'get',
})
}
//获取汉语字典信息
export function getChineseDict(content) {
return request({
url: '/openapi/apitools/chinesedict/'+content,
method: 'get',
})
}

114
ruoyi-ui/src/views/business/tools/apitools/index.vue
View File

@ -15,7 +15,6 @@
<el-form label-width="80px" label-position="right">
<el-form-item label="节假日" label-width="80px">
<el-popover
v-loading="loading1"
placement="bottom"
width="400"
trigger="manual"
@ -31,6 +30,7 @@
<el-button @click="close" icon="el-icon-close" circle plain size="mini"
style="float: right"></el-button>
<el-button type="primary"
v-loading="loading1"
v-hasPermi="['open:apitools:holiday']"
icon="el-icon-search"
size="mini"
@ -48,7 +48,6 @@
<el-form-item label="MM图片" label-width="80px">
<el-popover
v-loading="loading2"
placement="bottom"
width="988"
trigger="manual"
@ -60,7 +59,8 @@
</el-image>
<el-button @click="close" icon="el-icon-close" circle plain size="mini"
style="float: right"></el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="getBeautyPicture()"
<el-button v-loading="loading2" type="primary" icon="el-icon-search" size="mini"
@click="getBeautyPicture()"
slot="reference">搜索
</el-button>
</el-popover>
@ -74,7 +74,6 @@
<el-form-item label="历史今天" label-width="80px">
<el-popover
v-loading="loading3"
placement="right"
width="400"
trigger="manual"
@ -92,7 +91,8 @@
</div>
<el-button @click="close" icon="el-icon-close" circle plain size="mini"
style="float: right"></el-button>
<el-button type="primary" icon="el-icon-search" @click="getHistoryToday()" size="mini"
<el-button v-loading="loading3" type="primary" icon="el-icon-search" @click="getHistoryToday()"
size="mini"
slot="reference">搜索
</el-button>
@ -132,7 +132,9 @@
</el-card>
<el-button @click="close" icon="el-icon-close" circle plain size="mini"
style="float: right"></el-button>
<el-button type="primary" @click="getIdCardQuery('idCardForm')" slot="reference">搜索</el-button>
<el-button v-loading="loading4" type="primary" @click="getIdCardQuery('idCardForm')" slot="reference">
搜索
</el-button>
</el-popover>
</el-form-item>
</el-form>
@ -200,7 +202,9 @@
</div>
<el-button @click="close" icon="el-icon-close" circle plain size="mini"
style="float: right"></el-button>
<el-button type="primary" slot="reference" @click="getNowWeather('nowWeatherForm')">搜索</el-button>
<el-button v-loading="loading6" type="primary" slot="reference"
@click="getNowWeather('nowWeatherForm')">搜索
</el-button>
</el-popover>
</el-form-item>
</el-form>
@ -252,7 +256,7 @@
</div>
<el-button @click="close" icon="el-icon-close" circle plain size="mini"
style="float: right"></el-button>
<el-button type="primary" slot="reference"
<el-button v-loading="loading7" type="primary" slot="reference"
@click="getForecastWeather('forecastWeatherForm')">搜索
</el-button>
</el-popover>
@ -261,12 +265,35 @@
</div>
<div class="table2_col_div">
<el-form :inline="true" class="">
<el-form-item label="垃圾分类" label-width="100px">
<el-input placeholder="请输入垃圾名称"></el-input>
<el-form :inline="true" :rules="rules" :model="garbageSortingForm" ref="garbageSortingForm">
<el-form-item label="垃圾分类" label-width="100px" prop="name">
<el-input v-model="garbageSortingForm.name" placeholder="请输入垃圾名称"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary">搜索</el-button>
<el-popover
placement="bottom"
width="350"
trigger="manual"
v-model="garbageSortingVisible">
<div v-loading="loading8">
<el-card shadow="hover">
<span>名称：{{ aim.goodsName }}</span>
<el-divider direction="vertical"></el-divider>
<span>类型：{{ aim.goodsType }}</span>
</el-card>
<el-divider content-position="center">推荐</el-divider>
<el-card shadow="hover" v-for="data in recommendList">
<span>名称：{{ data.goodsName }}</span>
<el-divider direction="vertical"></el-divider>
<span>类型：{{ data.goodsType }}</span>
</el-card>
</div>
<el-button @click="close" icon="el-icon-close" circle plain size="mini"
style="float: right"></el-button>
<el-button v-loading="loading8" type="primary" slot="reference"
@click="getGarbageSorting('garbageSortingForm')">搜索
</el-button>
</el-popover>
</el-form-item>
</el-form>
</div>
@ -310,6 +337,9 @@ import {
getMobileBelong,
getNowWeather,
getForecastWeather,
getGarbageSorting,
getSimpleComplex,
getChineseDict
} from "@/api/business/openapi/apitools";
import weather from "@/assets/icons/weather/天气.png"
@ -328,6 +358,18 @@ export default {
mobileBelongData: {},
nowWeatherData: {},
forecastWeatherData: {},
aim: {
goodsName: '-',
goodsType: '-',
},
recommendList: [{
goodsName: '-',
goodsType: '-',
}],
simpleComplexData: {},
chineseDictData: {},
//-------------input框数据-------------------
@ -343,6 +385,15 @@ export default {
forecastWeatherForm: {
city: ''
},
garbageSortingForm: {
name: ''
},
simpleComplexForm: {
content: ''
},
chineseDictForm: {
content: ''
},
//------------控制弹出显示隐藏-----------------
@ -353,6 +404,9 @@ export default {
mobileBelongVisible: false,
nowWeatherVisible: false,
forecastWeatherVisible: false,
garbageSortingVisible: false,
simpleComplexVisible: false,
chineseDictVisible: false,
//----------------遮罩层-------------------
@ -380,7 +434,10 @@ export default {
],
city: [
{required: true, message: '请输入地名！！！', trigger: 'blur'},
]
],
name: [
{required: true, message: '请输入垃圾名称！！！', trigger: 'blur'},
],
},
@ -396,6 +453,32 @@ export default {
,
methods: {
//获取垃圾分类信息
getGarbageSorting(garbageSortingForm) {
this.$refs[garbageSortingForm].validate((valid) => {
this.aim = {}
this.recommendList = []
if (valid) {
this.loading8 = true
getGarbageSorting(this.garbageSortingForm.name).then(res => {
this.loading8 = false
this.garbageSortingVisible = true
if (res.data.aim !== null) {
this.aim = res.data.aim;
}
if (res.data.recommendList !== null) {
this.recommendList = res.data.recommendList;
}
}).catch(err => {
this.loading8 = false
})
} else {
return false
}
})
},
//获取预报天气信息
getForecastWeather(forecastWeatherForm) {
this.$refs[forecastWeatherForm].validate((valid) => {
@ -413,8 +496,6 @@ export default {
return false
}
})
},
//获取实时天气信息
@ -468,6 +549,9 @@ export default {
this.holidayVisible = false;
this.nowWeatherVisible = false;
this.forecastWeatherVisible = false;
this.garbageSortingVisible = false;
this.simpleComplexVisible = false;
this.chineseDictVisible = false;
},
//获取手机归属地信息

2
xjs-business/xjs-business-common/src/main/java/com/xjs/consts/ApiConst.java
View File

@ -130,7 +130,7 @@ public class ApiConst {
/**
* 接口文档：https://www.mxnzp.com/doc/detail?id=14
*/
public static final String ROLL_GARBAGE_SORTING_URL = "http://www.mxnzp.com/api/rubbish/type";
public static final String ROLL_GARBAGE_SORTING_URL = "https://www.mxnzp.com/api/rubbish/type";
/**
* 接口文档：https://www.mxnzp.com/doc/detail?id=15

3
xjs-business/xjs-business-openapi/src/main/java/com/xjs/apitools/domain/ApiGarbageSorting.java
View File

@ -3,6 +3,7 @@ package com.xjs.apitools.domain;
import lombok.Data;
import java.io.Serializable;
import java.util.List;
import java.util.Map;
/**
@ -25,7 +26,7 @@ public class ApiGarbageSorting implements Serializable {
/**
* 物品垃圾分类类型
*/
private Map<String, String> recommendList;
private List<Map<String, String>> recommendList;

3
xjs-business/xjs-business-openapi/src/main/java/com/xjs/apitools/factory/impl/RollForecastWeatherFactory.java
View File

@ -15,6 +15,7 @@ import static com.xjs.consts.ApiConst.*;
/**
* roll平台获取预报天气api工厂实现
*
* @author xiejs
* @since 2022-01-18
*/
@ -36,7 +37,7 @@ public class RollForecastWeatherFactory implements ApiToolsFactory<ApiForecastWe
if (!jsonObject.containsKey(DEMOTE_ERROR) && jsonObject.getInteger("code") == ROLL_CODE_SUCCESS.intValue()) {
JSONObject jsonData = jsonObject.getJSONObject("data");
return jsonData.toJavaObject(ApiForecastWeather.class);
}else if (jsonObject.getInteger("code") == ROLL_CODE_ERROR.intValue()) {
} else if (jsonObject.containsKey("code") && jsonObject.getInteger("code") == ROLL_CODE_ERROR.intValue()) {
throw new ApiException("未找到对应城市，请检查后重试");
}
return null;

3
xjs-business/xjs-business-openapi/src/main/java/com/xjs/apitools/factory/impl/RollGarbageSortingFactory.java
View File

@ -15,6 +15,7 @@ import static com.xjs.consts.ApiConst.*;
/**
* roll平台获取垃圾分类api工厂实现
*
* @author xiejs
* @since 2022-01-19
*/
@ -36,7 +37,7 @@ public class RollGarbageSortingFactory implements ApiToolsFactory<ApiGarbageSort
if (!jsonObject.containsKey(DEMOTE_ERROR) && jsonObject.getInteger("code") == ROLL_CODE_SUCCESS.intValue()) {
JSONObject jsonData = jsonObject.getJSONObject("data");
return jsonData.toJavaObject(ApiGarbageSorting.class);
} else if (jsonObject.getInteger("code") == ROLL_CODE_ERROR.intValue()) {
} else if (jsonObject.containsKey("code") && jsonObject.getInteger("code") == ROLL_CODE_ERROR.intValue()) {
throw new ApiException("未搜索到相关物品垃圾分类信息，该关键词已上报，感谢您的使用");
}
return null;

3
xjs-business/xjs-business-openapi/src/main/java/com/xjs/apitools/factory/impl/RollNowWeatherFactory.java
View File

@ -15,6 +15,7 @@ import static com.xjs.consts.ApiConst.*;
/**
* roll天气预报api工厂实现
*
* @author xiejs
* @since 2022-01-18
*/
@ -36,7 +37,7 @@ public class RollNowWeatherFactory implements ApiToolsFactory<ApiNowWeather, Req
if (!jsonObject.containsKey(DEMOTE_ERROR) && jsonObject.getInteger("code") == ROLL_CODE_SUCCESS.intValue()) {
JSONObject jsonData = jsonObject.getJSONObject("data");
return jsonData.toJavaObject(ApiNowWeather.class);
}else if (jsonObject.getInteger("code") == ROLL_CODE_ERROR.intValue()) {
} else if (jsonObject.containsKey("code") && jsonObject.getInteger("code") == ROLL_CODE_ERROR.intValue()) {
throw new ApiException("未找到对应城市，请检查后重试");
}
return null;