From 6a2dc5387e125d010146a95493f21b3ed5379ae6 Mon Sep 17 00:00:00 2001
From: ljx <15723110242@139.com>
Date: Tue, 16 Sep 2025 19:41:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/mechanism/ledger/components/add.vue | 11 ++++-
.../mechanism/ledger/components/details.vue | 3 ++
src/views/mechanism/ledger/index.vue | 2 +-
.../ProjectScreen/components/leftPage.vue | 2 +-
.../ProjectScreen/components/optionList.ts | 49 +++++++++++++++----
.../ProjectScreen/components/rightPage.vue | 6 ++-
6 files changed, 58 insertions(+), 15 deletions(-)
diff --git a/src/views/mechanism/ledger/components/add.vue b/src/views/mechanism/ledger/components/add.vue
index 492551e..dc51044 100644
--- a/src/views/mechanism/ledger/components/add.vue
+++ b/src/views/mechanism/ledger/components/add.vue
@@ -8,6 +8,11 @@
+
+
+
+
+
@@ -162,7 +167,8 @@ const form: any = ref({
qualificationId: undefined,
equipmentPhotoId: undefined,
verificationReportId: undefined,
- remark: undefined
+ remark: undefined,
+ workArea: undefined
});
const rules = ref({
devicename: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
@@ -245,7 +251,8 @@ const reset = () => {
equipmentPhotoId: undefined,
verificationReportId: undefined,
equipmentType: undefined,
- remark: undefined
+ remark: undefined,
+ workArea: undefined
};
mechanicalrewritingFormRef.value?.resetFields();
};
diff --git a/src/views/mechanism/ledger/components/details.vue b/src/views/mechanism/ledger/components/details.vue
index 1fde73f..70fff12 100644
--- a/src/views/mechanism/ledger/components/details.vue
+++ b/src/views/mechanism/ledger/components/details.vue
@@ -10,6 +10,9 @@
{{ formData.devicename }}
+
+ {{ formData.workArea }}
+
{{ formData.deviceType }}
diff --git a/src/views/mechanism/ledger/index.vue b/src/views/mechanism/ledger/index.vue
index c9a6eb8..05e9520 100644
--- a/src/views/mechanism/ledger/index.vue
+++ b/src/views/mechanism/ledger/index.vue
@@ -53,7 +53,7 @@
-
+
diff --git a/src/views/projectLarge/ProjectScreen/components/leftPage.vue b/src/views/projectLarge/ProjectScreen/components/leftPage.vue
index df2a0b7..93e2885 100644
--- a/src/views/projectLarge/ProjectScreen/components/leftPage.vue
+++ b/src/views/projectLarge/ProjectScreen/components/leftPage.vue
@@ -156,7 +156,7 @@ var lastTime = 0;
var scrolltimerTable = null;
var rotate = false;
-const autoScrollTable = (time: number) => {
+const autoScrollTable = (time: any, isAsc?: boolean) => {
const divData = document.getElementById('event_scroll');
if (time - lastTime < 25) {
diff --git a/src/views/projectLarge/ProjectScreen/components/optionList.ts b/src/views/projectLarge/ProjectScreen/components/optionList.ts
index 64433d6..8c7606d 100644
--- a/src/views/projectLarge/ProjectScreen/components/optionList.ts
+++ b/src/views/projectLarge/ProjectScreen/components/optionList.ts
@@ -22,7 +22,7 @@ export let pieOption = {
fontSize: 14,
fill: '#fff'
}
- },
+ }
],
legend: {
show: true,
@@ -62,7 +62,7 @@ export let pieOption = {
},
legend: {
top: 'bottom'
- },
+ }
}
};
@@ -76,12 +76,12 @@ export let barOption = {
top: 10,
right: 20,
textStyle: {
- color: '#fff',
+ color: '#fff'
}
},
xAxis: {
type: 'category',
- data: ['地块1', '地块2', '地块3', '地块4', '地块5', '地块6'],
+ data: [],
axisLabel: {
color: '#fff'
},
@@ -97,30 +97,59 @@ export let barOption = {
type: 'value',
axisLabel: {
formatter: '{value}'
+ },
+ splitLine: {
+ show: false // 不显示分割线
}
},
grid: {
bottom: 0, // 距离容器底部的距离
containLabel: true // 确保坐标轴标签不被裁剪
},
+ tooltip: {
+ show: true,
+ backgroundColor: '',
+ trigger: 'axis',
+ // formatter: '{b0}：{c0}万元',
+ formatter: (params: any) => {
+ // console.log(params);
+ const projectName = params[0].name;
+ // params 是数组，对应每条柱子
+ // return params.map((p: any) => `${p.name}
${p.seriesName}：${Number(p.value).toFixed(2)} MW`).join('
');
+ return (
+ `${projectName}
` +
+ params
+ .slice(0, 2)
+ .map((p) => `${p.seriesName}：${Number(p.value).toFixed(2)} m²`)
+ .join('
')
+ );
+ },
+ textStyle: {
+ color: '#fff'
+ },
+ axisPointer: {
+ type: 'shadow' // 默认为直线，可选为：'line' | 'shadow',
+ }
+ // borderColor: 'rgba(252, 217, 18, 1)'
+ },
series: [
{
name: '计划流转面积',
type: 'bar',
data: [],
- barWidth: '20%',
+ barWidth: '10',
itemStyle: {
color: 'rgb(29, 253, 253)'
- },
+ }
},
{
name: '已流转面积',
type: 'bar',
data: [],
- barWidth: '20%',
+ barWidth: '10',
itemStyle: {
color: 'rgb(25, 181, 251)'
- },
+ }
}
]
};
@@ -129,7 +158,7 @@ export let mapOption = {
geo: {
map: 'ch',
roam: true,
- aspectScale: Math.cos((47 * Math.PI) / 180),
+ aspectScale: Math.cos((47 * Math.PI) / 180)
},
series: [
{
@@ -147,7 +176,7 @@ export let mapOption = {
{ name: 'i', value: [9.085994375000002, 47.55395822835779] },
{ name: 'j', value: [8.653968125000002, 47.47709530818285] },
{ name: 'k', value: [8.203158125000002, 47.44506909144329] }
- ],
+ ]
}
]
};
diff --git a/src/views/projectLarge/ProjectScreen/components/rightPage.vue b/src/views/projectLarge/ProjectScreen/components/rightPage.vue
index 224a8fe..54058f9 100644
--- a/src/views/projectLarge/ProjectScreen/components/rightPage.vue
+++ b/src/views/projectLarge/ProjectScreen/components/rightPage.vue
@@ -41,6 +41,7 @@ let lineChart: any = null;
// 土地数据 折线图
const designAreaData = ref([]);
const transferAreaData = ref([]);
+const barNames = ref([]);
// 饼图数据
let pieData = [
{ label: 'areaPercentage', name: '场区', value: 0 },
@@ -66,12 +67,13 @@ const initPieChart = () => {
pieChart.setOption(pieOption);
};
-// 初始化折线图
+// 初始柱状图线图
const initLineChart = () => {
if (!lineChartRef.value) {
console.error('未找到折线图容器元素');
return;
}
+ barOption.xAxis.data = barNames.value;
barOption.series[0].data = designAreaData.value;
barOption.series[1].data = transferAreaData.value;
lineChart = echarts.init(lineChartRef.value, null, {
@@ -88,6 +90,8 @@ const getScreenLandData = async () => {
const res = await getScreenLand(projectIdTwo);
const { data, code } = res;
if (code === 200) {
+ console.log(data);
+ barNames.value = res.data.map((item: any) => item.landName);
designAreaData.value = data.map((item: any) => Number(item.designArea));
transferAreaData.value = data.map((item: any) => Number(item.transferArea));
initLineChart();