gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/property/interfacePropertyPanel.vue

@@ -1,322 +0,0 @@
-<template>
-  <div class="PropertyPanel">
-    <component
-      :is="tabPanes[0].component"
-      v-if="tabPanes.length === 1 && tabPanes[0].name"
-      :componentData="componentData"></component>
-
-    <el-tabs v-else v-model="activeName" @tab-click="tabClick">
-      <el-tab-pane v-for="(item, index) in tabPanes" :key="index" :label="item.name" :name="item.name">
-        <!-- <div class="el-scrollbar" > -->
-        <component
-          style="top: 50px; width: 100%; position: releative"
-          :is="item.component"
-          v-if="item.name"
-          :componentData="componentData"></component>
-        <!-- </div> -->
-      </el-tab-pane>
-    </el-tabs>
-
-    <gs-dialog
-      title="导入属性"
-      v-model="importPropertyVisible"
-      @confirm="importPropertyConfirm"
-      width="800px"
-      type="dark">
-      <div class="import-property-wrapper">
-        <div>
-          <div style="padding: 5px 10px; font-size: 16px; color: #aaa">导入模型构件（可多选）</div>
-          <div class="el-scrollbar tree-scrollbar" style="overflow: auto">
-            <el-tree
-              style="width: 300px"
-              ref="structureTree"
-              :props="treeProps"
-              :data="modelObjects"
-              node-key="key"
-              @node-click="treeNodeClick"
-              :expand-on-click-node="false"
-              :default-checked-keys="checkKeys"
-              :default-expanded-keys="expandedKeys"
-              :filter-node-method="filterNode"
-              show-checkbox
-              highlight-current
-              check-strictly>
-              <span class="custom-tree-node" slot-scope="{ data }">
-                {{ data.name }}
-              </span>
-            </el-tree>
-          </div>
-        </div>
-        <!-- <div class="import-property" style="border-left: 1px solid #aaa; margin-left: 1px">
-          <div style="border-bottom: 1px solid #aaa; padding-bottom: 8px">
-            <el-button size="small" type="text" @click="importDictPropertyVisible = true">
-              <i class="el-icon-plus"></i>
-              属性字典添加
-            </el-button>
-            <el-button size="small" type="text">
-              <i class="el-icon-plus"></i>
-              自定义添加
-            </el-button>
-            <el-button size="small" type="text" @click="$refs.upload.click()">
-              <i class="el-icon-plus"></i>
-              本地导入
-              <input type="file" ref="upload" :accept="acceptFileType" v-show="false" @change="uploadFileChange()" />
-            </el-button>
-          </div>
-        </div> -->
-      </div>
-    </gs-dialog>
-
-    <gs-dialog
-      title="属性字典导入"
-      v-model="importDictPropertyVisible"
-      @confirm="importDictPropertyConfirm"
-      width="800px"
-      type="dark"></gs-dialog>
-
-    <!-- <gs-dialog
-      title="本地导入"
-      v-model="importLocalPropertyVisible"
-      @confirm="importLocalPropertyConfirm"
-    >
-    </gs-dialog> -->
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-import store from "../../../store";
-import * as Longan from "gs-longan";
-import fileType from "../../../utils/fileType";
-import GsDialog from "../../../components/gs/gsDialog/gs-dialog.vue";
-
-import { Tabs, TabPane, Button, Input } from "element-ui";
-
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-Vue.use(Tabs);
-Vue.use(TabPane);
-Vue.use(Button);
-Vue.use(Input);
-
-@Component({
-  components: { GsDialog },
-})
-export default class InterfacePropertyPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  activeName = "属性";
-  isPropertyEditing = false;
-  nodeName = null;
-  nodeValue = null;
-  maxKey = 1;
-  activeNodeKey = null;
-  propertiesTreeData = [];
-  propertiesTreeDataClone;
-  importPropertyVisible = false;
-  importDictPropertyVisible = false;
-  importLocalPropertyVisible = false;
-  acceptFileType = "." + fileType.excel.replace(/-/g, ",.");
-
-  // ------树的属性
-  expandedKeys = [];
-  checkKeys = [];
-  treeCheckedNos = [];
-  modelObjects = [];
-  treeProps = {
-    label: "name",
-    children: "items",
-  };
-  currentHeightNodeKey = null;
-  // ---------
-
-  store = store;
-  tabPane = [
-    {
-      name: "属性",
-      component: () => import("./panes/propertyPanel.vue"),
-    },
-  ];
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  // get property() {
-  //   let tabs = this.viewer.options.components.property.tabs;
-  //   return tabs;
-  // }
-
-  get tabPanes() {
-    let tabs = this.viewer.options.components.property.tabs;
-    return this.tabPane.concat(tabs);
-  }
-
-  tabClick(val) {
-    console.log("tabClick", val);
-
-    // if (val.name == "图层") {
-    //   this.viewer.layerManager.rootNode.isShow = true;
-    // } else {
-    //   this.viewer.layerManager.rootNode.isShow = false;
-    // }
-  }
-
-  importPropertyConfirm() {
-    this.importPropertyVisible = false;
-  }
-
-  importDictPropertyConfirm() {}
-
-  importLocalPropertyConfirm() {}
-
-  // ------------树的方法
-
-  findRoVisible(insObj: any, checkedNos: number[]) {
-    if (insObj.ro.visible) {
-      checkedNos.push(insObj.no);
-    }
-    for (let i = 0; i < insObj.items.length; i++) {
-      this.findRoVisible(insObj.items[i], checkedNos);
-    }
-  }
-
-  getModelObjects() {
-    if (this.viewer && this.viewer.instanceObject) {
-      let insObj = this.viewer.instanceObject;
-      let treeCheckedNos = [];
-      this.findRoVisible(insObj, treeCheckedNos);
-      this.treeCheckedNos = treeCheckedNos;
-
-      if (Longan.TypeHelper.typeName(insObj.renderObject) === "LightModel") {
-        // let treeModelStructure = (
-        //   insObj.ro as Longan.LightModel
-        // ).getStructure();
-        // 设置默认选中的key
-        // this.checkKeys.push(treeModelStructure.key);
-        // console.log(treeModelStructure);
-        // this.modelObjects = [treeModelStructure];
-        // console.log("this.modelObjects", this.modelObjects);
-      } else {
-        this.modelObjects = [];
-      }
-    } else {
-      this.treeCheckedNos = [];
-      this.modelObjects = [];
-    }
-  }
-
-  treeNodeClick() {}
-
-  filterNode(value, data) {
-    if (!value) {
-      return true;
-    }
-    return data.text.indexOf(value) !== -1;
-  }
-
-  // ---------------------
-
-  setData() {
-    this.$emit("setData", {
-      icon: "shuxing",
-      title: "属性面板",
-      top: "10px",
-      right: "10px",
-      height: "500px",
-      width: "400px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-    this.activeName = "属性";
-  }
-
-  beforeDestroy() {}
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/scss/gs-tree-dark";
-@import "../../../assets/theme/handle.scss";
-
-$border-color: #292b36;
-
-.PropertyPanel {
-  color: white;
-  // background-color: $model-theme-light;
-  // background: $gs-primary-background4;
-  height: auto;
-  position: relative;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border-radius: 0 0 4px 4px;
-  height: 100%;
-}
-
-:deep(.el-tabs) {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  // .el-tabs__nav-scroll {
-  //   background: #292b36;
-  // }
-
-  .el-tabs__content {
-    // top: 0;
-    // position: absolute;
-    // left: 0;
-    // right: 0;
-    // bottom: 0;
-    height: calc(100% - 48px);
-  }
-
-  .el-tabs__header {
-    margin: 0;
-    background: $gs-primary-background4;
-
-    .el-tabs__nav {
-      display: flex;
-      float: unset;
-      margin: 0 8px;
-
-      .el-tabs__active-bar {
-        height: 2px;
-        background: $gs-primary-checkboxColor;
-        border-radius: 0;
-        width: 80px;
-      }
-
-      .el-tabs__item {
-        height: 48px;
-        color: unset;
-        font-size: 16px;
-        width: 100px;
-        padding: 0;
-        flex: 1;
-        border-bottom: 2px solid #aaa;
-      }
-
-      .el-tabs__item.is-active {
-        color: $gs-primary-checkboxColor;
-      }
-    }
-
-    .el-tabs__nav-wrap::after {
-      height: unset;
-    }
-  }
-}
-.el-tabs.el-tabs--top {
-  height: 100%;
-}
-.el-tab-pane {
-  height: 100%;
-}
-</style>