xjs
3 years ago
parent
51a6773135
commit
0a527e83a9
@ -0,0 +1,31 @@
|
||||
package com.xjs.business.webmagic.domain;
|
||||
|
||||
import lombok.Data;
|
||||
|
||||
import java.io.Serializable;
|
||||
import java.util.Date;
|
||||
|
||||
/**
|
||||
* 文案网数据实体DTO
|
||||
* @author xiejs
|
||||
* @since 2022-02-16
|
||||
*/
|
||||
@Data
|
||||
public class CopyWritingNetworkDTO implements Serializable {
|
||||
private static final long serialVersionUID = 1L;
|
||||
|
||||
private Long id;
|
||||
|
||||
/** 文案标签 */
|
||||
private String type;
|
||||
|
||||
/** 文案主题 */
|
||||
private String theme;
|
||||
|
||||
/** 文案内容 */
|
||||
private String content;
|
||||
|
||||
/** 创建时间 */
|
||||
private Date createTime;
|
||||
|
||||
}
|
||||
@ -0,0 +1,238 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<div>
|
||||
<el-card shadow="hover" class="card" ref="renderersChart">
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div>
|
||||
<el-card shadow="hover" class="card">
|
||||
<!--logo -->
|
||||
<div style="width: 500px;margin: 0 auto;margin-top: 20px">
|
||||
<el-image
|
||||
style="width: 272px; height: 72px;margin-left: 120px"
|
||||
:src="baiduLogo"
|
||||
></el-image>
|
||||
</div>
|
||||
|
||||
<!--输入框 -->
|
||||
<div style="margin-top: 30px">
|
||||
<el-autocomplete
|
||||
style="width: 92%"
|
||||
v-model="searchContent"
|
||||
@input="getAssociation()"
|
||||
@keydown.enter.n.native="toRescue"
|
||||
clearable
|
||||
@select="handleSelect"
|
||||
:fetch-suggestions="querySearchAsync"
|
||||
placeholder="请输入你想要搜索的内容"></el-autocomplete>
|
||||
<el-button
|
||||
style="width: 8%"
|
||||
|
||||
type="primary" icon="el-icon-search" @click="toRescue"></el-button>
|
||||
</div>
|
||||
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<div>
|
||||
<el-card shadow="hover" class="card">
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div>
|
||||
<el-card shadow="hover" class="card">
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
// 引入echarts
|
||||
var echarts = require('echarts/lib/echarts');
|
||||
require('echarts/lib/component/tooltip');
|
||||
require('echarts/lib/chart/gauge');
|
||||
require('echarts/lib/component/title');
|
||||
|
||||
import baiduLogo from "@/assets/images/baidu_logo.png"
|
||||
import {getAssociation} from "@/api/business/openapi/ai";
|
||||
|
||||
|
||||
export default {
|
||||
name: "Serach",
|
||||
data() {
|
||||
return {
|
||||
baiduLogo,
|
||||
|
||||
//百度输入框内容
|
||||
searchContent: '',
|
||||
|
||||
//联想词汇
|
||||
associationList: [],
|
||||
|
||||
};
|
||||
},
|
||||
|
||||
created() {
|
||||
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.initRenderers();
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
//获取echarts图
|
||||
initRenderers() {
|
||||
var myDate = new Date();
|
||||
var s = myDate.getSeconds();
|
||||
let time = myDate.toLocaleTimeString();
|
||||
let renderersChart = echarts.init(this.$refs.renderersChart.$el)
|
||||
renderersChart.setOption({
|
||||
tooltip: {
|
||||
formatter: '单位：{a} <br/>当前 : {c}s'
|
||||
},
|
||||
title: {
|
||||
text: time,
|
||||
textStyle: {
|
||||
color: '#541264',
|
||||
fontWeight: '1000',
|
||||
align: 'center',
|
||||
},
|
||||
left: "center",
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '秒',
|
||||
type: 'gauge',
|
||||
progress: {
|
||||
show: true
|
||||
},
|
||||
detail: {
|
||||
valueAnimation: true,
|
||||
formatter: '{value}'
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: s,
|
||||
name: '单位：秒',
|
||||
}
|
||||
],
|
||||
min: 0,
|
||||
max: 60,
|
||||
splitNumber: 6,
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
//定时获取秒数定时执行
|
||||
setInterval(function () {
|
||||
let myDate = new Date();
|
||||
let s = myDate.getSeconds();
|
||||
let time = myDate.toLocaleTimeString();
|
||||
renderersChart.setOption({
|
||||
title: {
|
||||
text: time,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
data: [
|
||||
{
|
||||
value: s,
|
||||
name: '单位：秒',
|
||||
}
|
||||
]
|
||||
},
|
||||
]
|
||||
});
|
||||
}, 1000);
|
||||
|
||||
},
|
||||
|
||||
//获取联想词汇
|
||||
getAssociation() {
|
||||
if (this.searchContent === '' || this.searchContent === null || this.searchContent === undefined) {
|
||||
return
|
||||
}
|
||||
let data = {
|
||||
content: this.searchContent,
|
||||
};
|
||||
getAssociation(data).then(res => {
|
||||
this.associationList = res.data
|
||||
})
|
||||
},
|
||||
|
||||
querySearchAsync(queryString, cb) {
|
||||
|
||||
let list = this.handleAssociationList(this.associationList);
|
||||
|
||||
cb(list);
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 处理返回的list
|
||||
* @param restaurants
|
||||
*/
|
||||
handleAssociationList(restaurants) {
|
||||
|
||||
let list = []
|
||||
|
||||
if (restaurants === null || restaurants === undefined || restaurants === []) {
|
||||
return list
|
||||
}
|
||||
|
||||
restaurants.forEach(s => {
|
||||
let obj = {};
|
||||
let key = "value"
|
||||
var value = s
|
||||
obj[key] = value
|
||||
list.push(obj)
|
||||
});
|
||||
|
||||
return list;
|
||||
},
|
||||
|
||||
//跳转到外部链接
|
||||
toRescue() {
|
||||
//当前页面跳转
|
||||
// window.location.href = 'https://www.baidu.com/s?wd=' + this.searchContent
|
||||
//打开新标签跳转
|
||||
window.open('https://www.baidu.com/s?wd='+ this.searchContent)
|
||||
},
|
||||
|
||||
handleSelect(item) {
|
||||
console.log(item);
|
||||
},
|
||||
},
|
||||
|
||||
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.card {
|
||||
width: 100%;
|
||||
height: 410px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,51 @@
|
||||
package com.xjs.common.controller;
|
||||
|
||||
import com.ruoyi.common.core.domain.R;
|
||||
import com.ruoyi.common.core.web.domain.AjaxResult;
|
||||
import com.xjs.business.webmagic.RemoteWebmagicCopyWritingNetworkFeign;
|
||||
import com.xjs.business.webmagic.domain.CopyWritingNetworkDTO;
|
||||
import com.xjs.topsearch.domain.ApiTopsearchWeibo;
|
||||
import com.xjs.topsearch.service.ApiTopsearchWeiboService;
|
||||
import io.swagger.annotations.Api;
|
||||
import io.swagger.annotations.ApiOperation;
|
||||
import lombok.extern.log4j.Log4j2;
|
||||
import org.springframework.beans.factory.annotation.Autowired;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.RestController;
|
||||
|
||||
import javax.annotation.Resource;
|
||||
import java.util.List;
|
||||
|
||||
/**
|
||||
* 主页控制器
|
||||
* @author xiejs
|
||||
* @since 2022-06-14
|
||||
*/
|
||||
@RestController
|
||||
@RequestMapping("index")
|
||||
@Api(tags = "业务模块-主页")
|
||||
@Log4j2
|
||||
public class IndexController {
|
||||
|
||||
@Autowired
|
||||
private ApiTopsearchWeiboService apiTopsearchWeiboService;
|
||||
@Resource
|
||||
private RemoteWebmagicCopyWritingNetworkFeign remoteWebmagicCopyWritingNetworkFeign;
|
||||
|
||||
@GetMapping("showWbSearch")
|
||||
@ApiOperation("展示微博热搜")
|
||||
public AjaxResult showWbSearch() {
|
||||
List<ApiTopsearchWeibo> weiboList = apiTopsearchWeiboService.showWbSearch();
|
||||
return AjaxResult.success(weiboList);
|
||||
}
|
||||
|
||||
@GetMapping("showCopyWriting")
|
||||
@ApiOperation("首页展示文案")
|
||||
public AjaxResult showCopyWriting() {
|
||||
R<List<CopyWritingNetworkDTO>> data = remoteWebmagicCopyWritingNetworkFeign.showCopyWriting();
|
||||
return AjaxResult.success(data.getData());
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
Loading…
Reference in new issue