编辑器：删除无用的旧文件和代码

(cherry picked from commit 16c20b0be07283cc497e2c2e31e76afcbc1357b7)

packages/qjkankan-editor/src/Store/index.js

@@ -12,7 +12,6 @@ const store = new Vuex.Store({
     userNickName: '',
 
     info: '',
-    // todo: 新版本开发完毕后就不需要这个了
     backupInfo: '',
     showInfo: '',
     hotspot: '',

packages/qjkankan-editor/src/components/select.vue

@@ -1,327 +0,0 @@
-<template>
-  <!-- todo: 旧版的初始场景设置时弹窗，可以删了？ -->
-  <div class="select-commodity">
-    <a class="close" @click="$emit('cancle')">+</a>
-    <h3 class="title">{{ title }}</h3>
-    <div class="filtert">
-      <div>
-        <input
-          type="text"
-          placeholder="输入关键词"
-          v-model="key"
-          @keyup.enter="search"
-        />
-        <i
-        @click="search"
-          class="iconfont iconsearch"
-        ></i>
-      </div>
-    </div>
-
-    <template>
-      <div class="scene-layer">
-        <tabList :list="info.catalogRoot" :cls="'w-menu'" @clickItem="item=>{taboneActive = item}" :hiddenHover="true" :active="taboneActive" :id="'selct11'" :subId="'selct111'">
-        </tabList>
-        <tabList v-if="childTab.length > 1" :list="childTab" :cls="'w-menu'" :hiddenHover="true" @clickItem="item=>{tabtowActive = item}"
-           :active="tabtowActive" :id="'subselct11'" :subId="'subselct111'">
-        </tabList>
-       
-        <div>
-          <div class="pano-con"  v-if="filterScenes.length > 0">
-            <ul>
-              <li
-                v-for="(item, i) in filterScenes"
-                @click="select = item"
-                :class="{ 'li-active': select.sceneCode == item.sceneCode }"
-                :key="i"
-              >
-                <div class="typeli">
-                  <i
-                    class="iconfont iconedit_type_3d"
-                    :class="{'iconedit_type_panorama':item.type!=='4dkk'}"
-                  ></i>
-                </div>
-                <div class="img">
-                  <img :key="i" :src="`${item.icon}?rnd=${Math.random()}`" alt="" />
-                </div>
-                <div class="ui-title">
-                  <span>{{
-                   item.sceneTitle
-                  }}</span>
-                </div>
-              </li>
-            </ul>
-          </div>
-          <div class="nodata" v-else>
-              <img :src="$noresult" alt="">
-              <span>{{!!isClickSearch?'未搜索到结果~':'暂无素材'}}</span>
-            </div>
-        </div>
-      </div>
-    </template>
-
-    <div class="btns">
-      <a @click="$emit('cancle')">取消</a>
-      <a :class="{ disable: disable }" @click="$emit('submit', select)">确定</a>
-    </div>
-  </div>
-</template>
-
-<script>
-import tabList from "@/components/tablist";
-import { mapGetters } from "vuex";
-import { getTabSceneList } from "@/api";
-
-export default {
-components: {tabList},
- props: {
-    selected: {
-      default() {
-        return {};
-      },
-      type: Object | String,
-    },
-    title: {
-      default: "",
-      type: String,
-    }
-  },
-  watch: {
-    taboneActive: {
-      immediate:true,
-      deep:true,
-      handler: function (newVal,oldVal) {
-        
-        if (!newVal.id) {
-          this.taboneActive = this.info.catalogRoot[0]
-        }
-
-        let temp = []
-        newVal.children && newVal.children.forEach(item=>{
-          this.info.catalogs.forEach(sub=>{
-            if (item==sub.id) {
-              temp.push(sub)
-            }
-          })
-        })
-
-        this.childTab = temp
-
-        if (this.childTab.length == 1 || newVal!=oldVal) {
-          this.tabtowActive = this.childTab[0]
-        }
-      },
-    },
-    tabtowActive: {
-      immediate:true,
-      handler: function (newVal) {
-        if (!newVal) {
-          this.tabtowActive = this.childTab[0]
-        } else{
-          this.$emit("catalog",newVal);
-          this.scenes = this.info.scenes.filter(item=>{
-            return newVal.id == item.category
-          })
-          this.key = ''
-
-          this.search()
-        }
-      }
-    }
-  },
-  computed: {
-    ...mapGetters({
-      tablist:'tablist',
-      info: "info",
-      backupInfo: "backupInfo"
-    }),
-    disable() {
-      return !this.select.id;
-    }
-  },
-  data() {
-    return {
-      taboneActive:{children:[]},
-      tabtowActive:'',
-      select:{...this.selected},
-      list:[],
-      childTab:[],
-      scenes:[],
-      filterScenes:[],
-      isClickSearch:'',
-      key: ""
-    };
-  },
-
-  methods: {
-    search(){
-      let tmp = this.scenes.filter(item=>{
-        if (item.sceneTitle.indexOf(this.key)>-1) {
-          return item
-        }
-      })
-      this.filterScenes = tmp.sort((a,b)=>a.weight-b.weight)
-    },
-    getTabSceneList(catalogId=null){
-      if (!catalogId) {
-        catalogId = this.taboneActive.children.length<=0 ? this.taboneActive.id : this.tabtowActive.id
-      }
-      getTabSceneList({catalogId},(data)=>{
-          this.list = data.data||[]
-      })
-    },
-  },
-  mounted() {
-    this.key = "";
-  },
-};
-</script>
-
-<style lang="less" scoped>
-::-webkit-scrollbar-track {
-  box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
-  border-radius: 4px;
-  background: #fff;
-}
-.select-commodity {
-  position: fixed;
-  z-index: 3;
-  left: 50%;
-  top: 50%;
-  transform: translateX(-50%) translateY(-50%);
-  color: #202020;
-  background: #ffffff;
-  max-width: 960px;
-  width: 100%;
-  border-radius: 6px;
-}
-
-.select-commodity > * {
-  padding: 15px;
-}
-
-.title {
-  font-size: 16px;
-  line-height: 20px;
-  font-weight: 400;
-  margin: 0;
-  font-weight: bold;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-}
-
-.close {
-  position: absolute;
-  right: -8px;
-  top: -15px;
-  font-size: 25px;
-  color: #909090;
-  transform: rotate(45deg);
-  cursor: pointer;
-}
-
-.filtert {
-  padding: 15px;
-}
-
-.filtert > div {
-  width: 210px;
-  height: 34px;
-  background: rgba(22, 26, 26, 1);
-  border-radius: 2px;
-  display: inline-block;
-  margin-right: 10px;
-  position: relative;
-  vertical-align: middle;
-}
-
-.filtert > div > select,
-.filtert > div > input {
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  border: none;
-  background: none;
-  color: #202020;
-  padding: 8px 10px;
-  outline: none;
-  background: #ffffff;
-  border: 1px solid #ebebeb;
-}
-
-.filtert > div > input {
-  padding-right: 40px;
-}
-
-.filtert > div > i {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: 10px;
-  cursor: pointer;
-  color: @color;
-}
-
-.scene-layer {
-  min-height: 400px;
-  max-height: 60vh;
-  overflow-y: auto;
-  position: relative;
-  .nodata {
-    position: absolute;
-    left: 50%;
-    top: 40%;
-    transform: translate(-50%, -50%);
-  }
-  .pano-con{
-    background: #fff;
-    padding: 0;
-    > ul {
-      > li{
-        cursor: pointer;
-        margin: 10px 10px 30px 0;
-        .ui-title {
-          > span {
-            color: #202020;
-          }
-        }
-        .typeli,
-        .oper {
-          background: rgba(0, 0, 0, 0.5);
-          .iconfont{
-            color:#fff
-          }
-        }
-      }
-    }
-  }
-}
-
-
-.btns {
-  text-align: center;
-  > a {
-    width: 120px;
-    height: 40px;
-    text-align: center;
-    line-height: 40px;
-    opacity: 1;
-    border-radius: 20px;
-    font-size: 12px;
-    cursor: pointer;
-    display: inline-block;
-    color: @color;
-    margin: 0 10px;
-    &:nth-child(2) {
-      background-color: @color;
-      color: #fff;
-    }
-    &:nth-child(1) {
-      border: 1px solid @color;
-    }
-  }
-  .disable {
-    pointer-events: none !important;
-    opacity: 0.5 !important;
-  }
-}
-</style>

packages/qjkankan-editor/src/components/tableSelect.vue

@@ -1,416 +0,0 @@
-<template>
-  <div class="select-commodity">
-    <a class="close" @click="$emit('cancle')">+</a>
-    <h3 class="title">{{title}}</h3>
-    <div class="filtert">
-      <div>
-        <input
-          type="text"
-          placeholder="输入关键词"
-          v-model="key"
-          @keyup.enter="isClickSearch = !!key, (paging.current = 1) && $emit('updateList',key)">
-          <i class="iconfont iconsearch" @click="isClickSearch = !!key, (paging.current = 1) && $emit('updateList',key)"></i>
-      </div>
-    </div>
-
-   <template>
-      <div class="table-layer">
-      <table class="list">
-        <tr>
-          <th>
-            <div class="checkbox" v-if="!hideAll">
-              <input
-                type="checkbox"
-                v-model="allSelect"
-                @click="e => selectAll(e.target)">
-              <span></span>
-            </div>
-          </th>
-          <th v-for="(item,i) in tabHeaders" :key="i">{{item.name}}</th>
-        </tr>
-        <tr v-for="(item,i) in list" :key="i">
-          <td>
-            <div class="checkbox">
-              <input
-                type="checkbox"
-                @change="e => selectItem(item, e.target)"
-                :checked="select.some(i => i[primaryKey] === item[primaryKey])"
-              >
-              <span></span>
-            </div>
-          </td>
-          <td v-for="(sub,idx) in tabHeaders" :key="idx">
-            <div v-if="sub.type=='image'" class="list-img">
-              <img :src="item[sub.key]" alt="">
-            </div>
-            <div class="audio" v-else-if="sub.type=='audio'" >
-              <v-audio :vkey="item.id" :idleft="`_${$randomWord(true,8,8)}`" :idright="`_${$randomWord(true,8,8)}`" :myAudioUrl="item[sub.key]"></v-audio>
-          </div>
-            <span class="shenglvhao" v-else>{{item[sub.key]}}</span>
-          </td>
-        </tr>
-        <tr v-if="list.length === 0">
-          <td colspan="10">
-            <div class="nodata">
-              <img :src="$noresult" alt="">
-              <span>{{isClickSearch?'未搜索到结果~':'暂无素材，快去上传吧'}}</span>
-            </div>
-          </td>
-        </tr>
-      </table>
-    </div>
-
-    <div class="paging">
-      <p></p>
-      <Paging
-        v-if="paging.total>0"
-        style="float: right"
-        :paging="paging"
-        @changeCurrent="changeCurrent"
-        />
-    </div>
-   </template>
-
-    <div class="btns">
-      <a @click="$emit('cancle')">取消</a>
-      <a :class="{disable:disable}" @click="$emit('submit', select)" >确定</a>
-    </div>
-  </div>
-</template>
-
-<script>
-import Paging from './paging'
-import vAudio from '@/components/audio'
-
-export default {
-props:{
-  list:{
-    default(){
-      return []
-    },
-    type:Array
-  },
-
-  tabHeader:{
-    default(){
-      return []
-    },
-    type:Array
-  },
- 
-  paging: {
-    default:function () {
-      return {}
-    },
-    type: Object
-  },
-  selected:{
-    default(){
-      return []
-    },
-    type:Array
-  },
-  title:{
-    default:'',
-    type:String
-  },
-  current: {
-    default:''
-  },
-  primaryKey: {
-    default:'id'
-  },
-  hideAll:{
-    type:Boolean,
-    default:false
-  }
-},
-  components:{
-    Paging,
-    vAudio
-  },
-  watch:{
-    select(){
-    }
-  },
-  computed:{
-    disable(){
-      return !this.select.length
-    },
-    tabHeaders(){
-      return this.tabHeader.filter(item=>{
-        return item.key!='detail'
-      })
-    }
-  },
-  data () {
-    return {
-      categs: [],
-      isClickSearch:'',
-      select: [...this.selected],
-      allSelect: false,
-      key:'',
-      tmppaging:{...this.paging}
-    }
-  },
-
-  methods: {
-    changeCurrent(data){
-      this.$emit('changeCurrent',data)
-    },
-    selectAll(isSelect) {
-      this.list.forEach(item => {
-        this.selectItem(item, isSelect)
-      })
-    },
-    selectItem(item, e) {
-      let isSelect = e.checked
-      if (this.hideAll) {
-        if (item.isUse == '1') {
-          e.checked = false
-          return this.$alert({content:'选中素材不能超过600kb'})
-        }
-        this.select = [item]
-      }
-      else{
-        let index = this.select.findIndex(i => i[this.primaryKey] === item[this.primaryKey])
-        if (isSelect) {
-          !~index && this.select.push(item)
-        } else {
-          ~index && this.select.splice(index, 1)
-        }
-      }
-
-    },
-    
-  },
-  mounted() {
-    this.key = ''
-  }
-}
-</script>
-
-<style lang="less" scoped>
-::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
-    border-radius: 4px;
-    background: #fff;
-}
-.shenglvhao{
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  max-width: 200px;
-  display: inline-block;
-}
-.select-commodity {
-  position: absolute;
-  z-index: 3;
-  left: 50%;
-  top: 50%;
-  transform: translateX(-50%) translateY(-50%);
-  color: #202020;
-  background: #FFFFFF;
-  max-width: 960px;
-  width: 100%;
-  border-radius: 6px;
-}
-
-.select-commodity > * {
-  padding: 15px;
-}
-
-.title {
-  font-size: 16px;
-  line-height: 20px;
-  font-weight: 400;
-  margin: 0;
-  font-weight: bold;
-  border-bottom: 1px solid rgba(255,255,255,0.3);
-}
-
-.close {
-  position: absolute;
-  right: -8px;
-  top: -15px;
-  font-size: 25px;
-  color: #909090;
-  transform: rotate(45deg);
-  cursor: pointer;
-}
-
-.filtert {
-  padding: 15px;
-}
-
-.filtert > div {
-  width: 210px;
-  height: 34px;
-  background: rgba(22,26,26,1);
-  border-radius: 2px;
-  display: inline-block;
-  margin-right: 10px;
-  position: relative;
-  vertical-align: middle;
-}
-
-.filtert > div > select,
-.filtert > div > input {
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  border: none;
-  background: none;
-  color: #202020;
-  padding: 8px 10px;
-  outline: none;
-  background: #FFFFFF;
-  border: 1px solid #EBEBEB;
-}
-
-.filtert > div > input {
-  padding-right: 40px;
-}
-
-.filtert > div > i {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  right: 10px;
-  cursor: pointer;
-  color:@color;
-}
-
-.scene-layer {
-  min-height: 400px;
-  max-height: 60vh;
-  overflow-y: auto;
-  position: relative;
-  .nodata{
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%,-50%);
-  }
-}
-
-.table-layer {
-  min-height: 400px;
-  max-height: 60vh;
-  overflow-y: auto;
-}
-
-
-.list {
-  border-collapse: collapse;
-  width: 100%;
-}
-
-.list td,
-.list th {
-  font-size:14px;
-  line-height:20px;
-  text-align: center;
-  padding: 10px 0;
-  color: #909090;
-  border-bottom: 1px solid #EBEBEB;
-}
-
-.list th {
-  font-weight: bold;
-  color: #202020;
-}
-
-
-.list-img {
-  height: 40px;
-  line-height: 40px;
-  position: relative;
-}
-
-.list-img > img {
-  width: 40px;
-  height: 40px;
-}
-
-.checkbox {
-  position: relative;
-  width:14px;
-  height:14px;
-  border-radius:2px;
-}
-
-.checkbox > input,
-.checkbox > span {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-
-.checkbox > input {
-  z-index: 1;
-  opacity: 0;
-  cursor: pointer;
-}
-
-.checkbox > span {
-  z-index: 2;
-  background:#fff;
-  border:1px solid #ccc;
-  pointer-events: none;
-}
-
-.checkbox > input:checked + span {
-  background:#fff;
-  border:1px solid #0076F6;
-  background:@color url(/static/img/g.png) no-repeat center center;
-}
-
-.checkbox > input:disabled {
-  cursor: not-allowed;
-}
-
-.checkbox > input:disabled + span {
-  background:#CCCCCC;
-  background:rgba(0,200,175,0.3) no-repeat center center;
-}
-
-.paging {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  p {
-    font-size: 12px;
-  }
-}
-
-.btns {
-  text-align: center;
-  > a {
-    width:120px;
-    height:40px;
-    text-align: center;
-    line-height: 40px;
-    opacity:1;
-    border-radius:20px;
-    font-size:12px;
-    cursor: pointer;
-    display: inline-block;
-    color: @color;
-    margin: 0 10px;
-    &:nth-child(2) {
-      background-color: @color;
-      color: #fff;
-    }
-    &:nth-child(1) {
-      border:1px solid @color;
-    }
-  }
-  .disable{
-    pointer-events: none!important;
-    opacity: 0.5!important;
-  }
-}
-</style>

packages/qjkankan-editor/src/mixins/v-clickoutside.js

@@ -1,5 +1,5 @@
 import Vue from "vue";
-import { on } from "./dom";
+import { on } from "../mixins/dom";
 
 const nodeList = [];
 const ctx = "@@clickoutsideContext";

packages/qjkankan-editor/src/framework/EditorHead.vue

@@ -126,13 +126,9 @@ export default {
         this.info.icon = this.catalogTopology[0].children[0].children[0].icon
       }
 
-      // todo: 干啥呢？
       if (this.info.firstScene) {
         this.info.firstScene = this.info.scenes.find(item=>item.sceneCode==this.info.firstScene.sceneCode)
       }
-
-      // todo: 干啥呢？
-      this.$store.commit("SetInfo", this.info);
     },
 
     onSave() {

packages/qjkankan-editor/src/framework/Head.vue

@@ -69,16 +69,6 @@ export default {
         });
         return false;
       }
