| @@ -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(() => { | ||||