bonus
/
BigScreenUI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

接口调试优化

This commit is contained in:
13218645326 2023-12-02 17:50:50 +08:00
parent 261a15df49
commit 033230b2fe
5 changed files with 183 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/customCom/equipmentLeasing.vue
View File

@ -61,6 +61,7 @@ import gdJSON from './mapData/gd.json'
import gzJSON from './mapData/gz.json'
import ynJSON from './mapData/yn.json'
import hnJSON from './mapData/hn.json'
import {apibmCompanyInfoColtdList} from "http/api/echartApi"
const mapEchartsRef = ref()
const equipmentDialogRef=ref()
@ -198,7 +199,7 @@ const mapProps = reactive({
{ name: '昆明', value: [102.33, 24.23, 300] } ,
{ name: '海口', value: [110.33,19.823, 10] }]
})
let listData:any= []
const mapDataByProvice = (provinceName: String) => {
let listData = [
{
@ -240,6 +241,21 @@ const toNavItem=(item:any)=>{
onBeforeMount(()=>{
mapProps.jsonData= xnallJSON
})
onMounted(()=>{
iniTapibmCompanyInfoColtdList()
})
const iniTapibmCompanyInfoColtdList = async () => {
//设备租赁分布图
try {
const res: any = await apibmCompanyInfoColtdList()
// console.log("apibmCompanyInfoColtdList", res)
// listData = res
} catch (error) {
console.log(error)
}
}
</script>
<style lang="scss" scoped>

14
src/http/api.md
View File

@ -13,5 +13,19 @@
获取企业所属对应的机手数量以及机手总人数:
http://10.40.92.64:9501/bmMachinistInfo/list
返回数据结构:Map<String, Object> map = new HashMap<>();
{"msg":"操作成功","code":200,"data":{"total":4,"type":[{"ownCo":"贵州电网","count":1},{"ownCo":"广东电网","count":1},{"ownCo":"广西电网","count":1},{"ownCo":"储能公司","count":1}]}}
根据企业类型查询对应数量以及总数量:
http://10.40.92.64:9501/bmCompanyInfo/type-list
设备租赁分布图
http://10.40.92.64:9501/bmCompanyInfo/coltd-list
查询设备状态为在租的设备名称及数量;租赁在用装备排名
http://10.40.92.64:9501/maDevInfo/ma-list

29
src/http/api/echartApi.ts
View File

@ -24,15 +24,20 @@ export function apiMaOrderInfoTodayList() {
export function apiMaOrderInfoList() {
return get('maOrderInfo/list', {})
}
// export function apiMaDevInfoList() {
// return get('maDevInfo/list', {})
// }
// export function apiMaDevInfoList() {
// return get('maDevInfo/list', {})
// }
// export function apiMaDevInfoList() {
// return get('maDevInfo/list', {})
// }
// export function apiMaDevInfoList() {
// return get('maDevInfo/list', {})
// }
// --
// 获取企业所属对应的机手数量以及机手总人数:
export function apiBmMachinistInfoList() {
return get('bmMachinistInfo/list', {})
}
// 根据企业类型查询对应数量以及总数量:
export function apiBmCompanyInfoTypeList() {
return get('bmCompanyInfo/type-list', {})
}
// 设备租赁分布图
export function apibmCompanyInfoColtdList() {
return get('bmCompanyInfo/coltd-list', {})
}
export function apiMaDevInfoMaList() {
return get('maDevInfo/ma-list', {})
}

103
src/views/screen/sharePlatform.vue
View File

@ -73,7 +73,7 @@
<div class="plat_company">
<div class="rent_title sub_title">平台入驻单位</div>
<div class="rent_list">
<div class="count_item" v-for="(item, index) in platFormInfo.listCount" :key="index">
<div class="count_item" v-for="(item, index) in platFormInfo.listCount.slice(0, 4)" :key="index">
{{ item }}
</div>
<div class="count_item">
@ -108,25 +108,26 @@
<div class="bottom_row_center_bar">
<div class="bottom_row_center_bar_left">
<div class="total_count">
总人数：3188
总人数：{{ totalCount }}
</div>
<barCom :domId="1" :title="barComProps.title" :titleStyle="barComProps.titleStyle"
:xAxisData="barComProps.xAxisData" :yAxisProps="barComProps.yAxisProps"
:seriseData="barComProps.seriseData" :emphasisItemStyle="barComProps.emphasisItemStyle"
:itemStyle="barComProps.itemStyle" :stackFlag="barComProps.stackFlag"
:stackLabel="barComProps.stackLabel" :borderRadius="barComProps.borderRadius"
:tooltipProps="barComProps.tooltipProps"
<barCom v-if="barComProps.xAxisData.length > 0" :domId="1" :title="barComProps.title"
:titleStyle="barComProps.titleStyle" :xAxisData="barComProps.xAxisData"
:yAxisProps="barComProps.yAxisProps" :seriseData="barComProps.seriseData"
:emphasisItemStyle="barComProps.emphasisItemStyle" :itemStyle="barComProps.itemStyle"
:stackFlag="barComProps.stackFlag" :stackLabel="barComProps.stackLabel"
:borderRadius="barComProps.borderRadius" :tooltipProps="barComProps.tooltipProps"
:barWidth="barComProps.barWidth" :formatCallBack="barComProps.formatCallBack"></barCom>
</div>
<div class="bottom_row_center_bar_right">
<barCom v-if="barComPropsSimple.xAxisData.length>0" ref="barSimpleRef" :domId="2" :title="barComPropsSimple.title" :xAxisData="barComPropsSimple.xAxisData"
<barCom v-if="barComPropsSimple.xAxisData.length > 0" ref="barSimpleRef" :domId="2"
:title="barComPropsSimple.title" :xAxisData="barComPropsSimple.xAxisData"
:titleStyle="barComProps.titleStyle" :yAxisProps="barComPropsSimple.yAxisProps"
:seriseData="barComPropsSimple.seriseData"
:emphasisItemStyle="barComPropsSimple.emphasisItemStyle"
:itemStyle="barComPropsSimple.itemStyle" :stackFlag="barComPropsSimple.stackFlag"
:stackLabel="barComPropsSimple.stackLabel" :borderRadius="barComPropsSimple.borderRadius"
:tooltipProps="barComPropsSimple.tooltipProps"
:barWidth="barComPropsSimple.barWidth" :formatCallBack="barComPropsSimple.formatCallBack"></barCom>
:tooltipProps="barComPropsSimple.tooltipProps" :barWidth="barComPropsSimple.barWidth"
:formatCallBack="barComPropsSimple.formatCallBack"></barCom>
</div>
</div>
</div>
@ -135,7 +136,7 @@
<hotProvider></hotProvider>
</div>
<div class="bottom_row_right_bottom">
<barCom :domId="3" :title="barComPropsHorizontal.title" :titleStyle="barComProps.titleStyle"
<barCom v-if="barComPropsHorizontal.xAxisData.length > 0" :domId="3" :title="barComPropsHorizontal.title" :titleStyle="barComProps.titleStyle"
:xAxisProps="barComPropsHorizontal.xAxisProps" :xAxisData="barComPropsHorizontal.xAxisData"
:yAxisData="barComPropsHorizontal.yAxisData" :yAxisProps="barComPropsHorizontal.yAxisProps"
:seriseData="barComPropsHorizontal.seriseData"
@ -143,6 +144,7 @@
:itemStyle="barComPropsHorizontal.itemStyle" :stackFlag="barComPropsHorizontal.stackFlag"
:stackLabel="barComPropsHorizontal.stackLabel" :borderRadius="barComPropsHorizontal.borderRadius"
:itemBackgroundStyle="barComPropsHorizontal.itemBackgroundStyle"
:barWidth="barComPropsSimple.barWidth"
:tooltipProps="barComPropsHorizontal.tooltipProps"
:formatCallBack="barComPropsHorizontal.formatCallBack"> </barCom>
</div>
@ -158,11 +160,15 @@ import Pie3dCom from "../../components/echartsCom/Pie3dCom.vue"
import hotProvider from "../../components/customCom/hotProvider.vue"
import equipmentLeasing from "../../components/customCom/equipmentLeasing.vue"
import { getImg } from "utils/index"
import {apiMaDevInfoList,apiMaDevInfoTypeList,apiMaDevInfoCompanyList,apiMaDevInfoMatypeList,apiMaOrderInfoTodayList,apiMaOrderInfoList} from "http/api/echartApi"
import {
apiMaDevInfoList, apiMaDevInfoTypeList,
apiMaDevInfoCompanyList, apiMaDevInfoMatypeList,
apiMaOrderInfoTodayList, apiMaOrderInfoList, apiBmMachinistInfoList, apiBmCompanyInfoTypeList, apiMaDevInfoMaList
} from "http/api/echartApi"
const equipmentCountInfo: any = reactive({
listCount: [],
selfCount: "999",
shelfCount: "999"
selfCount: "",
shelfCount: ""
})
const middleCountList = reactive({
@ -191,10 +197,10 @@ const middleCountList = reactive({
})
const platFormInfo: any = reactive({
listCount: ['9', '9', '9', '9'],
socailCount: "999",
enterpriseCount: "999",
holdingCount: '999'
listCount: [],
socailCount: "",
enterpriseCount: "",
holdingCount: ''
})
const barComProps = reactive({
@ -203,7 +209,7 @@ const barComProps = reactive({
color: "#0099FF",
paddingTop: 20
},
xAxisData: ['点', '击', '柱', '子', '或', '者', '两', '指', '在'],
xAxisData: [],
yAxisProps: {
type: "value",
splitLine: {//是否显示 y轴横线
@ -211,7 +217,7 @@ const barComProps = reactive({
},
show: false
},
seriseData: [220, 182, 191, 234, 290, 330, 310, 120, 362],//数据
seriseData: [],//数据
itemStyle: [//柱状图的默认颜色 渐变
{ offset: 0, color: '#91FFBE' },
{ offset: 1, color: '#077FBA' }
@ -314,8 +320,8 @@ const barComPropsHorizontal = reactive({
type: "category",
// boundaryGap: false,
},
yAxisData: ['点', '击', '柱', '子', '或', '者', '两', '指', '在'],
seriseData: [220, 182, 191, 234, 290, 330, 310, 120, 362],//数据
yAxisData: [],
seriseData: [],//数据
itemStyle: [//柱状图的默认颜色 渐变
{ offset: 0, color: '#077FBA' },
{ offset: 1, color: '#91FFBE' }
@ -357,6 +363,11 @@ onMounted(()=>{
iniTapiMaDevInfoMatypeList()
iniTapiMaOrderInfoTodayList()
iniTapiMaOrderInfoList()
// ==
iniTapiBmMachinistInfoList()
iniTapiBmCompanyInfoTypeLis()
iniTapiMaDevInfoMaList()
})
@ -428,7 +439,6 @@ const iniTapiMaOrderInfoTodayList = async()=>{
}
const barSimpleRef = ref()
const iniTapiMaOrderInfoList = async () => {
//租赁订单月统计:
try {
@ -441,9 +451,50 @@ const iniTapiMaOrderInfoList = async()=>{
}
}
// -----
const totalCount = ref("")
const iniTapiBmMachinistInfoList = async () => {
//获取企业所属对应的机手数量以及机手总人数:
try {
const res: any = await apiBmMachinistInfoList()
console.log("apiBmMachinistInfoList", res)
totalCount.value = res.total
barComProps.xAxisData = res.type.map((ele: any) => ele.ownCo)
barComProps.seriseData = res.type.map((ele: any) => ele.count)
} catch (error) {
console.log(error)
}
}
const iniTapiBmCompanyInfoTypeLis = async () => {
//根据企业类型查询对应数量以及总数量:
try {
const res: any = await apiBmCompanyInfoTypeList()
console.log("apiBmCompanyInfoTypeList", res)
platFormInfo.listCount = (res.total + '').split("")
platFormInfo.socailCount = res.social.count
platFormInfo.enterpriseCount = res.grid.count
platFormInfo.holdingCount = res.corporation.count
} catch (error) {
console.log(error)
}
}
const iniTapiMaDevInfoMaList = async () => {
//查询设备状态为在租的设备名称及数量;租赁在用装备排名
try {
const res: any = await apiMaDevInfoMaList()
console.log("apiMaDevInfoMaList", res)
barComPropsHorizontal.xAxisData = res.map((ele: any) => ele.ownCo)
barComPropsHorizontal.seriseData = res.map((ele: any) => ele.count)
} catch (error) {
console.log(error)
}
}
</script>
<style lang="scss" scoped>
@ -713,6 +764,7 @@ const iniTapiMaOrderInfoList = async()=>{
.bottom_row_center_bar_left {
width: 580px;
position: relative;
.total_count {
position: absolute;
right: 26px;
@ -759,5 +811,4 @@ const iniTapiMaOrderInfoList = async()=>{
flex: 1;
border: 2px solid black;
}
</style>
}</style>