<template>
  <div id="attr-configuration">
    <!-- 画布操作 -->
    <p v-if="app.isCanvasActived">
      <PortalInfo />
    </p>
    <!-- 组件操作 -->
    <el-form
      v-else
      :data="app.attrData"
      label-width="100px"
      label-position="left"
    >
      <el-tabs v-model="activeName">
        <el-tab-pane label="配置" name="first">
          <config-tab />
        </el-tab-pane>
        <el-tab-pane label="数据" name="second">
          <data-tab />
        </el-tab-pane>
        <el-tab-pane label="事件" name="third">
          <format-tab />
        </el-tab-pane>
        <el-tab-pane label="参数" name="fourth">
          <params-tab-new />
        </el-tab-pane>
      </el-tabs>
    </el-form>
  </div>
</template>
<script>
import ConfigTab from "./modules/ConfigTab";
import DataTab from "./modules/DataTab";
import FormatTab from "./modules/FormatTab";
//import ParamsTab from "./modules/ParamsTab";
import ParamsTabNew from "./modules/ParamsTabNew";
import PortalInfo from "./modules/PortalInfo";
export default {
  name: "AttrConfiguration",
  components: {
    ConfigTab,
    DataTab,
    FormatTab,
    //ParamsTab,
    ParamsTabNew,
    PortalInfo
  },
  inject: ["app"],
  data() {
    return {
      activeName: "first"
    };
  }
};
</script>
<style lang="scss">
@import "./AttrConfiguration.scss";
</style>
