|
|
@@ -0,0 +1,115 @@
|
|
|
+<template>
|
|
|
+ <confirm-dialog
|
|
|
+ ref="configDialog"
|
|
|
+ title="电源开启时长配置"
|
|
|
+ @confirm="onSave"
|
|
|
+ >
|
|
|
+ <template #default>
|
|
|
+ <div class="c-grid-form auto u-align-self--center">
|
|
|
+ <span class="c-grid-form__label">端口1</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="millis[0]"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ step-strictly
|
|
|
+ />
|
|
|
+ <span class="c-grid-form__label">端口2</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="millis[1]"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ step-strictly
|
|
|
+ />
|
|
|
+ <span class="c-grid-form__label">端口3</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="millis[2]"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ step-strictly
|
|
|
+ />
|
|
|
+ <span class="c-grid-form__label">端口4</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="millis[3]"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ step-strictly
|
|
|
+ />
|
|
|
+ <span class="c-grid-form__label">端口5</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="millis[4]"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ step-strictly
|
|
|
+ />
|
|
|
+ <span class="c-grid-form__label">端口6</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="millis[5]"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ step-strictly
|
|
|
+ />
|
|
|
+ <span class="c-grid-form__label">端口7</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="millis[6]"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ step-strictly
|
|
|
+ />
|
|
|
+ <span class="c-grid-form__label">端口8</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="millis[7]"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ step-strictly
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </confirm-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { publish } from '@/utils/mqtt'
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'PowerTimeSyncDialog',
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ millis: [0, 0, 0, 0, 0, 0, 0, 0]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ show ({ productId, id }) {
|
|
|
+ this.$productId = productId
|
|
|
+ this.$deviceId = id
|
|
|
+ this.millis = [0, 0, 0, 0, 0, 0, 0, 0]
|
|
|
+ this.$refs.configDialog.show()
|
|
|
+ },
|
|
|
+ onSave (done) {
|
|
|
+ const timestamp = `${Date.now()}`
|
|
|
+ publish(
|
|
|
+ `${this.$productId}/${this.$deviceId}/setting/update`,
|
|
|
+ JSON.stringify({
|
|
|
+ messageId: `frontend_${this.$deviceId}_${timestamp}`,
|
|
|
+ timestamp,
|
|
|
+ powerOpenMillis: [...this.millis]
|
|
|
+ }),
|
|
|
+ true
|
|
|
+ ).then(
|
|
|
+ () => {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '配置下发中...'
|
|
|
+ })
|
|
|
+ done()
|
|
|
+ },
|
|
|
+ () => {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: '正在连接,请稍后重试'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|