目录结构

── 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();
              }
            },
    }