@@ -24,241 +24,159 @@ export default {
props: {},
data() {
return {
- chartOptions:[ {
- title: '储能充放电预测',
- type: 'line',
- smooth:false,
- dataKey: 'chargeDischarge',
- infoKeys: [
+ chartOptions:[
+ {
+ title: '储能充放电预测',
+ type: 'line',
+ smooth:false,
+ dataKey: 'chargeDischarge',
+ infoKeys: [
- {
- key: 'key1',
- label: '电压',
- seriesOptions:{
- symbol: 'circle',
- symbolSize: 8,
- itemStyle: {
- color: '#00FDF9' // 充电电量线条颜色
- },
- lineStyle: {
- color: '#00FDF9' // 充电电量线条颜色
+ {
+ key: 'W_store_in',
+ label: '充电电量',
+ seriesOptions:{
+ symbol: 'circle',
+ symbolSize: 8,
+ itemStyle: {
+ color: '#00FDF9' // 充电电量线条颜色
+ },
+ lineStyle: {
+ color: '#00FDF9' // 充电电量线条颜色
+ }
}
- }
- },
- {
- key: 'key2',
- label: '电流',
-
- seriesOptions:{
- symbol: 'circle',
- symbolSize: 8,
- itemStyle: {
- color: '#3E7EEF' // 充电电量线条颜色
- },
- lineStyle: {
- color: '#3E7EEF' // 充电电量线条颜色
+ },
+ {
+ key: 'W_store_ou',
+ label: '储能放电电量',
+ seriesOptions:{
+ symbol: 'circle',
+ symbolSize: 8,
+ itemStyle: {
+ color: '#3E7EEF' // 充电电量线条颜色
+ },
+ lineStyle: {
+ color: '#3E7EEF' // 充电电量线条颜色
+ }
}
}
- }
- ]
- },
- {
+ ]
+ },
+ {
- title: '充电负荷预测',
- type: 'line',
- smooth:false,
- dataKey: 'chargeDischarge',
- infoKeys: [
+ title: '充电负荷预测',
+ type: 'line',
+ smooth:false,
+ dataKey: 'chargeDischarge',
+ infoKeys: [
- {
- key: 'key1',
- label: '电压',
- seriesOptions:{
- symbol: 'circle',
- symbolSize: 8,
- itemStyle: {
- color: '#00FDF9' // 充电电量线条颜色
- },
- lineStyle: {
- color: '#00FDF9' // 充电电量线条颜色
+ {
+ key: 'W_charge',
+ label: '运行负荷',
+ seriesOptions:{
+ symbol: 'circle',
+ symbolSize: 8,
+ itemStyle: {
+ color: '#00FDF9' // 充电电量线条颜色
+ },
+ lineStyle: {
+ color: '#00FDF9' // 充电电量线条颜色
+ }
}
- }
- },
- {
- key: 'key2',
- label: '电流',
-
- seriesOptions:{
- symbol: 'circle',
- symbolSize: 8,
- itemStyle: {
- color: '#3E7EEF' // 充电电量线条颜色
- },
- lineStyle: {
- color: '#3E7EEF' // 充电电量线条颜色
- }
- }
- }
- ]
- },
- {
+ },
+
+ ]
+ },
+ {
- title: '光伏发电预测',
- type: 'line',
- smooth:false,
- dataKey: 'chargeDischarge',
- infoKeys: [
+ title: '光伏发电预测',
+ type: 'line',
+ smooth:false,
+ dataKey: 'chargeDischarge',
+ infoKeys: [
- {
- key: 'key1',
- label: '电压',
- seriesOptions:{
- symbol: 'circle',
- symbolSize: 8,
- itemStyle: {
- color: '#00FDF9' // 充电电量线条颜色
- },
- lineStyle: {
- color: '#00FDF9' // 充电电量线条颜色
+ {
+ key: 'P_solar',
+ label: '发电功率',
+ seriesOptions:{
+ symbol: 'circle',
+ symbolSize: 8,
+ itemStyle: {
+ color: '#3F80F2' // 充电电量线条颜色
+ },
+ lineStyle: {
+ color: '#3F80F2' // 充电电量线条颜色
+ }
}
- }
- },
- {
- key: 'key2',
- label: '电流',
+ },
+ {
+ key: 'W_solar',
+ label: '发电量',
- seriesOptions:{
- symbol: 'circle',
- symbolSize: 8,
- itemStyle: {
- color: '#3E7EEF' // 充电电量线条颜色
- },
- lineStyle: {
- color: '#3E7EEF' // 充电电量线条颜色
+ seriesOptions:{
+ symbol: 'circle',
+ symbolSize: 8,
+ itemStyle: {
+ color: '#7747E8' // 充电电量线条颜色
+ },
+ lineStyle: {
+ color: '#7747E8' // 充电电量线条颜色
+ }
}
}
- }
- ]
- },
+ ]
+ },
],
- chartData: [
- {
- date: '2025-08-30',
- key1: 10,
- key2: 10,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-29',
- key1: 8,
- key2: 5,
- key3: 5,
- key4: 7
- },
- {
- date: '2025-08-28',
- key1: 10,
- key2: 10,
- key3: 20,
- key4: 4
- },
- {
- date: '2025-08-27',
- key1: 10,
- key2: 10,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-26',
- key1: 10,
- key2: 5,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-25',
- key1: 10,
- key2: 5,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-24',
- key1: 10,
- key2: 6,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-23',
- key1: 10,
- key2: 7,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-22',
- key1: 10,
- key2: 0,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-21',
- key1: 10,
- key2: 0,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-20',
- key1: 10,
- key2: 0,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-19',
- key1: 10,
- key2: 0,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-18',
- key1: 10,
- key2: 0,
- key3: 15,
- key4: 5
- },
- {
- date: '2025-08-17',
- key1: 10,
- key2: 0,
- key3: 15,
- key4: 5
- }
- ],
+ chartData: {
+ xdata:[],
+ ydata:{}
+ }
}
},
mounted() {
- this.getData()
+ this.$nextTick(() => {
+ this.getData()
+ })
+
},
methods: {
+ generateTimePoints() {
+ const timePoints = []
+
+ for (let hour = 0; hour <= 24; hour++) {
+ for (let minute = 0; minute < 60; minute += 10) {
+ // 处理24:00的特殊情况
+ if (hour === 24 && minute === 0) {
+ timePoints.push('24:00')
+ break
+ }
+
+ // 格式化小时和分钟，确保两位数
+ const formattedHour = hour.toString().padStart(2, '0')
+ const formattedMinute = minute.toString().padStart(2, '0')
+
+ timePoints.push(`${formattedHour}:${formattedMinute}`)
+ }
+ }
+
+ return timePoints
+ },
async getData(){
- const date={}
try {
- const res=await getReq('/queryPredictionDay',{date:'2025-09-04'})
- console.log(res);
+ const res=await getReq('/queryPredictionDetail')
+ this.chartData.ydata=res.data
+ this.chartData.xdata = this.generateTimePoints()
+ this.$refs.chartRef1.initCharts()
+ this.$refs.chartRef2.initCharts()
+ this.$refs.chartRef3.initCharts()
+
} catch (error) {
console.log(error);
diff --git a/web/src/views/system/alarmLog.vue b/web/src/views/system/alarmLog.vue
new file mode 100644
index 0000000..0589689
--- /dev/null
+++ b/web/src/views/system/alarmLog.vue
@@ -0,0 +1,209 @@
+
+
+
+
+
+
+
+ {{ ['其它','系统日志','操作日志','设备日志'][record.type] }}
+
+
+ {{
+ record.status ? '异常' : '正常'
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/device.vue b/web/src/views/system/device.vue
new file mode 100644
index 0000000..25feb19
--- /dev/null
+++ b/web/src/views/system/device.vue
@@ -0,0 +1,241 @@
+
+
+
+
+
+
+
+ {{ getType(record.type) }}
+
+
+ {{
+ record.is_open ? '启用' : '禁用'
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/log.vue b/web/src/views/system/log.vue
new file mode 100644
index 0000000..b0f3356
--- /dev/null
+++ b/web/src/views/system/log.vue
@@ -0,0 +1,216 @@
+
+
+
+
+
+
+
+
+ {{ ['女', '男'][record.gender] }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/system/policy.vue b/web/src/views/system/policy.vue
index 3dd429a..882d2e1 100644
--- a/web/src/views/system/policy.vue
+++ b/web/src/views/system/policy.vue
@@ -1,5 +1,5 @@
-
+
@@ -58,6 +42,8 @@
import policyForm from '@/components/system/policyForm.vue'
import { getReq } from '@/request/api'
import { policyTypes } from '@/utils/config'
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue'
+import { createVNode } from 'vue'
export default {
name: '',
components: { policyForm },
@@ -66,8 +52,6 @@ export default {
return {
formModal: false,
btnOptionList: [
- { label: '新增', icon: 'icon-tianjia', type: 'add' },
- { label: '删除', icon: 'icon-tianjia', type: 'del' }
],
columns: [
{
@@ -125,18 +109,23 @@ export default {
}
],
tableData: [],
- tableOption: {},
+ tableOption: {
+ select:false
+ },
pageOption: {
- page: 0,
+ page: 1,
pageSize: 10,
- total: 0
+ count: 0
},
tableH: '',
formState: {},
- formStatus:'add',//c表单状态辑状态 add:新增 edit:编辑
+ formStatus: 'add', //表单状态辑状态 add:新增 edit:编辑
+ operateList:[]
}
},
mounted() {
+ this.operateList = this.$getBtns(['查看', '修改', '删除'])
+ this.btnOptionList = this.$getBtns(['新增'])
this.getTableList()
},
methods: {
@@ -148,13 +137,12 @@ export default {
})
console.log(res)
this.tableData = res.data
- this.total = res.count
+ this.pageOption.count = res.count
} catch (error) {
console.log(error)
}
},
getPolicyType(type) {
-
return policyTypes.find((item) => item.value == type)?.label || ''
},
@@ -162,7 +150,8 @@ export default {
console.log(data)
},
operateForm(type, record = {}) {
-
+ console.log(type, record)
+
this.formStatus = type
switch (type) {
case 'add':
@@ -173,16 +162,71 @@ export default {
this.formModal = true
this.formState = record
break
-
+ case 'del':
+ this.handleDelete(record.policy_id)
+ break
+ case 'edit':
+ this.formModal = true
+ this.formState = record
+ break
default:
break
}
},
- closeModal(){
+ // async handleDelete(record) {
+ // try {
+ // const res = await getReq('/deletePolicy', {
+ // policy_id: record['policy_id']
+ // })
+ // if (res.errcode == 0) {
+ // this.$message.success('删除成功')
+ // this.getTableList()
+ // }
+ // } catch (error) {
+ // this.$message.success(error)
+ // }
+ // },
+ // 删除操作
+ async handleDelete(id) {
+ const that = this
+ this.$Modal.confirm({
+ title: '你确认删除数据吗?',
+ icon: createVNode(ExclamationCircleOutlined),
+
+ async onOk() {
+ try {
+ const res = await getReq('/deletePolicy', {
+ policy_id: id
+ })
+ if (res.errcode == 0) {
+ that.$message.success('删除成功')
+ that.getTableList()
+ }
+ } catch (error) {
+ that.$message.success(error)
+ }
+ },
+ onCancel() {
+ // console.log("Cancel");
+ },
+ class: 'test'
+ })
+ },
+ closeModal(flag = false) {
this.formModal = false
+ if (flag) {
+ this.pageOption.page = 1
+ this.getTableList()
+ }
},
handlePagesizeChange(data) {
- console.log(data)
+ if (data.pageSize !== this.pageOption.pageSize) {
+ this.pageOption.page = 1
+ } else {
+ this.pageOption.page = data.page
+ }
+ this.pageOption.pageSize = data.pageSize
+ this.getTableList()
}
}
}
@@ -195,7 +239,7 @@ export default {
padding: 0 15px;
.content-table {
width: 100%;
- height: calc(100% - 92px);
+ height: calc(100% - 90px);
}
}
diff --git a/web/src/views/system/service.vue b/web/src/views/system/service.vue
index 8dde8b1..3b25a2b 100644
--- a/web/src/views/system/service.vue
+++ b/web/src/views/system/service.vue
@@ -42,8 +42,6 @@