-      // if (this.info.scenes.length <= 0 && this.isShow) {
-      //   this.$alert({
-      //     content: "至少添加一个场景才保存/预览，请前往“场景导航”添加",
-      //     forceOK: true,
-      //     ok: () => {
-      //       this.$router.push({ path: "/information" });
-      //     },
-      //   });
-      //   return false;
-      // }
       return true;
     },
     onView() {

packages/qjkankan-editor/src/framework/SettingPC.vue

@@ -1,89 +0,0 @@
-<template>
-  <div class="pc-setting" app-border dir-left>
-    <slot></slot>
-  </div>
-</template>
-<script>
-export default {
-  name: "pc-setting",
-  props: {
-    scrollbar: {
-      type: Boolean,
-      default: true
-    }
-  },
-  mounted() {
-    // 添加滚动条
-    this.scrollbar &&
-      this.$nextTick(() =>
-        $(this.$el).mCustomScrollbar({
-          axis: "y",
-          scrollInertia: 200,
-          autoHideScrollbar: false
-        })
-      );
-  },
-  activated() {
-    this.scrollbar &&
-      this.$nextTick(() => {
-        $(this.$el).mCustomScrollbar("update");
-        $(this.$el).mCustomScrollbar("scrollTo", "top", 0);
-      });
-  }
-};
-</script>
-<style lang="less" scoped>
-.pc-setting {
-  // width: 100%;
-  .view-setting {
-    padding: 10px;
-    > li {
-      padding: 10px;
-      font-size: 14px;
-      .title {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        label {
-          color: #ababab;
-          font-size: 12px;
-        }
-      }
-      .remark {
-        display: block;
-        white-space: normal;
-        font-size: 12px;
-        line-height: 1.5;
-        color: #ababab;
-      }
-    }
-    .title {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 10px;
-        label {
-          color: #ababab;
-          font-size: 12px;
-        }
-      }
-      .remark {
-        display: block;
-        white-space: normal;
-        font-size: 12px;
-        line-height: 1.5;
-        color: #ababab;
-      }
-  }
-
-  /deep/ .vue-slider {
-    padding: 7px 10px !important;
-  }
-  /deep/ .vue-slider-process {
-    background-color: @color;
-  }
-  /deep/ .vue-slider-dot-tooltip-inner {
-    border-color: @color;
-    background-color: @color;
-  }
-}
-</style>

packages/qjkankan-editor/src/framework/Toolbar.vue

@@ -65,7 +65,6 @@ export default {
   computed: {
     ...mapGetters({
       info: "info",
-      backupInfo: "backupInfo"
     })
   },
   methods: {

packages/qjkankan-editor/src/mixins/index.js

@@ -4,8 +4,8 @@ import config from "../config";
 import bus from "../utils/eventbus.js";
 import { Alert, Confirm, Tips } from "../components/shared/message";
 
-import clickoutside from "./v-clickoutside";
-import clickwindow from "./v-clickwindow";
+import clickoutside from "@/directives/v-clickoutside";
+import clickwindow from "@/directives/v-clickwindow";
 import * as api from "../api";
 
 import { Message, InfiniteScroll } from 'element-ui'
@@ -114,12 +114,8 @@ Vue.prototype.$nameSort = {
 
 Vue.prototype.$scrollbars = [];
 
-// todo: 无用了
-let SettingPanel = require("@/framework/SettingPC").default;
-
 Vue.mixin({
   components: {
-    SettingPanel,
   },
   directives: {
     clickoutside: clickoutside,

packages/qjkankan-editor/src/views/hotspot/ConfirmPanel.vue

@@ -1,155 +0,0 @@
-<template>
-    <transition
-        appear
-        name="custom-classes-transition"
-        enter-active-class="animated slideInRight speed"
-        leave-active-class="animated slideOutRight speed"
-    >
-        <div class="hots-panel" v-show="show">
-            <div class="ui-between header" app-border dir-bottom>
-                <span>{{$t('modules.hotspot.add')}}</span>
-                <i class="iconfont icon_close" @click="cancel(false)"></i>
-            </div>
-            <div class="content">
-                <div>
-                    <ul>
-                        <li app-border dir-bottom>
-                            <div class="title">{{$t('modules.hotspot.location')}}</div>
-                            <div style="margin: 15px 0;">
-                                <button class="ui-button submit block" :class="{'disable':$store.state.hotspot.canAddTag==false}" @click="confirm">{{$t('modules.hotspot.location_confirm')}}</button>
-                            </div>
-                            <div class="ui-between remark">{{$t('modules.hotspot.location_tips')}}</div>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <!-- <div class="ui-between footer" app-border dir-top>
-                <button class="ui-button submit" @click="save">完成</button>
-                <button class="ui-button cancel" @click="cancel">取消</button>
-            </div>-->
-        </div>
-    </transition>
-</template>
-<script>
-
-export default {
-    props: {
-        show: Boolean
-    },
-    data() {
-        return {};
-    },
-    watch:{
-        show(){
-            if(this.show){
-                this.$store.commit("hotspot/SetStyle", null);
-            }
-        }
-    },
-    methods: {
-        confirm() {
-            this.cancel(true);
-        },
-        cancel(isConfirm) {
-            if (!isConfirm) {
-                this.$bus.emit("hotspot/Tag/Cancel");
-            }
-            this.$store.commit('hotspot/SetCanAddTag',false)
-            this.$emit("close", isConfirm);
-        }
-    }
-};
-</script>
-<style lang="less" scoped>
-.hots-panel {
-    position: fixed;
-    right: 0;
-    top: 0;
-    height: 100%;
-    width: 236px;
-    background: rgba(38, 39, 41, 1);
-    box-shadow: 0px 0px 20px #090909;
-    z-index: 10;
-    display: flex;
-    flex-direction: column;
-    .header {
-        height: 51px;
-        padding: 0 10px;
-        display: flex;
-        .icon_close {
-            cursor: pointer;
-        }
-    }
-    .footer {
-        padding: 15px;
-        .ui-button {
-            width: 45%;
-        }
-    }
-    .content {
-        display: flex;
-        flex: 1;
-        overflow: hidden;
-        > div {
-            width: 100%;
-            height: 100%;
-        }
-        ul {
-            width: 100%;
-        }
-        li {
-            padding: 10px;
-            > div {
-                margin-bottom: 15px;
-                &:last-child {
-                    margin-bottom: 0;
-                }
-                &.title {
-                    margin-bottom: 10px;
-                }
-                label {
-                    color: #ababab;
-                    font-size: 12px;
-                }
-            }
-            &:last-child {
-                border: none;
-                &::after {
-                    display: none;
-                }
-            }
-            .link-button {
-                display: flex;
-                justify-content: space-between;
-                button {
-                    width: 45%;
-                }
-            }
-        }
-        .styles {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            li {
-                cursor: pointer;
-                width: 38px;
-                height: 38px;
-                background-position: center center;
-                background-size: 80%;
-                background-repeat: no-repeat;
-                border: solid 2px #262729;
-                &.active {
-                    border-color: @color;
-                }
-            }
-        }
-        .remark {
-            color: #ababab;
-            line-height: 1.5;
-            letter-spacing: 0.1px;
-            white-space: pre-wrap;
-            font-size: 12px;
-        }
-    }
-}
-</style>

packages/qjkankan-editor/src/views/hotspot/HotSpotList.vue

@@ -44,30 +44,25 @@
         <div>暂无热点信息～</div>
       </div>
     </div>
-    <eidt-panel
+    <EditPanel
       class="adding-hotspot-panel"
       v-if="showPanel"
       :editTitle="editTitle"
       @save="save"
-      @select="
-        (data) => {
-          $emit('select', data);
-        }
-      "
       :show="showPanel"
       @close="close"
-    ></eidt-panel>
+    ></EditPanel>
   </div>
 </template>
 
 <script>
-import EidtPanel from "./EditPanel"
+import EditPanel from "./EditPanel"
 import { mapGetters } from "vuex"
 import browser from "@/utils/browser"
 export default {
   name: 'HotSpotList',
   components: {
-    EidtPanel,
+    EditPanel,
   },
   computed: {
     ...mapGetters({

packages/qjkankan-editor/src/views/hotspot/Setting.vue

@@ -1,392 +0,0 @@
-<template>
-  <setting-panel :scrollbar="false">
-    <ul class="view-setting" :class="{ disable: false }">
-      <li class="top" app-border dir-bottom>
-        <div class="title">热点设置</div>
-        <div class="ui-remark">在全景图中添加图标热点，并设置热点的效果。</div>
-        <button
-          class="ui-button submit"
-          :class="{ disable: !activeItem }"
-          @click="open(null)"
-        >
-          添加热点
-        </button>
-      </li>
-      <li app-border class="list">
-        <div class="tips" v-if="someData.hotspots.length>0">当前全景图热点（{{ someData.hotspots.length }}）</div>
-        <div class="hots">
-          <ul v-if="someData.hotspots.length > 0">
-            <li
-              v-for="(item, key) in someData.hotspots"
-              :key="key"
-              @click="open(item)"
-            >
-              <div>
-                <i class="style" :class="{ default: true }">
-                  <em
-                    :style="{
-                      'background-image': require('@/assets/images/img_panorama_dot.png'),
-                    }"
-                    v-show="item.styleId == null"
-                  ></em>
-                </i>
-                <span>{{ item.hotspotTitle }}</span>
-              </div>
-              <i class="iconfont icon_delete" @click.stop="deleIndex = key"></i>
-              <a
-                href="javascript:;"
-                v-clickoutside="clickoutside"
-                :class="{ active: deleIndex == key }"
-                @click.stop="deleteHot(item)"
-                >删除</a
-              >
-            </li>
-          </ul>
-        </div>
-      </li>
-    </ul>
-    <eidt-panel
-      v-if="showPanel"
-      :editTitle="editTitle"
-      @save="save"
-      @select="
-        (data) => {
-          $emit('select', data);
-        }
-      "
-      :show="showPanel"
-      @close="close"
-    ></eidt-panel>
-  </setting-panel>
-</template>
-<script>
-import EidtPanel from "./EditPanel";
-import { mapGetters } from "vuex";
-import browser from "@/utils/browser";
-export default {
-  components: {
-    EidtPanel,
-  },
-  computed: {
-    ...mapGetters({
-      activeItem: "activeItem",
-      hotspot:'hotspot',
-      info:"info"
-    }),
-  },
-  data() {
-    return {
-      editLink: "",
-      showPanel: false,
-      someData: { hotspots: [] },
-      deleIndex: -1,
-      editTitle: "编辑",
-    };
-  },
-  watch: {
-    "$route.name": function() {
-      this.showPanel = false;
-    },
-    activeItem: {
-      immediate: true,
-      handler: function(newVal) {
-        this.someData = newVal.someData || "";
-
-        if (this.someData) {
-          if (typeof this.someData == 'string') {
-       
-              try {
-                  this.someData = JSON.parse(this.someData)
-              } catch(e) {
-                  console.log(e);
-                  return false;
-              }
-          }
-          if (!this.someData.hotspots) {
-            this.someData.hotspots = []
-          }
-        }
-        else{
-          this.someData = { hotspots: [] }
-        }
-        console.log(this.someData.hotspots,111111);
-      },
-    },
-    showPanel(newVal) {
-      this.$store.commit("UpdateIsEditingState", newVal);
-      this.$bus.emit("canEdit", !newVal);
-    },
-  },
-  mounted() {
-    this.$bus.on("openHotspot", (data) => {
-      let idx = this.someData.hotspots.findIndex((item) => item.name == data);
-      let beforeIdx = this.someData.hotspots.findIndex((item) => item.name == this.hotspot.name);
-      if (beforeIdx == idx) {
-        return
-      }
-      if (this.editTitle == '新增') {
-        if (this.showPanel) {
-          return this.$confirm({
-              content: "热点内容未编辑完，确定要关闭吗",
-              ok: () => {
-                this.deleteKRHotspot(this.hotspot)
-                this.open(this.someData.hotspots[idx]);
-              }
-          });
-        }
-
-      }
-
-      this.open(this.someData.hotspots[idx]);
-
-    });
-  },
-  methods: {
-    deleteKRHotspot(data) {
-      let krpano = document.getElementById("krpanoSWFObject");
-      krpano.call("removehotspot(" + data.name + ",true);");
-      krpano.call("removeplugin(" + ("tooltip_" + data.name) + ",true);");
-    },
-    close(data) {
-      if (data) {
-          if (data.type == 'edit') {
-              this.deleteKRHotspot(data.data)
-              this.$bus.emit('addhotspot',data.data)
-              let idx = this.someData.hotspots.findIndex(item=>item.name == data.data.name)
-              this.someData.hotspots[idx] =data.data
-          }
-          else{
-              this.deleteKRHotspot(data.data)
-          }
-      }
-      this.showPanel = false;
-    },
-
-    updateInfo(){
-      let iidx = this.info.scenes.findIndex(item=>this.activeItem.sceneCode == item.sceneCode)
-      if (iidx>-1) {
-        this.info.scenes[iidx] = {
-          ...this.activeItem
-        }
-      }
-      this.$store.commit("SetInfo", this.info);
-    },
-    save(data) {
-      var krpano = document.getElementById("krpanoSWFObject");
-      let HV = window.__krfn.utils.getHotspotHV(krpano, data.name);
-      data.ath = HV.ath;
-      data.atv = HV.atv;
-      let idx = this.someData.hotspots.findIndex((item) => item.name === data.name)
-      if (idx<=-1) {
-        this.someData.hotspots.push(data);
-      }
-      else{
-        this.someData.hotspots[idx] = data
-      }
-
-      this.activeItem.someData = this.someData;
-      this.$msg.success(this.editTitle + "成功")
-
-      let iidx = this.info.scenes.findIndex(item=>this.activeItem.sceneCode == item.sceneCode)
-      if (iidx>-1) {
-        this.info.scenes[iidx] = {
-          ...this.activeItem
-        }
-      }
-      
-      this.updateInfo()
-
-    },
-    deleteHot(data) {
-      this.someData.hotspots.splice(
-        this.someData.hotspots.findIndex((item) => item.name === data.name),
-        1
-      );
-      this.deleteKRHotspot(data);
-      this.activeItem.someData = this.someData;
-      this.updateInfo()
-      this.$msg.success("删除成功")
-    },
-    open(data) {
-      this.editTitle = "新增";
-      let temp = data ? browser.CloneObject(data) : {
-        name: "_"+this.$randomWord(true,8,8),
-        hotspotTitle:'',
-        fontSize:12,
-        type:'',
-        img:'',
-        link:'',
-        visible: true,
-        ath: '',
-        atv: '',
-        icontype: 'ditu',
-        size:1,
-        hotspotType:'scene',
-        secne:'',
-        hyperlink:'',
-        textarea:'',
-        image:[],
-        audio:'',
-        video:''
-      }      
-
-      this.$store.commit("SetHotspot", temp);
-      this.showPanel = true;
-
-      if (data) {
-        this.editLink = temp.link;
-        this.editTitle = "编辑";
-        var krpano = document.getElementById("krpanoSWFObject");
-        window.__krfn.utils.looktohotspot(krpano, data.name);
-      }
-    },
-    clickoutside() {
-      if (this.deleIndex > -1) {
-        this.deleIndex = -1;
-      }
-    },
-  },
-};
-</script>
-<style lang="less" scoped>
-.view-setting {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 0!important;
-  li {
-    display: flex;
-    &.top{
-      flex-direction: column;
-    }
-    &.list {
-      position: relative;
-      flex: 1;
-      padding: 0;
-      width: 100%;
-      flex-direction: column;
-      > div {
-        margin: 0;
-        display: block;
-      }
-    }
-    .ui-remark{
-        margin-bottom: 10px;
-    }
-  }
-
-  .tips {
-    padding: 10px;
-  }
-
-  .hots {
-    padding-top: 40px;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    ul {
-      width: 100%;
-      max-height: 100%;
-      overflow-y: auto;
-      overflow-x: hidden;
-    }
-    li {
-      cursor: pointer;
-      position: relative;
-      height: 40px;
-      line-height: 40px;
-      padding: 0 10px;
-      background: #373938;
-      margin-bottom: 10px;
-      &::after {
-        display: none;
-        content: "";
-        position: absolute;
-        width: 4px;
-        height: 100%;
-        right: 0;
-        top: 0;
-        background-color: @color;
-      }
-      &:hover {
-        &::after {
-          display: block;
-        }
-      }
-
-      > div {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        padding-left: 25px;
-        padding-right: 5px;
-      }
-      a {
-        position: absolute;
-        top: 0;
-        right: -100%;
-        width: 82px;
-        height: 100%;
-        line-height: 40px;
-        color: #fff;
-        text-align: center;
-        text-decoration: none;
-        background-color: @color;
-        box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.5);
-        z-index: 10;
-        opacity: 0;
-        transition: right 0.3s, opacity 0.1s;
-        &.active {
-          right: 0px;
-          opacity: 1;
-        }
-      }
-      .style {
-        position: absolute;
-        left: 0;
-        top: 50%;
-        width: 20px;
-        height: 20px;
-        transform: translateY(-50%);
-        background-position: center center;
-        background-size: contain;
-        background-repeat: no-repeat;
-        border-radius: 50%;
-        &.default {
-          border: solid 1px rgba(255, 255, 255, 0.1);
-          em {
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            transform: translate(-50%, -50%);
-            width: 80%;
-            height: 80%;
-            border: solid 0.5px #fff;
-            background: @color url("~@/assets/images/img_panorama_dot.png")
-              no-repeat;
-            background-size: 80% 80%;
-            background-position: center center;
-            border-radius: 50%;
-          }
-        }
-      }
-      .icon_delete {
-        font-size: 25px;
-        padding: 0 5px;
-        color: #999;
-        &:hover {
-          color: #fff;
-        }
-      }
-    }
-  }
-
-  .ui-button {
-    width: 100%;
-  }
-}
-</style>

packages/qjkankan-editor/src/views/hotspot/Toolbar.vue

@@ -1,180 +0,0 @@
-<template>
-  <div class="app-view-toolbar" :class="{unable:!canEdit}" app-border dir-top>
-    <div class="room-label" >
-      <ul>
-        <li
-          :class="{ active: item.id === type }"
-          @click="type = item.id"
-          v-for="(item, i) in [$panoType[0],$panoType[1]]"
-          :key="i"
-        >
-          {{ item.name }}
-        </li>
-      </ul>
-    </div>
-    <div class="clip-center">
-      <div class="pano-con clip-scroller">
-        <ul ref="clip">
-          <li v-for="(item, i) in list" @click="activeItem = item" :class="{'li-active':item.sceneCode==activeItem.sceneCode}" :key="i">
-            <div class="typeli">
-              <i class="iconfont iconedit_type_3d" :class="{'iconedit_type_panorama':item.type!=='house'}"></i>
-            </div>
-            <div class="img">
-              <img :src="item.icon" alt="">
-            </div>
-            <div class="ui-title">
-              <span>{{item.fileName}}</span>
-            </div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import { getPanoList } from "@/api";
-let $scroll = null;
-export default {
-  data() {
-    return {
-      type: "building",
-      list:[],
-      activeItem:'',
-      canEdit:true
-    };
-  },
-  activated() {
-    this.$nextTick(() => {
-          if ($scroll == null) {
-              $scroll = $(".clip-scroller")[0];
-
-              var options = {
-                horizontal: 1,
-                itemNav: 'basic',
-                speed: 300,
-                mouseDragging: 1,
-                touchDragging: 1
-              };
-
-              $scroll .sly(options);
-              // var frame = new Sly('#frame', options).init();
-              // new PerfectScrollbar($scroll, {
-              //     useBothWheelAxes: true,
-              //     suppressScrollY: true,
-              // });
-          }
-      });
-  },
-  methods:{
-    getPanoList(isFirst){
-      getPanoList({
-        pageNum: 0,
-        pageSize: 0,
-        searchKey: "",
-        type: this.type,
-        status:3
-      },data=>{
-        this.list = data.data.list
-        isFirst&&(this.activeItem = this.list[0])
-      })
-    },
-  },
-  created() {
-    this.getPanoList(true)
-  },
-  watch:{
-    activeItem(newVal){
-     newVal && this.$bus.emit('currentPcode',newVal)
-    },
-    type(){
-      this.getPanoList()
-    }
-  },
-  mounted(){
-    this.$bus.on('canEdit',data=>{
-      this.canEdit = data
-    })
-  }
-};
-</script>
-<style lang="less" scoped>
-.app-view-toolbar {
-  overflow: visible;
-  a {
-    color: #fff;
-    text-decoration: none;
-  }
- 
-  .room-label {
-    top: -32px;
-    left: 10px;
-    right: 0px;
-    position: absolute;
-    overflow: hidden;
-    ul {
-      display: flex;
-    }
-    li {
-      cursor: pointer;
-      width: 100px;
-      height: 32px;
-      line-height: 32px;
-      padding: 0 5px;
-      text-align: center;
-      border-top: solid 1px #5d5d5d;
-      border-right: solid 1px #5d5d5d;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      &:first-child {
-        border-left: solid 1px #5d5d5d;
-      }
-      &.active {
-        background-color: @color;
-      }
-    }
-  }
-
-
-
-  .clip-center {
-    flex: 1;
-    display: flex;
-    overflow: hidden;
-    .pano-con {
-      width: 100%;
-      padding: 0;
-      background: none;
-      margin: 0 10px;
-      >ul{
-        flex-wrap: unset;
-        >li{
-          height: 128px;
-          width: 128px;
-          cursor: pointer;
-          &:first-of-type{
-            margin-left: 0;
-          }
-        }
-      }
-    }
-    .clip-scroller {
-        width: 100%;
-        height: 100%;
-        position: relative;
-      padding-right: 20px;
-
-    }
-  }
-}
-  .unable{
-    &::before{
-      content: '';
-      z-index: 22;
-      position: absolute;
-      width: 100%;
-      top: -32px;
-      height: calc(100% + 32px );
-      background: rgba(0, 0, 0, 0.4);
-    }
-  }
-</style>

packages/qjkankan-editor/src/views/hotspot/index.vue

@@ -1,103 +1,26 @@
 <template>
   <!-- 编辑器-热点 -->
   <div class="editor-hotspot">
-    <HotSpotList class="hot-spot-list" @select="handleSelectScene"></HotSpotList>
-    <div class="dialog" v-if="show">
-      <Select
-        @updateList="undatePano"
-        :panos="list"
-        :current="activeItem"
-        @cancle="show = false"
-        :title="'选择场景'"
-        :name="'scene'"
-        @submit="handelSelect"
-      >
-        <template slot="list" slot-scope="{ data }">
-          <div class="pano-con">
-            <div class="ui-remark">{{ data.name }}</div>
-            <ul>
-              <li
-                v-for="(item, i) in data.arr"
-                @click="activeItem = item"
-                :class="{ 'li-active': item.id == activeItem.id }"
-                :key="i"
-              >
-                <div class="typeli">
-                  <i class="iconfont iconedit_type_3d" :class="{'iconedit_type_panorama':item.type!=='house'}"></i>
-                </div>
-                <div class="img">
-                  <img :src="item.icon" alt="">
-                </div>
-                <div class="ui-title">
-                  <span>{{item.sceneTitle}}</span>
-                </div>
-              </li>
-            </ul>
-          </div>
-        </template>
-      </Select>
-    </div>
+    <HotSpotList class="hot-spot-list"></HotSpotList>
   </div>
 </template>
 <script>
 import HotSpotList from "./HotSpotList.vue";
-import Select from "@/components/select";
 
 export default {
   name: "HotSpot",
   components: {
     HotSpotList,
-    Select,
   },
   mounted(){
-    
   },
   watch: {
-    show(newVal){
-      if (newVal) {
-        this.searchKey = ''
-      }
-      else{
-        this.activeWebsite = ''
-      }
-    },
-    activeWebsite(newVal){
-      if (!newVal||!newVal.sceneCode) {
-        return
-      }
-      let tmp = ''
-      this.list.forEach(item=>{
-         if (!tmp) {
-            tmp = item.arr.find(i=>{
-              return newVal.sceneCode==i.sceneCode
-          })
-        }
-      })
-
-      this.activeItem = tmp || this.activeItem
-    }
   },
   data(){
     return {
-      show:false,
-      list:[],
-      activeItem: "",
-      searchKey: "",
-      activeWebsite:''
     }
   },
   methods:{
-    undatePano(data){
-      this.searchKey = data
-    },
-    handleSelectScene(data){
-      this.activeWebsite = data
-      this.show=true
-    },
-    handelSelect() {
-      this.$bus.emit('selectUrl',this.activeItem)
-      this.show = false
-    }
   }
 };
 </script>
@@ -114,22 +37,5 @@ export default {
     top: 0;
     height: 100%;
   }
-  .dialog {
-    position: fixed;
-    z-index: 30;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.5);
-    .pano-con{
-      height: auto;
-      background: none;
-      padding: 10px 0;
-      .ui-remark{
-        padding-left: 10px;
-      }
-    }
-  }
 }
 </style>

packages/qjkankan-editor/src/views/information/Setting.vue

@@ -1,112 +0,0 @@
-<template>
-  <div class="view-setting" app-border dir-left>
-    <div class="ui-title">初始场景</div>
-    <div class="preview">
-      <img v-if="info.firstScene" :src="info.firstScene.icon" alt="">
-      <div class="tips" v-else>
-        <i class="iconfont iconphotoview" style="font-size: 40px"></i>
-      </div>
-    </div>
-    <div class="setinit" v-if="info.firstScene">
-      <button class="ui-button" @click="deleteIndexInfo">删除场景</button>
-      <button @click="showInitScene=true" class="ui-button submit" :class="{disable:false}">
-        修改场景
-      </button>
-    </div>
-
-    <template v-else>
-      <div class="setinit">
-        <button style="width:100%" @click="showInitScene=true" class="ui-button submit" :class="{disable:false}">
-          设置初始场景
-        </button>
-      </div>
-      <div class="ui-remark">初始场景为查看链接时进入的第一个场景，未设置时，不固定从某一场景打开</div>
-    </template>
-
-    <div class="dialog" style="z-index: 2000" v-if="showInitScene">
-      <Select
-        @cancle="showInitScene = false"
-        :selected='info.firstScene'
-        :title="'选择素材'"
-        @submit="handleSelect"
-      >
-      </Select>
-    </div>
-  </div>
-</template>
-
-<script>
-import { mapGetters } from "vuex";
-import Select from "@/components/select";
-
-export default {
-  components:{Select},
-  data(){
-    return {
-      showInitScene:false
-    }
-  },
-  methods:{
-    deleteIndexInfo(){
-      this.$confirm({
-          content: "是否删除？",
-          ok: () => {
-              this.info.firstScene = ''
-              this.$store.commit("SetInfo", this.info);
-              this.$msg.success('删除成功')
-          }
-      });
-      
-    },
-    handleSelect(data){
-      this.info.firstScene = data
-      this.$store.commit("SetInfo", this.info);
-      console.log(this.info.firstScene);
-      this.showInitScene=false
-    }
-  },
-  computed: {
-    ...mapGetters({
-      info: "info",
-      backupInfo: "backupInfo"
-    })
-  },
-  mounted(){
- 
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.dialog {
-  position: fixed;
-  z-index: 30;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.view-setting {
-  padding: 10px;
-  width: 100%;
-}
-.preview {
-  width: 100%;
-  height: 102px;
-  overflow: hidden;
-  >img{
-    width: 100%;
-    height: 100%;
-  }
-}
-.setinit {
-  width: 100%;
-  margin: 15px 0;
-  display: flex;
-  justify-content: space-between;
-  .ui-button {
-    width: 48%;
-  }
-}
-</style>

packages/qjkankan-editor/src/views/information/Toolbar.vue

@@ -1,441 +0,0 @@
-<template>
-  <div class="app-view-toolbar app-view-full-toolbar">
-    <div class="tips">
-      <div class="ui-remark">
-        1、请自定义分组并添加全景素材或四维看看相机拍摄的场景素材；
-      </div>
-      <div class="ui-remark">
-        2、全景图可进行编辑，四维看看场景仅支持导航展示和热点关联。
-      </div>
-    </div>
-    <div class="pano-label">
-      <div class="pano-con">
-        <tabList
-          :deviation="-35"
-          :list="info.catalogRoot"
-          @clickItem="
-            (item) => {
-              taboneActive = item;
-            }
-          "
-          :active="taboneActive"
-          :id="'rand'"
-          @addGroup="hadnleAddGroup"
-          :subId="'rand1'"
-        >
-          <template slot="hover" slot-scope="{ item }">
-            <ul>
-              <li @click="$emit('addGroup', { type: 1, oper: 'edit', item })">
-                重命名
-              </li>
-              <li
-                @click="
-                  $emit('addGroup', {
-                    type: 2,
-                    oper: 'add',
-                    item: { parentId: item.id },
-                  })
-                "
-              >
-                创建二级分组
-              </li>
-              <li @click="del(item, 'one')">删除</li>
-            </ul>
-          </template>
-        </tabList>
-
-        <tabList
-          :deviation="-35"
-          v-if="childTab.length > 1"
-          :list="childTab"
-          @clickItem="
-            (item) => {
-              tabtowActive = item;
-            }
-          "
-          :active="tabtowActive"
-          :id="'subrand'"
-          @addGroup="
-            $emit('addGroup', {
-              type: 2,
-              oper: 'add',
-              item: { parentId: taboneActive.id },
-            })
-          "
-          :subId="'subrand1'"
-        >
-          <template slot="hover" slot-scope="{ item }">
-            <ul @mouseover.prevent @mouseleave.prevent>
-              <li @click="$emit('addGroup', { type: 2, oper: 'edit', item })">
-                重命名
-              </li>
-              <li @click="del(item, 'two')">删除</li>
-            </ul>
-          </template>
-        </tabList>
-
-        <template v-if="scenes.length > 0">
-          <draggable
-            tag="ul"
-            v-model="scenes"
-            animation="300"
-            @sort="uploadListSort"
-          >
-            <li v-for="(item, i) in scenes" :key="i">
-              <div class="typeli">
-                <i
-                  class="iconfont iconedit_type_3d"
-                  :class="{iconedit_type_panorama: item.type !== '4dkk' }"
-                ></i>
-              </div>
-              <div class="img">
-                <img :src="item.icon+`?${Math.random()}`" alt="" />
-              </div>
-              <div class="oper">
-                <i class="iconfont iconmore"></i>
-                <ul>
-                  <li @click="$emit('rename', item)">重命名</li>
-                  <li @click="delPano(item)">删除</li>
-                </ul>
-              </div>
-              <div class="ui-title">
-                <span>{{
-                  item.type == "house" ? item.roomName : item.sceneTitle
-                }}</span>
-              </div>
-            </li>
-          </draggable>
-        </template>
-        <div class="no-record" v-else>
-          <i class="iconfont iconedit_list_default"></i>
-          <p>暂无全景图或三维场景，可点击下方按钮进行添加</p>
-        </div>
-        <div class="add-btn">
-          <button class="ui-button submit" @click="$emit('addPano')">
-            选择全景图
-          </button>
-          <button class="ui-button submit" @click="$emit('addScene')">
-            选择三维场景
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import tabList from "@/components/tablist";
-import browser from "@/utils/browser";
-
-import draggable from "vuedraggable";
-import { mapGetters } from "vuex";
-
-export default {
-  computed: {
-    ...mapGetters({
-      vrlist: "vrlist",
-      info: "info",
-    }),
-    oneWidth() {
-      let tmp = $("#tablist").width();
-      return tmp;
-    },
-    menuWidth() {
-      let tmp = $("#menucon").width();
-      return tmp;
-    },
-  },
-  data() {
-    return {
-      taboneActive: { children: [] },
-      tabtowActive: "",
-      childTab: [],
-      scenes: [],
-      interval: null,
-      list: [],
-      isLongPolling: false,
-      oneLeft: 0,
-      loadList: true,
-    };
-  },
-  watch: {
-    "info.scenes": {
-      deep: true,
-      handler: function (newVal) {
-        let arr = newVal.filter((item) => {
-          return this.tabtowActive.id == item.category;
-        });
-        this.scenes = arr.sort((a,b)=>a.weight-b.weight)
-      },
-    },
-    "info.catalogs": {
-      deep: true,
-      handler: function (newVal) {
-        let temp = [];
-        this.childTab = [];
-        let id = this.taboneActive.id;
-        let oneActive = this.info.catalogRoot.find((item) => item.id == id);
-        if (!oneActive) {
-          oneActive = this.info.catalogRoot[0]
-          this.taboneActive = this.info.catalogRoot[0]
-        }
-        oneActive.children &&
-          oneActive.children.forEach((item) => {
-            newVal.forEach((sub) => {
-              if (item == sub.id) {
-                temp.push(sub);
-              }
-            });
-          });
-        this.childTab = temp;
-      },
-    },
-    taboneActive: {
-      immediate: true,
-      deep: true,
-      handler: function (newVal, oldVal) {
-        if (!newVal.id) {
-          this.taboneActive = this.info.catalogRoot[0];
-        }
-        let temp = [];
-        newVal.children &&
-          newVal.children.forEach((item) => {
-            this.info.catalogs.forEach((sub) => {
-              if (item == sub.id) {
-                temp.push(sub);
-              }
-            });
-          });
-        this.childTab = temp;
-        if (this.childTab.length == 1 || newVal != oldVal) {
-          this.tabtowActive = this.childTab[0];
-        }
-      },
-    },
-    tabtowActive: {
-      immediate: true,
-      handler: function (newVal) {
-        if (!newVal) {
-          this.tabtowActive = this.childTab[0];
-        } else {
-          this.$emit("catalog", newVal);
-          let arr = this.info.scenes.filter((item) => {
-            return newVal.id == item.category;
-          });
-          this.scenes = arr.sort((a,b)=>a.weight-b.weight)
-        }
-      },
-    },
-  },
-
-  methods: {
-
-    hadnleAddGroup() {
-      this.$emit("addGroup", { type: 1, oper: "add", item: {} });
-    },
-    
-    uploadListSort() {
-      this.scenes.forEach((item, i) => {
-        item.weight = i+1
-      });
-
-      this.info.scenes.forEach((item)=>{
-        this.scenes.forEach((sub, idx) => {
-          sub.weight = idx+1
-          if (item.sceneCode == sub.sceneCode) {
-            item = sub
-          }
-        });
-      })
-
-      this.$store.commit("SetInfo", this.info);
-    },
-
-    delTree(data, type) {
-      let fn = (ele) => {
-        let tmp = [];
-        this.info.catalogs.forEach((sub, i) => {
-          if (ele == sub.id) {
-            this.info.scenes.forEach((item) => {
-              if (sub.id != item.category) {
-                tmp.push(item);
-              }
-            });
-            this.info.scenes = tmp;
-            this.info.catalogs.splice(i, 1);
-          }
-        });
-      };
-      if (type == "one") {
-        data.children.forEach((ele) => {
-          fn(ele);
-        });
-        let idx = this.info.catalogRoot.findIndex((item) => item.id == data.id);
-        this.info.catalogRoot.splice(idx, 1);
-        this.taboneActive = this.info.catalogRoot[0];
-      }
-
-      if (type == "two") {
-        let id = this.taboneActive.id;
-        let oneActive = this.info.catalogRoot.find((item) => item.id == id);
-        let idx = oneActive.children.findIndex((item) => item == data.id);
-        oneActive.children.splice(idx, 1);
-        fn(data.id);
-
-        let temp = browser.CloneObject(this.taboneActive);
-        this.taboneActive = "";
-        this.taboneActive = temp;
-      }
-
-
-      this.delFirstScene()
-      this.$bus.emit('scenesChange')
-      this.$store.commit("SetInfo", this.info);
-    },
-
-    delFirstScene(){
-        if (this.info.firstScene) {
-          let firIdx = this.info.scenes.find(item=>{
-            return item.sceneCode == this.info.firstScene.sceneCode
-          });
-          !firIdx&&(this.info.firstScene='')
-        }
-    },
-
-    del(data, type) {
-      if (this.info.catalogRoot.length <= 1 && type == "one") {
-        return this.$alert({
-          content: "请至少保留一个分组",
-          ok: () => {
-            return;
-          },
-        });
-      }
-
-      this.$confirm({
-        content: `分组“${data.name}”下所有${
-          type == "one" ? "二级分组和" : ""
-        }(场景/全景图)也都将会被删除，是否删除？`,
-        ok: () => {
-          this.delTree(data, type);
-          this.$msg.success("删除成功")
-        },
-      });
-    },
-    delPano(item) {
-      this.$confirm({
-        content: `${item.type=='4dkk'?'场景':'全景图'}“${item.sceneTitle}”下所有设置也都将会被删除，是否删除？`,
-        ok: () => {
-          let idx = this.info.scenes.findIndex(ele=>ele.sceneCode==item.sceneCode)
-          this.info.scenes.splice(idx,1)
-          this.delFirstScene()
-          this.$store.commit("SetInfo", this.info);
-          this.$bus.emit('scenesChange')
-          this.$msg.success("删除成功")
-        },
-      });
-    },
-  },
-
-  mounted() {
-    this.$bus.on('getActive',data=>{
-      if (data.type == 1) {
-        this.taboneActive = data.willActive
-      } else{
-        this.tabtowActive = data.willActive
-      }
-    })
-  },
-  components: {
-    draggable,
-    tabList,
-  },
-};
-</script>
-<style lang="less" scoped>
-.tips {
-  width: 100%;
-  .ui-remark {
-    margin-bottom: 10px;
-  }
-}
-.no-record {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  text-align: center;
-  color: rgba(255, 255, 255, 0.5);
-  > i {
-    font-size: 40px;
-  }
-  > p {
-    margin-top: 10px;
-  }
-}
-.pano-label {
-  .pano-con {
-    padding: 20px 30px;
-    height: calc(100vh - 250px);
-    .menu-con {
-      position: relative;
-      > .iconfont {
-        left: -20px;
-        top: 8px;
-        position: absolute;
-        cursor: pointer;
-      }
-      > .icon_forward {
-        right: 40px;
-        left: auto;
-      }
-      .sub-menu {
-        max-width: calc(100% - 70px);
-        position: relative;
-        overflow: hidden;
-        height: 40px;
-
-        > ul {
-          max-width: unset;
-          overflow: unset;
-          position: absolute;
-          left: 0;
-          transition: 0.3s ease all;
-          .fixed {
-            position: absolute;
-            right: 0;
-          }
-          // &::before{
-          //   width: calc(100% - 70px);
-          //   height: calc(100% - 10px);
-          //   pointer-events: none;
-          //   content: '';
-          //   background: linear-gradient(to right,rgba(#fff,0) 0%,rgba(#fff,0) 98%,rgba(#000,1) 100%);
-          //   position: absolute;
-          //   top: 0;
-          //   left: 0;
-          //   z-index: 999;
-          //   display: inline-block;
-          // }
-        }
-      }
-    }
-
-    > ul {
-      max-height: calc(100% - 82px);
-      overflow-y: auto;
-      position: relative;
-      left: -2px;
-      > li {
-        margin: 10px 20px 30px 0;
-      }
-    }
-    .add-btn {
-      z-index: 20;
-      .ui-button {
-        margin: 0 5px;
-      }
-    }
-  }
-}
-</style>

packages/qjkankan-editor/src/views/information/index.vue

@@ -1,399 +0,0 @@
-<template>
-<!-- todo: 用不到了？ -->
-  <div>
-    <setting @select="handleInitScene"></setting>
-    <toolbar
-      @catalog="data=>activeCataLog = data"
-      @addPano="onAddPano"
-      @addGroup="onAddGroup"
-      @addScene="onAddScene"
-      @rename="onRename"
-    ></toolbar>
-    <popup v-show="showAddGroup" :can-close="false">
-      <div class="ui-message ui-message-confirm dark" style="width: 400px">
-        <div class="ui-message-header">
-          <span>{{
-            currentTabAtri.oper == "add"
-              ? `新增${currentTabAtri.type == 1 ? "一" : "二"}级分组`
-              : `重命名${currentTabAtri.type == 1 ? "一" : "二"}级分组`
-          }}</span>
-          <span @click="showAddGroup = false">
-            <i class="iconfont icon_close"></i>
-          </span>
-        </div>
-        <div class="ui-message-main re-name">
-          <div>
-            <input
-              class="ui-input"
-              type="text"
-              maxlength="15"
-              placeholder="请输入分组名，限15个字"
-              v-model="currentTabAtri.name"
-            />
-          </div>
-        </div>
-
-        <div class="ui-message-footer">
-          <button class="ui-button cancel" @click="showAddGroup = false">
-            取消
-          </button>
-          <button
-            class="ui-button submit"
-            :class="{ disable: !currentTabAtri.name }"
-            @click="handleAddGroup()"
-          >
-            确定
-          </button>
-        </div>
-      </div>
-    </popup>
-
-    <popup v-show="showRename" :can-close="false">
-      <div class="ui-message ui-message-confirm dark" style="width: 400px">
-        <div class="ui-message-header">
-          <span>重命名</span>
-          <span @click="handleRenameClose">
-            <i class="iconfont icon_close"></i>
-          </span>
-        </div>
-        <div class="ui-message-main re-name">
-          <div>
-            <input
-              class="ui-input"
-              type="text"
-              maxlength="50"
-              placeholder="输入名字"
-              v-model="reNameItem.sceneTitle"
-            />
-          </div>
-        </div>
-
-        <div class="ui-message-footer">
-          <button class="ui-button cancel" @click="handleRenameClose">
-            取消
-          </button>
-          <button
-            class="ui-button submit"
-            :class="{ disable: !reNameItem.sceneTitle }"
-            @click="handleRename()"
-          >
-            确定
-          </button>
-        </div>
-      </div>
-    </popup>
-
-    <div class="dialog" style="z-index: 2000" v-if="showList">
-      <Table
-        :list="type == 'scene' ? sceneList : panoList"
-        :tabHeader="$MAPTABLEHEADER[type]"
-        @updateList="update"
-        @cancle="showList = false"
-        :title="type == 'scene' ? '选择三维场景' : '选择全景图'"
-        :primaryKey="type == 'scene' ? 'num' : 'id'"
-        @changeCurrent="changeCurrent"
-        :paging="paging"
-        @submit="handleSelect"
-      >
-      </Table>
-    </div>
-  </div>
-</template>
-<script>
-import Setting from "./Setting";
-import Toolbar from "./Toolbar";
-import Popup from "@/components/shared/popup";
-import {
-  getSceneList,
-  getMaterialList,
-} from "@/api";
-import Table from "@/components/tableSelect.vue";
-import { mapGetters } from "vuex";
-import { savePanoToWorks } from "@/api";
-import { changeByteUnit } from '@/utils/file'
-
-export default {
-  name: "home",
-  components: {
-    Setting,
-    Toolbar,
-    Popup,
-    Table,
-  },
-  computed: {
-    ...mapGetters({
-      sceneList: "sceneList",
-      info: "info",
-      backupInfo: "backupInfo"
-    }),
-  },
-  data() {
-    return {
-      activeCataLog: "",
-      type: "scene",
-      currentTabAtri: "",
-      showAddGroup: false,
-      showRename: false,
-      showList: false,
-      showInitScene: true,
-      reNameItem: {
-        id: "",
-        sceneTitle: "",
-      },
-      key: "",
-      paging: {
-        pageSize: 8,
-        pageNum: 1,
-        total: 0,
-        showSize: 4,
-        current: 1,
-      },
-      panoList: [],
-    };
-  },
-  mounted() {},
-
-  watch: {
-    "paging.pageNum": function () {
-      this.type == "scene" ? this.getSceneList() : this.getMaterialList();
-    },
-    showList(newVal) {
-      if (!newVal) {
-        this.paging = {
-          pageSize: 8,
-          pageNum: 1,
-          total: 0,
-          showSize: 4,
-          current: 1,
-        };
-      }
-    },
-  },
-
-  methods: {
-    handleInitScene() {
-      this.showInitScene = true;
-    },
-    update(data) {
-      this.key = data;
-      this.type == "scene" ? this.getSceneList() : this.getMaterialList();
-    },
-    handleSelect(data) {
-     let params = ''
-      if (this.type == "scene") {
-        params = data.map((item) => {
-          return {
-            icon: item.thumb,
-            sceneCode: item.num,
-            sceneTitle: item.sceneName,
-            type: "4dkk",
-            category:this.activeCataLog.id,
-            id:'s_'+this.$randomWord(true,8,8)
-          };
-        });
-      } else {
-        params = data.map((item) => {
-          return {
-            icon: item.icon,
-            sceneCode: item.sceneCode,
-            sceneTitle: item.name,
-            category:this.activeCataLog.id,
-            type: "pano",
-            id:'s_'+this.$randomWord(true,8,8)
-          };
-        });
-      }
-
-      params.forEach((item,i) => {
-        let temp = this.info.scenes.find(sub=>sub.sceneCode == item.sceneCode)
-        if (temp) {
-          console.log(this.$msg);
-            setTimeout(() => {
-              this.$msg.message(`${item.type=='4dkk'?'场景':'全景图'}${item.sceneTitle}已存在,不可重复添加`);
-            }, i*100);
-            return
-        }
-        !temp&&this.info.scenes.push(item)
-      });
-
-      this.$bus.emit('scenesChange')
-      this.$store.commit("SetInfo", this.info);
-      this.showList = false;
-    },
-
-    changeCurrent(data) {
-      this.paging.pageNum = data;
-    },
-
-    savePanoToWorks(data) {
-      savePanoToWorks(data, () => {
-        this.$bus.emit("refresh");
-      });
-    },
-
-    onRename(data) {
-      this.reNameItem = data;
-      this.showRename = true;
-    },
-
-    handleRenameClose(){
-      this.showRename = false
-      this.$bus.emit('scenesChange')
-      this.$store.commit("SetInfo", this.backupInfo);
-    },
-
-    handleRename() {
-      if (!this.reNameItem.sceneTitle.trim()) {
-        return this.$alert({ content: "请输入名字" });
-      }
-      this.$msg.success("重命名成功")
-      this.$store.commit("SetInfo", this.info);
-      this.showRename = false;
-    },
-
-    onAddGroup(data) {
-      this.showAddGroup = true;
-      this.currentTabAtri = { ...data, name: data.item.name || "" };
-    },
-
-    handleAddGroup() {
-      if (!this.currentTabAtri.name.trim()) {
-        return this.$alert({ content: "请输入名字" });
-      }
-      let willActive = ''
-      let tmp = this.currentTabAtri.item;
-      if (this.currentTabAtri.oper == "edit") {
-        tmp.name = this.currentTabAtri.name;
-      } else {
-        if (this.currentTabAtri.type == 1) {
-          let id = 'c_'+this.$randomWord(true,8,8)
-          willActive = {
-            id: 'r_'+this.$randomWord(true,8,8),
-            name: this.currentTabAtri.name,
-            children: [id],
-          }
-          this.info.catalogRoot.push(willActive);
-          this.info.catalogs.push({
-            id,
-            name: '默认二级分组',
-          });
-          console.log(this.info.catalogs);
-        }
-        if (this.currentTabAtri.type == 2) {
-          let id = 'c_'+this.$randomWord(true,8,8)
-          let item = this.info.catalogRoot.find(
-            (item) => item.id == tmp.parentId
-          );
-          item.children.push(id);
-          willActive = {
-            id,
-            name: this.currentTabAtri.name,
-          }
-
-          this.info.catalogs.push(willActive);
-        }
-      }
-
-      this.$bus.emit('scenesChange')
-      this.$store.commit("SetInfo", this.info);
-      this.$msg.success("操作成功")
-      this.showAddGroup = false;
-
-      if (this.currentTabAtri.oper != "edit") {
-        this.$bus.emit('getActive',{
-          type:this.currentTabAtri.type,
-          willActive
-        })
-      }
-    },
-
-    onAddScene() {
-      this.type = "scene";
-      this.getSceneList();
-      this.showList = true;
-    },
-
-    onAddPano() {
-      this.type = "pano";
-      this.getMaterialList();
-      this.showList = true;
-    },
-
-    getSceneList() {
-      getSceneList(
-        {
-          pageNum: this.paging.pageNum,
-          pageSize: this.paging.pageSize,
-          searchKey: this.key,
-        },
-        (data) => {
-          let { list, total } = data.data.data;
-          this.paging.total = total;
-
-          
-
-          this.$store.commit("SetSceneList", list);
-        }
-      );
-    },
-
-    getMaterialList() {
-      getMaterialList(
-        {
-          pageNum: this.paging.pageNum,
-          pageSize: this.paging.pageSize,
-          searchKey: this.key,
-          type: this.type,
-          urlSelect: true,
-        },
-        (data) => {
-          this.paging.pageNum = data.data.pageNum;
-          this.paging.pageSize = data.data.pageSize;
-          this.paging.total = data.data.total;
-          this.panoList = data.data.list.map(i=>{
-            i.fileSize = changeByteUnit(Number(i.fileSize))
-            i.createTime = i.createTime.substring(0,i.createTime.length-3)
-            i.updateTime = i.updateTime.substring(0,i.updateTime.length-3)
-            return i
-          })
-        }
-      );
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.dialog {
-  position: fixed;
-  z-index: 30;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.pano-con {
-  height: auto;
-  background: none;
-  padding: 10px 0;
-  .ui-remark {
-    padding-left: 10px;
-  }
-  > ul {
-    > li {
-      cursor: pointer;
-    }
-  }
-}
-.re-name {
-  width: 80%;
-  margin: 40px auto;
-}
-.add-vr {
-  text-align: left;
-  .ui-remark {
-    margin: 10px 0;
-  }
-}
-</style>

packages/qjkankan-editor/vue.config.js

@@ -18,7 +18,6 @@ module.exports = {
     loaderOptions: {
       less: {
         globalVars: {
-          // TODO: 很多地方没用这个变量而用了字面值
           color: process.env.VUE_APP_MAIN_COLOR || "#0076F6"
         }
       }