更新 项目+用户+资源 虚拟仿真1号摄影棚

assets/icon/demo_index.html

@@ -30,6 +30,30 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon font_family">&#xe629;</span>
+                <div class="name">复选框_未选中4</div>
+                <div class="code-name">&amp;#xe629;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon font_family">&#xe628;</span>
+                <div class="name">复选框_未选中4</div>
+                <div class="code-name">&amp;#xe628;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon font_family">&#xe62a;</span>
+                <div class="name">复选框-true</div>
+                <div class="code-name">&amp;#xe62a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon font_family">&#xe627;</span>
+                <div class="name">复选框-true</div>
+                <div class="code-name">&amp;#xe627;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon font_family">&#xe626;</span>
                 <div class="name">形状 2</div>
@@ -98,6 +122,42 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon font_family icon-fuxuankuang_weixuanzhong4-copy"></span>
+            <div class="name">
+              复选框_未选中4
+            </div>
+            <div class="code-name">.icon-fuxuankuang_weixuanzhong4-copy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon font_family icon-fuxuankuang_weixuanzhong4"></span>
+            <div class="name">
+              复选框_未选中4
+            </div>
+            <div class="code-name">.icon-fuxuankuang_weixuanzhong4
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon font_family icon-fuxuankuang-true-copy"></span>
+            <div class="name">
+              复选框-true
+            </div>
+            <div class="code-name">.icon-fuxuankuang-true-copy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon font_family icon-fuxuankuang-true"></span>
+            <div class="name">
+              复选框-true
+            </div>
+            <div class="code-name">.icon-fuxuankuang-true
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon font_family icon-xingzhuang21"></span>
             <div class="name">
@@ -154,6 +214,38 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuxuankuang_weixuanzhong4-copy"></use>
+                </svg>
+                <div class="name">复选框_未选中4</div>
+                <div class="code-name">#icon-fuxuankuang_weixuanzhong4-copy</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuxuankuang_weixuanzhong4"></use>
+                </svg>
+                <div class="name">复选框_未选中4</div>
+                <div class="code-name">#icon-fuxuankuang_weixuanzhong4</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuxuankuang-true-copy"></use>
+                </svg>
+                <div class="name">复选框-true</div>
+                <div class="code-name">#icon-fuxuankuang-true-copy</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fuxuankuang-true"></use>
+                </svg>
+                <div class="name">复选框-true</div>
+                <div class="code-name">#icon-fuxuankuang-true</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-xingzhuang21"></use>

assets/icon/iconfont.css

