gs-bim-air 3.0.3 → 3.0.5

package/src/components/gs-setting-wrapper.vue

@@ -1,47 +0,0 @@
-<!--一个包裹框-->
-<template>
-    <div class="gs-setting-wrapper" :style="{marginTop: title?'20px':'10px'}">
-        <div class="line" :style="{paddingTop: title?'20px':'10px'}">
-            <div class="title">{{title}}</div>
-            <slot/>
-        </div>
-    </div>
-</template>
-
-<script lang="ts">
-import {Component, Prop, Vue} from "vue-property-decorator";
-
-@Component
-export default class GsSettingWrapper extends Vue {
-    @Prop() title: {
-        type: string;
-        default: "";
-    } | undefined;
-}
-</script>
-
-<style scoped>
-    .gs-setting-wrapper {
-        vertical-align: top;
-        /*margin-top: 20px;*/
-    }
-
-    .line {
-        font-size: 12px;
-        border: 1px solid #d5d5d5;
-        margin: 10px;
-        position: relative;
-        padding: 10px 20px 10px 15px;
-        text-align: left;
-    }
-
-    .line .title {
-        position: absolute;
-        top: -0.5em;
-        left: 1em;
-        background-color: white;
-        padding: 0 0.5em;
-
-    }
-
-</style>

package/src/components/gs-show-panel-down.vue

@@ -1,131 +0,0 @@
-<!--下拉panel-->
-<template>
-  <div class="gs-show-panel-down" :style="{ width: changeWidth }">
-    <div class="title">
-      {{ title }}
-      <slot name="header" />
-    </div>
-    <div class="self-buttons">
-      <div class="self-button">
-        <i :class="arrowsIcon" @click="buttonClick" class="icon" />
-      </div>
-      <div class="self-button">
-        <i class="icon iconfontBimAir iconbanshou1" style="font-size: 15px" />
-      </div>
-      <div class="self-button">
-        <i class="icon iconfontBimAir iconguanbi" style="font-size: 16px" />
-      </div>
-    </div>
-    <div :class="dropDown ? '' : slotHidden" class="slotShow">
-      <div style="overflow: auto" :style="{ height: changeHeight }">
-        <slot />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component
-export default class GsShowPanelDown extends Vue {
-  @Prop() height: string | undefined;
-  @Prop() width: string | undefined;
-  @Prop() title: string | undefined;
-
-  direction = "down";
-  dropDown = true;
-  arrowsIcon;
-  changeHeight: string;
-  changeWidth: string;
-
-  get slotHidden(): string {
-    return `slotHidden-${this.direction}`;
-  }
-
-  get isLeft() {
-    return this.direction === "left";
-  }
-
-  get isBottom() {
-    return this.direction === "bottom";
-  }
-
-  buttonClick() {
-    this.dropDown = !this.dropDown;
-    if (this.direction === "down") {
-      this.arrowsIcon = this.dropDown
-        ? "iconfontBimAir iconxia"
-        : "iconfontBimAir iconshang";
-      this.changeHeight = this.dropDown ? this.height : "0px";
-    }
-  }
-
-  mounted() {
-    this.changeHeight = this.height || "0px";
-    this.changeWidth = this.width || "0px";
-    this.arrowsIcon = `iconfontBimAir iconxia`;
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.gs-show-panel-down {
-  position: relative;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  border-top: 3px solid #b8b9b8;
-  display: inline-block;
-  transition: 0.3s;
-  background-color: white;
-  padding: 0;
-}
-
-.el-scrollbar {
-  transition: 0.3s;
-}
-
-.title {
-  font-size: 15px;
-  font-weight: bold;
-  height: 22px;
-  color: #676a6c;
-  text-align: left;
-  padding: 5px 10px;
-  border-bottom: 1px #b6b9bb solid;
-}
-
-.self-buttons {
-  vertical-align: center;
-  position: absolute;
-  top: 5px;
-  right: 0;
-  box-sizing: border-box;
-  color: #2c3e50;
-
-  .self-button {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    font-size: 20px;
-    transition: 0.3s;
-
-    &:hover i {
-      color: #007787;
-    }
-
-    i {
-      margin: auto;
-      display: table-cell; /*IE8以上及Chrome、Firefox*/
-      vertical-align: middle; /*IE8以上及Chrome、Firefox*/
-    }
-  }
-}
-
-.icon {
-  color: #c4c4c4;
-  font-weight: bolder;
-  font-size: 20px;
-  line-height: 20px;
-}
-</style>

package/src/components/gs-show-panel.vue

@@ -1,180 +0,0 @@
-<!--拉动的panel-->
-<template>
-    <div class="gs-show-panel">
-        <div :class="dropDown ? '' : slotHidden"
-             class="slotShow" :style="{'height':changeHeight, 'width':changeWidth}">
-            <slot/>
-        </div>
-
-        <div class="self-button" :class="`self-button-${direction}`"
-             @click="buttonClick">
-            <i :class="arrowsIcon"
-               :style="{position: 'relative', right: isLeft? '13px': 'none', top: isBottom? '-10px': 'none'}"/>
-        </div>
-    </div>
-</template>
-
-<script lang="ts">
-import {Component, Prop, Vue} from "vue-property-decorator";
-
-@Component
-export default class GsShowPanel extends Vue {
-    @Prop() direction: string | undefined;
-    @Prop() height: string ;
-    @Prop() width: string ;
-
-    dropDown = true;
-    // classObject = {};
-    arrowsIcon;
-    // slotShow = "slotShow-x";
-    changeHeight: string ;
-    changeWidth: string;
-
-    get slotHidden(): string {
-        return `slotHidden-${this.direction}`;
-    }
-
-    get isLeft() {
-        return this.direction === "left";
-    }
-
-    get isBottom() {
-        return this.direction === "bottom";
-    }
-
-    buttonClick() {
-        this.dropDown = !this.dropDown;
-        let newDirection;
-        switch (this.direction) {
-            case "left":
-                newDirection = this.dropDown ? "left" : "right";
-                this.changeWidth = this.dropDown ? this.width : "0px";
-                break;
-            case "right":
-                newDirection = this.dropDown ? "right" : "left";
-                this.changeWidth = this.dropDown ? this.width : "0px";
-                break;
-            case "top":
-                newDirection = this.dropDown ? "top" : "bottom";
-                this.changeHeight = this.dropDown ? this.height : "0px";
-                break;
-            case "bottom":
-                newDirection = this.dropDown ? "bottom" : "top";
-                this.changeHeight = this.dropDown ? this.height : "0px";
-                break;
-        }
-        this.arrowsIcon = `el-icon-caret-${newDirection}`;
-    }
-
-    mounted() {
-        this.changeHeight  = this.height || "0px";
-        this.changeWidth = this.width || "0px";
-        this.arrowsIcon = `el-icon-caret-${this.direction}`
-    }
-}
-</script>
-
-<style scoped>
-    .gs-show-panel {
-        position: relative;
-        overflow-x: hidden;
-        overflow-y: hidden
-    }
-
-    .slotShow {
-        width: 240px;
-        transition: 0.3s;
-        padding: 5px;
-    }
-
-    .slotHidden {
-        visibility: hidden;
-        /*display: none;*/
-    }
-
-    .slotHidden-left {
-        width: 10px;
-        visibility: hidden;
-    }
-
-    .slotHidden-right {
-        width: 10px;
-        visibility: hidden;
-    }
-
-    .slotHidden-top {
-        height: 10px;
-        /*margin-top: -20px;*/
-        visibility: hidden;
-    }
-
-    .slotHidden-bottom {
-        height: 10px;
-        /*margin-bottom: -20px;*/
-        visibility: hidden;
-    }
-
-    .self-button {
-        transition: 0.3s;
-        font-size: 30px;
-        vertical-align: center;
-        position: absolute;
-        box-sizing: border-box;
-    }
-
-    .self-button:hover {
-        color: #007787;
-        background-color: #d4d6d7;
-    }
-
-
-    .self-button-left {
-        height: 100%;
-        width: 10px;
-        top: 0;
-        right: 0;
-        /*border-left: 1px solid #eeeeee;*/
-        border-right: 1px solid #eeeeee;
-    }
-
-    .self-button-right {
-        height: 100%;
-        width: 10px;
-        top: 0;
-        left: 0;
-        border-left: 1px solid #eeeeee;
-        /*border-right: 1px solid #eeeeee;*/
-    }
-
-    .self-button-top {
-        height: 10px;
-        width: 100%;
-        bottom: 0;
-        left: 0;
-        /*border-top: 1px solid #eeeeee;*/
-        border-bottom: 1px solid #eeeeee;
-    }
-
-    .self-button-bottom {
-        height: 10px;
-        width: 100%;
-        top: 0;
-        left: 0;
-        border-top: 1px solid #eeeeee;
-        /*border-bottom: 1px solid #eeeeee;*/
-    }
-
-    .el-icon-caret-left, .el-icon-caret-right {
-        position: relative; /*脱离文档流*/
-        top: 50%; /*偏移*/
-    }
-
-    .el-icon-caret-top, .el-icon-caret-bottom {
-        top: 0px;
-    }
-
-    /*.el-icon-caret-bottom{*/
-    /*    margin-top: -8px;*/
-    /*}*/
-
-</style>

package/src/components/gs-toolbar-item.vue

@@ -1,72 +0,0 @@
-<template>
-  <div class="gs-toolbar-item">
-    <div class="title-wrapper">
-      <div class="title">{{ title }}</div>
-      <!--            <slot name="header"/>-->
-      <div class="button-wrapper">
-        <!--                <div class="button"><i class="el-icon-check"/></div>-->
-        <div class="button"><i class="el-icon-close" /></div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component
-export default class GsToolbarItem extends Vue {
-  @Prop({ default: "基础设施检查" }) title: string | undefined;
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-
-.gs-toolbar-item {
-  display: inline-block;
-  min-width: 100px;
-  background-color: $gs-blue-light23;
-  margin: 4px 8px 0 0;
-}
-
-.title-wrapper {
-  font-size: 13px;
-  font-weight: bold;
-  height: 18px;
-  color: $gs-white;
-  text-align: left;
-  padding: 5px 5px 5px 10px;
-  border-bottom: 2px solid $gs-blue-light2;
-  /*<!--border-image: linear-gradient(to right, $gs-blue-light3, transparent) 10;-->*/
-  /*border-image-slice: 10;*/
-
-  .title {
-    /*<!--background-color: $gs-blue-light31;-->*/
-    display: inline-block;
-    min-width: 100px;
-    padding-left: 4px;
-  }
-
-  .button-wrapper {
-    float: right;
-
-    .button {
-      cursor: pointer;
-      display: inline-block;
-      padding: 1px;
-      background-color: $gs-blue-light2;
-      margin-left: 4px;
-
-      &:hover {
-        background-color: #4c7696;
-        color: #2c3e50;
-      }
-
-      i {
-        font-size: 8px;
-      }
-    }
-  }
-}
-</style>

package/src/components/gs-tooltip.vue

@@ -1,38 +0,0 @@
-<!--提示-->
-<template>
-    <el-tooltip placement="bottom" effect="light" :hide-after="1000" v-model="show" >
-        <div slot="content">
-            <div class="hint">{{hint}}</div>
-            <div class="hintContent">{{hintContent}}</div>
-        </div>
-        <slot/>
-    </el-tooltip>
-</template>
-
-<script lang="ts">
-import {Component, Prop, Vue} from "vue-property-decorator";
-
-@Component
-export default class GsTooltip extends Vue {
-    @Prop() hint: string | undefined;
-    @Prop() hintContent: string | undefined;
-    show = false;
-
-}
-</script>
-
-<style scoped>
-    .el-tooltip {
-        /*display: inline;*/
-    }
-
-    .hint {
-        font-weight: bold;
-        font-size: 10px;
-    }
-
-    .hintContent {
-        font-size: 8px;
-    }
-
-</style>

package/src/components/gs-upload.vue

@@ -1,225 +0,0 @@
-<template>
-  <!-- <el-scrollbar wrapStyle="overflow-y: hidden;" style="width: 280px"> -->
-  <div class="gs-upload">
-    <div
-      class="upload-wrapper"
-      @click="$refs.upload.click()"
-      v-show="showAddIcon"
-    >
-      <i class="el-icon-plus"></i>
-      <input
-        type="file"
-        ref="upload"
-        accept="image/*"
-        v-show="false"
-        :multiple="!single"
-        @change="uploadFileChange()"
-      />
-    </div>
-    <div style="width: 260px; overflow: auto">
-      <div class="image">
-        <div
-          class="image-wrapper"
-          v-for="(item, index) in imagesUrl"
-          :key="index"
-        >
-          <el-image
-            style="width: 100px; height: 100px"
-            fit="cover"
-            :src="item.url"
-          ></el-image>
-          <div class="button-wrapper">
-            <el-button
-              type="text"
-              icon="el-icon-delete"
-              @click.stop.prevent="deleteImageClick(index)"
-            ></el-button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <!-- </div> -->
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-interface Image {
-  type: string;
-  id: string;
-  url: string;
-}
-@Component({})
-export default class GsUpload extends Vue {
-  @Prop() pictures: Image[] | any;
-  @Prop({ default: false }) single: boolean;
-
-  picturesLength = 0;
-  imagesUrl: Image[] | any = [];
-  images: any[] = [];
-  deleteImageIdList: any[] = [];
-  //   showAddIcon = true;
-
-  @Watch("pictures")
-  onPicturesChange(val, oldVal) {
-    this.init();
-  }
-
-  get showAddIcon() {
-    console.log(
-      "uploadFileChange",
-      // this.showAddIcon,
-      this.single,
-      this.images.length >= 1,
-      this.imagesUrl >= 1
-    );
-    return !(
-      this.single &&
-      (this.images.length >= 1 || this.imagesUrl.length >= 1)
-    );
-  }
-
-  init() {
-    this.imagesUrl = [];
-    this.images = [];
-    this.deleteImageIdList = [];
-    this.imagesUrl = [...this.pictures];
-    console.log("this.imagesUrl", this.imagesUrl);
-    this.picturesLength = this.pictures.length;
-  }
-
-  arrayRemove(array, val) {
-    let index = array.indexOf(val);
-    if (index > -1) {
-      array.splice(index, 1);
-    }
-  }
-
-  uploadFileChange() {
-    let images: any[] = (this.$refs.upload as any).files;
-    let formData = new FormData();
-    for (let i = 0; i < images.length; i++) {
-      const image: any = images[i];
-      console.log(image);
-      this.images.push(image);
-
-      let reader = new FileReader();
-      reader.readAsDataURL(image);
-      reader.onload = (e) => {
-        this.imagesUrl.push({
-          type: "data",
-          id: null,
-          url: (e.target as any).result,
-        });
-      };
-    }
-    // this.showAddIcon = !(this.single && this.images.length >= 1);
-    // console.log(
-    //   "uploadFileChange",
-    //   this.showAddIcon,
-    //   this.single,
-    //   this.images.length >= 1,
-    //   this.imagesUrl >= 1
-    // );
-  }
-
-  deleteImageClick(index) {
-    let deleteImage: any = this.imagesUrl.splice(index, 1)[0];
-    if (deleteImage.type === "api") {
-      this.deleteImageIdList.push(deleteImage.id);
-      this.picturesLength--;
-    } else {
-      this.images.splice(index - this.picturesLength, 1);
-      (this.$refs.upload as any).value = "";
-      //   (this.$refs.upload as any).files
-      //   let files: any[] = (this.$refs.upload as any).files;
-      //   if (files && files.length) {
-      //     // 原始FileList对象不可更改，所以将其赋予curFiles提供接下来的修改
-      //     Array.prototype.push.apply(this.images, files);
-      //   }
-      //   (this.$refs.upload as any).files = this.images;
-    }
-    console.log(
-      "deleteImageClick",
-      this.images,
-      (this.$refs.upload as any).files
-    );
-  }
-
-  mounted() {
-    this.init();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.gs-upload {
-  height: 120px;
-}
-
-.image-wrapper {
-  position: relative;
-  float: left;
-  width: 100px;
-  height: 100px;
-  margin: 10px;
-  vertical-align: top;
-  border: 1px solid teal;
-  padding: 0;
-  .button-wrapper {
-    position: absolute;
-    background-color: transparent;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    display: none;
-    transition: 0.5s;
-
-    .el-button {
-      font-size: 20px;
-      color: white;
-      text-shadow: 0 0 5px #555;
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translateX(-50%) translateY(-50%);
-    }
-  }
-
-  &:hover .button-wrapper {
-    background-color: rgba(180, 179, 179, 0.322);
-    display: unset;
-  }
-}
-
-.upload-wrapper {
-  float: left;
-  position: relative;
-  width: 95px;
-  height: 95px;
-  border: 3px dotted #aaa;
-  cursor: pointer;
-  margin: 10px;
-
-  i {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    font-size: 40px;
-    color: #aaa;
-  }
-}
-
-.image {
-  width: 280px;
-
-  display: flex;
-}
-:deep(.el-scrollbar) {
-  :deep(.el-scrollbar__wrap) {
-    margin-right: 0 !important;
-  }
-}
-</style>