lufaneng
/
central-control
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
main
Lufaneng 7 months ago
parent c3255a3671
commit 9b839f8060
2 changed files with 70 additions and 78 deletions
Show Stats Download Patch File Download Diff File

3
src/components.d.ts vendored
Unescape View File

@ -17,12 +17,9 @@ declare module 'vue' {
ElIcon: typeof import('element-plus/es')['ElIcon']
ElInput: typeof import('element-plus/es')['ElInput']
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination']
ElRadio: typeof import('element-plus/es')['ElRadio']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSlider: typeof import('element-plus/es')['ElSlider']
ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']

145
src/views/ParamsConfig/index.vue
Unescape View File

@ -18,14 +18,12 @@
<!-- 主体区域 -->
<div class="control-content">
<div class="main_item">
<div class="main_title">
主控器设置
</div>
<div class="main_title">主控器设置</div>
<div class="main_content">
<div class="line">
<div class="item">
<div class="key">设备时间</div>
<el-date-picker value-format="YYYY-MM-DD HH:mm:ss" style="flex: 1;" v-model="deviceTime" type="datetime" placeholder="请选择时间" />
<el-date-picker value-format="YYYY-MM-DD HH:mm:ss" style="flex: 1" v-model="deviceTime" type="datetime" placeholder="请选择时间" />
</div>
</div>
<div class="line">
@ -43,26 +41,34 @@
<div class="line">
<div class="item">
<div class="key">经纬开灯偏差</div>
<!-- <el-input readonly v-model="formField.rise" style="width: 100px" placeholder="请输入" :formatter="(value) => `${value}分`" :parser="(value) => value.replace(/分/g, '')" /> -->
<el-select v-model="formField.rise" placeholder="请选择">
<div>
<el-input-number :controls="false" v-model="formField.rise" style="width: 100px" placeholder="请输入" />
<span style="color: #fff; margin-left: 8px">分</span>
</div>
<!-- <el-select v-model="formField.rise" placeholder="请选择">
<el-option v-for="item in RiseSetOption" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-select> -->
</div>
</div>
<div class="line">
<div class="item">
<div class="key">经纬关灯偏差</div>
<!-- <el-input readonly v-model="formField.set" style="width: 100px" placeholder="请输入" :formatter="(value) => `${value}分`" :parser="(value) => value.replace(/分/g, '')" /> -->
<el-select v-model="formField.set" placeholder="请选择">
<div>
<el-input-number :controls="false" v-model="formField.set" style="width: 100px" placeholder="请输入" />
<span style="color: #fff; margin-left: 8px">分</span>
</div>
<!-- <el-select v-model="formField.set" placeholder="请选择">
<el-option v-for="item in RiseSetOption" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-select> -->
</div>
<!-- <div class="item"></div> -->
</div>
<div class="line">
<div class="item">
<div class="key">控制回路数</div>
<div class="value" style="min-width: 100px;">{{ subLoopParameter.subLoopData?.length || 0 }}</div>
<div class="value" style="min-width: 100px">
{{ subLoopParameter.subLoopData?.length || 0 }}
</div>
</div>
<div class="item"></div>
</div>
@ -80,10 +86,8 @@
</div>
</div>
<div class="main_item">
<div class="main_title">
稳压分控器
</div>
<div class="main_content energy_meter subLoopParame" style="width:235px">
<div class="main_title">稳压分控器</div>
<div class="main_content energy_meter subLoopParame" style="width: 235px">
<div class="subLoopParameter_item" v-for="item in subLoopParameter.subLoopData">
<div class="item">
<div class="key">回路地址</div>
@ -95,19 +99,21 @@
</div>
<div class="item">
<div class="key">调光幅度</div>
<div class="value">{{ item.DimmingValue ? item.DimmingValue + '%' : item.DimmingValue }}</div>
<div class="value">
{{ item.DimmingValue ? item.DimmingValue + '%' : item.DimmingValue }}
</div>
</div>
<div class="buttonBox" v-if="item.Modules?.length">
<div class="button save" style="width: 100px;" @click="openDialog(item)">查看子模块</div>
<div class="button save" style="width: 100px" @click="openDialog(item)">
查看子模块
</div>
</div>
</div>
</div>
</div>
<div class="main_item">
<div class="main_title">
电能表
</div>
<div class="main_content energy_meter" style="width:235px">
<div class="main_title">电能表</div>
<div class="main_content energy_meter" style="width: 235px">
<!-- <div class="line">
<div class="item">
<div class="key">主控器地址</div>
@ -134,12 +140,8 @@
</div>
<!-- 底部信息 -->
<div class="bottom-info">
<div style="color:#fff">
设备号：{{ commit_uid }}
</div>
<div style="color:#fff">
设备名称：{{ device_name }}
</div>
<div style="color: #fff">设备号：{{ commit_uid }}</div>
<div style="color: #fff">设备名称：{{ device_name }}</div>
<div class="bottom_item">
<!-- <div class="time-item">
<span>日出时间：{{ sunriseTime }}</span>
@ -170,8 +172,8 @@
<script setup>
import { ref, onMounted, onUnmounted } from 'vue'
import { useRouter } from 'vue-router'
import RPC from '@/utils/rpc';
import TableDialog from './TableDialog.vue';
import RPC from '@/utils/rpc'
import TableDialog from './TableDialog.vue'
const router = useRouter()
const currentTime = ref('')
@ -198,19 +200,19 @@ const RiseSetOption = [
{ label: '延后60分钟', value: -60 },
]
RPC.post('/m9z/getLgnLatData', { comm_uid: commit_uid }).then(res => {
RPC.post('/m9z/getLgnLatData', { comm_uid: commit_uid }).then((res) => {
formField.value.lat = res.lat
formField.value.lgn = res.lgn
formField.value.loc = res.loc
})
RPC.post('/m9z/getSunRiseSet', { comm_uid: commit_uid }).then(res => {
RPC.post('/m9z/getSunRiseSet', { comm_uid: commit_uid }).then((res) => {
formField.value.rise = res.rise
formField.value.set = res.set
})
RPC.post('/m9z/getDeviceTime', { comm_uid: commit_uid }).then(res => {
RPC.post('/m9z/getDeviceTime', { comm_uid: commit_uid }).then((res) => {
deviceTime.value = res.deviceTime
})
RPC.post('/m9z/getAllSubLoopParameter', { comm_uid: commit_uid }).then(res => {
RPC.post('/m9z/getAllSubLoopParameter', { comm_uid: commit_uid }).then((res) => {
subLoopParameter.value = res
// subLoopParameter.value = {
// "subLoopData": [
@ -506,12 +508,12 @@ RPC.post('/m9z/getAllSubLoopParameter', { comm_uid: commit_uid }).then(res => {
})
const address = ref('')
RPC.post('/adl400/getMsgAddress', { comm_uid: commit_uid }).then(res => {
RPC.post('/adl400/getMsgAddress', { comm_uid: commit_uid }).then((res) => {
address.value = res
})
const week = ref('')
const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
const weekDays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
// 更新时间
const updateTime = () => {
const now = new Date()
@ -527,16 +529,12 @@ const updateTime = () => {
}
const restartSystem = () => {
ElMessageBox.confirm(
`此操作将远程重启，是否继续?`,
'提示',
{
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
}
).then(() => {
RPC.post('/m9z/setRestart', { comm_uid: commit_uid }).then(res => {
ElMessageBox.confirm(`此操作将远程重启，是否继续?`, '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
RPC.post('/m9z/setRestart', { comm_uid: commit_uid }).then((res) => {
ElMessage.success('远程重启成功')
getInfo()
})
@ -544,24 +542,23 @@ const restartSystem = () => {
}
const save = () => {
ElMessageBox.confirm(
`此操作将保存配置，是否继续?`,
'提示',
{
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
}
).then(() => {
ElMessageBox.confirm(`此操作将保存配置，是否继续?`, '提示', {
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
const params = {
"comm_uid": commit_uid,
"lat": Number(formField.value.lat),
"lgn": Number(formField.value.lgn),
"loc_str": formField.value.loc,
"rise": Number(formField.value.rise),
"set": Number(formField.value.set)
comm_uid: commit_uid,
lat: Number(formField.value.lat),
lgn: Number(formField.value.lgn),
loc_str: formField.value.loc,
rise: Number(formField.value.rise),
set: Number(formField.value.set),
}
Promise.all(RPC.post('/m9z/setDeviceLgnLatAndSunRsTime', params), RPC.post('/m9z/setDeviceTime', { "comm_uid": commit_uid, device_time: deviceTime.value })).then(res => {
Promise.all(
RPC.post('/m9z/setDeviceLgnLatAndSunRsTime', params),
RPC.post('/m9z/setDeviceTime', { comm_uid: commit_uid, device_time: deviceTime.value }),
).then((res) => {
ElMessage.success('操作成功')
})
})
@ -569,7 +566,7 @@ const save = () => {
const currentTableData = ref([])
const currentTitle = ref('')
const isShowDialog = ref(false)
const openDialog = item => {
const openDialog = (item) => {
isShowDialog.value = true
currentTableData.value = item.Modules
currentTitle.value = item.LoopAddress
@ -650,7 +647,7 @@ onUnmounted(() => {
box-sizing: border-box;
.main_item {
border: .5px solid #ddd;
border: 0.5px solid #ddd;
display: flex;
flex-direction: column;
height: 450px;
@ -661,9 +658,9 @@ onUnmounted(() => {
align-items: center;
height: 50px;
font-size: 16px;
background-color: #21232A;
color: #8088AA;
border-bottom: .5px solid #ddd;
background-color: #21232a;
color: #8088aa;
border-bottom: 0.5px solid #ddd;
}
.main_content {
@ -690,8 +687,8 @@ onUnmounted(() => {
.value {
text-align: center;
background-color: #21232A;
color: #8088AA;
background-color: #21232a;
color: #8088aa;
padding: 5px 10px;
min-height: 32px;
box-sizing: border-box;
@ -762,7 +759,6 @@ onUnmounted(() => {
}
}
.bottom-info {
display: flex;
justify-content: space-between;
@ -806,27 +802,26 @@ onUnmounted(() => {
}
.el-input {
background-color: #21232A;
background-color: #21232a;
}
:deep(.el-input__wrapper) {
background-color: #212329 !important;
box-shadow: none;
border: 1px soild #3B3D45;
border: 1px soild #3b3d45;
input {
color: #8088AA;
color: #8088aa;
}
}
:deep(.el-select__wrapper) {
background-color: #212329 !important;
box-shadow: none;
border: 1px soild #3B3D45;
border: 1px soild #3b3d45;
.el-select__placeholder {
color: #8088AA;
color: #8088aa;
}
}
</style>

Write Preview
Loading…
Cancel
Save