Compare commits
2 Commits
dcb316cda6
...
62cc90e131
Author | SHA1 | Date | |
---|---|---|---|
![]() |
62cc90e131 | ||
![]() |
29159abfad |
@ -65,21 +65,25 @@ public class StatisticsController extends BaseController
|
||||
*/
|
||||
@GetMapping("/countryChart")
|
||||
public AjaxResult countryChart(String tenantId,String startDate,String endDate){
|
||||
return success(busiThirdItemService.nationalData(tenantId,startDate,endDate,null));
|
||||
return success(busiThirdItemService.nationalData(tenantId,startDate,endDate,10));
|
||||
}
|
||||
|
||||
/**
|
||||
* 询盘国家列表--分页表格
|
||||
*/
|
||||
@GetMapping("/inquiryCountryList")
|
||||
public AjaxResult inquiryCountryList(@RequestParam(name = "tenantId", defaultValue = "1") String tenantId,
|
||||
@RequestParam(name = "startDate", defaultValue = "1") String startDate,
|
||||
@RequestParam(name = "endDate", defaultValue = "1") String endDate,
|
||||
public AjaxResult inquiryCountryList(@RequestParam(name = "tenantId",required = true) String tenantId,
|
||||
@RequestParam(name = "startDate", required = false) String startDate,
|
||||
@RequestParam(name = "endDate", required = false) String endDate,
|
||||
@RequestParam(name = "pageNum", defaultValue = "1") Integer pageNum,
|
||||
@RequestParam(name = "pageSize", defaultValue = "10") Integer pageSize){
|
||||
List<ChartDataVO> list = busiThirdItemService.nationalData(tenantId,startDate,endDate,null);
|
||||
int startIndex = (pageNum-1)*pageSize;
|
||||
int endIndex = Math.min(startIndex+pageSize,list.size());
|
||||
return success(list.subList(startIndex,endIndex));
|
||||
Map<String,Object> rtnMap = new HashMap<>();
|
||||
rtnMap.put("records",list.subList(startIndex,endIndex));
|
||||
rtnMap.put("current",pageNum);
|
||||
rtnMap.put("total",list.size());
|
||||
return success(rtnMap);
|
||||
}
|
||||
}
|
||||
|
@ -25,4 +25,12 @@ export function countryChart(query) {
|
||||
params: query
|
||||
})
|
||||
}
|
||||
//国家分布---分页表格
|
||||
export function inquiryCountryList(query) {
|
||||
return request({
|
||||
url: '/statistics/inquiryCountryList',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
|
149
dl_vue/src/views/statistics/countryList/index.vue
Normal file
149
dl_vue/src/views/statistics/countryList/index.vue
Normal file
@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="时间范围" prop="dataRange">
|
||||
<el-date-picker
|
||||
v-model="queryParams.dataRange"
|
||||
type="daterange"
|
||||
align="right"
|
||||
unlink-panels
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:picker-options="pickerOptions"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="dataList" >
|
||||
<el-table-column type="index" width="60" label="序号" align="center"/>
|
||||
<el-table-column label="询盘数量" align="center" prop="value" />
|
||||
<el-table-column label="国家" align="center" prop="name" />
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { inquiryCountryList } from "@/api/statistics/statistics";
|
||||
|
||||
export default {
|
||||
name: "InquiryItem",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 在线询盘记录表格数据
|
||||
dataList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
dataRange: '',
|
||||
startDate: '',
|
||||
endDate: '',
|
||||
tenantId: null,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
},
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
text: '最近一周',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '最近一个月',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '最近三个月',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}]
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询在线询盘记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
inquiryCountryList(this.queryParams).then(response => {
|
||||
this.dataList = response.data.records;
|
||||
this.total = response.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
if (this.queryParams.dataRange && this.queryParams.dataRange.length > 1) {
|
||||
this.queryParams.startDate = this.formatDate(this.queryParams.dataRange[0])
|
||||
this.queryParams.endDate = this.formatDate(this.queryParams.dataRange[1])
|
||||
}else{
|
||||
this.queryParams.startDate = null
|
||||
this.queryParams.endDate = null
|
||||
}
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
/**
|
||||
* 格式化时间戳
|
||||
*/
|
||||
formatDate(timestamp) {
|
||||
const date = new Date(timestamp)
|
||||
const year = date.getFullYear()
|
||||
// 月份是从0开始的,所以要加1
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0')
|
||||
const day = String(date.getDate()).padStart(2, '0')
|
||||
return `${year}-${month}-${day}`
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
Loading…
Reference in New Issue
Block a user