增加统计
yanzai
10 months ago
parent
c24c563858
commit
065abec30d
@ -0,0 +1,36 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace App\Http\Controllers\API\Admin\YeWu;
|
||||||
|
|
||||||
|
use App\Http\Controllers\Controller;
|
||||||
|
use Illuminate\Http\Request;
|
||||||
|
use Illuminate\Support\Facades\DB;
|
||||||
|
|
||||||
|
class AppointmentTypeController extends Controller
|
||||||
|
{
|
||||||
|
//各种预约方式数量统计
|
||||||
|
public function countAppointmentType(){
|
||||||
|
$searchInfo = request('searchInfo');
|
||||||
|
$list = DB::table('s_list');
|
||||||
|
if(isset($searchInfo['dateRange'])){
|
||||||
|
$list=$list->whereBetween('s_list.reservation_date', $searchInfo['dateRange']);
|
||||||
|
}
|
||||||
|
$list=$list
|
||||||
|
->where(['s_list.list_status' => 2, 's_list.is_del' => 0, 's_list.is_nullify' => 0])
|
||||||
|
->select('appointment_type_id', 's_appointment_type.name', DB::raw('count(*) as count'))
|
||||||
|
->leftJoin('s_appointment_type', 's_list.appointment_type_id', '=', 's_appointment_type.id')
|
||||||
|
->groupBy('appointment_type_id', 's_appointment_type.name') // 添加 s_appointment_type.name 到 groupBy
|
||||||
|
->get();
|
||||||
|
|
||||||
|
//按月统计
|
||||||
|
$monthList = DB::table('s_list');
|
||||||
|
if(isset($searchInfo['dateRange'])){
|
||||||
|
$monthList=$monthList->whereBetween('s_list.reservation_date', $searchInfo['dateRange']);
|
||||||
|
}
|
||||||
|
$monthList=$monthList
|
||||||
|
->where(['s_list.list_status' => 2,'s_list.is_del' => 0,'s_list.is_nullify' => 0])
|
||||||
|
->select(DB::raw('DATE_FORMAT(s_list.reservation_date, "%Y-%m") as month'), DB::raw('count(*) as count'))
|
||||||
|
->groupBy('month')->get();
|
||||||
|
return \Yz::Return(true, '操作成功', ['list'=>$list,'monthList'=>$monthList]);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,132 @@
|
|||||||
|
<template>
|
||||||
|
<div class="head">
|
||||||
|
<el-row>
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker style="margin-left: 8px; width: 300px" v-model="searchInfo.dateRange"
|
||||||
|
type="daterange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"
|
||||||
|
value-format="YYYY-MM-DD" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-button @click="countAppointmentTypeFunc()" style="margin-left: 10px;">搜索</el-button>
|
||||||
|
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<div v-if="monthNameList.length>0" id="MonthCount" class="MonthCount"></div>
|
||||||
|
<el-table :data="tableData" style="width: 100%;" row-key="id" v-loading="loading">
|
||||||
|
<el-table-column prop="name" label="方式" />
|
||||||
|
<el-table-column prop="count" label="数量" />
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {
|
||||||
|
ref,
|
||||||
|
onMounted,computed, nextTick
|
||||||
|
} from 'vue'
|
||||||
|
import * as echarts from 'echarts';
|
||||||
|
import {
|
||||||
|
countAppointmentType,GetServiceDateTime,
|
||||||
|
} from '@/api/api.js'
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
const groupList_new = computed(() => {
|
||||||
|
return groupList.value.filter(item => (item.id ==2));
|
||||||
|
});
|
||||||
|
let loading=ref(false);
|
||||||
|
let searchInfo=ref({
|
||||||
|
name:''
|
||||||
|
})
|
||||||
|
let Info=ref({
|
||||||
|
id:null,
|
||||||
|
name:'',
|
||||||
|
status:1
|
||||||
|
})
|
||||||
|
|
||||||
|
let dialogVisible=ref(false);
|
||||||
|
|
||||||
|
//获取设备list
|
||||||
|
let tableData = ref([])
|
||||||
|
let monthData=ref();
|
||||||
|
let currentPage = ref(1) //当前页码
|
||||||
|
let pageSize = ref(15) //每页数量
|
||||||
|
let total = 0 //总数量
|
||||||
|
//获取服务器时间
|
||||||
|
const GetServiceDate = () => {
|
||||||
|
GetServiceDateTime().then(res => {
|
||||||
|
if (res.status) {
|
||||||
|
let datetime = res.data.datetime.substr(0, 10)
|
||||||
|
searchInfo.value.dateRange = [datetime, datetime]
|
||||||
|
countAppointmentTypeFunc()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
let monthNameList=ref([]);
|
||||||
|
let monthCountList=ref([]);
|
||||||
|
const countAppointmentTypeFunc=()=>{
|
||||||
|
loading.value = true
|
||||||
|
countAppointmentType({searchInfo:searchInfo.value}).then(res => {
|
||||||
|
loading.value = false
|
||||||
|
if (res.status) {
|
||||||
|
tableData.value=res.data.list
|
||||||
|
monthData.value=res.data.monthList
|
||||||
|
monthNameList.value=[];
|
||||||
|
monthCountList.value=[];
|
||||||
|
monthData.value.forEach((v,i)=>{
|
||||||
|
monthNameList.value.push(v.month)
|
||||||
|
monthCountList.value.push(v.count)
|
||||||
|
})
|
||||||
|
if(monthNameList.value.length>0){
|
||||||
|
nextTick(()=>{
|
||||||
|
DrawMonth()
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
} else {
|
||||||
|
ElMessage.error(res.msg)
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const DrawMonth=()=>{
|
||||||
|
var ChartMonthCount = echarts.init(document.getElementById('MonthCount'));
|
||||||
|
// 绘制图表
|
||||||
|
ChartMonthCount.setOption({
|
||||||
|
title: {
|
||||||
|
text: searchInfo.value.dateRange[0]+'~'+searchInfo.value.dateRange[1]+'预约量统计（月）'
|
||||||
|
},
|
||||||
|
tooltip: {},
|
||||||
|
xAxis: {
|
||||||
|
data: monthNameList.value
|
||||||
|
},
|
||||||
|
yAxis: {},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: '数量',
|
||||||
|
type: 'bar',
|
||||||
|
data:monthCountList.value
|
||||||
|
}
|
||||||
|
]
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(()=>{
|
||||||
|
GetServiceDate()
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.page {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.MonthCount{
|
||||||
|
height: 400px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,144 @@
|
|||||||
|
<template>
|
||||||
|
<div class="head">
|
||||||
|
<el-row>
|
||||||
|
<el-form-item>
|
||||||
|
<el-date-picker style="margin-left: 8px; width: 300px" v-model="searchInfo.dateRange"
|
||||||
|
type="daterange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"
|
||||||
|
value-format="YYYY-MM-DD" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-button @click="CountMakeListFunc()" style="margin-left: 10px;">搜索</el-button>
|
||||||
|
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<div v-if="KaiDanCount>0" id="MonthCount" class="MonthCount"></div>
|
||||||
|
<el-table :data="tableData" style="width: 100%;" row-key="id" v-loading="loading">
|
||||||
|
<el-table-column prop="month" label="月份" />
|
||||||
|
<el-table-column prop="count" label="开单数量" />
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import {
|
||||||
|
ref,
|
||||||
|
onMounted,computed, nextTick
|
||||||
|
} from 'vue'
|
||||||
|
import * as echarts from 'echarts';
|
||||||
|
import {
|
||||||
|
CountMakeList,GetServiceDateTime,
|
||||||
|
} from '@/api/api.js'
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
const groupList_new = computed(() => {
|
||||||
|
return groupList.value.filter(item => (item.id ==2));
|
||||||
|
});
|
||||||
|
let loading=ref(false);
|
||||||
|
let searchInfo=ref({
|
||||||
|
name:''
|
||||||
|
})
|
||||||
|
let Info=ref({
|
||||||
|
id:null,
|
||||||
|
name:'',
|
||||||
|
status:1
|
||||||
|
})
|
||||||
|
|
||||||
|
let dialogVisible=ref(false);
|
||||||
|
|
||||||
|
//获取设备list
|
||||||
|
let tableData = ref([])
|
||||||
|
let monthData=ref();
|
||||||
|
let currentPage = ref(1) //当前页码
|
||||||
|
let pageSize = ref(15) //每页数量
|
||||||
|
let total = 0 //总数量
|
||||||
|
//获取服务器时间
|
||||||
|
const GetServiceDate = () => {
|
||||||
|
GetServiceDateTime().then(res => {
|
||||||
|
if (res.status) {
|
||||||
|
let datetime = res.data.datetime.substr(0, 10)
|
||||||
|
searchInfo.value.dateRange = [datetime, datetime]
|
||||||
|
CountMakeListFunc()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
let AppointmentCount=ref(0);
|
||||||
|
let KaiDanCount=ref(0);
|
||||||
|
const CountMakeListFunc=()=>{
|
||||||
|
loading.value = true
|
||||||
|
CountMakeList({searchInfo:searchInfo.value}).then(res => {
|
||||||
|
loading.value = false
|
||||||
|
if (res.status) {
|
||||||
|
tableData.value=res.data.MonthCountList
|
||||||
|
KaiDanCount.value=res.data.Count
|
||||||
|
AppointmentCount.value=res.data.AppointmentCount
|
||||||
|
|
||||||
|
if(KaiDanCount.value>0){
|
||||||
|
nextTick(()=>{
|
||||||
|
DrawMonth()
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
} else {
|
||||||
|
ElMessage.error(res.msg)
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const DrawMonth=()=>{
|
||||||
|
var ChartMonthCount = echarts.init(document.getElementById('MonthCount'));
|
||||||
|
// 绘制图表
|
||||||
|
ChartMonthCount.setOption({
|
||||||
|
title: {
|
||||||
|
text: searchInfo.value.dateRange[0]+'~'+searchInfo.value.dateRange[1]+'开单检查量比',
|
||||||
|
subtext: '开单总量 '+ KaiDanCount.value,
|
||||||
|
left: 'center'
|
||||||
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'item'
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
orient: 'vertical',
|
||||||
|
left: 'left'
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: 'Access From',
|
||||||
|
type: 'pie',
|
||||||
|
radius: '50%',
|
||||||
|
data: [
|
||||||
|
{ value: KaiDanCount.value-AppointmentCount.value, name: '未预约' },
|
||||||
|
{ value: AppointmentCount.value, name: '已预约' },
|
||||||
|
|
||||||
|
],
|
||||||
|
emphasis: {
|
||||||
|
itemStyle: {
|
||||||
|
shadowBlur: 10,
|
||||||
|
shadowOffsetX: 0,
|
||||||
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
onMounted(()=>{
|
||||||
|
GetServiceDate()
|
||||||
|
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.page {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.MonthCount{
|
||||||
|
height: 400px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue