@@ -1,21 +1,22 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-sticky> | |||||
<van-nav-bar | <van-nav-bar | ||||
title="网上家园" | title="网上家园" | ||||
> | > | ||||
<template #left> | <template #left> | ||||
<van-icon name="location" color="3A80FB" size="16"/> | <van-icon name="location" color="3A80FB" size="16"/> | ||||
<p style="color: #878787;margin-left: 5px">柳沟村</p> | |||||
<p style="color: #878787;margin-left: 5px">{{deptName}}</p> | |||||
</template> | </template> | ||||
<template #right> | <template #right> | ||||
<van-icon name="wap-nav" color="#000" size="18"/> | <van-icon name="wap-nav" color="#000" size="18"/> | ||||
</template> | </template> | ||||
</van-nav-bar> | </van-nav-bar> | ||||
</van-sticky> | |||||
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:120px;border-radius: 6px;"> | <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:120px;border-radius: 6px;"> | ||||
<van-swipe-item>1</van-swipe-item> | |||||
<van-swipe-item>2</van-swipe-item> | |||||
<van-swipe-item>3</van-swipe-item> | |||||
<van-swipe-item>4</van-swipe-item> | |||||
<van-swipe-item v-for="(image,index) in images" :key="index"> | |||||
<img :src="image" style="width:100%;height: 120px"/> | |||||
</van-swipe-item> | |||||
</van-swipe> | </van-swipe> | ||||
<van-row style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); min-height: 100px;background: #fff;"> | <van-row style="margin:2%;width:96%;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); min-height: 100px;background: #fff;"> | ||||
<van-cell style="border-radius: 6px;"> | <van-cell style="border-radius: 6px;"> | ||||
@@ -357,6 +358,7 @@ | |||||
<script> | <script> | ||||
import onlineHomeIndex from "../onlineHomeIndex"; | import onlineHomeIndex from "../onlineHomeIndex"; | ||||
import {getInfo} from "../../api/login"; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
onlineHomeIndex | onlineHomeIndex | ||||
@@ -365,9 +367,16 @@ | |||||
data() { | data() { | ||||
return { | return { | ||||
list1: [], | list1: [], | ||||
images:['../../../static/images/onlineHome/tab.jpg'], | |||||
deptName:"", | |||||
}; | }; | ||||
}, | }, | ||||
created() { | |||||
getInfo().then(response => { | |||||
this.deptName = response.user.dept.deptName | |||||
}); | |||||
}, | |||||
} | } | ||||
</script> | </script> | ||||
@@ -377,7 +386,6 @@ | |||||
font-size: 20px; | font-size: 20px; | ||||
line-height: 144px; | line-height: 144px; | ||||
text-align: center; | text-align: center; | ||||
background-color: #39a9ed; | |||||
} | } | ||||
>>>.van-grid-item__content{ | >>>.van-grid-item__content{ | ||||
padding:0.213333rem; | padding:0.213333rem; | ||||
@@ -9,17 +9,15 @@ | |||||
<van-form style="margin:50px 0;" v-if="!showMessage"> | <van-form style="margin:50px 0;" v-if="!showMessage"> | ||||
<van-field | <van-field | ||||
v-model="formData.username" | v-model="formData.username" | ||||
name="请输入手机号" | |||||
placeholder="请输入手机号" | |||||
:rules="[{ required: true, message: '请填写手机号' }]" | |||||
placeholder="请输入手机号/账号" | |||||
:rules="[{ required: true, message:'' }]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
v-model="formData.password" | v-model="formData.password" | ||||
type="password" | type="password" | ||||
name="请输入密码" | |||||
style="margin-top: 20px" | style="margin-top: 20px" | ||||
placeholder="请输入密码" | placeholder="请输入密码" | ||||
:rules="[{ required: true, message: '请填写密码' }]" | |||||
:rules="[{ required: true, message:'' }]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
v-model="formData.code" | v-model="formData.code" | ||||
@@ -43,7 +41,7 @@ | |||||
v-model="formData.mobile" | v-model="formData.mobile" | ||||
name="请输入手机号" | name="请输入手机号" | ||||
placeholder="请输入手机号" | placeholder="请输入手机号" | ||||
:rules="[{ required: true, message: '请填写用户名' }]" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
v-model="formData.code" | v-model="formData.code" | ||||
@@ -97,7 +95,6 @@ | |||||
</van-field> | </van-field> | ||||
<van-field | <van-field | ||||
v-model="formData.smsCode" | v-model="formData.smsCode" | ||||
name="请输入验证码" | |||||
style="margin-top: 20px" | style="margin-top: 20px" | ||||
placeholder="请输入验证码" | placeholder="请输入验证码" | ||||
:rules="[{ required: true, message: '请填写验证码' }]" | :rules="[{ required: true, message: '请填写验证码' }]" | ||||
@@ -108,7 +105,7 @@ | |||||
computeTime > 0 ? `(${computeTime}s)已发送` : "获取短信码" | computeTime > 0 ? `(${computeTime}s)已发送` : "获取短信码" | ||||
}}</div> | }}</div> | ||||
</template> | </template> | ||||
</van-field> | </van-field> | ||||
<div style="margin: 50px 16px 16px;"> | <div style="margin: 50px 16px 16px;"> | ||||
@@ -190,7 +187,7 @@ | |||||
.registerSmsBtn{ | .registerSmsBtn{ | ||||
color: rgb(29, 111, 233); | color: rgb(29, 111, 233); | ||||
font-size: 0.34rem; | font-size: 0.34rem; | ||||
} | } | ||||
</style> | </style> | ||||
<script> | <script> | ||||
@@ -374,7 +371,7 @@ export default { | |||||
} | } | ||||
}, | }, | ||||
registerSubmit(){ | registerSubmit(){ | ||||
//注册 | //注册 | ||||
if (this.formData.memberName == "") { | if (this.formData.memberName == "") { | ||||
this.$dialog.alert({ | this.$dialog.alert({ | ||||
@@ -403,7 +400,7 @@ export default { | |||||
if(res.code == 200){ | if(res.code == 200){ | ||||
registerOn(this.formData).then((res)=>{ | registerOn(this.formData).then((res)=>{ | ||||
if(res.code == 200){ | if(res.code == 200){ | ||||
// | |||||
// | |||||
this.$dialog.alert({ | this.$dialog.alert({ | ||||
message: '您的初始密码:'+res.password, | message: '您的初始密码:'+res.password, | ||||
}).then(() => { | }).then(() => { | ||||