zhengsl/emcp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
jingna 2026-05-18 18:31:31 +08:00
parent 2bf510dced
commit 26b244cafa
16 changed files with 682 additions and 362 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/api/platform.ts
View File

@ -20,19 +20,25 @@ export async function fetchDeviceStatus(): Promise<DeviceStatus> {
const response = await http.get<ApiResponse<DeviceStatus>>('/device-status') const response = await http.get<ApiResponse<DeviceStatus>>('/device-status')
return response.data.data return response.data.data
} }
export async function fetchDeviceConfig(): Promise<DeviceConfigPayload> { export async function fetchDeviceConfig(): Promise<DeviceConfigPayload> {
const response = await http.get<ApiResponse<DeviceConfigPayload>>('/config/device') const response = await http.get<ApiResponse<DeviceConfigPayload>>('/config/device')
return response.data.data return response.data.data
} }
export async function fetchDeviceNet(nic: string): Promise<DeviceConfigPayload> {
const response = await http.get<ApiResponse<DeviceConfigPayload>>(`/config/device/net?nic=${nic}`)
return response.data.data
}
export async function fetchDevicePort(uart: string): Promise<DeviceConfigPayload> {
const response = await http.get<ApiResponse<DeviceConfigPayload>>(`/config/device/uart?port=${uart}`)
return response.data.data
}
export async function fetchChannelConfig(): Promise<ChannelConfigPayload> { export async function fetchChannelConfig(): Promise<ChannelConfigPayload> {
const response = await http.get<ApiResponse<ChannelConfigPayload>>('/config/channel') const response = await http.get<ApiResponse<ChannelConfigPayload>>('/config/channel')
return response.data.data return response.data.data
} }
export async function fetchLineAlarmSetting(): Promise<LineAlarmSettingPayload> { export async function fetchLineAlarmSetting(lineNo: number): Promise<LineAlarmSettingPayload> {
const response = await http.get<ApiResponse<LineAlarmSettingPayload>>('/config/line_alarm_setting') const response = await http.get<ApiResponse<LineAlarmSettingPayload>>(`/config/line_alarm_setting?line_no=${lineNo}`)
return response.data.data return response.data.data
} }
@ -46,14 +52,14 @@ export async function fetchSystemConfig(): Promise<SystemConfigPayload> {
return response.data.data return response.data.data
} }
export async function fetchAlarmHistory(page = 1, size = 20): Promise<AlarmEvent[]> { export async function fetchAlarmHistory(params: any): Promise<AlarmEvent[]> {
const response = await http.get<ApiResponse<AlarmEvent[]>>(`/alarm/list?page=${page}&size=${size}`) const response = await http.get<ApiResponse<AlarmEvent[]>>('/alarm/list', { params })
return response.data.data return response.data.data
} }
export async function verifyAccessPassword(password: string): Promise<boolean> { export async function verifyAccessPassword(password: string): Promise<ApiResponse<boolean>> {
const response = await http.post<ApiResponse<boolean>>('/auth/verify-password', { password }) const response = await http.post<ApiResponse<boolean>>('/auth/verify-password', { password })
return response.data.data return response.data
} }
export async function saveDeviceConfig(payload: DeviceConfigPayload): Promise<ApiResponse<{ save_path: string; send_status: string }>> { export async function saveDeviceConfig(payload: DeviceConfigPayload): Promise<ApiResponse<{ save_path: string; send_status: string }>> {
@ -61,6 +67,14 @@ export async function saveDeviceConfig(payload: DeviceConfigPayload): Promise<Ap
return response.data return response.data
} }
export async function saveDeviceNetConfig(payload: { nic: string; ip: string; mask: string; gateway: string; protocol: string }): Promise<ApiResponse<{ send_status: string }>> {
const response = await http.post<ApiResponse<{ send_status: string }>>('/config/device/net', payload)
return response.data
}
export async function saveDevicePortConfig(payload: { port: string; ip: string; mask: string; gateway: string; protocol: string }): Promise<ApiResponse<{ send_status: string }>> {
const response = await http.post<ApiResponse<{ send_status: string }>>('/config/device/uart', payload)
return response.data
}
export async function saveChannelConfig( export async function saveChannelConfig(
payload: ChannelConfigPayload, payload: ChannelConfigPayload,
): Promise<ApiResponse<{ save_path: string; send_status: string }>> { ): Promise<ApiResponse<{ save_path: string; send_status: string }>> {

2
frontend/src/stores/platform.ts
View File

@ -72,7 +72,7 @@ function scheduleRealtimeReconnect() {
} }
function startRealtimeSocket() { function startRealtimeSocket() {
if (realtimeSocket && [WebSocket.CONNECTING, WebSocket.OPEN].includes(realtimeSocket.readyState)) { if (realtimeSocket && [WebSocket.CONNECTING, WebSocket.OPEN].includes(realtimeSocket.readyState as 0 | 1)) {
return return
} }

18
frontend/src/types/platform.ts
View File

@ -5,8 +5,26 @@ export interface ValueGroup {
Ia: number Ia: number
Ib: number Ib: number
Ic: number Ic: number
Pa: number
Pb: number
Pc: number
Pt: number Pt: number
frq: number frq: number
Qa: number
Qb: number
Qc: number
Qt: number
Sa: number
Sb: number
Sc: number
St: number
PFa: number
PFb: number
PFc: number
Uab: number
Ubc: number
Uca: number
PFt: number
} }
export interface LineData { export interface LineData {

4
frontend/src/views/aiAlarmSetting/index.vue
View File

@ -29,7 +29,7 @@ const handleSave = () => {
}) })
.then(({ value }) => { .then(({ value }) => {
verifyAccessPassword(value).then((res: any) => { verifyAccessPassword(value).then((res: any) => {
if (res.code === 200) { if (res.data) {
if (isswitch.value) { if (isswitch.value) {
return return
} }
@ -42,7 +42,7 @@ const handleSave = () => {
} }
}) })
}else{ }else{
ElMessage.error('密码错误') ElMessage.error('密码错误,不能修改！')
} }
}) })
}) })

101
frontend/src/views/aiChannelSetting/index.vue
View File

