Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
fb646134 by 赵千
Options

Merge branch 'dev' into 'master' 

统计分析

See merge request !2
2 parents 79a13f29 d4a1d694
Inline Side-by-side
Showing 7 changed files with 312 additions and 76 deletions
......@@ -58,3 +58,81 @@ export function exportTjtj (data) {
responseType: 'blob'
})
}
/**
* @description: getDjlxStatistic
* @author:
* @param data
*/
export function getDjlxStatistic (data) {
return request({
url: SERVER.SERVERAPI + '/rest/tjfx/djqkfx/getDjlxStatistic',
method: 'post',
data
})
}
/**
* @description: getPrintBdcqzStatistic
* @author:
* @param data
*/
export function getPrintBdcqzStatistic (data) {
return request({
url: SERVER.SERVERAPI + '/rest/tjfx/djqkfx/getPrintBdcqzStatistic',
method: 'post',
data
})
}
/**
* @description: getSlryStatistic
* @author:
* @param data
*/
export function getSlryStatistic (data) {
return request({
url: SERVER.SERVERAPI + '/rest/tjfx/djqkfx/getSlryStatistic',
method: 'post',
data
})
}
/**
* @description: getAcceptMonthStatistic
* @author:
* @param data
*/
export function getAcceptMonthStatistic (data) {
return request({
url: SERVER.SERVERAPI + '/rest/tjfx/djqkfx/getAcceptMonthStatistic',
method: 'post',
data
})
}
/**
* @description: getAcceptDayStatistic
* @author:
* @param data
*/
export function getAcceptDayStatistic (data) {
return request({
url: SERVER.SERVERAPI + '/rest/tjfx/djqkfx/getAcceptDayStatistic',
method: 'post',
data
})
}
/**
* @description: getAcceptAreaStatistic
* @author:
* @param data
*/
export function getAcceptAreaStatistic (data) {
return request({
url: SERVER.SERVERAPI + '/rest/tjfx/djqkfx/getAcceptAreaStatistic',
method: 'post',
data
})
}
......
......@@ -86,6 +86,7 @@
</template>
<script>
import * as echarts from "echarts";
import { getDjlxStatistic } from "@/api/tjfx.js";
import { mapGetters } from "vuex";
import { getdatamonth } from "@/utils/util";
export default {
......@@ -97,27 +98,51 @@ export default {
return {
queryForm: {
sj: [],
qy: ''
},
tableList: [
{ name: "首次登记", value: "2" },
{ name: "变更登记", value: "12" },
{ name: "抵押登记", value: "23" },
{ name: "转移登记", value: "33" },
{ name: "预告登记", value: "13" },
{ name: "注销登记", value: "3" },
{ name: "查封登记", value: "4" },
{ name: "其他登记", value: "26" },
// { name: "首次登记", value: "2" },
// { name: "变更登记", value: "12" },
// { name: "抵押登记", value: "23" },
// { name: "转移登记", value: "33" },
// { name: "预告登记", value: "13" },
// { name: "注销登记", value: "3" },
// { name: "查封登记", value: "4" },
// { name: "其他登记", value: "26" },
],
};
},
mounted() {
this.setdata();
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
},
methods: {
getDjlxStatistic() {
getDjlxStatistic(
{
startDate: this.queryForm.sj[0],
endDate: this.queryForm.sj[1],
qxdm: this.queryForm.qy
}
).then(res => {
if (res.code === 200) {
this.tableList = []
let dicList = this.dictData['A21']
res.result.forEach(it=>{
const matchingObject = dicList.find(obj => obj.dcode === it.DJLX);
const djlxmc = matchingObject != null ? matchingObject.dname : it.DJLX;
let obj = {
name: djlxmc,
value: it.SJCOUNT
}
this.tableList.push(obj)
})
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
}
})
},
getOption() {
return {
title: {
......@@ -171,10 +196,12 @@ export default {
setdata() {
this.queryForm.sj = getdatamonth();
console.log("this.queryForm", this.queryForm);
this.getDjlxStatistic()
},
handleSearch() {
console.log(" this.queryForm", this.queryForm);
this.getDjlxStatistic()
},
},
};
......
......@@ -68,28 +68,56 @@
<script>
import * as echarts from "echarts";
import { getdatamonth } from "@/utils/util";
import { getAcceptAreaStatistic } from "@/api/tjfx.js";
import {mapGetters} from "vuex";
export default {
components: {},
computed: {
...mapGetters(["dictData"]),
},
data() {
return {
queryForm: {},
tableList: [
{ name: "浐灞", value: "2" },
{ name: "长安", value: "12" },
{ name: "莲湖", value: "23" },
{ name: "高新", value: "33" },
{ name: "高新", value: "33" },
// { name: "浐灞", value: "2" },
// { name: "长安", value: "12" },
// { name: "莲湖", value: "23" },
// { name: "高新", value: "33" },
// { name: "高新", value: "33" },
],
};
},
mounted() {
this.setdata();
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
},
methods: {
getAcceptAreaStatistic() {
getAcceptAreaStatistic({
startDate: this.queryForm.sj[0],
endDate: this.queryForm.sj[1],
qxdm: this.queryForm.qy
}).then(res => {
if (res.code === 200) {
this.tableList = []
let dicList = this.dictData['A20']
res.result.forEach(it=>{
const matchingObject = dicList.find(obj => obj.dcode === it.QXDM);
const qxmc = matchingObject != null ? matchingObject.dname : it.QXDM;
let obj = {
name: qxmc,
value: it.SJCOUNT
}
this.tableList.push(obj)
})
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
}
})
},
getOption() {
return {
title: {
......@@ -143,9 +171,11 @@ export default {
setdata() {
this.queryForm.sj = getdatamonth();
console.log("this.queryForm", this.queryForm);
this.getAcceptAreaStatistic()
},
handleSearch() {
console.log(" this.queryForm", this.queryForm);
this.getAcceptAreaStatistic()
},
},
};
......
......@@ -87,6 +87,7 @@
import * as echarts from "echarts";
import { mapGetters } from "vuex";
import { getdatamonth } from "@/utils/util";
import { getSlryStatistic } from "@/api/tjfx.js";
export default {
components: {},
computed: {
......@@ -94,22 +95,46 @@ export default {
},
data() {
return {
queryForm: {},
queryForm: {
qy: ''
},
tableList: [
{ name: "小红", value: "2" },
{ name: "小张", value: "12" },
{ name: "小王", value: "23" },
// { name: "小红", value: "2" },
// { name: "小张", value: "12" },
// { name: "小王", value: "23" },
],
};
},
mounted() {
this.setdata();
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
},
methods: {
getSlryStatistic() {
getSlryStatistic({
startDate: this.queryForm.sj[0],
endDate: this.queryForm.sj[1],
qxdm: this.queryForm.qy
}).then(res => {
if (res.code === 200) {
this.tableList = []
res.result.forEach(it=>{
let obj = {
name: it.SLRY,
value: it.SJCOUNT
}
this.tableList.push(obj)
})
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
}
})
},
getOption() {
return {
title: {
......@@ -163,9 +188,11 @@ export default {
setdata() {
this.queryForm.sj = getdatamonth();
console.log("this.queryForm", this.queryForm);
this.getSlryStatistic()
},
handleSearch() {
console.log(" this.queryForm", this.queryForm);
this.getSlryStatistic()
},
},
};
......
......@@ -56,8 +56,27 @@
</div>
</template>
<script>
function getFirstAndLastDayOfMonth(dateString) {
const date = new Date(dateString);
const firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
const lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);
// 将日期格式化为 "yyyy-MM-dd"
const formatDate = (d) => {
const year = d.getFullYear();
const month = String(d.getMonth() + 1).padStart(2, '0');
const day = String(d.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
};
return {
firstDay: formatDate(firstDay),
lastDay: formatDate(lastDay)
};
}
import * as echarts from "echarts";
import { mapGetters } from "vuex";
import { getAcceptDayStatistic } from "@/api/tjfx.js";
export default {
components: {},
computed: {
......@@ -66,23 +85,11 @@ export default {
data() {
return {
queryForm: {
monthValue:""
monthValue:"",
qy: ''
},
datas: [12, 23, 15, 28, 37, 11, 13, 32, 34, 56, 12, 15],
datatime: [
"1日",
"2日",
"4日",
"5日",
"7日",
"10日",
"14日",
"15日",
"17日",
"19日",
"20日",
"21日",
],
datas: [],
datatime: [],
};
},
......@@ -101,16 +108,13 @@ export default {
console.log("this.queryForm",this.queryForm);
},
mounted() {
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
this.handleSearch()
},
methods: {
getOption() {
return {
title: {
text: "2023年11月收件情况 ", // 主标题名称
text: "收件情况统计(月) ", // 主标题名称
textStyle: {
//主标题文本设置
......@@ -168,7 +172,20 @@ export default {
};
},
handleSearch() {},
handleSearch() {
const { firstDay, lastDay } = getFirstAndLastDayOfMonth(this.queryForm.monthValue);
getAcceptDayStatistic({startDate: firstDay, endDate: lastDay, qxdm: this.queryForm.qy}).then(res => {
if (res.code === 200) {
let dataSource = res.result
this.datas = dataSource.map(item => item.SJCOUNT)
this.datatime = dataSource.map(item => item.SJDAY)
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
}
})
},
},
};
</script>
......
......@@ -14,6 +14,7 @@
class="width100"
v-model="queryForm.sj"
type="year"
@change="chooseDateRange"
placeholder="选择年"
>
</el-date-picker>
......@@ -58,7 +59,7 @@
<script>
import * as echarts from "echarts";
import { mapGetters } from "vuex";
import { getAcceptMonthStatistic } from "@/api/tjfx.js";
export default {
components: {},
computed: {
......@@ -67,50 +68,44 @@ export default {
data() {
return {
queryForm: {
sj:""
sj:"",
year: "",
qy: ''
},
datetime: [],
datas: []
};
},
created() {
var tempDate = new Date();
this.queryForm.sj = tempDate
var year = tempDate.getFullYear();
console.log("year", year);
// 默认当月
this.$set(this.queryForm, "sj", year.toString());
this.$set(this.queryForm, "year", year.toString());
console.log("this.queryForm",this.queryForm);
},
mounted() {
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
this.handleSearch()
},
methods: {
chooseDateRange() {
var year = this.queryForm.sj.getFullYear();
this.$set(this.queryForm, "year", year.toString());
this.handleSearch()
},
getOption() {
return {
xAxis: {
type: "category",
data: [
"1月",
"2月",
"3月",
"4月",
"5月",
"6月",
"7月",
"8月",
"9月",
"10月",
"11月",
"12月",
],
data: this.datatime,
},
yAxis: {
type: "value",
},
title: {
text: "2023年收件情况 ", // 主标题名称
text: "收件情况统计(年) ", // 主标题名称
textStyle: {
//主标题文本设置
......@@ -149,7 +144,7 @@ export default {
},
series: [
{
data: [38, 42, 50, 157, 40, 45, 60, 140, 36, 47, 54, 143],
data: this.datas,
barWidth: 40,
type: "bar",
},
......@@ -157,7 +152,22 @@ export default {
};
},
handleSearch() {},
handleSearch() {
console.log(this.queryForm)
let startAt = this.queryForm.year + '-01-01'
let endAt = this.queryForm.year + '-12-31'
getAcceptMonthStatistic({startDate: startAt, endDate: endAt, qxdm: this.queryForm.qy}).then(res => {
if (res.code === 200) {
let dataSource = res.result
this.datas = dataSource.map(item => item.SJCOUNT)
this.datatime = dataSource.map(item => item.SJMONTH)
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
}
})
},
},
};
</script>
......
......@@ -84,6 +84,7 @@
</div>
</template>
<script>
import { getPrintBdcqzStatistic } from "@/api/tjfx.js";
import * as echarts from "echarts";
import { mapGetters } from "vuex";
import { getdatamonth } from "@/utils/util";
......@@ -94,7 +95,9 @@ export default {
},
data() {
return {
queryForm: {},
queryForm: {
qy: ''
},
tableList: [
{ name: "单一版不动产权证书", value: "459" },
{ name: "不动产登记证明", value: "164" },
......@@ -110,6 +113,48 @@ export default {
this.chart.setOption(this.getOption());
},
methods: {
getPrintBdcqzStatistic() {
getPrintBdcqzStatistic({
startDate: this.queryForm.sj[0],
endDate: this.queryForm.sj[1],
qxdm: this.queryForm.qy
}).then(res => {
if (res.code === 200) {
this.tableList = []
res.result.forEach(it=>{
let obj = {
name: it.BDCQZLX == '1' ? '单一版不动产权证书' : '不动产登记证明',
ky: it.BDCQZLX,
value: it.SJCOUNT
}
this.tableList.push(obj)
})
const hasBdclx1 = this.tableList.some(item => item.ky === '1');
if (!hasBdclx1) {
let obj1 = {
name: '单一版不动产权证书',
ky: '1',
value: 0
}
this.tableList.push(obj1)
}
const hasBdclx2 = this.tableList.some(item => item.ky === '2');
if (!hasBdclx2) {
let obj2 = {
name: '不动产登记证明',
ky: '2',
value: 0
}
this.tableList.push(obj2)
}
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
}
})
},
getOption() {
return {
title: {
......@@ -163,9 +208,11 @@ export default {
setdata() {
this.queryForm.sj = getdatamonth();
console.log("this.queryForm", this.queryForm);
this.getPrintBdcqzStatistic()
},
handleSearch() {
console.log(" this.queryForm", this.queryForm);
this.getPrintBdcqzStatistic()
},
},
};
......