Enniot-cloud-group NPM

目录结构

── enniot-cloud-group
    ├── IoTPlatform.vue
    ├── README.md
    ├── IoTPlatform.json
    └── package.json

Props

参数	说明	类型	可选值	默认值
schema	规定 form 格式的 json 文件	json	—	—
data	用于将后台读取的数据填入 form 组件；以及获取 form 中数据，并将这些数据打包作为参数提交。	object	—	—

Data

参数	说明	类型	可选值	默认值
status	启用	Boolean	true/false	—
protocol	通信协议	string	HTTP/MQTT	—
service_address	服务器地址	string	—	—
service_port	端口号	string	—	—
heart_interval	心跳包间隔(秒)	int	—	—
data_version	数据格式版本	string	—	—
product_key	产品系列编号	string	—	—
serial_num	物联网关编号	string	—	—
username	用户名	string	—	—
password	密码	string	—	—

Usage

<template>
	<el-row>
       <!--      能源IoT设置界面-->
          <el-tab-pane
            label="能源IoT设置"
            name="iot"
            ref="iotTab"
            v-loading="loading"
          >
            <IoTPlarform ref="iotPlatform" :data="this.iotForm" style="width: 60%">					</IoTPlarform>
            <el-button
              type="primary"
              style="margin-left: 900px"
              @click="onIotSubmit()"
            >
              保存
            </el-button>
          </el-tab-pane>
     </el-tabs>
  </el-row>
</template>

<script>
	import baseUrl from "@/service/api";
    import IoTPlarform from '@/views/components/IoTPlatform/IoTPlatform.vue';
    export default {
        components: {
          IoTPlatform,  
        },
        data() {
            return {
      			iotForm: {
        			type: 'IoT',
      			},
            }
        },
        methods: {
            // iot的查询
            async onGetIotForm() {
              const api = `${baseUrl}/api/cloud/group`;
              const res = await this.$api.get(api);
              this.iotForm = res;
            },
            //  iot的修改
            async onIotSubmit() {
              const isValid = await this.$refs.iotPlatform.validate();
              if (isValid) {
                const api = `${baseUrl}/api/cloud/group`;
                await this.$api.post(api, this.iotForm, {target: this.$refs.iotTab});
                await this.onGetIotForm();
              }
            },
    }

IoT

@infinitebrahmanuniverse/nolb-enn @everything-registry/sub-chunk-1587

0.0.1

3 years ago