Oborudovanie

src/components/Equipment.vue

@@ -2,8 +2,8 @@
 	<div id="equipment">
 			<div class="section">
 				<div class="content row">
-					<div id="mini_menu" class="row col-sm-12 col-md-12 col-lg-9">
-						<div class="block_menu col-sm-12 col-md-6 col-lg-3" v-for="item, index in page.menu">
+					<div id="mini_menu" class="row col-sm-12 col-md-12 col-lg-9 col-xl-9">
+						<div class="block_menu col-sm-12 col-md-3 col-lg-3 col-xl-3" v-for="item, index in page.menu">
 							<div @click="menu(item.value, index)" :class="[(item.value == tab) ? 'active' : 'def']" class="name"><div class="text">{{item.name}}</div></div>
 							<transition name="block-menu-fade">
 								<div v-show="item.value == tab" ref="menu" class="list_block">
@@ -22,7 +22,7 @@
           <table>
             <thead>
               <th>
-                <tr v-for="i in page.table">{{i}}</tr>
+                <tr v-for="i in page.table">{{i.name}}</tr>
               </th>
             </thead>
             <tbody>
@@ -128,6 +128,71 @@ export default {
 								},
 							]
 						},
+					],
+					table:[
+						{
+							name: 'Название',
+							diam: 'Линейный диаметр поля зрения объектива',
+							diam_ed: 'град./мм',
+							grad: 'Эффективный угловой размер поля зрения по сенсору ФПУ',
+                    		grad_ed: 'град.',
+							pronic: 'Ожидаемое проницание не хуже',
+							pronic_ed: 'зв. величина',
+						},
+						{
+							name: '',
+							diam: '',
+							diam_ed: '',
+							grad: '',
+							grad_ed: '',
+							pronic: '',
+							pronic_ed: '',
+						},
+						{
+							name: '',
+							diam: '',
+							diam_ed: '',
+							grad: '',
+							grad_ed: '',
+							pronic: '',
+							pronic_ed: '',
+						},
+						{
+							name: '',
+							diam: '',
+							diam_ed: '',
+							grad: '',
+							grad_ed: '',
+							pronic: '',
+							pronic_ed: '',
+						},
+						{
+							name: '',
+							diam: '',
+							diam_ed: '',
+							grad: '',
+							grad_ed: '',
+							pronic: '',
+							pronic_ed: '',
+						},
+						{
+							name: '',
+							diam: '',
+							diam_ed: '',
+							grad: '',
+							grad_ed: '',
+							pronic: '',
+							pronic_ed: '',
+						},
+						{
+							name: '',
+							diam: '',
+							diam_ed: '',
+							grad: '',
+							grad_ed: '',
+							pronic: '',
+							pronic_ed: '',
+						},
 					]
 				},
 				English:{
@@ -165,19 +230,7 @@ export default {
 		SelectLang (lang) {
 			this.page = this.text[0][lang];
 		},
-		// matchHeight() {
-		// 	var heightString = this.$refs.infoBox[0].clientHeight + 'px';
-		// 	this.tab = '';
-        //     console.log(heightString);
-        // }
   },
-//   mounted() {
-// 	for(var i in this.page.menu){
-// 		this.tab = this.page.menu[i].value;
-// 		console.log(this.page.menu[i].value);
-// 	}
-// 	this.matchHeight();
-//   }
 }
 </script>
 
@@ -204,7 +257,7 @@ export default {
 }
 #equipment #mini_menu .block_menu{
 	display: inline-table;
-	width: calc(60%/4);
+	/* width: calc(60%/4); */
 	padding: 7px;
 	margin: 0 auto;
 	position: relative;