add vue.js

resources/views/admin/print/print_all.blade.php

@@ -65,20 +65,25 @@
 						@endforeach
 				</tr>
 				@foreach($table[1] as $value)
-				<tr>
-					<td width="100" align="center">{{ $value->num }}</td>
-					<td width="100" align="center">{{ $value->bzc_name }}</td>
-					<td width="100" align="center">{{ $value->bzc_addr }}</td>
-					<td width="100" align="center">{{ $value->bzc_cardid }}</td>
-					<td width="100" align="center">{{ $value->bzc_tel }}</td>
-                    <td width="100" align="center"></td>
-                    <td width="100" align="center"></td>
-                    <td width="100" align="center"></td>
-                    <td width="100" align="center"></td>
-                    <td width="100" align="center"></td>
-                    <td width="100" align="center"></td>
-				</tr>
+
 				@endforeach
+
+
+				<tr id="table1" v-for="value in data">
+					<td width="100" align="center">@{{ value.num }}</td>
+					<td width="100" align="center">@{{ $value.bzc_name }}</td>
+					<td width="100" align="center">@{{ $value.bzc_addr }}</td>
+					<td width="100" align="center">@{{ $value.bzc_cardid }}</td>
+					<td width="100" align="center">@{{ $value.bzc_tel }}</td>
+					<td width="100" align="center"></td>
+					<td width="100" align="center"></td>
+					<td width="100" align="center"></td>
+					<td width="100" align="center"></td>
+					<td width="100" align="center"></td>
+					<td width="100" align="center"></td>
+				</tr>
+
+
 				@foreach($table[2] as $value)
 					<tr>
 						<td width="100" align="center">{{ $value->num }}</td>
@@ -492,6 +497,7 @@
 			</tbody>
 		</table> 
   </div>
+
   <div align="center" class="btn">
 	  <input class="print_button" type="button" id="datasubmit" value="确认打印" name="submit" onclick="printed('print')">
   </div>
@@ -501,6 +507,9 @@
   }
     .print_button{height:40px;background:#369 none repeat scroll 0 0;border:2px solid #efefef;border-radius:5px;width:100px;color:#fff;font-size:13px;font-weight:700;}
   </style>
+
+  <script src="{{ asset('js/jQuery-2.2.0.min.js') }}"></script>
+  <script src="{{ asset('js/vue.min.js') }}"></script>
   <script type="text/javascript">
        var rootel=document.documentElement; //XHTMlvar bto=document.getElementById('divTest');
 
@@ -515,6 +524,83 @@
                 document.body.innerHTML = oldstr;
                 return false;
             }
+
+	  	{{--var total = '{!! json_encode($table) !!}';--}}
+
+	    {{--total = $.parseJSON(total);--}}
+	    {{--console.log(total);--}}
+
+	{{----}}
+
   </script>
+
+	<script>
+
+		var table = '{!! json_encode($table) !!}';
+
+		table = $.parseJSON(table);
+
+		var vm1 = new Vue({
+
+			el:'#table1',
+			data:{table:table[1]}
+
+		});
+
+		var vm2 = new Vue({
+
+			'el':'#table2',
+			'data':{table:table[2]}
+
+		});
+		var vm3 = new Vue({
+
+			'el':'#table3',
+			'data':{table:table[3]}
+
+		});
+		var vm4 = new Vue({
+
+			'el':'#table4',
+			'data':{table:table[4]}
+
+		});
+		var vm5 = new Vue({
+
+			'el':'#table5',
+			'data':{table:table[5]}
+
+		});
+		var vm6 = new Vue({
+
+			'el':'#table6',
+			'data':{table:table[6]}
+
+		});
+		var vm7 = new Vue({
+
+			'el':'#table7',
+			'data':{table:table[7]}
+
+		});
+		var vm8 = new Vue({
+
+			'el':'#table8',
+			'data':{table:table[8]}
+
+		});
+
+
+		var vm9 = new Vue({
+
+			'el':'#table9',
+			'data':{table:table[9]}
+
+		});
+
+	</script>
+
+
+
 </body>
 </html>