@@ -1,10 +1,10 @@
 @font-face {font-family: "font_family";
-  src: url('@/assets/icon/iconfont.eot?t=1614763101431'); /* IE9 */
-  src: url('@/assets/icon/iconfont.eot?t=1614763101431#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAO8AAsAAAAAB/wAAANtAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDFAqDFIJqATYCJAMQCwoABCAFhREHUBsABxEVnK3IfiTYuMXFivkoyc0gb4KH6q983b8HWpnxygHIw1HCLZUJgK1N0V1CRyiW5Dz4LstMnvTnhdA1/8dMl5gC3wYA2UkzHlBEY+vAdtfPk/0e4q0dYjeXQwBmAohDtGpTXo8RhdlOAGLwgH49MGbEqJpYgRGBHhmq/MRydBjlAnkFWBa8vPhMijCCRKdhdq3u27o3Re9C3kVo0+3T6exBoIynBPhRoAFxgALRHVV3RIvccWiY1fkUCYAehUC+C30XYbczJikQwzo9RkD2+ucJPWa0FYA0YGlnRXHwkPAulIxxIoB68tEKAGNv7wjgiCBxw2QpS6CcbIHBSvczeSs1CauYdOamv9p8I83p7K0A3bbbmROclHNHbM+G+samhqahF9KbbQ3WhRdP7oqddPduw5079ffuNd6/HxLTBGA0AbnZPFZha+y26IJ3wwakWTgpG9bRDp7h27TpkqUFs+hY79iYkuTS406P2NdDt881DTDN3X5geZC8PGd5zwMDDnzsXXEDcrqfKC7892P9yqLCpvpLJ3c1rb/2RpvVs+Wd7+XuPd18VvWfJY8ckFPltCP7Z2kztaP7I0Kmy9EDMxs7iQljRbNomTAGiMJ9jZEtsnnCWFKCC58+e/q8pGTwkNBuIYMGtZ3le/Bc1fZVHrrO133bL+m8pHuqfrz7zOr95y75/l/W5U8Xc2rOpF95k+gOgP24GqlND3DTtQ9/IQAB126d7tDNMe+v0aIAeNJnTBcisU9vH4ERCTzlF+WpEWC3KxFopkspoIYcUNtbUMSmgpCA2dKDnepdeDYG1111gsCSofBAYiAIaFiIhCpkClSHzIfqke2AmVjqRltwZSoaQpmAGFYQIPDgEpA4cBNoePAcqpB/ITqUsED1yGBgplFkTmkhQiwxe0oFR8UFph/wHAPZIj24n+xp9Ox+VzS7G6VQGD/6RNk4BqgSkhBfhwFlvB7b29SqBCTRQ9tgNXQuQpL4wlnzVTU1RWJfTJDPcITsQKngqLjA9AOeYyCPqQYtgvZfzejZ/a5odjdKfQVI+hNl45raQJWX7aAdO7QtucZZtrepVQlIiNdDO0ojdC5Cwhu9cNZ87eFMTWFVo7bsfPdc/8yZQAXmNEpIoQkldFjHczD/dR+9JnWl78lj+O8Xrs6ETBjqkgwAAAA=') format('woff2'),
-  url('@/assets/icon/iconfont.woff?t=1614763101431') format('woff'),
-  url('@/assets/icon/iconfont.ttf?t=1614763101431') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('@/assets/icon/iconfont.svg?t=1614763101431#font_family') format('svg'); /* iOS 4.1- */
+  src: url('@/assets/icon/iconfont.eot?t=1614841497613'); /* IE9 */
+  src: url('@/assets/icon/iconfont.eot?t=1614841497613#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATMAAsAAAAACtwAAAR8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDTAqHPIV0ATYCJAMgCxIABCAFhREHgTgbOgnIDiWhwMBQYIABZTx8raHv7+5BCCUAuiiWUZlILJKvcLWiQtVXsxF31KYNEnFqTkX11CtO0iUhAjlKTlTlZ////Ur/nbAGrGeTbtVhQ9MbCZICc3wjWlswk2jPivhCiHj1mu3BUXkA+xPoNSUBdtq6Y09QKrzFAvGaMzOgrFmVJfTQGmpl3aLHpoFMm8bjlwB8S+8//kNaKEFSZfCWvXraqglKfoW9iSOG/R+mNsZAtj83ehuRsQEU4rnqvUfk2Q2E3okw6Qioler0K/xN3P+OfWqiUivnqW2X/strVIokZKIGT9sP8VHT3DNZyKHmV7hU00VhVqGLxqygi8EsoYvFLNDFofPk8e06w8AkiBGA+AIeaYE6+5BwxTiMisRFKrT8yqr8SHLgxMMg/3pITU04gimGH9UMpE7douXLb7dyO3s3XLHiTj9qzQZ/xcKN0W6r1/vJ561bV61fBiQYMNmn6z/vUIR+zRF/2cKj0YbVh/3MrkEbA3dfDyIXXcug9twIli29md2fIt2qtVP26lle0auC359ZqeulnXBgx8r4gbdv97p1q+edO+V372biqghVBdLVdqPFdOUNE/f79ZoPeC9GkTro39vPDg+oWHhQUwXqqO5pKM8ZWeIDPsPhNLtQMky3aIFTeGSk84WI9KOU84uCUnxxpqMFm02T9X3IvevdugXdCxLjdVkIdlr0457dezZOf096aKU97O24M7eY+Jf8sjEqTjVm2fppVE/Lm2Zcz61/37TgGiDvdntp8Z9v82aUFFf0PLhjZcW8K6+IkcaqNwEXG42e/jMtI/HN6/Eh+NDN60YSI4gt6/Jl8SFb1o8or8H698Eqsar+LiPu/60uvAqv7N8H0maLHz95/LSszO4Ibwiz2dqMDNiwt8uymd6y2qsB7SbXTm5Ml/fzGtF13d6DAf+m1v2q603PG/ijYCAEA3Qj8r88RBjbikgMow/L73TYFzDXzdCUTw2Ggt9KDelO+cmunW9t3bD1o1pJ1CHS/2BN6Q3Q/S9iX+HZ2jJuEvb5UErX9rV2xtJ9qnv9BB14wVFPrH5i7TShrybroaQxg7I+y1CIe1ARj6EmXqJe63ps3GfMEIQoKmDNdIPCpIMoGfQDZZOeQiH+xipyaKAmhqJe15G9zT5LMVndQkSMhJpoY3+aMwk8G1gkdfTCBpZxcPb+3ZHZZWfEVn1x03IkNnMCT6cmpSiFNohH4v5WaO5jTpMklmZFwUG3XuFgyG4XaKcoWJFJSrJIkjMvOZnVTEkmzgDUTogQhgRpQjPqj8YxEfDYWC3NFTk0lDMcOPZpeXeImWs6Foa4vA2lvBwiakaypDu0VElS1oM2Wn7dpudY3qwPs7QpSGkaSyTvQGu9FzXCbSeI1qmnrRDTxJvEskXaKU+yPxBrtUlXr3e89mq04Z2gDRwjMBKTYXJMgSkxFUw9dfVzMbwtzJgb+iKuQhtgEbqXkWgSnP39FvX1UrOJkuhC6w5IKZXafhxvHmCpp9NS5UZuU5tLn8xiRByL+LQUAAAAAA==') format('woff2'),
+  url('@/assets/icon/iconfont.woff?t=1614841497613') format('woff'),
+  url('@/assets/icon/iconfont.ttf?t=1614841497613') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('@/assets/icon/iconfont.svg?t=1614841497613#font_family') format('svg'); /* iOS 4.1- */
 }
 
 .font_family {
@@ -15,6 +15,22 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-fuxuankuang_weixuanzhong4-copy:before {
+  content: "\e629";
+}
+
+.icon-fuxuankuang_weixuanzhong4:before {
+  content: "\e628";
+}
+
+.icon-fuxuankuang-true-copy:before {
+  content: "\e62a";
+}
+
+.icon-fuxuankuang-true:before {
+  content: "\e627";
+}
+
 .icon-xingzhuang21:before {
   content: "\e626";
 }

assets/icon/iconfont.json

@@ -5,6 +5,34 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "20180132",
+      "name": "复选框_未选中4",
+      "font_class": "fuxuankuang_weixuanzhong4-copy",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "20180066",
+      "name": "复选框_未选中4",
+      "font_class": "fuxuankuang_weixuanzhong4",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "20180157",
+      "name": "复选框-true",
+      "font_class": "fuxuankuang-true-copy",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "20180058",
+      "name": "复选框-true",
+      "font_class": "fuxuankuang-true",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
     {
       "icon_id": "20162100",
       "name": "形状 2",

assets/icon/iconfont.svg

@@ -20,6 +20,18 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="fuxuankuang_weixuanzhong4-copy" unicode="&#58921;" d="M904 832c14.8 0 28.9-5.9 39.5-16.5S960 790.8 960 776v-784c0-14.8-5.9-28.9-16.5-39.5S918.8-64 904-64H120c-14.8 0-28.9 5.9-39.5 16.5S64-22.799999999999955 64-8V776c0 14.8 5.9 28.9 16.5 39.5S105.2 832 120 832h784m0 64H120C54 896 0 842 0 776v-784c0-66 54-120 120-120h784c66 0 120 54 120 120V776c0 66-54 120-120 120zM904-64H120c-30.8 0-56 25.2-56 56V776c0 30.8 25.2 56 56 56h784c30.8 0 56-25.2 56-56v-784c0-30.8-25.2-56-56-56z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fuxuankuang_weixuanzhong4" unicode="&#58920;" d="M904 832c14.8 0 28.9-5.9 39.5-16.5S960 790.8 960 776v-784c0-14.8-5.9-28.9-16.5-39.5S918.8-64 904-64H120c-14.8 0-28.9 5.9-39.5 16.5S64-22.8 64-8V776c0 14.8 5.9 28.9 16.5 39.5S105.2 832 120 832h784m0 64H120C54 896 0 842 0 776v-784c0-66 54-120 120-120h784c66 0 120 54 120 120V776c0 66-54 120-120 120zM904-64H120c-30.8 0-56 25.2-56 56V776c0 30.8 25.2 56 56 56h784c30.8 0 56-25.2 56-56v-784c0-30.8-25.2-56-56-56z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fuxuankuang-true-copy" unicode="&#58922;" d="M876.3 894H147.7C67.2 894 2 828.8 2 748.3v-728.6C2-60.799999999999955 67.2-126 147.7-126h728.6c80.5 0 145.7 65.2 145.7 145.7V748.3C1022 828.8 956.8 894 876.3 894z m72.8-874.3c0-40.2-32.6-72.9-72.9-72.9H147.7c-40.2 0-72.9 32.6-72.9 72.9V748.3c0 40.2 32.6 72.9 72.9 72.9h728.6c40.2 0 72.9-32.6 72.9-72.9v-728.6z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="fuxuankuang-true" unicode="&#58919;" d="M876.3 894H147.7C67.2 894 2 828.8 2 748.3v-728.6C2-60.8 67.2-126 147.7-126h728.6c80.5 0 145.7 65.2 145.7 145.7V748.3C1022 828.8 956.8 894 876.3 894z m72.8-874.3c0-40.2-32.6-72.9-72.9-72.9H147.7c-40.2 0-72.9 32.6-72.9 72.9V748.3c0 40.2 32.6 72.9 72.9 72.9h728.6c40.2 0 72.9-32.6 72.9-72.9v-728.6z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="xingzhuang21" unicode="&#58918;" d="M803.157333 18.261333v-97.507555H334.620444v97.507555h468.536889zM1037.368889 896C1092.835556 896 1137.777778 852.309333 1137.777778 798.492444v-617.642666c0-53.873778-44.942222-97.564444-100.408889-97.564445H100.408889C44.942222 83.285333 0 126.976 0 180.906667V798.492444C0 852.309333 44.942222 896 100.408889 896h936.96z m0-97.507556H100.408889v-617.642666h936.96V798.492444z m-234.211556-260.096V440.888889H334.620444V538.396444h468.536889z"  horiz-adv-x="1137" />
 
     

components/leftMenu.vue

@@ -41,7 +41,7 @@
 						"text": '首页',
 						"icon_btn1_checked": require('../assets/leftMenu/icon_sy_02.png'),
 						"icon_btn1_unchecked": require('../assets/leftMenu/icon_sy_01.png'),
-						"list": []
+						"list": ["虚拟仿真1号摄影棚",'虚拟仿真库','影视项目开发管理中心','虚拟仿真主题拍摄基地']
 					},
 					{
 						"text": '实验简介',

components/topMenu.vue

@@ -32,6 +32,8 @@
 					<view class="topMenu-lefttitle-line"></view>
 				</view>
 				<view v-show="middleShowIndex==9">虚拟仿真实验后台</view>
+				<view v-show="middleShowIndex==10">虚拟仿真1号摄影棚</view>
+				<view v-show="middleShowIndex==11">虚拟仿真资产库</view>
 			</view>
 		</view>
 
@@ -225,6 +227,16 @@
 						this.returnShowIndex = 2;
 						this.loginShowIndex = -1;
 						break;
+					case topMenuS.home_1:
+						this.middleShowIndex = 10;
+						this.returnShowIndex = 1;
+						this.loginShowIndex = 1;
+						break;
+					case topMenuS.home_2:
+						this.middleShowIndex = 11;
+						this.returnShowIndex = 1;
+						this.loginShowIndex = 1;
+						break;
 					default:
 						console.log("切换中间导航状态", state);
 				}
@@ -268,6 +280,7 @@
 		background: #FFFFFF;
 		box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
 		position: fixed;
+		z-index: 1;
 	}
 
 	.topMenu-lefticon {

myData.js

@@ -4,6 +4,8 @@ topMenuS = {
 	"QXZB": "前序准备",
 	"XXYSY": "学习与实验",
 	"YLRZ": "原理认知",
-	"SYJJ":"实验简介",
-	"manager":"虚拟仿真实验后台"
-}
+	"SYJJ": "实验简介",
+	"manager": "虚拟仿真实验后台",
+	"home_1": '虚拟仿真1号摄影棚',
+	"home_2": "虚拟仿真资产库",
+}

