235 lines
11 KiB
HTML
235 lines
11 KiB
HTML
<!--#
|
|
layout("/layouts/mobile/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
|
|
html, body {
|
|
height: 100%;
|
|
width: 100%;
|
|
background: url(/assets/platform/img/back/jsz.jpg) no-repeat;
|
|
background-position: center center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.content {
|
|
height: 50vh;
|
|
width: 90%;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
margin: auto;
|
|
}
|
|
|
|
.parm_v {
|
|
height: 300px;
|
|
width: 100%;
|
|
position: absolute;
|
|
width: 100%;
|
|
margin: auto;
|
|
}
|
|
|
|
.input_v {
|
|
border: none;
|
|
width: 100%;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.van-cell:not(:last-child)::after {
|
|
border: none;
|
|
}
|
|
|
|
.van-field {
|
|
padding: 0;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
/*border-bottom: 1px rgb(230, 230, 230) solid !important;*/
|
|
}
|
|
|
|
.bottom_v {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.v-row {
|
|
margin-bottom: 10px;
|
|
background-color: rgba(255, 255, 255, .95);
|
|
border-radius: 5px;
|
|
padding: 10px 15px;
|
|
}
|
|
|
|
.parm-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
border-bottom: 1px rgb(230, 230, 230) solid !important;
|
|
transition: all 500ms;
|
|
}
|
|
|
|
.parm-item-icon {
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.parm-item-field {
|
|
height: 40px;
|
|
width: calc(100% - 40px);
|
|
}
|
|
|
|
.parm-item-field .van-cell {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.caution {
|
|
border-bottom: 1px tomato solid !important;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
document.title = "南航教工健身行"
|
|
</script>
|
|
|
|
|
|
<div id="app" v-cloak>
|
|
<div class="content">
|
|
<div class="parm_v">
|
|
<van-row class="v-row">
|
|
<div :class="'parm-item '+(usernameCaution?'caution':'')">
|
|
<div class="parm-item-icon">
|
|
<svg t="1592742719420" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg" p-id="2146" width="16" height="16">
|
|
<path d="M621.8 601.2c86.8-49.5 146.1-141.9 146.1-249 0-158.9-128.8-287.7-287.7-287.7S192.5 193.3 192.5 352.2c0 107.1 59.2 199.5 146.1 249-150 54.5-259.7 192.7-272.3 358.3h63.9c16.2-178.9 166.9-319.6 350-319.6s333.8 140.7 350 319.6h63.9c-12.6-165.6-122.3-303.8-272.3-358.3z m-365.4-249c0-123.4 100.4-223.7 223.8-223.7S704 228.8 704 352.2 603.6 575.9 480.2 575.9 256.4 475.6 256.4 352.2z"
|
|
p-id="2147" fill="#8a8a8a"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="parm-item-field">
|
|
<van-field @input="(v)=>{this.usernameCaution=v?false:true}" v-model="formData.username"
|
|
maxlength="30" type="text" placeholder="输入姓名"
|
|
clearable></van-field>
|
|
</div>
|
|
</div>
|
|
</van-row>
|
|
|
|
<van-row class="v-row">
|
|
<div :class="'parm-item '+(loginnameCaution?'caution':'')">
|
|
<div class="parm-item-icon">
|
|
<svg t="1600915192607" class="icon" viewBox="0 0 1092 1024" version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg" p-id="2755" width="16" height="16">
|
|
<path d="M955.733333 204.8h-273.066666V102.4C682.666667 47.786667 634.88 0 580.266667 0h-68.266667C457.386667 0 409.6 47.786667 409.6 102.4V204.8H136.533333C61.44 204.8 0 266.24 0 341.333333v546.133334c0 75.093333 61.44 136.533333 136.533333 136.533333h819.2c75.093333 0 136.533333-61.44 136.533334-136.533333V341.333333c0-75.093333-61.44-136.533333-136.533334-136.533333zM477.866667 102.4c0-20.48 13.653333-34.133333 34.133333-34.133333h68.266667c20.48 0 34.133333 13.653333 34.133333 34.133333v204.8c0 20.48-13.653333 34.133333-34.133333 34.133333h-68.266667c-20.48 0-34.133333-13.653333-34.133333-34.133333v-204.8zM1024 887.466667c0 40.96-27.306667 68.266667-68.266667 68.266666H136.533333c-40.96 0-68.266667-27.306667-68.266666-68.266666V341.333333c0-40.96 27.306667-68.266667 68.266666-68.266666h273.066667v34.133333C409.6 361.813333 457.386667 409.6 512 409.6h68.266667c54.613333 0 102.4-47.786667 102.4-102.4V273.066667h273.066666c40.96 0 68.266667 27.306667 68.266667 68.266666v546.133334z"
|
|
p-id="2756" fill="#8a8a8a"></path>
|
|
<path d="M785.066667 546.133333h-477.866667c-20.48 0-34.133333 13.653333-34.133333 34.133334s13.653333 34.133333 34.133333 34.133333h477.866667c20.48 0 34.133333-13.653333 34.133333-34.133333s-13.653333-34.133333-34.133333-34.133334zM785.066667 750.933333h-477.866667c-20.48 0-34.133333 13.653333-34.133333 34.133334s13.653333 34.133333 34.133333 34.133333h477.866667c20.48 0 34.133333-13.653333 34.133333-34.133333s-13.653333-34.133333-34.133333-34.133334z"
|
|
p-id="2757" fill="#8a8a8a"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="parm-item-field">
|
|
<van-field @input="(v)=>{this.loginnameCaution=v?false:true}" v-model="formData.loginname"
|
|
maxlength="30"
|
|
placeholder="输入工号"
|
|
clearable></van-field>
|
|
</div>
|
|
</div>
|
|
</van-row>
|
|
|
|
<van-row class="v-row">
|
|
<div :class="'parm-item '+(campusCaution?'caution':'')">
|
|
<div class="parm-item-icon">
|
|
<svg t="1600915714276" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
|
xmlns="http://www.w3.org/2000/svg" p-id="4208" width="16" height="16">
|
|
<path d="M989.090909 907.636364H954.181818V370.036364c0-30.254545-25.6-55.854545-58.181818-55.854546h-132.654545v-39.563636c0-6.981818 0-25.6-102.4-121.018182-104.727273-97.745455-128-97.745455-137.309091-97.745455-9.309091 0-32.581818 0-141.963637 95.418182-107.054545 95.418182-107.054545 111.709091-107.054545 121.018182v39.563636H146.618182c-32.581818 0-58.181818 25.6-58.181818 55.854546V907.636364H37.236364c-13.963636 0-25.6 11.636364-25.6 25.6 0 13.963636 11.636364 25.6 25.6 25.6l954.181818-2.327273c13.963636 0 25.6-11.636364 25.6-25.6s-13.963636-23.272727-27.927273-23.272727z m-95.418182-542.254546c4.654545 0 6.981818 2.327273 6.981818 4.654546V907.636364h-139.636363V365.381818h132.654545zM414.254545 190.836364c58.181818-51.2 93.090909-76.8 107.054546-81.454546 32.581818 13.963636 169.890909 139.636364 190.836364 172.218182V907.636364h-44.218182v-179.2c0-55.854545-46.545455-100.072727-104.727273-100.072728h-86.109091C418.909091 628.363636 372.363636 672.581818 372.363636 728.436364V907.636364h-51.2V281.6c9.309091-11.636364 44.218182-48.872727 93.090909-90.763636zM616.727273 907.636364h-195.490909v-181.527273c0-27.927273 25.6-48.872727 55.854545-48.872727h86.109091c30.254545 0 55.854545 20.945455 55.854545 48.872727V907.636364zM137.309091 370.036364c0-2.327273 2.327273-4.654545 6.981818-4.654546h125.672727V907.636364H134.981818V370.036364z"
|
|
p-id="4209" fill="#8a8a8a"></path>
|
|
<path d="M397.963636 463.127273h225.745455c13.963636 0 25.6-11.636364 25.6-25.6 0-13.963636-11.636364-25.6-25.6-25.6h-225.745455c-13.963636 0-25.6 11.636364-25.6 25.6 2.327273 13.963636 11.636364 25.6 25.6 25.6zM397.963636 558.545455h225.745455c13.963636 0 25.6-11.636364 25.6-25.6s-11.636364-25.6-25.6-25.6h-225.745455c-13.963636 0-25.6 11.636364-25.6 25.6s11.636364 25.6 25.6 25.6zM397.963636 365.381818h225.745455c13.963636 0 25.6-11.636364 25.6-25.6s-11.636364-25.6-25.6-25.6h-225.745455c-13.963636 0-25.6 11.636364-25.6 25.6s11.636364 25.6 25.6 25.6z"
|
|
p-id="4210" fill="#8a8a8a"></path>
|
|
</svg>
|
|
</div>
|
|
<div class="parm-item-field">
|
|
<van-field
|
|
@input="(v)=>{this.campusCaution=v?false:true}"
|
|
readonly
|
|
clickable
|
|
name="picker"
|
|
:value="formData.campus"
|
|
placeholder="点击选择校区"
|
|
@click="showPicker = true" clearable
|
|
></van-field>
|
|
<van-popup v-model="showPicker" position="bottom">
|
|
<van-picker
|
|
show-toolbar
|
|
:columns="campusOptions"
|
|
@confirm="onConfirm"
|
|
@cancel="showPicker = false"
|
|
></van-picker>
|
|
</van-popup>
|
|
</div>
|
|
</div>
|
|
</van-row>
|
|
|
|
<van-row class="v-row" style="margin-top: 30px;background-color: transparent">
|
|
<van-button :loading="loading" size="large" color="linear-gradient(to right,#2b97d7,#8bc4ff)"
|
|
@click="doSubmit">提 交
|
|
</van-button>
|
|
</van-row>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
campusOptions: ['明故宫校区', '将军路校区', '天目湖校区'],
|
|
formData: {},
|
|
showPicker: false,
|
|
loginnameCaution: false,
|
|
usernameCaution: false,
|
|
campusCaution: false,
|
|
}
|
|
},
|
|
methods: {
|
|
onConfirm(value) {
|
|
this.campusCaution = false
|
|
this.formData.campus = value;
|
|
this.showPicker = false;
|
|
},
|
|
async doSubmit() {
|
|
this.usernameCaution = this.formData.username ? false : true
|
|
this.loginnameCaution = this.formData.loginname ? false : true
|
|
this.campusCaution = this.formData.campus ? false : true
|
|
|
|
if (this.usernameCaution || this.loginnameCaution || this.campusCaution) {
|
|
return
|
|
}
|
|
|
|
this.$toast.loading({
|
|
message: '正在提交...',
|
|
forbidClick: true,
|
|
});
|
|
|
|
const {code, data, msg} = await $.post("/jsz/fillcheck/doSubmit", this.formData)
|
|
|
|
if (code == 0) {
|
|
this.formData = {}
|
|
this.$toast.success(msg);
|
|
} else {
|
|
this.$toast.fail(msg);
|
|
}
|
|
|
|
},
|
|
},
|
|
async created() {
|
|
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |