weiyong
/
201912G01


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
							<!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>
		<link rel="stylesheet" href="css/demo.css">
		<script src="js/other.js"></script>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<style type="text/css">
		.match-achievement{
			margin: 50px 50px;
			width:1000px;
		}
		.match-achievement table{
			background:#E0ECFF;
			width:100%;
		}
		.match-achievement td{
			background:#fafafa;
			text-align:center;
			padding:2px;
		}
		.match-achievement td{
			background:#E0ECFF;
		}
		.match-achievement td.drop{
			background:#fafafa;
			width:100px;
		}
		.match-achievement td.over{
			background:#FBEC88;
		}
		.item{
			text-align:center;
			border:1px solid #499B33;
			background:#fafafa;
			width:100px;
		}
		.assigned{
			border:1px solid #BC2A4D;
		}
		.add{
			width: 100px;
			height: 30px;
		}
		a{
			text-decoration: none;
			color: #000000;
		}
		a:hover{
			color: #CC2222;
		}
		</style>
	</head>
	<body style="width: 70%;">
		<div id="app">
		<div class="match-achievement" >
	    <h1>参赛队成绩表</h1>
		
		<table class="tab" >
		    <tr>
				<td>
				<a href="#" class="easyui-linkbutton"
				   data-options="iconCls:'icon-add'" id="add">新增
				</a>
				<a href="#" class="easyui-linkbutton"
				   data-options="iconCls:'icon-edit'" id="edit">编辑
				</a>
				<a href="#" class="easyui-linkbutton"
				   data-options="iconCls:'icon-cancel'" id="del">删除
				</a>
				</td>
		        <td>序号</td>
		        <td>组名</td>
		        <td>总分</td>
		        
		    </tr>
		    <tr tr v-for="c1 in c1s">
		        <td class="drop"><input type="checkbox"></td>
		        <td class="drop">{{c1.id}}</td>
		        <td class="drop">{{c1.name}}</td>
		        <td class="drop">{{c1.gg}}</td>
		    </tr>
		    
		</table>
		</div>
		<!--输入框-->
		<div class="inp">
		    <h3>新增焦点图</h3>
		    <form  method="post">
		        id:<input id="addid" type="text" name="id"><br>
		        组名:<input id="addname" type="text" name="title"><br>
		        总分:<input id="addgg" type="text" name="sotr"><br>
				
		       
		    </form>
			 <button value="按钮" id="findAll" @click="onSubmit1">添加</button>
		</div>
		<div class="editinp">
		    <h3>编辑 </h3>
			
		    <form  method="post">
		        id:<input id="gaiid" type="text" name="id"><br>
		        组名:<input id="gainame" type="text" name="title"><br>
		        分数:<input id="gaigg" type="text" name="sotr"><br>
				
		        
		    </form>
			<button value="按钮" id="findAll2" @click="onSubmit2">加分</button>
			<button value="按钮" id="findAll3" @click="onSubmit3">减分</button>
		</div>
		<div class="delinp">
		    <h3>删除 </h3>
		    <form  method="post">
		        id: <input type="text" id="shanid" name="id"><br>
				
				
		    </form>
			<button value="按钮" id="findAll3" @click="onSubmit4">删除</button>
		</div>
		</div>
	</body>
	
	<script>
		
		new Vue({
		    el: '#app',
		        data() {
		            return {
		                c1s: [],
		                listLoading:false,
		            }
		        },
		    created() {
		        this.ajax = new Ajax(this);
				this.getSportsitems_peopleController()
				
		    },
		    methods: {
				
		        //通过ajax去请求服务端，获取数据
		       getSportsitems_peopleController() {
				   let that = this;
				   let url = "SportsgroupController/findAll";
				   //调用Ajax的get方法
				   that.ajax.get(url, function (rs) {
				       that.c1s = rs;
					   console.log(that.c1s)
				   });
		        },
				
				//通过ajax去请求服务端，获取数据
				getSportsitems_peopleController1() {
				   var id2 =$("#addid").val();
				   // $("#group").children("option:checked").text();
				   var name2 = $("#addname").val();
				   var gg2 = $("#addgg").val();
				   
				   
				   axios.post('http://localhost:8199/SportsgroupController/save', {
					   id: id2,
					   name: name2,
					   gg : gg2
				   }).then(function (response) {
					   location.reload();
					   console.log(response);
				   }).catch(function (error) {
					   console.log(error);
				   });
				   
								   
								 
								   
				 },
								
				getSportsitems_peopleController2() {
				   var id2 =$("#gaiid").val();
				   // $("#group").children("option:checked").text();
				   var name2 = $("#gainame").val();
				   var gg2 = $("#gaigg").val();
				   
				   
				   axios.post('http://localhost:8199/SportsgroupController/updatejia', {
					   id: id2,
					   name: name2,
					   gg : gg2
				   }).then(function (response) {
					   location.reload();
					   console.log(response);
				   }).catch(function (error) {
					   console.log(error);
				   });
								   
				 },
								 
				 getSportsitems_peopleController3() {
					var id2 =$("#gaiid").val();
					// $("#group").children("option:checked").text();
					var name2 = $("#gainame").val();
					var gg2 = $("#gaigg").val();
					
					
					axios.post('http://localhost:8199/SportsgroupController/updatejian', {
					   id: id2,
					   gg : gg2
					}).then(function (response) {
						location.reload();
					   console.log(response);
					}).catch(function (error) {
					   console.log(error);
					});
								   
				  },
				  
				  getSportsitems_peopleController4() {
					 var id2 =$("#shanid").val();
					 // $("#group").children("option:checked").text();
					 
					 axios.post('http://localhost:8199/SportsgroupController/delete', {
					   id: id2,
					 }).then(function (response) {
						 location.reload();
					   console.log(response);
					 }).catch(function (error) {
					   console.log(error);
					 });
								   
				   },
				
				onSubmit1() {
					let that = this;
					that.getSportsitems_peopleController1()
				},
				onSubmit2() {
					let that = this;
					that.getSportsitems_peopleController2();
					
				},
				
				onSubmit3() {
					let that = this;
					that.getSportsitems_peopleController3()
				},
				onSubmit4() {
					let that = this;
					that.getSportsitems_peopleController4()
				},
								
				
				
		    }
		})
		
	</script>
</html>