From 85717b1ce707059a666ae1a6541f285530172717 Mon Sep 17 00:00:00 2001 From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com> Date: Thu, 3 Jul 2025 14:11:12 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/http/api/screen/index.ts | 6 +- src/types/home.ts | 79 +++ src/views/big-screen/index.vue | 11 +- .../model-components/center-model-7-3.vue | 466 ++++++++++++++++++ .../model-components/left-two-model-new.vue | 42 +- 5 files changed, 585 insertions(+), 19 deletions(-) create mode 100644 src/types/home.ts create mode 100644 src/views/big-screen/model-components/center-model-7-3.vue diff --git a/src/http/api/screen/index.ts b/src/http/api/screen/index.ts index 339f86b..a45b514 100644 --- a/src/http/api/screen/index.ts +++ b/src/http/api/screen/index.ts @@ -8,6 +8,10 @@ export const getIdleDevRatioApi = (data: any = {}) => { export const getLeaseCountByTypeNameApi = (data: any = {}) => { return get('/material-mall/largeScreen/getLeaseCountByTypeName', data) } +// 出租装备数 +export const getLeaseCountApi = (data: any = {}) => { + return get('/material-mall/largeScreen/getLeaseCountByTypeName', data) +} // 装备租赁互联 export const getLeaseCouplesApi = (data: any = {}) => { return get('/material-mall/largeScreen/getCompanyNum', data) @@ -71,4 +75,4 @@ export const getLeaseAnswerRateApi = (data: any = {}) => { // 总应答率 export const getTotalLeaseAnswerRateApi = (data: any = {}) => { return get('/material-mall/largeScreen/getTotalLeaseAnswerRate', data) -} \ No newline at end of file +} diff --git a/src/types/home.ts b/src/types/home.ts new file mode 100644 index 0000000..10170e4 --- /dev/null +++ b/src/types/home.ts @@ -0,0 +1,79 @@ +export interface LeaseCount { + areaId: null | string + bmFileInfoList: null | string + brand: null | string + checkCycle: null | string + checkDate: null | string + city: null | string + cityId: null | string + code: null | string + comName: null | string + companyId: null | string + createBy: null | string + createTime: null | string + creator: null | string + dayLeasePrice: null | string + deposit: null | string + description: null | string + detailsFileList: any[] + devInfoProperties: null | string + deviceCount: number | string + deviceName: null | string + deviceWeight: null | string + examinationPdf: any[] + gpsCode: null | string + id: null | string + identifyCode: null | string + idle30: null | string + idle80: null | string + idle3080: null | string + insurancePdf: any[] + isActive: null | string + isOperator: null | string + isQc: null | string + isSafeBook: null | string + isZone: null | string + jsDayPrice: null | string + jsMonthPrice: null | string + leaseScope: null | string + lessee: null | string + lesseePerson: null | string + location: null | string + maId: null | string + maIds: null | string + maStatus: null | string + maStatusName: null | string + mainFileList: any[] + manageType: null | string + missionSource: null | string + modelName: null | string + monthLeasePrice: null | string + newUserId: null | string + newdeptId: null | string + newrole: null | string + nextCheckDate: null | string + nickName: null | string + ownCo: null | string + ownId: null | string + person: null | string + personPhone: null | string + picUrl: null | string + productionDate: null | string + provinceId: null | string + ratio: number | string + ratioRange: null | string + remark: null | string + rentNum: null | string + serialNumber: null | string + specification: null | string + tableList: null | string + totalLeaseDay: null | string + totalUpDay: null | string + typeId: null | string + typeName: string + unitName: null | string + updateBy: null | string + updateTime: null | string + workingHours: null | string + zoneId: null | string +} diff --git a/src/views/big-screen/index.vue b/src/views/big-screen/index.vue index 900abd2..c784582 100644 --- a/src/views/big-screen/index.vue +++ b/src/views/big-screen/index.vue @@ -20,10 +20,10 @@
- - - - + + +
@@ -40,7 +40,8 @@ import LeftThreeModel from './model-components/left-three-model.vue' import RightOneModel from './model-components/right-one-model-new.vue' import RightTwoModel from './model-components/right-two-model.vue' import RightThreeModel from './model-components/right-three-model-new.vue' -import CenterModel from './model-components/center-model.vue' +// import CenterModel from './model-components/center-model.vue' +import CenterModel from './model-components/center-model-7-3.vue' const router = useRouter() const back = () => { diff --git a/src/views/big-screen/model-components/center-model-7-3.vue b/src/views/big-screen/model-components/center-model-7-3.vue new file mode 100644 index 0000000..19c4646 --- /dev/null +++ b/src/views/big-screen/model-components/center-model-7-3.vue @@ -0,0 +1,466 @@ + + + + + diff --git a/src/views/big-screen/model-components/left-two-model-new.vue b/src/views/big-screen/model-components/left-two-model-new.vue index ed64f6a..55fdb63 100644 --- a/src/views/big-screen/model-components/left-two-model-new.vue +++ b/src/views/big-screen/model-components/left-two-model-new.vue @@ -12,11 +12,13 @@
输电线路类
-
-
210个
-
50%
+
+
+ {{ leftData_3[0].deviceCount || 0 }} + 个 +
+
{{ leftData_3[0].ratio }}%
-
@@ -27,9 +29,12 @@
变电安装类
-
-
120个
-
30%
+
+
+ {{ leftData_3[1].deviceCount || 0 }} + 个 +
+
{{ leftData_3[1].ratio }}%
@@ -41,9 +46,12 @@
检修调试类
-
-
80个
-
20%
+
+
+ {{ leftData_3[2].deviceCount || 0 }} + 个 +
+
{{ leftData_3[2].ratio }}%
@@ -53,7 +61,8 @@