@layout("/common/_container.html"){
|
<style type="text/css">
|
#stores{
|
width: 100%;
|
}
|
#stores td, #stores th{
|
border: 1px solid #eee;
|
text-align: center;
|
height: 40px;
|
line-height: 40px;
|
}
|
#stores td select, #stores td div, #stores td div input, #stores td input{
|
height: 100%;
|
width: 95%;
|
border: none;
|
text-indent: 10px;
|
}
|
.el-upload__input{
|
display: none !important;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal" id="userInfoForm">
|
<input type="hidden" id="id" value="${item.id}">
|
<input type="hidden" id="storeInfo", value='${stores}'>
|
<input type="hidden" id="page", value='edit'>
|
<div class="row">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*比赛名称：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="name" value="${item.name}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*开始时间：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="startTime" value="${startTime}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*结束时间：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="endTime" value="${endTime}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">报名截止时间：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="registrationClosingTime" value="${registrationClosingTime}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*报名年龄：</label>
|
<div class="col-sm-1">
|
<input class="form-control" id="startAge" type="number" min="0" value="${item.startAge}">
|
</div>
|
<label style="float: left;line-height: 35px;">岁至：</label>
|
<div class="col-sm-1">
|
<input class="form-control" id="endAge" type="number" min="0" value="${item.endAge}">
|
</div>
|
<label style="float: left;line-height: 35px;">岁</label>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*报名性别</label>
|
<div class="col-sm-3">
|
<select class="form-control" id="gender">
|
<option value="0" ${0 == item.gender ? 'selected' : ''}>全部</option>
|
<option value="1" ${1 == item.gender ? 'selected' : ''}>男</option>
|
<option value="2" ${2 == item.gender ? 'selected' : ''}>女</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*支付方式：</label>
|
<div class="col-sm-9" id="payType">
|
<input type="checkbox" item="free" value="0" ${null != item.cash || null != item.paiCoin || null != item.classHour ? '' : 'checked'}>免费
|
<input type="checkbox" item="cash" value="1" ${null == item.cash ? '' : 'checked'}>现金支付
|
<input type="checkbox" item="paiCoin" value="2" ${null == item.paiCoin ? '' : 'checked'}>玩湃币支付
|
<input type="checkbox" item="classHour" value="3" ${null == item.classHour ? '' : 'checked'}>课时支付
|
</div>
|
</div>
|
<div class="form-group cash" ${null == item.cash ? 'hidden' : ''}>
|
<label class="col-sm-3 control-label">*现金支付：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="cash" type="number" min="0" value="${item.cash}">
|
</div>
|
</div>
|
<div class="form-group paiCoin" ${null == item.paiCoin ? 'hidden' : ''}>
|
<label class="col-sm-3 control-label">*玩湃币支付：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="paiCoin" type="number" min="0" value="${item.paiCoin}">
|
</div>
|
</div>
|
<div class="form-group classHour" ${null == item.classHour ? 'hidden' : ''}>
|
<label class="col-sm-3 control-label">*课时支付：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="classHour" type="number" min="0" value="${item.classHour}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*报名人数：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="maxPeople" type="number" min="0" value="${item.maxPeople}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">基础报名人数：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="basePeople" type="number" min="0" value="${item.basePeople}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">参赛可获积分：</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="participationIntegral" type="number" min="0" value="${item.participationIntegral}">
|
</div>
|
<label style="float: left;line-height: 35px;">胜场可获积分</label>
|
<div class="col-sm-3">
|
<input class="form-control" id="winIntegral" type="number" min="0" value="${item.winIntegral}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*比赛地点：</label>
|
<div class="col-sm-7">
|
<input class="form-control" id="address" onchange="WorldCupInfo.searchByStationName(this,1)" value="${item.address}">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*坐标选择：</label>
|
<div class="col-sm-7">
|
<div id="container" style="height: 500px;" ></div>
|
</div>
|
<input type="hidden" id="longitude" value="${item.lon}"/>
|
<input type="hidden" id="latitude" value="${item.lat}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*参与赛点：</label>
|
<div class="col-sm-7">
|
<button onclick="WorldCupInfo.openStore()">选择门店</button>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label"></label>
|
<div class="col-sm-7">
|
<table id="stores">
|
<thead>
|
<tr>
|
<th>所在省市</th><th>所属运营商</th><th>门店名称</th><th>操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*赛事简介</label>
|
<div class="col-sm-7">
|
<textarea class="form-control" id="intro" style="height:200px">${item.intro}</textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label head-scu-label">*比赛封面图</label>
|
<div class="col-sm-2">
|
<div id="coverImgPreId">
|
<div><img width="100px" height="100px" src="${item.coverImg}"></div>
|
</div>
|
</div>
|
<div class="col-sm-1">
|
<div class="head-scu-btn upload-btn" id="coverImgBtnId">
|
<i class="fa fa-upload"></i> 文件上传
|
</div>
|
</div>
|
<input type="hidden" id="coverImg" value="${item.coverImg}"/>
|
<label class="col-sm-1 control-label">*首页默认背景图</label>
|
<div class="col-sm-2">
|
<div id="homeBackdropImgPreId">
|
<div><img width="100px" height="100px" src="${item.homeBackdropImg}"></div>
|
</div>
|
</div>
|
<div class="col-sm-1">
|
<div class="head-scu-btn upload-btn" id="homeBackdropImgBtnId">
|
<i class="fa fa-upload"></i> 文件上传
|
</div>
|
</div>
|
<input type="hidden" id="homeBackdropImg" value="${item.homeBackdropImg}"/>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label head-scu-label"></label>
|
<div class="col-sm-2">
|
<span style="color:red;">推荐尺寸：210px * 280px</span>
|
</div>
|
</div>
|
<div class="row" id="app1">
|
<div class="form-group">
|
<label class="col-sm-3 control-label head-scu-label">*比赛图片(请上传不超过五张图片): </label>
|
<div class="col-sm-7">
|
<el-upload
|
:limit="5"
|
class="avatar-uploader"
|
action="/tCouponManage/uploadPic"
|
list-type="picture-card"
|
accept="."
|
:file-list="imageUrl2"
|
:on-success="handleAvatarSuccess"
|
:on-remove="handleRemove">
|
<i class="el-icon-plus"></i>
|
</el-upload>
|
<el-dialog :visible.sync="dialogVisible">
|
<img width="100%" :src="imageUrl1" alt="">
|
</el-dialog>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label head-scu-label"></label>
|
<div class="col-sm-2">
|
<span style="color:red;">推荐尺寸：780px * 440px</span>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*比赛详情</label>
|
<div class="col-sm-7" style="padding: 0px;">
|
<textarea id="content" style="height: 800px;width: 100%;">${item.content}</textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10">
|
<#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="WorldCupInfo.editSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="WorldCupInfo.close()"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=77b37f0753049c4e712ea79a24e0719c"></script>
|
<script src="${ctxPath}/modular/system/worldCup/worldCup_info.js"></script>
|
<script src="${ctxPath}/js/vue/vue.js"></script>
|
<script src="${ctxPath}/js/elementui/index.js"></script>
|
<link rel="stylesheet" href="${ctxPath}/js/elementui/index.css">
|
<script>
|
laydate.render({
|
elem: '#startTime'
|
});
|
laydate.render({
|
elem: '#endTime'
|
});
|
laydate.render({
|
elem: '#registrationClosingTime'
|
});
|
|
|
|
let id = '${item.infoImg}'
|
let obj = []
|
|
var vue2 = new Vue({
|
el: '#app1',
|
props: {
|
// 数量限制
|
limit: {
|
type: Number,
|
default: 2
|
},
|
},
|
data: {
|
autoUpload: true,//自动上传
|
imageUrl1: '',//模型数据，用于上传图片完成后图片预览
|
imageUrl2: JSON.parse(id),
|
dialogVisible: false
|
},
|
methods: {
|
handleAvatarSuccess(res, file) {
|
WorldCupInfo.goodsPicArray1.push({
|
'name': file.name,
|
'uuid': file.uuid,
|
'url': file.response
|
});
|
},
|
changeImg(){
|
var i = id.split(",")
|
for (let j = 0; j <i.length; j++) {
|
let obj={
|
name:i[j],
|
uuid:i[j],
|
url:i[j],
|
}
|
this.imageUrl2.push(obj)
|
|
}
|
},
|
beforeAvatarUpload(file) {
|
const isLt2M = file.size / 1024 / 1024 < 10;
|
if (!isLt2M) {
|
this.$message.error('上传图片大小不能超过 10MB!');
|
}
|
return isLt2M;
|
},
|
handleRemove(file, fileList) {
|
WorldCupInfo.goodsPicArray1 = WorldCupInfo.goodsPicArray1.filter(item => {
|
return item.uid != file.uid;
|
});
|
},
|
},
|
created() {
|
// this.changeImg()
|
WorldCupInfo.goodsPicArray1 = this.imageUrl2
|
},
|
});
|
|
</script>
|
@}
|
