Skip to content

P
PairProject

Joey0610 / PairProject
落后 Fork 源项目 1161 个版本

Fork自 Lyu- / PairProject

通知 4
Star 0
Fork 0
P
PairProject

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 a3674aa6 编写于 作者: aboutazhang's avatar aboutazhang
浏览文件
操作

221900239第九版：修改了页面的一些bug和细节

上级 1f3ee6d7
隐藏空白更改
内联 并排
Showing with 504 addition and 325 deletion
061900408_221900239/frontend/chinaSchedule.html
浏览文件 @ a3674aa6
......@@ -41,43 +41,75 @@
</ul>
</div>
<div>
<div class="scheduleSearch">
<form method=GET ACTION="" style="display:inline">
<select name="cars">
<option value="fiat" selected="selected">选择比赛日期</option>
<option value="0202">2月2日</option>
<option value="0203">2月3日</option>
<option value="0204">2月4日</option>
<option value="0205">2月2日</option>
<option value="0202">2月2日</option>
<option value="0202">2月2日</option>
<option value="0202">2月2日</option>
<option value="0202">2月2日</option>
<option value="0202">2月2日</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select>
<button type="submit"></button>
</form>
<form style="display:inline">
<select name="item">
<option value="fiat" selected="selected">选择比赛项目</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select>
<button type="submit"></button>
</form>
<form style="display:inline">
<select name="place">
<option value="fiat" selected="selected">选择比赛场馆</option>
<option value="audi">Audi</option>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select>
<button type="submit"></button>
</form>
</div>
<div class="scheduleSearch">
<form method=POST ACTION="" style="display:inline">
<select name="cars">
<option value="fiat" selected="selected">选择比赛日期</option>
<option value="0202">2月2日</option>
<option value="0203">2月3日</option>
<option value="0204">2月4日</option>
<option value="0205">2月5日</option>
<option value="0206">2月6日</option>
<option value="0207">2月7日</option>
<option value="0208">2月8日</option>
<option value="0209">2月9日</option>
<option value="0210">2月10日</option>
<option value="0211">2月11日</option>
<option value="0212">2月12日</option>
<option value="0213">2月13日</option>
<option value="0214">2月14日</option>
<option value="0215">2月15日</option>
<option value="0216">2月16日</option>
<option value="0217">2月17日</option>
<option value="0218">2月18日</option>
<option value="0219">2月19日</option>
<option value="0220">2月20日</option>
</select>
<button type="submit">查询</button>
</form>
<form style="display:inline">
<select name="item">
<option value="fiat" selected="selected">选择比赛项目</option>
<option value="audi">北欧两项</option>
<option value="volvo">冰壶</option>
<option value="saab">冰球</option>
<option value="audi">单板滑雪</option>
<option value="volvo">冬季两项</option>
<option value="saab">短道速滑</option>
<option value="audi">钢架雪车</option>
<option value="volvo">高山滑雪</option>
<option value="saab">花样滑冰</option>
<option value="audi">速度滑冰</option>
<option value="volvo">跳台滑雪</option>
<option value="saab">雪车</option>
<option value="audi">雪橇</option>
<option value="volvo">越野滑雪</option>
<option value="saab">自由式滑雪</option>
<option value="volvo">开幕式</option>
<option value="saab">闭幕式</option>
</select>
<button type="submit">查询</button>
</form>
<form style="display:inline">
<select name="place">
<option value="fiat" selected="selected">选择比赛场馆</option>
<option value="audi">国家体育场</option>
<option value="volvo">首钢滑雪大跳台</option>
<option value="saab">首都体育馆</option>
<option value="audi">国家游泳中心</option>
<option value="volvo">国家体育馆</option>
<option value="saab">国家速滑馆</option>
<option value="audi">五棵松体育中心</option>
<option value="volvo">国家高山滑雪中心</option>
<option value="saab">国家雪车雪橇中心</option>
<option value="audi">国家冬季两项中心</option>
<option value="volvo">国家越野滑雪中心</option>
<option value="saab">国家跳台滑雪中心</option>
<option value="audi">云顶滑雪公园</option>
</select>
<button type="submit">查询</button>
</form>
</div>
<div class="scheduleTime">
<ul id="dataList">
<li data-date ="0202">02月02日<br>周三</li>
......
061900408_221900239/frontend/itemSchedule.html 0 → 100644
浏览文件 @ a3674aa6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>每日赛程</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="mainBox">
<div class="navs">
<div class="navImage">
<img src="image/logo.png" />
<img src="image/北京冬奥会图标5(1).png" />
</div>
<div class="navMenu">
<ul>
<li ><a href="homepage.html">首页</a></li>
<li ><a href="medalsList.html">奖牌总榜</a></li>
<li><a href="schedules.html" class="selectedPage">赛程</a></li>
<li><a href="medalsMap.html">奖牌地图</a></li>
<li><a href="OlympicHistory.html">冬奥历史</a></li>
<li><a href="goldTime.html">金牌时刻</a></li>
</ul>
</div>
</div>
<div class="content" id="scheduleBox">
<div class="bottom">
<div class="imageBox">
<img src="image/dundun.png" wclassth="255px" height="256px"/>
</div>
</div>
<div class="outerBox">
<div class="scheduleInnerBox">
<div class="scheduleTitle">
<ul>
<li ><a href="schedules.html" class="selectedSchedule">日期赛程</a></li>
<li><a href="chinaSchedule.html">中国队赛程</a></li>
</ul>
</div>
<div>
<div class="scheduleSearch">
<form method=POST ACTION="" style="display:inline">
<select name="cars">
<option value="fiat" selected="selected">选择比赛日期</option>
<option value="0202">2月2日</option>
<option value="0203">2月3日</option>
<option value="0204">2月4日</option>
<option value="0205">2月5日</option>
<option value="0206">2月6日</option>
<option value="0207">2月7日</option>
<option value="0208">2月8日</option>
<option value="0209">2月9日</option>
<option value="0210">2月10日</option>
<option value="0211">2月11日</option>
<option value="0212">2月12日</option>
<option value="0213">2月13日</option>
<option value="0214">2月14日</option>
<option value="0215">2月15日</option>
<option value="0216">2月16日</option>
<option value="0217">2月17日</option>
<option value="0218">2月18日</option>
<option value="0219">2月19日</option>
<option value="0220">2月20日</option>
</select>
<button type="submit">查询</button>
</form>
<form method=GET ACTION='chinaSchedule.html' style="display:inline">
<select name="item">
<option value="fiat" selected="selected">选择比赛项目</option>
<option value="北欧两项">北欧两项</option>
<option value="volvo">冰壶</option>
<option value="saab">冰球</option>
<option value="audi">单板滑雪</option>
<option value="volvo">冬季两项</option>
<option value="saab">短道速滑</option>
<option value="audi">钢架雪车</option>
<option value="volvo">高山滑雪</option>
<option value="saab">花样滑冰</option>
<option value="audi">速度滑冰</option>
<option value="volvo">跳台滑雪</option>
<option value="saab">雪车</option>
<option value="audi">雪橇</option>
<option value="volvo">越野滑雪</option>
<option value="saab">自由式滑雪</option>
<option value="volvo">开幕式</option>
<option value="saab">闭幕式</option>
</select>
<button type="submit">查询</button>
</form>
<form style="display:inline">
<select name="place">
<option value="fiat" selected="selected">选择比赛场馆</option>
<option value="audi">国家体育场</option>
<option value="volvo">首钢滑雪大跳台</option>
<option value="saab">首都体育馆</option>
<option value="audi">国家游泳中心</option>
<option value="volvo">国家体育馆</option>
<option value="saab">国家速滑馆</option>
<option value="audi">五棵松体育中心</option>
<option value="volvo">国家高山滑雪中心</option>
<option value="saab">国家雪车雪橇中心</option>
<option value="audi">国家冬季两项中心</option>
<option value="volvo">国家越野滑雪中心</option>
<option value="saab">国家跳台滑雪中心</option>
<option value="audi">云顶滑雪公园</option>
</select>
<button type="submit">查询</button>
</form>
</div>
<div class="scheduleTime">
<ul id="dataList">
<li data-date ="0202" @click='getDateSchedule(data-date)'>02月02日<br>周三</li>
<li data-date = "0203">02月03日<br>周四</li>
<li data-date = "0204">02月04日<br>周五</li>
<li data-date = "0205">02月05日<br>周六</li>
<li data-date = "0206">02月06日<br>周日</li>
<li data-date = "0207">02月07日<br>周一</li>
<li data-date = "0208">02月08日<br>周二</li>
<li data-date = "0209">02月09日<br>周三</li>
<li data-date = "0210">02月10日<br>周四</li>
<li data-date = "0211">02月11日<br>周五</li>
<li data-date = "0212">02月12日<br>周六</li>
<li data-date = "0213">02月13日<br>周日</li>
<li data-date = "0214">02月14日<br>周一</li>
<li data-date = "0215">02月15日<br>周二</li>
<li data-date = "0216">02月16日<br>周三</li>
<li data-date = "0217">02月17日<br>周四</li>
<li data-date = "0218">02月18日<br>周五</li>
<li data-date = "0219">02月19日<br>周六</li>
<li data-date = "0220">02月20日<br>周日</li>
</ul>
</div>
<div class="box">
<div class="contentBox">
<table cellpadding="0" cellspacing="0">
<thead>
<tr class="tableTitle">
<th width="15%">时间</th>
<th width="15%">大项</th>
<th width="50%">比赛</th>
<th width="20%">场馆</th>
</tr>
</thead>
<tbody id="scheduleContentBox">
<tr v-for="li in list" style="display: table-row;">
<td>{{li.starttime}}</td>
<td>{{li.itemcodename}}</td>
<td>{{li.title}}</td>
<td>{{li.venuename}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div>
</div>
</div>
<div class="content">
</div>
</div>
<div class="footer">
<h3>友情链接</h3>
<p><a href="https://www.fzu.edu.cn/">福州大学</a></p>
<p><a href="https://ccds.fzu.edu.cn/">福州大学计算机与大数据学院/软件学院</a></p>
<p>版权声明：© 2022 061900408_221900239. 版权所有. 保留所有权利</p>
</div>
<script>
var request= XMLHttpRequest();
console.log(request.getParameter());
//date、place、item
let medalsList=new Vue({
el:"#scheduleBox",
data:{
list:[],
},
methods:{
getDateSchedule(dateArg){
var that=this;
axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/date_api", //接口地址
method:'get',
params:{
date:dateArg,
}
}).then(response=>{
console.log(response.data);
that.list=response.data.detaillist;
});
},
getItemSchedule(placeArg){
var that=this;
axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/date_api", //接口地址
method:'get',
params:{
place:placeArg,
}
}).then(response=>{
console.log(response.data);
that.list=response.data.detaillist;
});
},
getPlaceSchedule(itemArg){
var that=this;
axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/date_api", //接口地址
method:'get',
params:{
item:itemArg,
}
}).then(response=>{
console.log(response.data);
that.list=response.data.detaillist;
});
},
/*method: "POST",
dataType: "json",
contentType: 'application/json',
url: url,
data: data,
}).success(function (data) {
if (data.success) {
crId = data.data;
$scope.errMsg = "";
var url = "/xx.htm?id=" + id;
window.location.href = url
} else {
$scope.errMsg = data.message;
$scope.isDisabled = false;
$scope.errorCode = data.code;
$scope.trv.physics = data.data;
if(data.statusCode === -224){
var vms = data.data;
console.log("vms: " + vms);
$.redirect('/b.htm', {'vms': vms.toString(), 'resource': trv.resource, 'errMsg': $scope.errMsg});
}
}
}).error(function (data) {
alert(data);
$scope.isDisabled = false;
});*/
},
mounted(){
var that=request.getParameter();
console.log(that);
/* axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/date_api", //接口地址
method:'get',
params:{
date:"0202", //默认加载2月2日的数据
}
}).then(response=>{
console.log(response.data);
that.list=response.data.detaillist;
});*/
}
})
</script>
</body>
</html>
061900408_221900239/frontend/medalsMap.html
浏览文件 @ a3674aa6
......@@ -4,9 +4,10 @@
<meta charset="utf-8">
<title>奖牌地图</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/world.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/world.js"></script>
<script src="vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div class="mianbox">
......@@ -58,289 +59,127 @@
<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/world.js"></script>
<script>
var medal;
var mainBox=new Vue({
data(){
return {
medalData: []
}
},
mounted(){
var that=this;
axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/medal_api", //接口地址
method:'get',
}).then(response=>{
medalData = response.responBody.map(item => {
let medalData = {};
medalData.name = item.countryname;
medalData.value = item.total;
medalData.level=item.level;
medalData.gold = item.gold ;
medalData.silver = item.silver;
medalData.bronze= item.bronze ;
console.log(medalData.bronze+medalData.name)
return medalData
})
medal=medalData;
})
}
})
// 所有的脚本代码都写在script标签里
var chart_container = echarts.init(
document.getElementById('medalsMap'), 'white', {renderer: 'canvas'});
//定义一个名为option的变量，后面花括号内容代表我们需要作图的参数设置
var option_container = {
"series": [
{
// 图标类型为 地图
type : "map",
name : "test",
label : {
show : false,
position : "top",
},
mapType: "world", // 地图类型为 世界地图
// data里的每一个{}中，是一项数据整体，标明了该项数据的名称，值，以及颜色等参数。
data:medal,
itemStyle:{
emphasis: {// 也是选中样式
borderWidth:2,
borderColor:'#B0C4E2',
areaColor: '#f9fcff',
label: { show: false }
//定义一个名为option的变量，后面花括号内容代表我们需要作图的参数设置
const option={
"series": [
{
// 图标类型为 地图
type : "map",
name : "test",
label : {
show : false,
position : "top",
},
mapType: "world", // 地图类型为 世界地图
// data里的每一个{}中，是一项数据整体，标明了该项数据的名称，值，以及颜色等参数。
data:[],
itemStyle:{
emphasis: {// 也是选中样式
borderWidth:2,
borderColor:'#B0C4E2',
areaColor: '#f9fcff',
label: { show: false }
},
},
roam : false, //关闭鼠标缩放和平移漫游
//鼠标悬停时：
zoom : 1.2, //设置地图缩放大小
// 去除各个国家上的小红点
showLegendSymbol : false,
}
],
visualMap : {//视觉映射组件
top : 'bottom',
left : 'left',
min : 1,
max : 37,
textStyle : {
fontSize : 15,
fontWeight :900,
color : "#4c5d88",
},
text : ['高', '低'],
realtime : false, //拖拽时实时更新
calculable : true, //显示拖拽用的手柄
inRange : {
color : [ '#d4deeb', '#B0C4E2','#7c9ad9']
}
},
// 鼠标悬浮、单击产生的效果
tooltip : {
show : true,
trigger : "item",
triggerOn : "mousemove|click",
axisPointer : {
type : "line"
},
formatter: function(a) {
//medalData=params;
//var medal="";
//if(isNaN(medalData.total)){
// medal+=medalData.name+'<br/>金牌榜第'+medalData.level+'名<br/>金牌： {b}<img src="image/goldlogo.png" style="width:20px; vertical-align: middle;float:right;">,'
// medal+='<br/>银牌： {c}<img src="image/silverlogo.png" style="width:20px; vertical-align: middle;float:right"><br/>;'
// medal+='铜牌： {d}<img src="image/bronzelogo.png" style="width:20px; vertical-align: middle;float:right;">'
//}
//for (var i=0;i<medalData.length;i++){
// for (var j=0;j<medalData[i].data.length;j++){
//
// }
//}
console.log(a["data"]);
//return medal;
},
textStyle : {
fontSize : 15,
color : "#6B83C0",
},
},
roam : false, //关闭鼠标缩放和平移漫游
//鼠标悬停时：
zoom : 1.2, //设置地图缩放大小
// 去除各个国家上的小红点
showLegendSymbol : false,
}
],
visualMap : {//视觉映射组件
top : 'bottom',
left : 'left',
min : 1,
max : 37,
textStyle : {
fontSize : 15,
fontWeight :900,
color : "#4c5d88",
borderRadius :17,//边框圆角
padding : 12,
backgroundColor : "#f9fcff", //提示框浮层的背景颜色。
borderWidth : 2,
borderColor :"#aabeda",
}
}
var mainBox=new Vue({
el:"#medalsMap",
data(){
return {
medalData: []
}
},
text : ['高', '低'],
realtime : false, //拖拽时实时更新
calculable : true, //显示拖拽用的手柄
inRange : {
color : [ '#d4deeb', '#B0C4E2','#7c9ad9']
}
},
// 鼠标悬浮、单击产生的效果
tooltip : {
show : true,
trigger : "item",
triggerOn : "mousemove|click",
axisPointer : {
type : "line"
mounted(){
this.getData(); //从后端接口中获取数据
this.chart= echarts.init(
document.getElementById('medalsMap'), 'white', {renderer: 'canvas'});
this.chart.setOption(option);
this.chart.resize();
},
formatter: function(params) {
medalData=params;
var medal="";
//if(isNaN(medalData.total)){
medal+=medalData.name+'<br/>金牌榜第'+medalData.level+'名<br/>金牌： {b}<img src="image/goldlogo.png" style="width:20px; vertical-align: middle;float:right;">,'
// medal+='<br/>银牌： {c}<img src="image/silverlogo.png" style="width:20px; vertical-align: middle;float:right"><br/>;'
// medal+='铜牌： {d}<img src="image/bronzelogo.png" style="width:20px; vertical-align: middle;float:right;">'
//}
//for (var i=0;i<medalData.length;i++){
// for (var j=0;j<medalData[i].data.length;j++){
//
// }
//}
console.log(params);
return medal;
methods:{
getData(){
axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/medal_api", //接口地址
method:'get',
}).then(response=>{
this. medalData = response.data.medallist.map((item) => {
let medal =new Object();
medal.name = item.countryname;
medal.value = item.total;
medal.level=item.level;
medal.gold = item.gold ;
medal.silver = item.silver;
medal.bronze= item.bronze ;
return medal;
});
option.series[0].data=this.medalData;
this.chart.setOption(option);
});
},
},
/* formatter: function(params) {
var res = params.name+'<br/>';
var myseries = option.series;
for (var i = 0; i < myseries.length; i++) {
for(var j=0;j<myseries[i].data.length;j++){
if(myseries[i].data[j].name==params.name){
res+=myseries[i].name +' : '+myseries[i].data[j].value+'</br>';
}
}
}
return res;
}
————————————————
版权声明：本文为CSDN博主「GiScript」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/giscript/article/details/52162165*/
textStyle : {
fontSize : 15,
color : "#6B83C0",
},
borderRadius :17,//边框圆角
padding : 12,
backgroundColor : "#f9fcff", //提示框浮层的背景颜色。
borderWidth : 2,
borderColor :"#aabeda",
}
};
chart_container.setOption(option_container);
/*window.onresize = function () {
this.myChart.resize();
};*/
});
</script>
</body>
</html>
<body>
<div id="box" style="width: 800px; height: 800px;"></div>
<script>
// 初始化echarts实例
var myEcharts = echarts.init(document.getElementById("box"));
var option = {
title: { //标题样式
text: 'ECharts 中国地图',
x: "center",
textStyle: {
fontSize: 18,
color: "red"
},
},
visualMap: {//视觉映射组件
top: 'center',
left: 'left',
min: 10,
max: 500000,
text: ['High', 'Low'],
realtime: false, //拖拽时，是否实时更新
calculable: true, //是否显示拖拽用的手柄
inRange: {
color: ['lightskyblue', 'yellow', 'orangered']
}
},
series: [
{
name: '模拟数据',
type: 'map',
mapType: 'china',
roam: false,//是否开启鼠标缩放和平移漫游
itemStyle: {//地图区域的多边形 图形样式
normal: {//是图形在默认状态下的样式
label: {
show: true,//是否显示标签
textStyle: {
color: "black"
}
}
},
zoom: 1.5, //地图缩放比例,默认为1
emphasis: {//是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时
label: { show: true }
}
},
top: "3%",//组件距离容器的距离
}
]
};
// 使用刚指定的配置项和数据显示图表。
myEcharts.setOption(option);
/* data : [
{
name : "United States", value : 25,
},
{
"name": "Japan","value": 18,
},
{
"name": "France","value":14,
},
{
"name": "Italy","value": 17,
},
{
"name": "Canada","value":26,
},
{
"name": "United Kingdom","value": 2,
},
{
"name": "Spain","value": 1,
},
{
"name": "Holland","value": 17,
},
{
"name": "Belgium","value": 2,
} ,
{
"name": "Germany","value":27,
},
{
"name": "Australia","value": 4,
},
{
"name": "Switzerland","value": 3,
},
{
"name": "Poland","value": 1,"count":20,
},
{
"name": "Norway","value": 37,"count":20,
},
{
"name": "China","value": 15,"count":20,
},
{
"name": " Sweden","value": 18,"count":20,
},
{
"name": " Austria","value": 18,"count":20,
},
{
"name": " Switzerland","value": 14,"count":20,
},
{
"name": "Russia","value": 32,"count":20,
},
{
"name": "Canada","value": 26,"count":20,
},
{
"name": "Korea","value": 9,"count":20,
},
{
"name": "Slovenia","value": 9,"count":20,
},
{
"name": "Ukraine","value":1,"count":20,
},
{
"name": "Latvia","value":1,"count":20,
},
{
"name": "Estonia","value":1,"count":20,
},
{
"name": "Belarus","value":2,"count":20,
},
{
"name": "Czech Republic","value":2,"count":20,
},
{
"name": "Slovakia","value":2,"count":20,
},
{
"name": "Hungary","value":3,"count":20,
},
],*/
</script>
</body>
</body>
</html>
061900408_221900239/frontend/schedules.html
浏览文件 @ a3674aa6
......@@ -67,10 +67,10 @@
</select>
<button type="submit">查询</button>
</form>
<form style="display:inline">
<form method=GET ACTION='itemSchedule.html' style="display:inline">
<select name="item">
<option value="fiat" selected="selected">选择比赛项目</option>
<option value="audi">北欧两项</option>
<option value="北欧两项">北欧两项</option>
<option value="volvo">冰壶</option>
<option value="saab">冰球</option>
<option value="audi">单板滑雪</option>
......@@ -112,7 +112,7 @@
</div>
<div class="scheduleTime">
<ul id="dataList">
<li data-date ="0202">02月02日<br>周三</li>
<li data-date ="0202" @click='getDateSchedule(data-date)'>02月02日<br>周三</li>
<li data-date = "0203">02月03日<br>周四</li>
<li data-date = "0204">02月04日<br>周五</li>
<li data-date = "0205">02月05日<br>周六</li>
......@@ -179,8 +179,44 @@
list:[],
},
methods:{
getDateSchedule(){
getDateSchedule(dateArg){
var that=this;
axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/date_api", //接口地址
method:'get',
params:{
date:dateArg,
}
}).then(response=>{
console.log(response.data);
that.list=response.data.detaillist;
});
},
getItemSchedule(placeArg){
var that=this;
axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/date_api", //接口地址
method:'get',
params:{
place:placeArg,
}
}).then(response=>{
console.log(response.data);
that.list=response.data.detaillist;
});
},
getPlaceSchedule(itemArg){
var that=this;
axios({
url:"http://192.168.0.105:8080/pairProject_war_exploded/date_api", //接口地址
method:'get',
params:{
item:itemArg,
}
}).then(response=>{
console.log(response.data);
that.list=response.data.detaillist;
});
},
/*method: "POST",
dataType: "json",
......
061900408_221900239/frontend/style.css
浏览文件 @ a3674aa6
......@@ -146,9 +146,10 @@ body{
margin: 0 auto;
}
.scheduleInnerBox{
background-color: #DBE5F2;
background-color: #e6f0fd;
margin: 0 auto;
width: 97.8%;
padding-bottom: 20px;
border-radius: 20px;
}
.scheduleTime{
......@@ -171,6 +172,7 @@ body{
}
#scheduleContentBox{
text-align: center;
color: #1860dc;
}
.box{
width: 95%;
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或