weiyong
/
201912G01


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" >
		<title>运动员成绩表</title>
		<link rel="stylesheet" href="static/css/index.css">
		<link rel="stylesheet" href="static/eui/element-ui.css">
		<script src="static/vue/vue.min.js"></script>
		<script src="static/vue/vue-resource.js"></script>
		<script src="static/eui/index.js"></script>
		<script src="static/comm/Ajax.js"></script>
		<script src="js/jquery-3.4.1.min.js"></script>
		<script src="js/other.js"></script>
		<style type="text/css">
		.one-achievement{
			margin: 50px 50px;
			width:1000px;
		}
		.one-achievement table{
			background:#E0ECFF;
			width:100%;
		}
		.one-achievement td{
			background:#fafafa;
			text-align:center;
			padding:2px;
		}
		.one-achievement td{
			background:#E0ECFF;
		}
		.one-achievement td.drop{
			background:#fafafa;
			width:100px;
		}
		.one-achievement td.over{
			background:#FBEC88;
		}
		.add{
			width: 100px;
			height: 30px;
		}
		</style>
	</head>
	<body>
		
		<div class="one-achievement" id="app">

				项目：<input type="text"  id="id" placeholder="请输入项目id"  />

			<button value="按钮" id="findAll" @click="onSubmit">查询</button>
	    <h1>单项成绩表</h1>
		<table v-for="(c1,c1z) in c1s.slice(0,1)" >
				<caption>比赛项目:{{c1.name}}</caption>
			<tr>
				<td>序号</td>
				<td>学院</td>
				<td>学生编号</td>
				<td>姓名</td>
				<td>项目排名</td>
				<td>分数</td>
				
			</tr>
			<tr v-for="(c2,c2z) in c1.sportsitems_people.slice(0,6)" >
			   <td class="drop">{{c2z+1}}</td>
			   <td class="drop">{{c2.sportsgroup.name}}</td>
			   <td class="drop">{{c2.pid}}</td>
			   <td class="drop">{{c2.name}}</td>
			   <td class="drop">{{c2z+1}}</td>
			   <td class="drop">{{c2.grade}}</td>
			  

			</tr>
			
		</table>
		</div>
		
	</body>
	
	<script>
	
		new Vue({
		    el: '#app',
		        data() {
		            return {
		                c1s: [],
						c11s: [],
		                listLoading:false,
		            }
		        },
		    created() {
		        this.ajax = new Ajax(this);
				// this.getSportsitems_peopleController()
				
		    },
		    methods: {
				
		        //通过ajax去请求服务端，获取数据
		       getSportsitems_peopleController() {
				   var id = $("#id").val();
				   let that = this;
				   let url = "SportsitemsController/findAllzhong3/"+id;
				   //调用Ajax的get方法
				   that.ajax.get(url, function (rs) {
				   	var index=new Array();
				   	for(var i=0;i<rs.length;i++){
				   		index[i] = rs[i]["sportsitems_people"]
				   		that.c11s=index;
						console.log(that.c11s)
				   	}
				       that.c1s = rs;
					   console.log(that.c1s)
				   });
		        },
				
				onSubmit() {
				    let that = this;
					that.getSportsitems_peopleController()
				},
				
		    }
		})
				
		   //     getSportsitems_peopleController3(){
		   //     	// $("#findAll").click(function(){
		   //     		// var id = $("#find").children("input[type=text]").eq(0).val();
		   //     		// axios.post('http://localhost:8199/SportsitemsController/findAllzhong3',{
		   //     		//     "id":1
		   //     		// }).then((msg)=> {
		   //     		// 	var c1s=new Array();
		   //     		// 	c1s = msg.data;
		   //     		// 	console.log(c1s)
		   //     		// }).catch(function (xhr,data) {
		   //     		//     console.log(xhr.status);
		   //     		// });
					
					// // var id = $("#find").children("input[type=text]").eq(0).val();
					// let that = this;
					// let url = "SportsitemsController/findAllzhong3/1";
					// // let url = "item/selectAll";
					// //调用Ajax的get方法
					// that.ajax.get(url, function (rs) {
					//     that.c1s = rs;
					// 	console.log(rs);
					// });
		       		
		   //     	// })
		   //     },
				
	

	</script>
	
</html>