pages/home.vue

@@ -12,7 +12,9 @@
 			<XXYSY ref="XXYSY" v-show="bShow[6]" v-on:onClick_KSRZ="onClick_KSRZ"></XXYSY>
 			<YLRZ ref="YLRZ" v-show="bShow[7]"></YLRZ>
 			<SYJJ2 ref="SYJJ2" v-show="bShow[8]"></SYJJ2>
-			<manager res="manager" v-show="bShow[9]"></manager>
+			<manager ref="manager" v-show="bShow[9]"></manager>
+			<simulation ref="simulation" v-show="bShow[10]"></simulation>
+			<simulationLibrary ref="simulationLibrary" v-show="bShow[11]"></simulationLibrary>
 		</view>
 		<!-- 左侧导航栏永远保持在最上层 -->
 		<LeftMenu ref="LeftMenu" v-on:onLeftMenuClick="onLeftMenuClick"></LeftMenu>
@@ -24,6 +26,8 @@
 	import TopMenu from '../components/topMenu.vue'
 	import Login from '../components/login/login.vue'
 	import manager from '../components/manager/Index.vue'
+	import simulation from "../components/home/simulation.vue"
+	import simulationLibrary from "../components/home/simulationLibrary.vue"
 
 	//一级页面
 	import KSXX from '../components/startLearning/startLearning.vue' //开始学习
