xzw 4 лет назад
Родитель
Сommit
871caf5fb1
5 измененных файлов с 1479 добавлено и 593 удалено
  1. 37 33
      css/lzb.css
  2. 140 62
      edit.html
  3. 584 251
      js/edit.js
  4. 383 139
      js/main_2020_edit.js
  5. 335 108
      js/main_2020_show.js

+ 37 - 33
css/lzb.css

@@ -285,9 +285,11 @@ ul.MenuOptions li.chosen {
     height: 100%;
 }
 
-.tourListWrap {
+#tourItemList>ul{
     height: 100%;
-    overflow: scroll;
+    overflow-y: scroll;
+    /* overflow-x: hidden; */
+    /* width: 100%; */
 }
 
 .toolRight .input, .toolRight .editText {
@@ -465,15 +467,13 @@ ul.MenuOptions li.chosen {
     color: #00b4ed;
 }
 
-.tourList {
+#tourItemList {
     padding-top: 1.4vw !important;
 }
 
  
 
-#tourSwitchTitle {
-    margin: 0;
-}
+ 
 
 .switch {
     display: flex;
@@ -579,29 +579,30 @@ ul.MenuOptions li.chosen {
 
 
 
-.toolRight .snapTour .tourList {
+.toolRight .snapTour #tourList {
     padding-bottom: 20px;
     height: 100%;
 }
 
-.toolRight .snapTour .tourList li {
+.toolRight .snapTour .tourList li.guideItem {
     height: 75px;
     display: flex;
     margin: 16px 0;
+    cursor: pointer;
 }
 
-.toolRight .snapTour .tourList li:first-child {
+.toolRight .snapTour .tourList li.guideItem:first-child {
     margin-top: 0;
 }
 
-.toolRight .snapTour .tourList li>div:nth-child(2) {
+.toolRight .snapTour .tourList li.guideItem>div:nth-child(2) {
     /* background: #3e1313; */
     width: calc(100% - 107px);
     height: 100%;
     position: relative;
 }
 
-.toolRight .snapTour .tourList li>div:nth-child(2) span {
+.toolRight .snapTour .tourList li.guideItem>div:nth-child(2) span {
     text-align: left;
     margin: 0 10px 0 0;
     font-size: 14px;
@@ -614,10 +615,10 @@ ul.MenuOptions li.chosen {
     color: #00b4ed;
     word-wrap: break-word;
     line-height: 22px;
-    cursor: text;
+    /* cursor: text; */
 }
 
-.toolRight .snapTour .tourList li>div:first-child span {
+.toolRight .snapTour .tourList li.guideItem>div:first-child span {
     border-radius: 11px;
     background: #373939;
     width: 22px;
@@ -629,7 +630,7 @@ ul.MenuOptions li.chosen {
     margin-right: 10px;
 }
 
-.toolRight .snapTour .tourList li:last-child>div:first-child span {
+.toolRight .snapTour .tourList li.guideItem:last-child>div:first-child span {
     background: #00b4ed
 }
 
@@ -640,11 +641,11 @@ ul.MenuOptions li.chosen {
     height: 82% !important;
 }
 
-.toolRight .snapTour .tourList li>div:first-child {
+.toolRight .snapTour .tourList li.guideItem>div:first-child {
     position: relative;
 }
 
-.toolRight .snapTour .tourList li>div:first-child div.line {
+.toolRight .snapTour .tourList li.guideItem>div:first-child div.line {
     border-left: 2px solid #373939;
     height: 70px;
     position: absolute;
@@ -653,18 +654,18 @@ ul.MenuOptions li.chosen {
     z-index: 0;
 }
 
-.toolRight .snapTour .tourList li:last-child div.line {
+.toolRight .snapTour .tourList li.guideItem:last-child div.line {
     display: none;
 }
 
-.toolRight .snapTour .tourList li .preview {
+.toolRight .snapTour .tourList li.guideItem .preview {
     width: 75px;
     cursor: pointer;
     position: relative;
     overflow: hidden;
 }
 
-.toolRight .snapTour .tourList li .preview::before {
+.toolRight .snapTour .tourList li.guideItem .preview::before {
     content: '删除';
     width: 50px;
     height: 30px;
@@ -677,11 +678,11 @@ ul.MenuOptions li.chosen {
     transform: translate(-250%, -50%);
 }
 
-.toolRight .snapTour .tourList li .preview:hover::before {
+.toolRight .snapTour .tourList li.guideItem .preview:hover::before {
     transform: translate(-50%, -50%);
 }
 
-.toolRight .snapTour .tourList li .preview div {
+.toolRight .snapTour .tourList li.guideItem .preview div {
     width: 100%;
     height: 100%;
     border-radius: 3px;
@@ -698,11 +699,11 @@ ul.MenuOptions li.chosen {
     margin: 0 !important;
 }
 
-.toolRight .snapTour .tourList li .preview div:hover {
+.toolRight .snapTour .tourList li.guideItem .preview div:hover {
     opacity: 0.2;
 }
 
-.toolRight .snapTour .tourList li input {
+.toolRight .snapTour .tourList li.guideItem input {
     position: absolute;
     top: -5px;
     left: 0;
@@ -979,7 +980,7 @@ ul.MenuOptions li.chosen {
     cursor: default; 
 }
 
-.toolRight .hotpoint .spotList>ul>li,  .overlayList li {
+.toolRight .listItem{
     height: 40px;
     margin: 0 0 8px -10px;
     background: #373938;
@@ -993,28 +994,31 @@ ul.MenuOptions li.chosen {
     transition: background 0.1s;
     position: relative;
     overflow: hidden;
+    /* width: 100%; */
+}
+#tourList .listItem{
+    width: calc(100% + 12px);
 }
-
 .toolRight .hotpoint .spotList>ul>li:hover, .toolRight .hotpoint .spotList>ul>li.active {
     background: #565a5b;
 }
 
-.toolRight .hotpoint .spotList li .icon, .toolRight .editDetail .setPos li .icon , .overlayList li .icon{
-    width: 30px;
+.toolRight .listItem .icon{
+    width: 33px;
     margin-left: 10px;
     background-size: 70%;
     background-position-x: 0;
     background-repeat: no-repeat;
     background-position-y: center;
 }
-.toolRight .hotpoint .spotList li .number{
+.toolRight .hotpoint .listItem .number{
     color:#828282;
     margin-right:10px;
 }
- .overlayList li .icon{
+.overlayList li .icon{
      background-image:url(../images/edit/box_video.png);
  }
-.toolRight .hotpoint .spotList li .title, .toolRight .editDetail .setPos li .title, .overlayList li .title{
+.toolRight .listItem .title{
     width: calc(100% - 70px);
     font-size: 14px;
     text-overflow: ellipsis;
@@ -1022,7 +1026,7 @@ ul.MenuOptions li.chosen {
     white-space: nowrap;
 }
 
-.toolRight .hotpoint .spotList li .DelConfirm {
+.toolRight .listItem .DelConfirm{
     width: 82px;
     background: #00b4ed;
     border-radius: 1px;
@@ -1034,11 +1038,11 @@ ul.MenuOptions li.chosen {
     transition: right 0.3s, opacity 0.1s;
 }
 
-.toolRight .hotpoint .spotList li .DelConfirm.active {
+.toolRight .listItem .DelConfirm.active {
     right: -3px;
 }
 
-.toolRight .hotpoint .spotList li .del {
+.toolRight  .listItem .del {
     width: 40px;
     background-image: url(../images/delete.png);
     background-size: 72%;

+ 140 - 62
edit.html

@@ -908,7 +908,7 @@
                         <!-- <li class="describ noBorderbott">
                             <label class="remark">通过添加热点,您可以进一步装饰您的场景;例如:说明文字、图片、音频、视频等。</label>
                         </li> -->
-                        <li data-name="MouseMarkerColor" class="tourSelectWarp hotListSwitch">
+                        <li class="tourSelectWarp hotListSwitch">
                             <div class="itemTitle hotListSwitchTitle">
                                 <span>热点列表</span>
                             </div>
@@ -918,7 +918,7 @@
                                 </label>
                             </ul>
                         </li>
-                        <li data-name="MouseMarkerColor" class="tourSelectWarp hotListSwitch">
+                        <li class="tourSelectWarp hotListSwitch">
                             <div class="itemTitle">
                                 <span>热点大小 (初始值为1)</span>
                             </div>
@@ -1011,7 +1011,7 @@
                                             <div class="buttons">
                                                 <button class="submit innerBtn">更改</button>
                                             </div>
-                                            <input type="file">
+                                            <input type="file" accept="image/*">
                                         </div>
                                         <a class="del"></a>
                                     </div>
@@ -1027,7 +1027,7 @@
                                             <div class="buttons">
                                                 <button class="submit innerBtn">更改</button>
                                             </div>
-                                            <input type="file">
+                                            <input type="file" accept="video/*">
                                         </div>
                                         <a class="del"></a>
                                     </div>
@@ -1036,7 +1036,7 @@
                                     <div class="itemTitle">
                                         <span>添加音频</span>
                                         <div class="buttons">
-                                            <input type="file" id="upload-hotBgm">
+                                            <input type="file" id="upload-hotBgm" accept="audio/*">
                                             <button class="innerBtn submit">上传</button>
                                         </div>
                                     </div>
@@ -1222,7 +1222,7 @@
                                     <div class="buttons">
                                         <button class="submit innerBtn">更改</button>
                                     </div>
-                                    <input type="file">
+                                    <input type="file" accept="image/*">
                                 </div>
                                 <a class="del hasHover"></a>
                             </div>
@@ -1237,28 +1237,31 @@
                                     class="active"></li>
                                 <li style="background-image: url(images/edit/hotStyle_2.png);"
                                     data-val='{"default":"images/point2.png","higt":"images/point2_light.png"}'>
-                                </li>
-                                <!-- <ul>
-                                    <li class="addSpot customizeHotStyle">
-                                        <div class="buttons">
-                                            <button class="innerBtn" id="customizeHot">自定义样式</button>
+                                </li>  
+                                <li class="addSpot customizeHotStyle" >
+                                    <div class="list edit-fun-images clearfix"></div>
+                                    <div class="upload" id="SpotStyle">
+                                        <div data-type='photo'> 
+                                            <div class="buttons">
+                                                <button class="submit innerBtn">更改</button>
+                                            </div>
+                                            <input type="file" accept="image/*">
                                         </div>
-                                    </li>
-                                </ul> -->
+                                        <a class="del"></a>
+                                    </div>
+                                </li> 
                             </ul>
                         </li>
                         <li data-name="floorMarkerColor">
                             <div class="itemTitle">
-                                <span>当前位置标记/导览标记颜色</span>
+                                <span>当前位置/导览路线</span>
                             </div>
                             <ul class="clearfix hotStyle-item colorWrap">
                                 <input id="floorMarkerColorTex" class="color-text" type="text" placeholder="请输入颜色" />
                                 <input id="floorMarkerColor" type="color" />
-                            </ul>
-                        </li>
-                        <li data-name="MouseMarkerColor">
+                            </ul> 
                             <div class="itemTitle">
-                                <span>鼠标标记颜色</span>
+                                <span>鼠标标记</span>
                             </div>
                             <ul class="clearfix hotStyle-item colorWrap">
                                 <input id="mouseMarkerColorTex" class="color-text" type="text" placeholder="请输入颜色" />
@@ -1324,7 +1327,7 @@
                             <div class="itemTitle">
                                 <span>背景音乐</span>
                                 <div class="buttons">
-                                    <input type="file" id="upload-bgm">
+                                    <input type="file" accept="audio/*" id="upload-bgm">
                                     <button class="innerBtn submit">上传</button>
                                 </div>
                             </div>
@@ -1339,88 +1342,162 @@
                     </ul>
                 </div>
 
+
+
+
+
                 <div class="snapTour content hide">
-                    <ul>
-                        <div id="tourEdit" class="secondary  editDetail  atRight">
+                    <ul> 
+                        <li class="addTour">
+                            <div class="buttons begin">
+                                <button class="innerBtn">添加导览</button>
+                                <button class="innerBtn">添加片段</button>
+                            </div>
+                        </li>
+                        <li>
+                            <div class="itemTitle">
+                                <span>选择导览过渡效果</span>
+                            </div>
+                            <ul id="tourSwitch" class="switch clearfix hotStyle-item colorWrap">
+                                <label><input class="mui-switch mui-switch-animbg" type="checkbox">
+                                    启用瞬间过渡
+                                </label>
+                            </ul>
+                        </li>
+                        
+                        
+                        <li id="tourList" class='tourList'>  <!-- 总目录-->
+                            <ul>
+
+                            </ul>
+                        </li>
+                        
+                        <!-- <li id="tourFolderList">
+                            <ul>
+
+                            </ul>
+                        </li> -->
+                        
+                        
+                        
+                        
+                        <div id="tourFolderEdit" class="secondary  editDetail  atRight">
                             <div class="itemTitle head">
                                 <span>导览编辑</span>
                                 <!-- <a class="close"></a> -->
                             </div>
                             <div class="content">
                                 <ul>
-                                    <li id="tourName" class="info">
+                                    <li class="tourName info">
                                         <div class="itemTitle" data-size="15" id="project-name1">
                                             <span>导览名称</span>
+                                        </div> 
+                                        <div class="name">
+                                            <input spellcheck="false" placeholder="最多15字" class="right" type="text" minlength="1" maxlength="15" placeholder="" data-oper=tour-input>
+                                        </div><!-- 必填,限15字 ??-->
+                                    </li>
+                                    <li class="audio mediaUpload">
+                                        <div class="itemTitle itemMargin">
+                                            <span>添加音频</span>
+                                            <div class="buttons">
+                                                <input type="file"  accept="audio/*">
+                                                <button class="innerBtn submit">上传</button>
+                                            </div>
+                                        </div>
+                                        <div class="playBox hide" data-type='music'>
+                                            <div><a target="_blank"></a></div>
+                                            <div>
+                                                <span class="title">background</span>
+                                                <span class="delete">删除</span>
+                                            </div>
+                                        </div>
+                                    </li>
+                                    <li>
+                                        <div class="itemTitle">
+                                            <span>选择导览过渡效果</span>
+                                        </div>
+                                        <ul id="folderTourSwitch" class="switch clearfix hotStyle-item colorWrap">
+                                            <label><input class="mui-switch mui-switch-animbg" type="checkbox">
+                                                启用瞬间过渡
+                                            </label>
+                                        </ul>
+                                    </li>
+                                    <li class="snapATourView">
+                                        <div class="buttons begin">
+                                            <button class="innerBtn">添加片段</button>
                                         </div>
-                                        <!-- <span class="redPoint" id="project-name2" data-size="15">标题</span> -->
+                                    </li>
+                                    
+                                    <li id="tourItemList" class='tourList'>
+                                        <ul>
+
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="buttons tail">
+                                <button class="tourSubmit submit innerBtn">完成</button> 
+                            </div> 
+                        </div>
+                    
+                    
+                    
+                        
+                    
+                    
+                    
+                    
+                    
+                        <div id="tourItemEdit" class="secondary  editDetail  atRight">
+                            <div class="itemTitle head">
+                                <span>片段编辑</span>
+                                <!-- <a class="close"></a> -->
+                            </div>
+                            <div class="content">
+                                <ul>
+                                    <li class="tourName info">
+                                        <div class="itemTitle" data-size="15" id="project-name1">
+                                            <span>片段名称</span>
+                                        </div> 
                                         <div class="name">
-                                            <input id="tourNameInput" spellcheck="false" placeholder="导览的名称"
-                                                class="right" type="text" minlength="1" maxlength="15" placeholder=""
-                                                data-oper=tour-input>
+                                            <input spellcheck="false" placeholder="导览的名称" class="right" type="text" minlength="1" maxlength="15" placeholder="" data-oper=tour-input>
                                         </div><!-- 必填,限15字 ??-->
                                     </li>
                                     <li class="audio mediaUpload">
                                         <div class="itemTitle itemMargin">
                                             <span>添加音频</span>
                                             <div class="buttons">
-                                                <input type="file" id="uploadTourBgm">
+                                                <input type="file"  accept="audio/*">
                                                 <button class="innerBtn submit">上传</button>
                                             </div>
                                         </div>
                                         <div class="playBox hide" data-type='music'>
                                             <div><a target="_blank"></a></div>
                                             <div>
-                                                <span id="tourMusicName" class="title">background</span>
+                                                <span class="title">background</span>
                                                 <span class="delete">删除</span>
                                             </div>
                                         </div>
                                     </li>
-                                    <li id="tourRenew" class="info">
-                                        <!-- <div class="itemTitle" data-size="0.94 ~ 3.18" id="project-name1">
-                                                <span></span>
-                                            </div> -->
-                                        <!-- <span class="redPoint" id="project-name2" data-size="15">标题</span> -->
+                                    <li id="tourRenew" class="info"> 
                                         <div class="name itemMargin">
                                             <div class="buttons begin">
                                                 <button id="renewTourBtn" class="innerBtn">重新录制当前导览</button>
-                                            </div>
-                                            <!-- <input spellcheck="false" placeholder=" 1" class="right" type="text"
-                                                                minlength="1" maxlength="15"> -->
+                                            </div> 
                                         </div><!-- 必填,限15字 ??-->
                                     </li>
                                 </ul>
                             </div>
                             <div class="buttons tail">
-                                <button id="tourSubmit" class="submit innerBtn">完成</button>
-                                <!-- <button class="cancel innerBtn">取消</button> -->
-                            </div>
-
-                        </div>
-                        <li class="addTour">
-                            <div class="buttons begin">
-                                <button class="innerBtn">添加导览</button>
-                            </div>
-                        </li>
-                        <li data-name="MouseMarkerColor" class="tourSelectWarp">
-                            <div class="itemTitle">
-                                <span>选择导览过渡效果</span>
-                            </div>
-                            <ul id="tourSwitch" class="switch clearfix hotStyle-item colorWrap">
-                                <label><input class="mui-switch mui-switch-animbg" type="checkbox">
-                                    启用瞬间过渡
-                                </label>
-                            </ul>
-                        </li>
-                        <li class="tourList">
-                            <ul id="tourListWrap" class="tourListWrap">
-
-                            </ul>
-                        </li>
+                                <button class="tourSubmit submit innerBtn">完成</button> 
+                            </div> 
+                        </div> 
+                        
                     </ul>
                 </div>
                 <div class="VR content hide">
                     <ul>
-                        <li data-name="MouseMarkerColor" class="tourSelectWarp hotListSwitch">
+                        <li class="tourSelectWarp hotListSwitch">
                             <div class="itemTitle">
                                 <span>VR</span>
                             </div>
@@ -1534,6 +1611,7 @@
         //本地:
         // var token = "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJhZG1pbiIsInJvbGUiOm51bGwsIm1hbmFnZXIiOm51bGwsImlkIjoxLCJ1c2VyTmFtZSI6ImFkbWluIiwiZXhwIjoxNjE2NTc1MjU5LCJpYXQiOjE2MTY0ODg4NTksImp0aSI6ImJjZGNhZmQxLTU2NGItNGVhMC1hYTE5LWY1ZWRjZThjZTM3ZiJ9.ODMw__rU7GfuGNZNKo14ll7HnOYEG-yNM3Rqh-XYqw4"
         var ceshi = 'http://47.112.166.173:8105/';
+        var token = ''
         /*
        //大场景: 
        var ceshi = '';

Разница между файлами не показана из-за своего большого размера
+ 584 - 251
js/edit.js


Разница между файлами не показана из-за своего большого размера
+ 383 - 139
js/main_2020_edit.js


Разница между файлами не показана из-за своего большого размера
+ 335 - 108
js/main_2020_show.js