@ -1,29 +1,72 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { fetchChannelConfig, saveChannelConfig, verifyAccessPassword } from '@/api/platform'
const channelList = ref([ import { ElMessage, ElMessageBox } from 'element-plus'
{ no: 1, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, const channelList: any = ref([
{ no: 2, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 1, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 3, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 2, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 4, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 3, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 5, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 4, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 6, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 5, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 7, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 6, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 8, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 7, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 9, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 8, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 10, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 9, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 11, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 10, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 12, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 11, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ ch: 12, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
]) ])
const aoChannelList: any = ref([])
const lineOptions = ref(['线路一', '线路二']) const lineOptions = ref([{ label: '线路一', value: 1 }, { label: '线路二', value: 2 }])
const categoryOptions = ref(['UA', 'UB', 'UC']) const categoryOptions = ref(['UA', 'UB', 'UC'])
const isswitch = ref(false)
const handleSave = () => { const handleSave = () => {
console.log('保存AI通道设置', channelList.value) ElMessageBox.prompt('请输入密码', '保存', {
confirmButtonText: '确定',
cancelButtonText: '取消',
closeOnClickModal: false,
// inputType: 'password',
})
.then(({ value }) => {
verifyAccessPassword(value).then((res: any) => {
if (res.data) {
if (isswitch.value) {
return
}
isswitch.value = true
const params = {
ai_channel: channelList.value,
ao_channel: aoChannelList.value,
}
saveChannelConfig(params).then(res => {
if (res.data) {
ElMessage.success('保存成功')
isswitch.value = false
}
}).catch(err => {
isswitch.value = false
})
} else {
ElMessage.error('密码错误,不能修改！')
}
})
})
} }
function init() { function init() {
fetchChannelConfig().then(res => {
aoChannelList.value = res.ao_channel
res.ai_channel.forEach(item => {
channelList.value.forEach((channel: any) => {
if (channel.ch === item.ch) {
channel.singal_type = item.singal_type
channel.line_no = item.line_no
channel.type = item.type
channel.limit_low = item.limit_low
channel.limit_high = item.limit_high
}
})
})
})
} }
onMounted(() => { onMounted(() => {
init() init()
@ -43,23 +86,24 @@ onMounted(() => {
<div class="cell cell-high">高端值</div> <div class="cell cell-high">高端值</div>
</div> </div>
<div class="row" v-for="(item, idx) in channelList" :key="idx"> <div class="row" v-for="(item, idx) in channelList" :key="idx">
<div class="cell cell-no">{{ item.no }}</div> <div class="cell cell-no">{{ item.ch }}</div>
<div class="cell cell-type" style="background: #ffffff;">{{ item.type }}</div> <div class="cell cell-type" style="background: #ffffff;">{{ item.singal_type }}</div>
<div class="cell cell-line" style="background: #ffffff;"> <div class="cell cell-line" style="background: #ffffff;">
<el-select v-model="item.line"> <el-select v-model="item.line_no">
<el-option v-for="line in lineOptions" :key="line" :value="line" :label="line"></el-option> <el-option v-for="line in lineOptions" :key="line.value" :value="line.value"
:label="line.label"></el-option>
</el-select> </el-select>
</div> </div>
<div class="cell cell-category" style="background: #ffffff;"> <div class="cell cell-category" style="background: #ffffff;">
<el-select v-model="item.category"> <el-select v-model="item.type">
<el-option v-for="cat in categoryOptions" :key="cat" :value="cat" :label="cat"></el-option> <el-option v-for="cat in categoryOptions" :key="cat" :value="cat" :label="cat"></el-option>
</el-select> </el-select>
</div> </div>
<div class="cell cell-low" style="background: #ffffff;"> <div class="cell cell-low" style="background: #ffffff;">
<el-input-number v-model="item.low" style="width: 100%;" :controls="false" /> <el-input-number v-model="item.limit_low" style="width: 100%;" :controls="false" />
</div> </div>
<div class="cell cell-high" style="background: #ffffff;"> <div class="cell cell-high" style="background: #ffffff;">
<el-input-number v-model="item.high" style="width: 100%;" :controls="false" /> <el-input-number v-model="item.limit_high" style="width: 100%;" :controls="false" />
</div> </div>
</div> </div>
</div> </div>
@ -116,10 +160,12 @@ onMounted(() => {
box-sizing: border-box; box-sizing: border-box;
background-color: #f9fafe; background-color: #f9fafe;
color: #787878; color: #787878;
&+.cell { &+.cell {
margin-left: 8px; margin-left: 8px;
} }
} }
.cell-no { .cell-no {
width: 100px; width: 100px;
background: #f9fafe; background: #f9fafe;
@ -173,6 +219,7 @@ onMounted(() => {
cursor: pointer; cursor: pointer;
} }
} }
// 去掉所有边框 + 阴影 // 去掉所有边框 + 阴影
:deep(.el-select__wrapper), :deep(.el-select__wrapper),
:deep(.el-input__wrapper) { :deep(.el-input__wrapper) {
@ -181,6 +228,7 @@ onMounted(() => {
background: transparent !important; background: transparent !important;
text-align: center !important; text-align: center !important;
} }
:deep(.el-select__wrapper.is-hover), :deep(.el-select__wrapper.is-hover),
:deep(.el-input__wrapper.is-hover), :deep(.el-input__wrapper.is-hover),
:deep(.el-select__wrapper.is-focused), :deep(.el-select__wrapper.is-focused),
@ -188,6 +236,7 @@ onMounted(() => {
box-shadow: none !important; box-shadow: none !important;
border: none !important; border: none !important;
} }
:deep(.el-input__inner) { :deep(.el-input__inner) {
text-align: center !important; text-align: center !important;
} }

117
frontend/src/views/aiQuantity/index.vue
View File

@ -1,63 +1,70 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, onMounted } from 'vue' import { computed, onMounted, ref } from 'vue'
import { usePlatformStore } from '../../stores/platform' import { usePlatformStore } from '../../stores/platform'
import {fetchChannelConfig} from '@/api/platform'
const { state, bootstrap } = usePlatformStore() const { state, bootstrap } = usePlatformStore()
const channelConfig = ref<Record<number, { type: string; limit_low: number; limit_high: number; line_no: string }>>({})
const aiData = computed(() => { const aiData = computed(() => {
if (!state.realtime?.ai_collect) { const aiCollect = state.realtime?.ai_collect || {}
return Array.from({ length: 12 }, (_, i) => ({
channel: i + 1,
rawValue: '--',
line: '线路一',
category: '--',
lowValue1: 0,
lowValue2: 0,
}))
}
return Array.from({ length: 12 }, (_, i) => { return Array.from({ length: 12 }, (_, i) => {
const channel = i + 1 const ch = i + 1
const key = `ai_${channel}` const code = `ai${ch}`
const rawValue = state.realtime!.ai_collect[key] const config = channelConfig.value[ch] || {}
let category = '--'
let rawDisplay = '--'
if (rawValue !== undefined) {
if (channel % 2 === 1) {
const voltage = (rawValue / 1000).toFixed(3)
category = `UA: ${voltage}V`
rawDisplay = `${rawValue}mV`
} else {
const freq = ((rawValue / 1000) * 50).toFixed(4)
category = `f: ${freq}Hz`
rawDisplay = `${rawValue}mA`
}
}
return { return {
channel, code,
rawValue: rawDisplay, line_no: config.line_no || '',
line: '线路一', singal_type: '',
category, type: config.type || '',
lowValue1: 1, limit_low: config.limit_low || 0,
lowValue2: 8, limit_high: config.limit_high || 0,
rawValue: aiCollect[code] !== undefined ? aiCollect[code] : '',
ch
} }
}) })
}) })
function formatTime(dateStr: string): string {
const date = new Date(dateStr)
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hours = String(date.getHours()).padStart(2, '0')
const minutes = String(date.getMinutes()).padStart(2, '0')
const seconds = String(date.getSeconds()).padStart(2, '0')
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
}
const tableData = computed(() => { const tableData = computed(() => {
return state.alarms.slice(0, 10).map((alarm, index) => ({ const list = state.alarms[state.alarms.length - 1] || {}
name: '线路一', const arr = []
typeName: alarm.type, let reslist:any = {}
content: alarm.content, if(list.alarm_type == 'line_alarm'){
time: alarm.time, reslist.name = `线路${list?.no || 1}`
ts: '0', }else if(list.alarm_type == 'ai_alarm'){
})) reslist.name = `通道${list?.no || 1}`
} else if(list.alarm_type == 'operate_alarm'){
reslist.name = ''
}
reslist.typeName = list.type
reslist.content = list.content
reslist.time = list.time ? formatTime(list.time) : ''
reslist.level = list.level || ''
return [reslist]
}) })
function init(){
fetchChannelConfig().then(res => {
const list = res.ai_channel || []
list.forEach((item: any) => {
channelConfig.value[item.ch] = {
type: item.type,
limit_low: item.limit_low,
limit_high: item.limit_high,
line_no: item.line_no
}
})
})
}
onMounted(() => { onMounted(() => {
init()
void bootstrap() void bootstrap()
}) })
</script> </script>
@ -74,17 +81,18 @@ onMounted(() => {
<div class="header-cell">所属路线</div> <div class="header-cell">所属路线</div>
<div class="header-cell">类别</div> <div class="header-cell">类别</div>
<div class="header-cell">低值</div> <div class="header-cell">低值</div>
<div class="header-cell">低值</div> <div class="header-cell">高值</div>
</div> </div>
<!-- 表格内容 --> <!-- 表格内容 -->
<div class="table-body"> <div class="table-body">
<div v-for="(item, index) in aiData" :key="index" class="table-row"> <div v-for="(item, index) in aiData" :key="index" class="table-row">
<div class="cell" style="width: 90px;max-width: 90px;min-width: 90px;color: #787878;">{{ item.channel }}</div> <div class="cell" style="width: 90px;max-width: 90px;min-width: 90px;color: #787878;">{{ item.ch }}
</div>
<div class="cell">{{ item.rawValue }}</div> <div class="cell">{{ item.rawValue }}</div>
<div class="cell">{{ item.line }}</div> <div class="cell">线路{{ item.line_no }}</div>
<div class="cell">{{ item.category }}</div> <div class="cell">{{ item.type }}</div>
<div class="cell">{{ item.lowValue1 }}</div> <div class="cell">{{ item.limit_low }}</div>
<div class="cell">{{ item.lowValue2 }}</div> <div class="cell">{{ item.limit_high }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -97,9 +105,9 @@ onMounted(() => {
<div style="width: 8%; text-align: center;">{{ index + 1 }}</div> <div style="width: 8%; text-align: center;">{{ index + 1 }}</div>
<div style="width: 23%; text-align: center;">{{ item.name }}</div> <div style="width: 23%; text-align: center;">{{ item.name }}</div>
<div style="width: 15%; text-align: center;">{{ item.typeName }}</div> <div style="width: 15%; text-align: center;">{{ item.typeName }}</div>
<div style="width: 10%; text-align: center;">{{ item.level }}</div>
<div style="width: 25%; text-align: center;">{{ item.content }}</div> <div style="width: 25%; text-align: center;">{{ item.content }}</div>
<div style="width: 20%; text-align: center;">{{ item.time }}</div> <div style="width: 20%; text-align: center;">{{ item.time }}</div>
<div style="width: 10%; text-align: center;">{{ item.ts }}ms</div>
</div> </div>
</div> </div>
</div> </div>
@ -157,6 +165,7 @@ onMounted(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 5px; gap: 5px;
.table-row { .table-row {
display: flex; display: flex;
width: 100%; width: 100%;

109
frontend/src/views/analogQuantity/index.vue
View File

@ -18,7 +18,6 @@ const valList = ref([
const checkedVal = ref('一次值') const checkedVal = ref('一次值')
const currentLineData = computed(() => { const currentLineData = computed(() => {
console.log(state)
if (!state.realtime) return null if (!state.realtime) return null
const line = lineList.value.find(l => l.name === checkedLine.value) const line = lineList.value.find(l => l.name === checkedLine.value)
if (!line) return null if (!line) return null
@ -32,12 +31,10 @@ const currentValues = computed<ValueGroup | null>(() => {
}) })
const frequency = computed(() => { const frequency = computed(() => {
if (!currentValues.value) return '50.000' if (!currentValues.value) return '50'
return currentValues.value.frq.toFixed(4) return currentValues.value.frq
}) })
const sqrt3 = Math.sqrt(3)
const infoList = computed(() => { const infoList = computed(() => {
const values = currentValues.value const values = currentValues.value
if (!values) { if (!values) {
@ -53,45 +50,45 @@ const infoList = computed(() => {
return [ return [
{ {
name: '单项电压（V）', name: '单项电压（V）',
a: values.Ua.toFixed(3), a: values.Ua,
b: values.Ub.toFixed(3), b: values.Ub,
c: values.Uc.toFixed(3), c: values.Uc,
total: ((values.Ua + values.Ub + values.Uc) / 3).toFixed(3), total: '',
}, },
{ {
name: '单相电流（A）', name: '单相电流（A）',
a: values.Ia.toFixed(3), a: values.Ia,
b: values.Ib.toFixed(3), b: values.Ib,
c: values.Ic.toFixed(3), c: values.Ic,
total: ((values.Ia + values.Ib + values.Ic) / 3).toFixed(3), total: '',
}, },
{ {
name: '有功功率（kw）', name: '有功功率（kw）',
a: ((values.Ua * values.Ia * 0.9) / 1000).toFixed(3), a: values.Pa,
b: ((values.Ub * values.Ib * 0.9) / 1000).toFixed(3), b: values.Pb,
c: ((values.Uc * values.Ic * 0.9) / 1000).toFixed(3), c: values.Pc,
total: (values.Pt / 1000).toFixed(3), total: values.Pt
}, },
{ {
name: '无功功率（kvar）', name: '无功功率（kvar）',
a: ((values.Ua * values.Ia * Math.sin(Math.acos(0.9))) / 1000).toFixed(3), a: values.Qa,
b: ((values.Ub * values.Ib * Math.sin(Math.acos(0.9))) / 1000).toFixed(3), b: values.Qb,
c: ((values.Uc * values.Ic * Math.sin(Math.acos(0.9))) / 1000).toFixed(3), c: values.Qc,
total: ((sqrt3 * values.Ua * values.Ia * Math.sin(Math.acos(0.9))) / 1000).toFixed(3), total: values.Qt
}, },
{ {
name: '视在功率（kVA）', name: '视在功率（kVA）',
a: ((values.Ua * values.Ia) / 1000).toFixed(3), a: values.Sa,
b: ((values.Ub * values.Ib) / 1000).toFixed(3), b: values.Sb,
c: ((values.Uc * values.Ic) / 1000).toFixed(3), c: values.Sc,
total: ((sqrt3 * values.Ua * values.Ia) / 1000).toFixed(3), total: values.St
}, },
{ {
name: '功率因数（cos）', name: '功率因数（cos）',
a: '0.900', a: values.PFa,
b: '0.900', b: values.PFb,
c: '0.900', c: values.PFc,
total: '0.900', total: values.PFt
}, },
] ]
}) })
@ -103,20 +100,46 @@ const infoData = computed(() => {
} }
return { return {
name: '线电压（V）', name: '线电压（V）',
a: (values.Ua * sqrt3).toFixed(3), a: values?.Uab,
b: (values.Ub * sqrt3).toFixed(3), b: values?.Ubc,
c: (values.Uc * sqrt3).toFixed(3), c: values?.Uca,
} }
}) })
function formatTime(dateStr: string): string {
const date = new Date(dateStr)
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hours = String(date.getHours()).padStart(2, '0')
const minutes = String(date.getMinutes()).padStart(2, '0')
const seconds = String(date.getSeconds()).padStart(2, '0')
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
}
const tableData = computed(() => { const tableData = computed(() => {
return state.alarms.slice(0, 10).map((alarm, index) => ({ const list = state.alarms[state.alarms.length - 1] || {}
name: `线路${currentLineData.value?.line_no || 1}`, const arr = []
typeName: alarm.type, let reslist:any = {}
content: alarm.content, if(list.alarm_type == 'line_alarm'){
time: alarm.time, reslist.name = `线路${list?.no || 1}`
ts: '0', }else if(list.alarm_type == 'ai_alarm'){
})) reslist.name = `通道${list?.no || 1}`
} else if(list.alarm_type == 'operate_alarm'){
reslist.name = ''
}
reslist.typeName = list.type
reslist.content = list.content
reslist.time = list.time ? formatTime(list.time) : ''
reslist.level = list.level || ''
return [reslist]
// return state.alarms.slice(0, 10).map((alarm, index) => ({
// name: `线路${currentLineData.value?.line_no || 1}`,
// typeName: alarm.type,
// content: alarm.content,
// time: alarm.time,
// ts: '0',
// }))
}) })
function handleClick(name: string) { function handleClick(name: string) {
@ -197,11 +220,11 @@ onMounted(() => {
<div class="container-bottom-box"> <div class="container-bottom-box">
<div v-for="(item, index) in tableData" :key="item.name" class="container-bottom-box-line1"> <div v-for="(item, index) in tableData" :key="item.name" class="container-bottom-box-line1">
<div style="width: 8%;text-align: center;">{{ index + 1 }}</div> <div style="width: 8%;text-align: center;">{{ index + 1 }}</div>
<div style="width: 23%;text-align: center;">{{ item.name }}</div> <div style="width: 22%;text-align: center;">{{ item.name }}</div>
<div style="width: 15%;text-align: center;">{{ item.typeName }}</div> <div style="width: 20%;text-align: center;">{{ item.typeName }}</div>
<div style="width: 25%;text-align: center;">{{ item.content }}</div> <div style="width: 10%;text-align: center;">{{ item.level }}</div>
<div style="width: 20%;text-align: center;">{{ item.content }}</div>
<div style="width: 20%;text-align: center;">{{ item.time }}</div> <div style="width: 20%;text-align: center;">{{ item.time }}</div>
<div style="width: 10%;text-align: center;">{{ item.ts }}ms</div>
</div> </div>
</div> </div>
</div> </div>

104
frontend/src/views/aoChannelSetting/index.vue
View File

@ -1,29 +1,73 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { fetchChannelConfig, saveChannelConfig, verifyAccessPassword } from '@/api/platform'
const channelList = ref([ import { ElMessage, ElMessageBox } from 'element-plus'
{ no: 1, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, const channelList: any = ref([
{ no: 2, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 1, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 3, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 2, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 4, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 3, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 5, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 4, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 6, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 5, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 7, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 6, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 8, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 7, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 9, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 8, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 10, type: '1~5V', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 9, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 11, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 10, singal_type: '1~5V', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ no: 12, type: '4~20mA', line: '线路一', category: 'UA', low: 1, high: 8 }, { ch: 11, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
{ ch: 12, singal_type: '4~20mA', line_no: 1, type: 'UA', limit_low: 1, limit_high: 8 },
]) ])
const lineOptions = ref([{ label: '线路一', value: 1 }, { label: '线路二', value: 2 }])
const lineOptions = ref(['线路一', '线路二'])
const categoryOptions = ref(['UA', 'UB', 'UC']) const categoryOptions = ref(['UA', 'UB', 'UC'])
const handleSave = () => { const aiChannelList = ref([])
console.log('保存ao通道设置', channelList.value)
}
function init() { function init() {
fetchChannelConfig().then((res: any) => {
aiChannelList.value = res.ao_channel
res.ao_channel.forEach((item: any) => {
channelList.value.forEach((channel: any) => {
if (channel.ch === item.ch) {
channel.singal_type = item.singal_type
channel.line_no = item.line_no
channel.type = item.type
channel.limit_low = item.limit_low
channel.limit_high = item.limit_high
}
})
})
})
}
const isswitch = ref(false)
const handleSave = () => {
ElMessageBox.prompt('请输入密码', '保存', {
confirmButtonText: '确定',
cancelButtonText: '取消',
closeOnClickModal: false,
// inputType: 'password',
})
.then(({ value }) => {
verifyAccessPassword(value).then((res: any) => {
if (res.data) {
if (isswitch.value) {
return
}
isswitch.value = true
const params = {
ai_channel: aiChannelList.value,
ao_channel: channelList.value,
}
saveChannelConfig(params).then(res => {
if (res.code === 200) {
ElMessage.success('保存成功')
isswitch.value = false
}
}).catch(err => {
isswitch.value = false
})
} else {
ElMessage.error('密码错误,不能修改！')
}
})
})
} }
onMounted(() => { onMounted(() => {
init() init()
@ -43,23 +87,24 @@ onMounted(() => {
<div class="cell cell-high">高端值</div> <div class="cell cell-high">高端值</div>
</div> </div>
<div class="row" v-for="(item, idx) in channelList" :key="idx"> <div class="row" v-for="(item, idx) in channelList" :key="idx">
<div class="cell cell-no">{{ item.no }}</div> <div class="cell cell-no">{{ item.ch }}</div>
<div class="cell cell-type" style="background: #ffffff;">{{ item.type }}</div> <div class="cell cell-type" style="background: #ffffff;">{{ item.singal_type }}</div>
<div class="cell cell-line" style="background: #ffffff;"> <div class="cell cell-line" style="background: #ffffff;">
<el-select v-model="item.line"> <el-select v-model="item.line_no">
<el-option v-for="line in lineOptions" :key="line" :value="line" :label="line"></el-option> <el-option v-for="line in lineOptions" :key="line.value" :value="line.value"
:label="line.label"></el-option>
</el-select> </el-select>
</div> </div>
<div class="cell cell-category" style="background: #ffffff;"> <div class="cell cell-category" style="background: #ffffff;">
<el-select v-model="item.category"> <el-select v-model="item.type">
<el-option v-for="cat in categoryOptions" :key="cat" :value="cat" :label="cat"></el-option> <el-option v-for="cat in categoryOptions" :key="cat" :value="cat" :label="cat"></el-option>
</el-select> </el-select>
</div> </div>
<div class="cell cell-low" style="background: #ffffff;"> <div class="cell cell-low" style="background: #ffffff;">
<el-input-number v-model="item.low" style="width: 100%;" :controls="false" /> <el-input-number v-model="item.limit_low" style="width: 100%;" :controls="false" />
</div> </div>
<div class="cell cell-high" style="background: #ffffff;"> <div class="cell cell-high" style="background: #ffffff;">
<el-input-number v-model="item.high" style="width: 100%;" :controls="false" /> <el-input-number v-model="item.limit_high" style="width: 100%;" :controls="false" />
</div> </div>
</div> </div>
</div> </div>
@ -116,10 +161,12 @@ onMounted(() => {
box-sizing: border-box; box-sizing: border-box;
background-color: #f9fafe; background-color: #f9fafe;
color: #787878; color: #787878;
&+.cell { &+.cell {
margin-left: 8px; margin-left: 8px;
} }
} }
.cell-no { .cell-no {
width: 100px; width: 100px;
background: #f9fafe; background: #f9fafe;
@ -173,6 +220,7 @@ onMounted(() => {
cursor: pointer; cursor: pointer;
} }
} }
// 去掉所有边框 + 阴影 // 去掉所有边框 + 阴影
:deep(.el-select__wrapper), :deep(.el-select__wrapper),
:deep(.el-input__wrapper) { :deep(.el-input__wrapper) {
@ -181,6 +229,7 @@ onMounted(() => {
background: transparent !important; background: transparent !important;
text-align: center !important; text-align: center !important;
} }
:deep(.el-select__wrapper.is-hover), :deep(.el-select__wrapper.is-hover),
:deep(.el-input__wrapper.is-hover), :deep(.el-input__wrapper.is-hover),
:deep(.el-select__wrapper.is-focused), :deep(.el-select__wrapper.is-focused),
@ -188,6 +237,7 @@ onMounted(() => {
box-shadow: none !important; box-shadow: none !important;
border: none !important; border: none !important;
} }
:deep(.el-input__inner) { :deep(.el-input__inner) {
text-align: center !important; text-align: center !important;
} }

30
frontend/src/views/communicationSetting/index.vue
View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue' import { ref, onMounted } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus' import { ElMessage, ElMessageBox } from 'element-plus'
import { fetchDeviceNet, fetchDevicePort, saveDeviceConfig, verifyAccessPassword, fetchChannelConfig } from '@/api/platform' import { fetchDeviceNet, fetchDevicePort, saveDeviceNetConfig, saveDevicePortConfig, verifyAccessPassword, fetchChannelConfig } from '@/api/platform'
// 表单数据 // 表单数据
const formData: any = ref({ const formData: any = ref({
nic: '', nic: '',
@ -73,15 +73,9 @@ const handleSave = () => {
}) })
.then(({ value }) => { .then(({ value }) => {
verifyAccessPassword(value).then((res: any) => { verifyAccessPassword(value).then((res: any) => {
if (res.code == 200) { if (res.data) {
const params = {
net: [formData.value], saveDeviceNetConfig(formData.value).then((res: any) => {
uart: [formData2.value],
password: config.value.password,
hardware_version: config.value.hardware_version,
software_version: config.value.software_version,
}
saveDeviceConfig(params).then((res: any) => {
if (res.code == 200) { if (res.code == 200) {
ElMessage({ ElMessage({
type: 'success', type: 'success',
@ -94,10 +88,24 @@ const handleSave = () => {
}) })
} }
}) })
saveDevicePortConfig(formData2.value).then((res: any) => {
if (res.code == 200) {
ElMessage({
type: 'success',
message: `保存成功`,
})
} else { } else {
ElMessage({ ElMessage({
type: 'info', type: 'info',
message: '密码错误', message: '保存失败',
})
}
})
} else {
ElMessage({
type: 'info',
message: '密码错误,不能修改！',
}) })
} }
}) })

35
frontend/src/views/deviceInfo/index.vue
View File

@ -1,5 +1,26 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref,onMounted } from 'vue'
import {fetchDeviceConfig} from '@/api/platform'
const channelConfig = ref({
hardware_version:{
board_version:'B001.001.001',
display_version:'B001.001.001',
other_version:'B001.001.001',
},
software_version:{
communication_program:'001.001.001',
measurement_program:'001.001.001',
display_program:'001.001.001',
}
})
function init(){
fetchDeviceConfig().then(res => {
channelConfig.value = res
})
}
onMounted(() => {
init()
})
</script> </script>
<template> <template>
@ -13,15 +34,15 @@ import { ref } from 'vue'
<div class="box-item-text1">设备硬件信息</div> <div class="box-item-text1">设备硬件信息</div>
<div class="box-item-line"> <div class="box-item-line">
<div>板卡版本</div> <div>板卡版本</div>
<div>B001.001.001</div> <div>{{channelConfig.hardware_version.board_version}}</div>
</div> </div>
<div class="box-item-line"> <div class="box-item-line">
<div>显示版本</div> <div>显示版本</div>
<div>B001.001.001</div> <div>{{channelConfig.hardware_version.display_version}}</div>
</div> </div>
<div class="box-item-line"> <div class="box-item-line">
<div>其他版本</div> <div>其他版本</div>
<div>B001.001.001</div> <div>{{channelConfig.hardware_version.other_version}}</div>
</div> </div>
</div> </div>
</div> </div>
@ -33,15 +54,15 @@ import { ref } from 'vue'
<div class="box-item-text1">程序版本信息</div> <div class="box-item-text1">程序版本信息</div>
<div class="box-item-line"> <div class="box-item-line">
<div>显示程序版本</div> <div>显示程序版本</div>
<div>001.001.001</div> <div>{{channelConfig.software_version.display_program}}</div>
</div> </div>
<div class="box-item-line"> <div class="box-item-line">
<div>通讯程序版本</div> <div>通讯程序版本</div>
<div>001.001.001</div> <div>{{channelConfig.software_version.communication_program}}</div>
</div> </div>
<div class="box-item-line"> <div class="box-item-line">
<div>测量程序版本</div> <div>测量程序版本</div>
<div>001.001.001</div> <div>{{channelConfig.software_version.measurement_program}}</div>
</div> </div>
</div> </div>
</div> </div>

103
frontend/src/views/eventReport/index.vue
View File

@ -1,75 +1,57 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, onMounted } from 'vue' import { ref, reactive, onMounted } from 'vue'
import { fetchAlarmHistory } from '@/api/platform'
const formData = reactive({ const formData = ref({
line: '线路一', no: null,
type: '操作事件', type: '',
timeRange: [], timeRange: [],
}) })
const tableData = ref([ const tableData: any = ref([])
{
id: 1,
belong: '线路一',
type: '操作事件',
detail: '手动修改时间操作',
time: '2026-01-12 12:12:12 886ms',
},
{
id: 2,
belong: '线路一',
type: '操作事件',
detail: '手动修改时间操作',
time: '2026-01-12 12:12:12 886ms',
},
{
id: 3,
belong: '线路一',
type: '操作事件',
detail: '手动修改时间操作',
time: '2026-01-12 12:12:12 886ms',
},
{
id: 4,
belong: '线路一',
type: '操作事件',
detail: '手动修改时间操作',
time: '2026-01-12 12:12:12 886ms',
},
{
id: 5,
belong: '线路一',
type: '操作事件',
detail: '手动修改时间操作',
time: '2026-01-12 12:12:12 886ms',
},
])
const pagination = reactive({ const pagination = ref({
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
total: 36, total: 0,
}) })
const handleQuery = () => { const handleQuery = () => {
console.log('查询', formData) const params: any = {
page: pagination.value.currentPage,
size: pagination.value.pageSize,
// no: formData.value.no,
// type: formData.value.type,
// start_time: formData.value.timeRange[0],
// end_time: formData.value.timeRange[1],
}
fetchAlarmHistory(params).then((res: any) => {
tableData.value = res
})
} }
const handleSizeChange = (val: number) => { const handleSizeChange = (val: number) => {
pagination.pageSize = val pagination.value.pageSize = val
pagination.currentPage = 1 pagination.value.currentPage = 1
init()
} }
const handleCurrentChange = (val: number) => { const handleCurrentChange = (val: number) => {
pagination.currentPage = val pagination.value.currentPage = val
init()
} }
function init() { function init() {
const params: any = {
page: pagination.value.currentPage,
size: pagination.value.pageSize,
}
fetchAlarmHistory(params).then((res: any) => {
tableData.value = res
})
} }
onMounted(() => { onMounted(() => {
formData.line = '' formData.value.no = null
formData.type = '' formData.value.type = ''
formData.timeRange = [] formData.value.timeRange = []
init() init()
}) })
</script> </script>
@ -77,7 +59,7 @@ onMounted(() => {
<template> <template>
<div class="event-report-container"> <div class="event-report-container">
<div class="search-box"> <div class="search-box">
<el-select v-model="formData.line" placeholder="所属线路" style="width: 180px"> <el-select v-model="formData.no" placeholder="所属线路" style="width: 180px">
<el-option label="线路一" value="线路一" /> <el-option label="线路一" value="线路一" />
<el-option label="线路二" value="线路二" /> <el-option label="线路二" value="线路二" />
</el-select> </el-select>
@ -97,11 +79,18 @@ onMounted(() => {
<div class="table-box"> <div class="table-box">
<el-table :data="tableData" style="width: 100%; height: calc(100vh - 280px)" header-align="center" <el-table :data="tableData" style="width: 100%; height: calc(100vh - 280px)" header-align="center"
align="center"> align="center">
<el-table-column label="序号" prop="id" width="80" /> <el-table-column label="序号" type="index" width="80" align="center" />
<el-table-column label="事件所属" prop="belong" /> <el-table-column label="事件所属" prop="belong">
<el-table-column label="事件类型" prop="type" /> <template #default="scope">
<el-table-column label="事件详情" prop="detail" /> <span v-if="scope.row.alarm_type === 'line_alarm'">线路{{ scope.row.no }}</span>
<el-table-column label="发生时间" prop="time" /> <span v-else-if="scope.row.alarm_type === 'ai_alarm'">通道{{ scope.row.no }}</span>
<span v-else-if="scope.row.alarm_type === 'operate_alarm'">{{ scope.row.no }}</span>
</template>
</el-table-column>
<el-table-column label="事件类型" prop="type" align="center" />
<el-table-column label="事件等级" prop="level" align="center" />
<el-table-column label="事件详情" prop="content" align="center" />
<el-table-column label="发生时间" prop="time" align="center" />
</el-table> </el-table>
<div class="pagination"> <div class="pagination">
<el-pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize" <el-pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize"

41
frontend/src/views/lightSetting/index.vue
View File

@ -1,24 +1,39 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, watch } from 'vue' import { ref, reactive, onMounted } from 'vue'
import type { FormInstance } from 'element-plus' import type { FormInstance } from 'element-plus'
import { fetchSystemConfig, saveSystemConfig } from '@/api/platform'
import { ElMessage } from 'element-plus'
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
// 表单数据 // 表单数据
const form = reactive({ const form = ref({
sleepTime: 180, // 息屏时间（秒） screen_saver: 180,
brightness: 80 // 屏幕亮度（百分比） brightness: 80,
time_sync: ''
}) })
const isswitch = ref(false)
// 提交保存 // 提交保存
const handleSave = async () => { const handleSave = async () => {
if (!formRef.value) return if(isswitch.value){
await formRef.value.validate((valid) => { return
if (valid) {
console.log('灯光设置数据:', form)
// 这里写接口提交逻辑
alert('灯光设置保存成功！')
} }
isswitch.value = true
saveSystemConfig(form.value).then(res => {
if(res.code === 200){
ElMessage.success('保存成功')
}
isswitch.value = false
})
}
onMounted(() => {
init()
})
const init = () => {
fetchSystemConfig().then(res => {
form.value.screen_saver = res.screen_saver
form.value.brightness = res.brightness
form.value.time_sync = res.time_sync
}) })
} }
</script> </script>
@ -31,8 +46,8 @@ const handleSave = async () => {
灯光设置 灯光设置
</div> </div>
<el-form ref="formRef" :model="form" label-width="100px" class="light-form"> <el-form ref="formRef" :model="form" label-width="100px" class="light-form">
<el-form-item label="息屏时间设置" prop="sleepTime"> <el-form-item label="息屏时间设置" prop="screen_saver">
<el-input v-model.number="form.sleepTime" type="number" min="0"> <el-input v-model.number="form.screen_saver" type="number" min="0">
<template #suffix> <template #suffix>
<span class="unit">秒</span> <span class="unit">秒</span>
</template> </template>

164
frontend/src/views/lineSetting/index.vue
View File

@ -1,5 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive } from 'vue' import { ref, onMounted } from 'vue'
import { fetchLineAlarmSetting, saveLineAlarmSetting, verifyAccessPassword } from '@/api/platform'
import { ElMessage, ElMessageBox } from 'element-plus'
const lineTabs = ref([ const lineTabs = ref([
{ {
label: '线路一定值', label: '线路一定值',
@ -24,35 +26,115 @@ const lineTabs = ref([
]) ])
const activeTab = ref('1') const activeTab = ref('1')
const infoList = ref({ const infoList = ref({
category: {a: '180', b: '180', c: '开出1', d: '0'}, line_no:1,
voltage: {a: '180', b: '180', c: '开出1', d: '0'}, fault_alarm:[
current: {a: '180', b: '180', c: '开出1', d: '0'}, {category:'PT断线',delay:0,enabled:false,output_node:'',limit:0},
diffCurrent: {a: '180', b: '180', c: '开出1', d: '0'}, {category:'CT断线',delay:0,enabled:false,output_node:'',limit:0},
power: {a: '180', b: '180', c: '开出1', d: '0'}, ],
frequency: {a: '180', b: '180', c: '开出1', d: '0'}, over_limit_alarm:[
ptBreak: {a: '180', b: '180', c: '开出1', d: '1'}, {category:'电压',delay:0,enabled:false,output_node:'',limit:0},
ctBreak: {a: '180', b: '180', c: '开出1', d: '1'}, {category:'电流',delay:0,enabled:false,output_node:'',limit:0},
{category:'差流',delay:0,enabled:false,output_node:'',limit:0},
{category:'功率',delay:0,enabled:false,output_node:'',limit:0},
{category:'频率',delay:0,enabled:false,output_node:'',limit:0},
],
}) })
const handleSave = () => {
}
const options = ref([ const options = ref([
{ {
label: '开出1', label: '开出1',
value: '1' value: '开出1'
}, },
{ {
label: '开出2', label: '开出2',
value: '2' value: '开出2'
}, },
]) ])
const cleardata = () => {
infoList.value.fault_alarm.forEach(item => {
item.delay = 0
item.enabled = false
item.output_node = ''
item.limit = 0
})
infoList.value.over_limit_alarm.forEach(item => {
item.delay = 0
item.enabled = false
item.output_node = ''
item.limit = 0
})
}
const currentLine = ref(1)
const handleTabClick = (tab:string) => {
activeTab.value = tab
infoList.value.line_no = Number(tab)
currentLine.value = Number(tab)
init()
}
onMounted(() => {
init()
})
const init = () => {
fetchLineAlarmSetting(currentLine.value).then(res => {
infoList.value.line_no = res.line_no
cleardata()
res.fault_alarm.forEach(item => {
infoList.value.fault_alarm.forEach((faultItem, idx) => {
if (faultItem.category === item.category) {
faultItem.delay = item.delay
faultItem.enabled = item.enabled
faultItem.output_node = item.output_node
faultItem.limit = item.limit || 0
}
})
})
res.over_limit_alarm.forEach(item => {
infoList.value.over_limit_alarm.forEach((overLimitItem, idx) => {
if (overLimitItem.category === item.category) {
overLimitItem.delay = item.delay
overLimitItem.enabled = item.enabled
overLimitItem.output_node = item.output_node
overLimitItem.limit = item.limit || 0
}
})
})
})
}
const isswitch = ref(false)
const handleSave = () => {
ElMessageBox.prompt('请输入密码', '保存', {
confirmButtonText: '确定',
cancelButtonText: '取消',
closeOnClickModal: false,
// inputType: 'password',
})
.then(({ value }) => {
verifyAccessPassword(value).then((res: any) => {
if (res.data) {
if (isswitch.value) {
return
}
isswitch.value = true
saveLineAlarmSetting(infoList.value).then(res => {
if (res.code === 200) {
ElMessage.success('保存成功')
init()
isswitch.value = false
}
})
}else{
ElMessage.error('密码错误,不能修改！')
}
})
})
}
</script> </script>
<template> <template>
<div class="line-page"> <div class="line-page">
<div class="line-tabs"> <div class="line-tabs">
<div class="tab-item" v-for="item in lineTabs" :key="item.value" <div class="tab-item" v-for="item in lineTabs" :key="item.value"
:class="{ 'is-active': activeTab === item.value }" @click="activeTab = item.value"> :class="{ 'is-active': activeTab === item.value }" @click="handleTabClick(item.value)">
{{ item.label }} {{ item.label }}
</div> </div>
</div> </div>
@ -75,19 +157,19 @@ const options = ref([
<div class="tab-content-item"> <div class="tab-content-item">
<div class="tab-content-item-box box-height">限制</div> <div class="tab-content-item-box box-height">限制</div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.voltage.a" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[0].limit" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.current.a" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[1].limit" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.diffCurrent.a" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[2].limit" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.power.a" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.fault_alarm[0].delay" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.frequency.a" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.fault_alarm[1].limit" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height" style="border: none;"> <div class="tab-content-item-box box-color box-height" style="border: none;">
<img src="@/assets/images/menuicon/noitem.png" style="width: 100%; height: 100%;" alt=""> <img src="@/assets/images/menuicon/noitem.png" style="width: 100%; height: 100%;" alt="">
@ -99,61 +181,61 @@ const options = ref([
<div class="tab-content-item"> <div class="tab-content-item">
<div class="tab-content-item-box box-height">延时（s）</div> <div class="tab-content-item-box box-height">延时（s）</div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.voltage.b" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[0].delay" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.current.b" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[1].delay" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.diffCurrent.b" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[2].delay" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.power.b" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[3].delay" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.frequency.b" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.over_limit_alarm[4].delay" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.ptBreak.b" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.fault_alarm[0].delay" style="width: 100%;" :controls="false" />
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-input-number v-model="infoList.ctBreak.b" style="width: 100%;" :controls="false" /> <el-input-number v-model="infoList.fault_alarm[1].delay" style="width: 100%;" :controls="false" />
</div> </div>
</div> </div>
<div class="tab-content-item"> <div class="tab-content-item">
<div class="tab-content-item-box box-height">输出节点</div> <div class="tab-content-item-box box-height">输出节点</div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.voltage.c"> <el-select v-model="infoList.over_limit_alarm[0].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.current.c"> <el-select v-model="infoList.over_limit_alarm[1].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.diffCurrent.c"> <el-select v-model="infoList.over_limit_alarm[2].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.power.c"> <el-select v-model="infoList.over_limit_alarm[3].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.frequency.c"> <el-select v-model="infoList.over_limit_alarm[4].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.ptBreak.c" > <el-select v-model="infoList.fault_alarm[0].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-select v-model="infoList.ctBreak.c" > <el-select v-model="infoList.fault_alarm[1].output_node">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select> </el-select>
</div> </div>
@ -161,25 +243,25 @@ const options = ref([
<div class="tab-content-item"> <div class="tab-content-item">
<div class="tab-content-item-box box-height">是否投入</div> <div class="tab-content-item-box box-height">是否投入</div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-switch v-model="infoList.voltage.d" active-value="1" inactive-value="0"></el-switch> <el-switch v-model="infoList.over_limit_alarm[0].enabled"></el-switch>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-switch v-model="infoList.current.d" active-value="1" inactive-value="0"></el-switch> <el-switch v-model="infoList.over_limit_alarm[1].enabled"></el-switch>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-switch v-model="infoList.diffCurrent.d" active-value="1" inactive-value="0"></el-switch> <el-switch v-model="infoList.over_limit_alarm[2].enabled"></el-switch>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-switch v-model="infoList.power.d" active-value="1" inactive-value="0"></el-switch> <el-switch v-model="infoList.over_limit_alarm[3].enabled" ></el-switch>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-switch v-model="infoList.frequency.d" active-value="1" inactive-value="10"></el-switch> <el-switch v-model="infoList.over_limit_alarm[4].enabled"></el-switch>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-switch v-model="infoList.ptBreak.d" active-value="1" inactive-value="0"></el-switch> <el-switch v-model="infoList.fault_alarm[0].enabled"></el-switch>
</div> </div>
<div class="tab-content-item-box box-color box-height"> <div class="tab-content-item-box box-color box-height">
<el-switch v-model="infoList.ctBreak.d" active-value="1" inactive-value="0"></el-switch> <el-switch v-model="infoList.fault_alarm[1].enabled"></el-switch>
</div> </div>
</div> </div>
</div> </div>

53
frontend/src/views/switchQuantity/index.vue
View File

@ -6,32 +6,49 @@ const { state, bootstrap } = usePlatformStore()
const inputStates = computed(() => { const inputStates = computed(() => {
if (!state.realtime?.switch) { if (!state.realtime?.switch) {
return Array(12).fill(false) return [true, false, true, false, true, false, true, false, true, false, true, false]
} }
return Array.from({ length: 12 }, (_, i) => { return Array.from({ length: 12 }, (_, i) => {
const key = `input_${i + 1}` const key = `di${i + 1}`
return state.realtime!.switch[key] === 1 return state.realtime!.switch[key] === 1
}) })
}) })
const outputStates = computed(() => { const outputStates = computed(() => {
if (!state.realtime?.switch) { if (!state.realtime?.switch) {
return Array(12).fill(false) return [false, true, false, true, false, true, false, true, false, true, false, true]
} }
return Array.from({ length: 12 }, (_, i) => { return Array.from({ length: 12 }, (_, i) => {
const key = `output_${i + 1}` const key = `do${i + 1}`
return state.realtime!.switch[key] === 1 return state.realtime!.switch[key] === 1
}) })
}) })
function formatTime(dateStr: string): string {
const date = new Date(dateStr)
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hours = String(date.getHours()).padStart(2, '0')
const minutes = String(date.getMinutes()).padStart(2, '0')
const seconds = String(date.getSeconds()).padStart(2, '0')
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
}
const tableData = computed(() => { const tableData = computed(() => {
return state.alarms.slice(0, 10).map((alarm, index) => ({ const list = state.alarms[state.alarms.length - 1] || {}
name: '线路一', const arr = []
typeName: alarm.type, let reslist:any = {}
content: alarm.content, if(list.alarm_type == 'line_alarm'){
time: alarm.time, reslist.name = `线路${list?.no || 1}`
ts: '0', }else if(list.alarm_type == 'ai_alarm'){
})) reslist.name = `通道${list?.no || 1}`
} else if(list.alarm_type == 'operate_alarm'){
reslist.name = ''
}
reslist.typeName = list.type
reslist.content = list.content
reslist.time = list.time ? formatTime(list.time) : ''
reslist.level = list.level || ''
return [reslist]
}) })
onMounted(() => { onMounted(() => {
@ -51,9 +68,9 @@ onMounted(() => {
</div> </div>
<div class="state-grid"> <div class="state-grid">
<div v-for="(state, index) in inputStates" :key="`input-${index}`" class="state-item"> <div v-for="(state, index) in inputStates" :key="`input-${index}`" class="state-item">
<img v-if="state" src="@/assets/images/menuicon/off.png" style="width: 34px; height: 36px;" <img v-if="state" src="@/assets/images/menuicon/on.png" style="width: 34px; height: 36px;"
alt=""> alt="">
<img v-else src="@/assets/images/menuicon/on.png" alt="" style="width: 34px; height: 36px;"> <img v-else src="@/assets/images/menuicon/off.png" alt="" style="width: 34px; height: 36px;">
<div class="label">开入{{ index + 1 }}</div> <div class="label">开入{{ index + 1 }}</div>
</div> </div>
</div> </div>
@ -65,9 +82,9 @@ onMounted(() => {
</div> </div>
<div class="state-grid"> <div class="state-grid">
<div v-for="(state, index) in outputStates" :key="`output-${index}`" class="state-item"> <div v-for="(state, index) in outputStates" :key="`output-${index}`" class="state-item">
<img v-if="state" src="@/assets/images/menuicon/off2.png" style="width: 46px; height: 24px;" <img v-if="state" src="@/assets/images/menuicon/on2.png" style="width: 46px; height: 24px;"
alt=""> alt="">
<img v-else src="@/assets/images/menuicon/on2.png" style="width: 46px; height: 24px;" <img v-else src="@/assets/images/menuicon/off2.png" style="width: 46px; height: 24px;"
alt=""> alt="">
<div class="label">开出{{ index + 1 }}</div> <div class="label">开出{{ index + 1 }}</div>
</div> </div>
@ -83,9 +100,9 @@ onMounted(() => {
<div style="width: 8%; text-align: center;">{{ index + 1 }}</div> <div style="width: 8%; text-align: center;">{{ index + 1 }}</div>
<div style="width: 23%; text-align: center;">{{ item.name }}</div> <div style="width: 23%; text-align: center;">{{ item.name }}</div>
<div style="width: 15%; text-align: center;">{{ item.typeName }}</div> <div style="width: 15%; text-align: center;">{{ item.typeName }}</div>
<div style="width: 10%; text-align: center;">{{ item.level }}</div>
<div style="width: 25%; text-align: center;">{{ item.content }}</div> <div style="width: 25%; text-align: center;">{{ item.content }}</div>
<div style="width: 20%; text-align: center;">{{ item.time }}</div> <div style="width: 20%; text-align: center;">{{ item.time }}</div>
<div style="width: 10%; text-align: center;">{{ item.ts }}ms</div>
</div> </div>
</div> </div>
</div> </div>
@ -190,7 +207,7 @@ onMounted(() => {
background: #ffffff; background: #ffffff;
box-shadow: 0px 0px 10px rgba(219, 225, 236, 1); box-shadow: 0px 0px 10px rgba(219, 225, 236, 1);
border-radius: 4px; border-radius: 4px;
overflow: auto;
.container-bottom-box-line1 { .container-bottom-box-line1 {
display: flex; display: flex;
align-items: center; align-items: center;

43
frontend/src/views/timeSetting/index.vue
View File

@ -1,25 +1,49 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive } from 'vue' import { ref, onMounted } from 'vue'
import type { FormInstance, FormRules } from 'element-plus' import type { FormInstance, FormRules } from 'element-plus'
import { fetchSystemConfig, saveSystemConfig } from '@/api/platform'
import { ElMessage } from 'element-plus'
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
const form = reactive({ const form = ref({
targetTime: '' time_sync: '',
brightness: 0,
screen_saver: 0,
}) })
const rules: FormRules = { const rules: FormRules = {
} }
const isswitch = ref(false)
const handleSubmit = async () => { const handleSubmit = async () => {
if (!formRef.value) return if (isswitch.value) {
await formRef.value.validate((valid) => { return
if (valid) { }
console.log('表单数据:', form) isswitch.value = true
saveSystemConfig(form.value).then((res: any) => {
if (res.code == 200) {
ElMessage({
type: 'success',
message: `保存成功`,
})
} else {
ElMessage({
type: 'info',
message: '保存失败',
})
} }
}) })
} }
function init() {
fetchSystemConfig().then((res: any) => {
form.value = res
})
}
onMounted(() => {
init()
})
</script> </script>
<template> <template>
@ -32,8 +56,8 @@ const handleSubmit = async () => {
</div> </div>
<!-- 表单 --> <!-- 表单 -->
<el-form ref="formRef" :model="form" :rules="rules" label-width="90px" class="time-form"> <el-form ref="formRef" :model="form" :rules="rules" label-width="90px" class="time-form">
<el-form-item label="选择时间" prop="targetTime"> <el-form-item label="选择时间" prop="time_sync">
<el-date-picker v-model="form.targetTime" type="datetime" placeholder="请选择时间" <el-date-picker v-model="form.time_sync" type="datetime" placeholder="请选择时间"
format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%;" /> format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%;" />
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -101,6 +125,7 @@ const handleSubmit = async () => {
:deep(.el-form-item__label) { :deep(.el-form-item__label) {
line-height: 40px !important; line-height: 40px !important;
} }
:deep(.el-input__wrapper) { :deep(.el-input__wrapper) {
min-height: 40px !important; min-height: 40px !important;
} }

6
frontend/vite.config.ts
View File

@ -5,15 +5,15 @@ import { resolve } from 'path'
export default defineConfig({ export default defineConfig({
plugins: [vue()], plugins: [vue()],
server: { server: {
host: 0.0.0.0, host: '0.0.0.0',
port: 5173, port: 5173,
proxy: { proxy: {
'/api': { '/api': {
target: 'http://localhost:8000', target: 'http://192.168.1.59:8000',
changeOrigin: true, changeOrigin: true,
}, },
'/ws': { '/ws': {
target: 'ws://localhost:8000', target: 'ws://192.168.1.59:8000',
changeOrigin: true, changeOrigin: true,
ws: true, ws: true,
}, },