mkm/engineering_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化了统计接口及图表库引入，提升了用户体验，提高了操作效率。

Browse Source
This commit is contained in:
zmj 2024-07-05 13:37:13 +08:00
parent 0b2ffa69d6
commit bcdb309b34
7 changed files with 34 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/api/statistics.ts
View File

@ -124,3 +124,15 @@ export function apistatismarketingStatistics(params: any) {
export function apistatisfinancialStatistics(params: any) { export function apistatisfinancialStatistics(params: any) {
return request.get({ url: '/financial.financial_statistics/index', params }) return request.get({ url: '/financial.financial_statistics/index', params })
} }
export function apistatisconsultStatistics(params: any) {
return request.get({ url: '/consult_basic.consult_statistics/index', params })
}
export function apistatisSupervisionStatistics(params: any) {
return request.get({ url: '/supervision_project.SupervisionStatistics/index', params })
}
export function apistatiscost_statistics(params: any) {
return request.get({ url: '/cost_project.cost_statistics/index', params })
}

2
src/views/statistic_cw/index.vue
View File

@ -50,7 +50,7 @@ import ProjectFund from "./components/ProjectFund.vue"
<el-card shadow="never" class="mt-4 !border-none"> <el-card shadow="never" class="mt-4 !border-none">
<div> <div>
<div class="mb-6 flex justify-between items-center"> <div class="mb-6 flex justify-between items-center">
<span class="text-2xl">用户趋势</span> <span class="text-2xl">趋势</span>
<!-- <div class="flex items-center text-sm"> <!-- <div class="flex items-center text-sm">
<span class="mr-4">时间筛选: </span> <span class="mr-4">时间筛选: </span>
<el-date-picker v-model="startEndTime2" type="daterange" range-separator="至" <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"

19
src/views/statistic_gc/index.vue
View File

@ -26,9 +26,9 @@ import ProjectFund from "./components/ProjectFund.vue"
<span class="text-2xl">概况</span> <span class="text-2xl">概况</span>
<div class="flex items-center text-sm"> <div class="flex items-center text-sm">
<span class="mr-4">时间筛选: </span> <span class="mr-4">时间筛选: </span>
<el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期" <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" unlink-panels @change="getData" /> end-placeholder="结束日期" unlink-panels @change="getData2" />
<el-button type="primary" class="ml-4" @click="getData">查询</el-button> <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
</div> </div>
</div> </div>
<div class="flex flex-wrap"> <div class="flex flex-wrap">
@ -50,22 +50,15 @@ import ProjectFund from "./components/ProjectFund.vue"
<el-card shadow="never" class="mt-4 !border-none"> <el-card shadow="never" class="mt-4 !border-none">
<div> <div>
<div class="mb-6 flex justify-between items-center"> <div class="mb-6 flex justify-between items-center">
<span class="text-2xl">用户趋势</span> <span class="text-2xl">趋势</span>
<div class="flex items-center text-sm">
<span class="mr-4">时间筛选: </span>
<el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
<el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
</div>
</div> </div>
<v-charts style="height: 400px" :option="visitorOption" :autoresize="true" /> <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
</div> </div>
</el-card> </el-card>
</div> </div>
</template> </template>
<script lang="ts" setup name="statistics_user"> <script lang="ts" setup name="statistics_user">
import { apistatisfinancialStatistics } from "@/api/statistics" import { apistatisSupervisionStatistics } from "@/api/statistics"
import moment from 'moment' import moment from 'moment'
import vCharts from 'vue-echarts' import vCharts from 'vue-echarts'
@ -208,7 +201,7 @@ const startEndTime2 = ref([]);
const getData2 = () => { const getData2 = () => {
let date = ''; let date = '';
if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD'); if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
apistatisfinancialStatistics({ apistatisSupervisionStatistics({
date: date date: date
}).then(res => { }).then(res => {
// 清空echarts 数据 // 清空echarts 数据

2
src/views/statistic_sc/index.vue
View File

@ -29,7 +29,7 @@
<el-card shadow="never" class="mt-4 !border-none"> <el-card shadow="never" class="mt-4 !border-none">
<div> <div>
<div class="mb-6 flex justify-between items-center"> <div class="mb-6 flex justify-between items-center">
<span class="text-2xl">用户趋势</span> <span class="text-2xl">趋势</span>
</div> </div>
<v-charts style="height: 400px" :option="visitorOption" :autoresize="true" /> <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />

2
src/views/statistic_xm/index.vue
View File

@ -50,7 +50,7 @@ import ProjectFund from "./components/ProjectFund.vue"
<el-card shadow="never" class="mt-4 !border-none"> <el-card shadow="never" class="mt-4 !border-none">
<div> <div>
<div class="mb-6 flex justify-between items-center"> <div class="mb-6 flex justify-between items-center">
<span class="text-2xl">用户趋势</span> <span class="text-2xl">趋势</span>
<!-- <div class="flex items-center text-sm"> <!-- <div class="flex items-center text-sm">
<span class="mr-4">时间筛选: </span> <span class="mr-4">时间筛选: </span>
<el-date-picker v-model="startEndTime2" type="daterange" range-separator="至" <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"

18
src/views/statistic_zj/index.vue
View File

@ -6,9 +6,9 @@
<span class="text-2xl">概况</span> <span class="text-2xl">概况</span>
<div class="flex items-center text-sm"> <div class="flex items-center text-sm">
<span class="mr-4">时间筛选: </span> <span class="mr-4">时间筛选: </span>
<el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期" <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" unlink-panels @change="getData" /> end-placeholder="结束日期" unlink-panels @change="getData2" />
<el-button type="primary" class="ml-4" @click="getData">查询</el-button> <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
</div> </div>
</div> </div>
<div class="flex flex-wrap"> <div class="flex flex-wrap">
@ -30,13 +30,7 @@
<el-card shadow="never" class="mt-4 !border-none"> <el-card shadow="never" class="mt-4 !border-none">
<div> <div>
<div class="mb-6 flex justify-between items-center"> <div class="mb-6 flex justify-between items-center">
<span class="text-2xl">用户趋势</span> <span class="text-2xl">趋势</span>
<div class="flex items-center text-sm">
<span class="mr-4">时间筛选: </span>
<el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
<el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
</div>
</div> </div>
<v-charts style="height: 400px" :option="visitorOption" :autoresize="true" /> <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
</div> </div>
@ -45,7 +39,7 @@
</template> </template>
<script lang="ts" setup name="statistics_user"> <script lang="ts" setup name="statistics_user">
import { apistatisfinancialStatistics } from "@/api/statistics" import { apistatiscost_statistics } from "@/api/statistics"
import moment from 'moment' import moment from 'moment'
import vCharts from 'vue-echarts' import vCharts from 'vue-echarts'
@ -188,7 +182,7 @@ const startEndTime2 = ref([]);
const getData2 = () => { const getData2 = () => {
let date = ''; let date = '';
if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD'); if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
apistatisfinancialStatistics({ apistatiscost_statistics({
date: date date: date
}).then(res => { }).then(res => {
// 清空echarts 数据 // 清空echarts 数据

18
src/views/statistic_zx/index.vue
View File

@ -26,9 +26,9 @@ import ProjectFund from "./components/ProjectFund.vue"
<span class="text-2xl">概况</span> <span class="text-2xl">概况</span>
<div class="flex items-center text-sm"> <div class="flex items-center text-sm">
<span class="mr-4">时间筛选: </span> <span class="mr-4">时间筛选: </span>
<el-date-picker v-model="startEndTime" type="daterange" range-separator="至" start-placeholder="开始日期" <el-date-picker v-model="startEndTime2" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" unlink-panels @change="getData" /> end-placeholder="结束日期" unlink-panels @change="getData2" />
<el-button type="primary" class="ml-4" @click="getData">查询</el-button> <el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
</div> </div>
</div> </div>
<div class="flex flex-wrap"> <div class="flex flex-wrap">
@ -50,13 +50,7 @@ import ProjectFund from "./components/ProjectFund.vue"
<el-card shadow="never" class="mt-4 !border-none"> <el-card shadow="never" class="mt-4 !border-none">
<div> <div>
<div class="mb-6 flex justify-between items-center"> <div class="mb-6 flex justify-between items-center">
<span class="text-2xl">用户趋势</span> <span class="text-2xl">趋势</span>
<div class="flex items-center text-sm">
<span class="mr-4">时间筛选: </span>
<el-date-picker v-model="startEndTime2" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" unlink-panels @change="getData2" />
<el-button type="primary" class="ml-4" @click="getData2">查询</el-button>
</div>
</div> </div>
<v-charts style="height: 400px" :option="visitorOption" :autoresize="true" /> <v-charts style="height: 400px" :option="visitorOption" :autoresize="true" />
</div> </div>
@ -65,7 +59,7 @@ import ProjectFund from "./components/ProjectFund.vue"
</template> </template>
<script lang="ts" setup name="statistics_user"> <script lang="ts" setup name="statistics_user">
import { apistatisfinancialStatistics } from "@/api/statistics" import { apistatisconsultStatistics } from "@/api/statistics"
import moment from 'moment' import moment from 'moment'
import vCharts from 'vue-echarts' import vCharts from 'vue-echarts'
@ -208,7 +202,7 @@ const startEndTime2 = ref([]);
const getData2 = () => { const getData2 = () => {
let date = ''; let date = '';
if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD'); if (startEndTime2.value[0] && startEndTime2.value[1]) date = moment(startEndTime2.value[0]).format('YYYY/MM/DD') + '-' + moment(startEndTime2.value[1]).format('YYYY/MM/DD');
apistatisfinancialStatistics({ apistatisconsultStatistics({
date: date date: date
}).then(res => { }).then(res => {
// 清空echarts 数据 // 清空echarts 数据