From 419ce8d31a69c59d5796567173c1f8dc438652fc Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期四, 18 四月 2024 19:27:59 +0800
Subject: [PATCH] Merge branch 'master' of http://103.135.160.14:9034/r/wxdDemo
---
static/SmartEarthSDK/Workers/Model/ModelLibrary.html | 404 +++++++++++++++++++++++++++++----------------------------
1 files changed, 206 insertions(+), 198 deletions(-)
diff --git a/static/SmartEarthSDK/Workers/Model/ModelLibrary.html b/static/SmartEarthSDK/Workers/Model/ModelLibrary.html
index afcff57..1e85601 100644
--- a/static/SmartEarthSDK/Workers/Model/ModelLibrary.html
+++ b/static/SmartEarthSDK/Workers/Model/ModelLibrary.html
@@ -2,242 +2,250 @@
<html lang="en">
<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="viewport"
- content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
- <title>灞炴��</title>
- <link rel="stylesheet" href="../layui/css/layui.css">
- <style>
- html,
- body,
- #ModelLibrary {
- background-color: rgba(0, 0, 0, 0);
- height: 100%;
- overflow: hidden;
- color: #fff;
- }
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+ <title>灞炴��</title>
+ <link rel="stylesheet" href="../layui/css/layui.css">
+ <style>
+ html,
+ body,
+ #ModelLibrary {
+ background-color: rgba(0, 0, 0, 0);
+ height: 100%;
+ overflow: hidden;
+ color: #fff;
+ }
- button {
- margin: 10px 0 10px 10px;
- }
+ button {
+ margin: 10px 0 10px 10px;
+ }
- .layui-btn-sm i {
- font-size: 24px !important;
- }
+ .layui-btn-sm i {
+ font-size: 24px !important;
+ }
- .layui-input-block {
- margin-left: 0;
- }
+ .layui-input-block {
+ margin-left: 0;
+ }
- .layui-form-item {
- margin-bottom: 0px !important;
- border-bottom: none;
- }
+ .layui-form-item {
+ margin-bottom: 0px !important;
+ border-bottom: none;
+ }
- .layui-input {
- background-color: rgba(0, 0, 0, 0) !important;
- margin-top: 5px;
- color: #fff;
- }
+ .layui-input {
+ background-color: rgba(0, 0, 0, 0) !important;
+ margin-top: 5px;
+ color: #fff;
+ }
- .layui-form-select dl {
- background-color: rgba(0, 0, 0, 0.5) !important;
- }
+ .layui-form-select dl {
+ background-color: rgba(0, 0, 0, 0.5) !important;
+ }
- .layui-form-select dl dd:hover {
- background-color: #f2f2f250;
- }
+ .layui-form-select dl dd:hover {
+ background-color: #f2f2f250;
+ }
- .active {
- border: 1px solid #fc0 !important;
- box-shadow: 0 0 8px #ddd;
- -moz-box-shadow: 0 0 8px #ddd;
- -webkit-box-shadow: 0 0 8px #ddd;
- cursor: pointer;
- }
+ .active {
+ border: 1px solid #fc0 !important;
+ box-shadow: 0 0 8px #ddd;
+ -moz-box-shadow: 0 0 8px #ddd;
+ -webkit-box-shadow: 0 0 8px #ddd;
+ cursor: pointer;
+ }
- .LibraryHead {
- position: relative;
- height: 50px;
- border-bottom: 1px solid #ffffff;
- }
+ .LibraryHead {
+ position: relative;
+ height: 50px;
+ border-bottom: 1px solid #ffffff;
+ }
- .models {
- overflow: auto;
- margin: 5px 0;
- }
+ .models {
+ overflow: auto;
+ margin: 5px 0;
+ }
- .models div {
- display: none;
- }
+ .models div {
+ display: none;
+ }
- .models li {
- display: inline-block;
- cursor: pointer;
- }
+ .models li {
+ display: inline-block;
+ cursor: pointer;
+ }
- .models img {
- width: 145px;
- height: 145px;
- margin: 8px 8px 0 0;
- border: 1px solid #D2D2D2;
- }
+ .models img {
+ width: 145px;
+ height: 145px;
+ margin: 8px 8px 0 0;
+ border: 1px solid #D2D2D2;
+ }
- .models img:hover {
- border: 1px solid #3995f4;
- }
+ .models img:hover {
+ border: 1px solid #3995f4;
+ }
- .layui-anim::-webkit-scrollbar,
- .models::-webkit-scrollbar {
- /*婊氬姩鏉℃暣浣撴牱寮�*/
- width: 8px;
- /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
- height: 8px;
- scrollbar-arrow-color: red;
- }
+ .layui-anim::-webkit-scrollbar,
+ .models::-webkit-scrollbar {
+ /*婊氬姩鏉℃暣浣撴牱寮�*/
+ width: 8px;
+ /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
+ height: 8px;
+ scrollbar-arrow-color: red;
+ }
- .layui-anim::-webkit-scrollbar-thumb,
- .models::-webkit-scrollbar-thumb {
- border-radius: 5px;
- -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
- box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
- background: rgba(218, 218, 218, 0.5);
- scrollbar-arrow-color: red;
- }
+ .layui-anim::-webkit-scrollbar-thumb,
+ .models::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
+ box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
+ background: rgba(218, 218, 218, 0.5);
+ scrollbar-arrow-color: red;
+ }
- .layui-anim::-webkit-scrollbar-track,
- .models::-webkit-scrollbar-track {
- -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
- box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
- border-radius: 0;
- background: rgba(218, 218, 218, 0.1);
- }
- </style>
+ .layui-anim::-webkit-scrollbar-track,
+ .models::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
+ box-shadow: inset 0 0 5px rgba(218, 218, 218, 0.2);
+ border-radius: 0;
+ background: rgba(218, 218, 218, 0.1);
+ }
+
+ </style>
</head>
<body>
- <div class="LibraryHead">
- <button type="button" title="鎵撳紑" id='open' class="open layui-btn layui-btn-sm">
- <i class="layui-icon"></i>
- </button>
- <button type="button" title="淇濆瓨" class="save layui-btn layui-btn-sm layui-btn-normal">
- <i class="layui-icon"></i>
- </button>
- <button type="button" title="鏄惁寮�鍚紪杈�" class="edit layui-btn layui-btn-sm layui-btn-warm">
- <i class="layui-icon"></i>
- </button>
- <button type="button" title="娓呯┖" class="delete layui-btn layui-btn-sm layui-btn-danger">
- <i class="layui-icon"></i>
- </button>
- </div>
- <div id="ModelLibrary" style="margin:0 10px;">
- <div class="selectType">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <div class="layui-input-block">
- <select name="modelType" id='modelType' lay-filter="modelType">
+ <div class="LibraryHead">
+ <button type="button" title="鎵撳紑" id='open' class="open layui-btn layui-btn-sm">
+ <i class="layui-icon"></i>
+ </button>
+ <button type="button" title="淇濆瓨" class="save layui-btn layui-btn-sm layui-btn-normal">
+ <i class="layui-icon"></i>
+ </button>
+ <button type="button" title="鏄惁寮�鍚紪杈�" class="edit layui-btn layui-btn-sm layui-btn-warm">
+ <i class="layui-icon"></i>
+ </button>
+ <button type="button" title="娓呯┖" class="delete layui-btn layui-btn-sm layui-btn-danger">
+ <i class="layui-icon"></i>
+ </button>
+ </div>
+ <div id="ModelLibrary" style="margin:0 10px;">
+ <div class="selectType">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <div class="layui-input-block">
+ <select name="modelType" id='modelType' lay-filter="modelType">
- </select>
- </div>
- </div>
- </form>
+ </select>
+ </div>
</div>
- <div class="models">
-
- </div>
+ </form>
</div>
- <script src="../layui/layui.js"></script>
- <script src="../jquery-2.0.3.js"></script>
- <script>
- var Viewer = parent.sgworld._Viewer;
- var sgworld = parent.sgworld;
- var ModelLibrary = sgworld.Creator.getModelLibrary(Viewer);
- var modelList = ModelLibrary.getLibraryData();
+ <div class="models">
- var imgRootURL = 'http://36.7.136.132:1988/ModelLibrary/';
+ </div>
+ </div>
+ <script src="../layui/layui.js"></script>
+ <script src="../jquery-2.0.3.js"></script>
+ <script>
+ var Viewer = window.Viewer;
+ var sgworld = window.sgworld;
+ var ModelLibrary = sgworld.Creator.getModelLibrary(window.Viewer);
+ var modelList = ModelLibrary.getLibraryData();
- //寮�鍚紪杈戝苟鍚敤灞炴�у脊绐�
- let isEdit = true;
- sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
+ var imgRootURL = 'http://183.162.245.49:8090/ModelLibrary/';
- modelList = modelList.data;
- addModelList();
- layui.use(['element', 'form', 'slider', 'upload'], function () {
- window.element = layui.element; //Tab鐨勫垏鎹㈠姛鑳斤紝鍒囨崲浜嬩欢鐩戝惉绛夛紝闇�瑕佷緷璧杄lement妯″潡
- window.form = layui.form;
- window.slider = layui.slider;
- window.upload = layui.upload;
+ //寮�鍚紪杈戝苟鍚敤灞炴�у脊绐�
+ let isEdit = true;
+ sgworld.Creator.SimpleGraphic.edit(true, {
+ editProp: true
+ });
- var bodyHeight = $('body').height();
- $('.models').height(bodyHeight - 110);
- $("#model0").show();
+ modelList = modelList.data;
+ addModelList();
+ layui.use(['element', 'form', 'slider', 'upload'], function() {
+ window.element = layui.element; //Tab鐨勫垏鎹㈠姛鑳斤紝鍒囨崲浜嬩欢鐩戝惉绛夛紝闇�瑕佷緷璧杄lement妯″潡
+ window.form = layui.form;
+ window.slider = layui.slider;
+ window.upload = layui.upload;
- form.on('select(modelType)', function (data) {
- $("#model" + data.value).show();
- $("#model" + data.value).siblings().hide();
- });
+ var bodyHeight = $('body').height();
+ $('.models').height(bodyHeight - 110);
+ $("#model0").show();
- upload.render({
- elem: '#open'
- , accept: 'file' //鏅�氭枃浠�
- , auto: false
- , choose: function (obj) {
- var files = this.files = obj.pushFile();
- for (var key in files) {
- sgworld.Creator.SimpleGraphic.open(files[key]);
- break;
- }
- }
- });
+ form.on('select(modelType)', function(data) {
+ $("#model" + data.value).show();
+ $("#model" + data.value).siblings().hide();
+ });
- $(".save").click(() => {
- sgworld.Creator.SimpleGraphic.save();
- });
-
- $(".edit").click(() => {
- isEdit = !isEdit;
- if (isEdit) {
- sgworld.Creator.SimpleGraphic.edit(true, { editProp: true });
- $(".edit i").html('');
- } else {
- sgworld.Creator.SimpleGraphic.edit(false);
- $(".edit i").html('');
- }
- });
-
- $(".delete").click(() => {
- sgworld.Creator.SimpleGraphic.clear()
- });
- });
- function drawModel(type, numbering, name) {
- ModelLibrary.drawModel(type, numbering, function (model) {
- model.name = name;
- //娣诲姞鍒板睘鎬х紪杈戝垪琛�
- sgworld.Creator.SimpleGraphic.SimpleGraphicObj.push(model.id);
- })
+ upload.render({
+ elem: '#open',
+ accept: 'file' //鏅�氭枃浠�
+ ,
+ auto: false,
+ choose: function(obj) {
+ var files = this.files = obj.pushFile();
+ for (var key in files) {
+ sgworld.Creator.SimpleGraphic.open(files[key]);
+ break;
+ }
}
+ });
- function addModelList() {
- var modelsContainer = $(".models");
- var selectContainer = $('#modelType');
- modelList.forEach((item, index) => {
- selectContainer.append(`<option value="${index}">${item.name}(${item.data.length})</option>`);
- let htmlStr = `<div id="model${index}"><ul>`;
- item.data.forEach((model, index1) => {
- htmlStr += `<li onclick="drawModel(${index},${index1},'${model.name}')">
+ $(".save").click(() => {
+ sgworld.Creator.SimpleGraphic.save();
+ });
+
+ $(".edit").click(() => {
+ isEdit = !isEdit;
+ if (isEdit) {
+ sgworld.Creator.SimpleGraphic.edit(true, {
+ editProp: true
+ });
+ $(".edit i").html('');
+ } else {
+ sgworld.Creator.SimpleGraphic.edit(false);
+ $(".edit i").html('');
+ }
+ });
+
+ $(".delete").click(() => {
+ sgworld.Creator.SimpleGraphic.clear()
+ });
+ });
+
+ function drawModel(type, numbering, name) {
+ ModelLibrary.drawModel(type, numbering, function(model) {
+ model.name = name;
+ //娣诲姞鍒板睘鎬х紪杈戝垪琛�
+ sgworld.Creator.SimpleGraphic.SimpleGraphicObj.push(model.id);
+ })
+ }
+
+ function addModelList() {
+ var modelsContainer = $(".models");
+ var selectContainer = $('#modelType');
+ modelList.forEach((item, index) => {
+ selectContainer.append(`<option value="${index}">${item.name}(${item.data.length})</option>`);
+ let htmlStr = `<div id="model${index}"><ul>`;
+ item.data.forEach((model, index1) => {
+ htmlStr += `<li onclick="drawModel(${index},${index1},'${model.name}')">
<i title="${model.name}">
<img src="${imgRootURL}${model.img}">
</i>
</li>`;
- });
- htmlStr += '</ul></div>';
- modelsContainer.append(htmlStr);
- });
+ });
+ htmlStr += '</ul></div>';
+ modelsContainer.append(htmlStr);
+ });
- }
- </script>
+ }
+
+ </script>
</body>
-</html>
\ No newline at end of file
+</html>
--
Gitblit v1.9.3