@@ -50,7 +54,9 @@
 			XXYSY,
 			YLRZ,
 			SYJJ2,
-			manager
+			manager,
+			simulation,
+			simulationLibrary
 		},
 		data() {
 			return {
@@ -66,7 +72,9 @@
 					false, //6开始学习-学习与实验
 					false, //7开始学习-学习与实验-原理认知
 					false, //8实验简介的详情页
-					false,
+					false, //9后台
+					false, //虚拟仿真1号摄影棚
+					false, //虚拟仿真库
 				],
 				// bShowLogin: true, //登录
 				// bShowSYJJ: false, //实验简介一级页面
@@ -154,12 +162,25 @@
 			},
 			//左侧导航点击事件
 			onLeftMenuClick(indexArr) {
+				debugger;
 				let targetPage = -1;
 				let topMiddleState = '';
 				switch (indexArr[0]) {
 					case 0: //首页
-						targetPage = 4;
-						topMiddleState = topMenuS.SY;
+						if (indexArr[1] == 0) {
+							targetPage = 10;
+							topMiddleState = topMenuS.home_1;
+						} else if (indexArr[1] == 1) {
+							targetPage = 11;
+							topMiddleState = topMenuS.home_2;
+						} else if (indexArr[1] == 2) {
+
+						} else if (indexArr[1] == 3) {
+
+						} else {
+							targetPage = 4;
+							topMiddleState = topMenuS.SY;
+						}
 						break;
 					case 1: //实验简介
 						targetPage = 8;