Переглянути джерело

静态页面完善

master
corala 2 роки тому
джерело
коміт
296c487cbc
13 змінених файлів з 556 додано та 167 видалено
  1. +5
    -2
      .env.development
  2. +65
    -15
      src/App.vue
  3. +121
    -3
      src/common/http.api.js
  4. +5
    -5
      src/common/http.interceptor.js
  5. +7
    -2
      src/manifest.json
  6. +18
    -10
      src/pages.json
  7. +0
    -0
      src/pages/otherPage/companywarReport.vue
  8. +0
    -53
      src/pages/otherPage/login.vue
  9. +77
    -8
      src/pages/otherPage/rent.vue
  10. +67
    -22
      src/pages/otherPage/rentDetail.vue
  11. +6
    -1
      src/pages/tabs/customer.vue
  12. +13
    -46
      src/pages/tabs/index.vue
  13. +172
    -0
      src/pages/tabs/login.vue

+ 5
- 2
.env.development Переглянути файл

@@ -1,3 +1,6 @@
VUE_APP_MODE=development
VUE_APP_SERVER=https://xingao.quhouse.com
URL1=https://xingao.quhouse.com-----星奥正式
VUE_APP_SERVER=http://114.215.78.198:8081
url=https://wzx.2weisou.com //404
url=https://erpx.2weisou.com/sjjy
url=http://114.215.78.198:8081/sjjy
url=https://erpx.2weisou.com //404

+ 65
- 15
src/App.vue Переглянути файл

@@ -1,22 +1,72 @@
<script>
export default {
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
methods: {
},
onHide: function() {
console.log('App Hide')
}
}
export default {
globalData: {
shareTicket: "",
openGid: "",
},
onLaunch: function() {
},
onShow: function(options) {
let that = this;
if (options && options.scene == 1044) {
that.globalData.shareTicket = options.shareTicket;
that.getShareTiket()
}
console.log(options)
console.log(JSON.stringify(options));
},
methods: {
getShareTiket: function(cb) {
let that = this;
// 展示本地存储能力
if (that.globalData.shareTicket) {
wx.getShareInfo({
shareTicket: that.globalData.shareTicket,
success: function(res) {
console.log(res)
let js_encryptedData = res.encryptedData;
let js_iv = res.iv;
// wx.login({
// success: function(res) {
// let js_code = res.code;
// console.log("code-->" + js_code);
// wx.request({
// url: "xxxxxxxx",
// method: "POST",
// data: {
// code: js_code,
// appId: "xxxxx",
// encryptedData: js_encryptedData,
// iv: js_iv,
// },
// success: function(res) {
// that.globalData.openGid = res.data.openGId;
// console.log("openGid:" + that.globalData.openGid
// );
// typeof cb == "function" && cb(that.globalData);
// },
// fail: function(err) {
// console.log("getShareTiket---err" + JSON.stringify(err));
// }
// });
// },
// });
},
});
} else {
console.log("不存在shareTicket");
}
},
},
onHide: function() {
console.log("App Hide");
},
};
</script>
<style lang="scss">
@import "uview-ui/index.scss";
@import "common/common.scss";
/*每个页面公共css */
/*每个页面公共css */
</style>

+ 121
- 3
src/common/http.api.js Переглянути файл

@@ -1,11 +1,129 @@
let exchangepageurl = '/box/b/exchange/page' // b端盲盒核销记录
let loginurl = '/appLogin/login.do' //登录
let companyReporturl = '/appReport/companyReport.do' //公司战报
let agentRankingurl = '/appReport/agentRanking.do' //经纪人排名
let departmentReporturl = '/appReport/departmentReport.do' //公司战报(部门)
let groupRankingurl = '/appReport/groupRanking.do' //组排名(首页)
let personReporturl = '/appReport/personReport.do' //公司战报(人员)
let addressBookurl = '/appPerson/addressBook.do' //员工通讯录(人员)
let roomListurl = '/appHouse/roomList.do' //出租房源列表
let regionurl = '/appHouse/region.do' //出租房区域、户型、价格、房型查询
let getRoomTypeurl = '/appHouse/getRoomType.do' //房型列表查询
let roomPictureListurl = '/appHouse/roomPictureList.do' //出租房源图片列表
let areaRegionurl = '/appHouse/areaRegion.do' //出租房片区查询
let depositurl = '/appHouse/deposit.do' //出租房源收定
let customerFindurl = '/appCustomer/customerFind.do' //客户列表
let customerViewurl = '/appCustomer/customerView.do' //客户带看录入
let customerAddurl = '/appCustomer/customerAdd.do' //客户录入
let customerViewHistoryurl = '/appCustomer/customerViewHistory.do' //客源带看记录
let getChannelurl = '/appCustomer/getChannel.do' //客源渠道列表
let housecustomerViewHistoryurl = '/appHouse/customerViewHistory.do' //带看历史
let intermediaryurl = '/appMediacy/intermediary.do' //居间查询
let getFollowTypeurl = '/appMediacy/getFollowType.do' //居间跟进类别
let intermediaryFollowurl = '/appMediacy/intermediaryFollow.do' //居间跟进
let customerReceivableurl = '/appCustomer/customerReceivable.do' //房间应收信息查询
let resetPasswordurl = '/appPerson/resetPassword.do' //个人密码修改
let findProxyHouseurl = '/appNetWork/findProxyHouse.do' //网络房源查询
let findNetWorkurl = '/appNetWork/findNetWork.do' //网络详情查询
let cleanRepairApplyurl = '/appCleanRepair/cleanRepairApply.do' //保洁维修申请
let cleanRepairReviewurl = '/appCleanRepair/cleanRepairReview.do' //保洁维修审核
let findCleanRepairurl = '/appCleanRepair/findCleanRepair.do' //保洁维修审核列表
let cleanRepairHistoryurl = '/appCleanRepair/cleanRepairHistory.do' //保洁维修带房改价申请历史列表
let stickyPosturl = '/appMediacy/stickyPost.do' //居间置顶
let cancelStickyPosturl = '/appMediacy/cancelStickyPost.do' //取消居间置顶
let appChangePriceapplyurl = '/appChangePrice/apply.do' //改价申请
let appChangePriceaccepturl = '/appChangePrice/accept.do' //改价申请审批
let appChangePriceprocessurl = '/appChangePrice/process.do' //改价申请进度
let appChangePricehistoryurl = '/appChangePrice/history.do' //改价历史
let appChangePricelisturl = '/appChangePrice/list.do' //改价申请详情(判断是否自己房源)
let appChangePricecheckurl = '/appChangePrice/check.do' //改价申请校验
let takeHouseApplyurl = '/appTakeHouse/takeHouseApply.do' //带房申请
let takeHouseReviewurl = '/appTakeHouse/takeHouseReview.do' //带房审核


const install = (Vue, vm) => {
let exchangepage = (params) => vm.$u.get(exchangepageurl, params);
let login = (params) => vm.$u.post(loginurl, params);
let appChangePriceapply = (params) => vm.$u.post(appChangePriceapplyurl, params);
let appChangePriceaccept = (params) => vm.$u.post(appChangePriceaccepturl, params);
let appChangePriceprocess = (params) => vm.$u.post(appChangePriceprocessurl, params);
let appChangePricelist = (params) => vm.$u.post(appChangePricelisturl, params);
let appChangePricehistory = (params) => vm.$u.post(appChangePricehistoryurl, params);
let appChangePricecheck = (params) => vm.$u.post(appChangePricecheckurl, params);
let takeHouseApply = (params) => vm.$u.post(takeHouseApplyurl, params);
let takeHouseReview = (params) => vm.$u.post(takeHouseReviewurl, params);
let intermediaryFollow = (params) => vm.$u.post(intermediaryFollowurl, params);
let customerReceivable = (params) => vm.$u.post(customerReceivableurl, params);
let resetPassword = (params) => vm.$u.post(resetPasswordurl, params);
let findProxyHouse = (params) => vm.$u.post(findProxyHouseurl, params);
let findNetWork = (params) => vm.$u.post(findNetWorkurl, params);
let cleanRepairApply = (params) => vm.$u.post(cleanRepairApplyurl, params);
let cleanRepairReview = (params) => vm.$u.post(cleanRepairReviewurl, params);
let findCleanRepair = (params) => vm.$u.post(findCleanRepairurl, params);
let cleanRepairHistory = (params) => vm.$u.post(cleanRepairHistoryurl, params);
let stickyPost = (params) => vm.$u.post(stickyPosturl, params);
let cancelStickyPost = (params) => vm.$u.post(cancelStickyPosturl, params);
let companyReport = (params) => vm.$u.post(companyReporturl, params);
let agentRanking = (params) => vm.$u.post(agentRankingurl, params);
let departmentReport = (params) => vm.$u.post(departmentReporturl, params);
let groupRanking = (params) => vm.$u.post(groupRankingurl, params);
let personReport = (params) => vm.$u.post(personReporturl, params);
let addressBook = (params) => vm.$u.post(addressBookurl, params);
let roomList = (params) => vm.$u.post(roomListurl, params);
let region = (params) => vm.$u.post(regionurl, params);
let getRoomType = (params) => vm.$u.post(getRoomTypeurl, params);
let roomPictureList = (params) => vm.$u.post(roomPictureListurl, params);
let areaRegion = (params) => vm.$u.post(areaRegionurl, params);
let deposit = (params) => vm.$u.post(depositurl, params);
let customerFind = (params) => vm.$u.post(customerFindurl, params);
let customerView = (params) => vm.$u.post(customerViewurl, params);
let customerAdd = (params) => vm.$u.post(customerAddurl, params);
let customerViewHistory = (params) => vm.$u.post(customerViewHistoryurl, params);
let getChannel = (params) => vm.$u.post(getChannelurl, params);
let housecustomerViewHistory = (params) => vm.$u.post(housecustomerViewHistoryurl, params);
let intermediary = (params) => vm.$u.post(intermediaryurl, params);
let getFollowType = (params) => vm.$u.post(getFollowTypeurl, params);

vm.$u.api = {
exchangepage
login,
companyReport,
agentRanking,
departmentReport,
groupRanking,
personReport,
addressBook,
roomList,
region,
getRoomType,
roomPictureList,
areaRegion,
deposit,
customerFind,
customerView,
customerAdd,
customerViewHistory,
getChannel,
housecustomerViewHistory,
intermediary,
getFollowType,
appChangePriceapply,
appChangePriceaccept,
appChangePriceprocess,
appChangePricelist,
appChangePricehistory,
appChangePricecheck,
takeHouseApply,
takeHouseReview,
intermediaryFollow,
customerReceivable,
resetPassword,
findProxyHouse,
findNetWork,
cleanRepairApply,
cleanRepairReview,
findCleanRepair,
cleanRepairHistory,
stickyPost,
cancelStickyPost
}
}



+ 5
- 5
src/common/http.interceptor.js Переглянути файл

@@ -6,7 +6,7 @@ const install = (Vue, vm) => {
timeout: 10000,
// loadingText: '努力加载中~',
header: {
// 'Authorization': 'Bearer '+vm.vuex_token,
'Authorization': 'Bearer '+vm.vuex_token,
}
});
// 请求拦截
@@ -21,16 +21,16 @@ const install = (Vue, vm) => {
Vue.prototype.$u.http.interceptor.response = (res) => {
// console.log(res)
if (res.statusCode == 200) {
return res.data.data;
return res.data;
} else if (res.statusCode == 401) {
uni.showToast({
title: res.data.msg || '未登录',
icon: "none",
duration: 3000
})
uni.navigateTo({
url: '/pages/login/type'
});
// uni.navigateTo({
// url: '/pages/login/type'
// });
return;
} else if (res.statusCode == 500) {
uni.showToast({


+ 7
- 2
src/manifest.json Переглянути файл

@@ -1,6 +1,6 @@
{
"name" : "8090公寓",
"appid" : "",
"appid" : "wxc72f5a997c67b668",
"description" : "",
"versionName" : "1.0.0",
"versionCode" : "100",
@@ -56,7 +56,12 @@
"mp-weixin" : {
"appid" : "wxc72f5a997c67b668",
"setting" : {
"urlCheck" : true
"urlCheck" : false
},
"permission" : {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
},
"usingComponents" : true
},


+ 18
- 10
src/pages.json Переглянути файл

@@ -6,7 +6,7 @@
"current": 0,
"list": [{
"name": "test",
"path": "pages/tabs/gonggao",
"path": "",
"query": ""
}]
},
@@ -15,7 +15,15 @@
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
},
"pages": [{
"pages": [
{
"path": "pages/tabs/login",
"style": {
"navigationBarTitleText": "登录",
"navigationStyle": "custom"
}
},
{
"path": "pages/tabs/index",
"style": {
"navigationBarTitleText": "8090公寓",
@@ -42,6 +50,13 @@
}
}],
"requiredPrivateInfos": [
"getFuzzyLocation",
"getLocation",
"onLocationChange",
"startLocationUpdateBackground",
"chooseAddress"
],
"globalStyle": {
"navigationBarTextStyle": "#fff",
"navigationBarTitleText": "8090公寓",
@@ -123,13 +138,6 @@
}, {
"root": "pages/otherPage",
"pages": [{
"path": "login",
"style": {
"navigationBarTitleText": "通讯录",
"navigationBarTextStyle": "black",
"navigationStyle": "custom"
}
}, {
"path": "rent",
"style": {
"navigationBarTitleText": "出租专区",
@@ -148,7 +156,7 @@
"navigationBarTextStyle": "black"
}
}, {
"path": "companywayReport",
"path": "companywarReport",
"style": {
"navigationBarTitleText": "公司战报",
"navigationBarTextStyle": "black"


src/pages/otherPage/companywayReport.vue → src/pages/otherPage/companywarReport.vue Переглянути файл


+ 0
- 53
src/pages/otherPage/login.vue Переглянути файл

@@ -1,53 +0,0 @@
<template>
<view class="container">
<view class="bg1"></view>
<view class="bg2"></view>
<image class="logo" src="/static/logo.png" mode="" />
<view class="form">
<!-- <view class="input">
<u-input></u-input>
</view> -->
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
onLoad(options) {
},
onShow() {
},
methods: {},

onLoad: function(options) {
},
onHide: function() {},
};
</script>

<style lang="scss" scoped>
.container{
width: 750rpx;
height: 100vh;
.bg1{
width: 319rpx;
height: 548rpx;
position: fixed;
top: 0;
left: 0;
// background: url()
}
.logo{
width: 360rpx;
height: 102rpx;
margin: 260rpx auto 150rpx;
}
.form{
padding: 0 75rpx;
}
}
</style>

+ 77
- 8
src/pages/otherPage/rent.vue Переглянути файл

@@ -11,8 +11,6 @@
<view class="select-item" @click="kaipanShow=true">开盘</view>
<view class="select-item" @click="moreShow=true">更多</view>
</view>
<!-- <u-picker v-model="priceShow" @confirm="confirm1" range-key="cateName" :range="selectorObj" mode="selector"></u-picker> -->
<!-- <u-picker v-model="kaipanShow" @confirm="confirm2" range-key="cateName" :range="selectorObj" mode="selector"></u-picker> -->
<view class="list-box">
<view class="list-item" @click="topage(item)" v-for="(item,index) in listData" :key="index">
<image class="house-img" src="/static/kehu/pic1.png" mode="" />
@@ -44,7 +42,7 @@
</view>
</u-popup>
<!-- 开盘弹窗 -->
<u-popup v-model="kaopanShow" mode="top">
<u-popup v-model="kaipanShow" mode="top">
<view class="select-list">
<view class="item" :class="{'selected':item.value==searchForm.kaipanval}" v-for="(item,index) in kaipanList" :key="index" @click="secectKaipan(item)">
{{item.label}}
@@ -101,8 +99,34 @@
value: 8
},
],
kaipanList: [],
priceList: [],
kaipanList: [
{
label:'1000~2000',
value: 1
},
{
label:'2000~3000',
value: 2
},
{
label:'3000~4000',
value: 3
},
],
priceList: [
{
label:'1000~2000',
value: 1
},
{
label:'2000~3000',
value: 2
},
{
label:'3000~4000',
value: 3
},
],
listData: [{},{},{},{},{}],
selectorObj: [
{
@@ -114,6 +138,9 @@
id: 2
}
],
pageNumber: 10,
current: 1,
loadDone: false
};
},
onLoad(options) {
@@ -122,14 +149,24 @@
},
methods: {
secectAddress(item){
this.searchForm.addressval = item.value
this.addressShow = false
this.current = 1
this.getList()
},
secectKaipan(item){
this.searchForm.kaipanval = item.value
this.kaipanShow = false
this.current = 1
this.getList()
},
secectPrice(item){
this.searchForm.priceval = item.value
this.priceShow = false
this.current = 1
this.getList()
},
confirm1(e) {
},
@@ -137,14 +174,46 @@
},
topage(item){
uni.navigateTo({
url: '/pages/otherPage/rentDetail?id=' + item.id
})
url: '/pages/otherPage/rentDetail?id=' + item.id
})
},
getList(){
if (this.loadDone) return;
let params = {
current: this.current,
size: this.pageNumber
};
// if (this.pageNum == 1) {
// this.showLoading = true;
// }
// this.$u.api.roomList(params).then((res) => {
// this.showLoading = false;
// if (res.data.records && res.data.records.length) {
// res.data.records.forEach((item) => {
// if (item.labelName) {
// item.labelName = item.labelName.split(",") || [];
// }
// });
// this.total = res.data.total;
// this.listData = [...this.listData, ...res.data.records];
// this.pageNum += 1;
// // if (this.listData.length == 0) {
// // this.noneData = true;
// // }
// if (this.listData.length == res.data.total) {
// this.loadDone = true;
// }
// }
// });
}
},
},

onLoad: function(options) {
},
onHide: function() {},
onReachBottom() {
this.getList();
},
};
</script>



+ 67
- 22
src/pages/otherPage/rentDetail.vue Переглянути файл

@@ -1,13 +1,13 @@
<template>
<view class="container">
<view class="pic-wrap">
<u-swiper height="460" :list="picList" :autoplay="true" mode="number" indicator-pos="bottomRight"></u-swiper>
<view class="pic-wrap" >
<u-swiper height="460" @click="preview" :list="picList" :autoplay="true" mode="number" indicator-pos="bottomRight"></u-swiper>
</view>
<view class="house-info">
<view class="top-cont">
<view class="title"><view class="u-line-1">莲竹花园8号楼1层莲竹花园8号楼1层莲竹花园8号楼1层</view>
<view class="title" @click="tomap"><view class="u-line-1">莲竹花园8号楼1层莲竹花园8号楼1层莲竹花园8号楼1层</view>
<image class="map" src="/static/czDetail/map.png" mode="" /></view>
<view class="call-info">
<view class="call-info" @click="call">
<image class="call" src="/static/czDetail/call.png" mode="" />杜鹏飞
</view>
</view>
@@ -44,13 +44,13 @@
<view class="title">房间信息</view>
<view class="item" v-for="(item,index) in roomList" :key="index">
<view class="left">
<image class="sex" src="/static/czDetail/woman.png" mode="" />
<!-- <image class="sex" src="/static/czDetail/man.png" mode="" /> -->
<view class="number">01</view>
<view class="other-info">卧·宁371A|17㎡|朝南</view>
<image class="sex" v-if="item.sex==0" src="/static/czDetail/man.png" mode="" />
<image class="sex" v-else src="/static/czDetail/woman.png" mode="" />
<view class="number">{{item.number}}</view>
<view class="other-info">卧·宁371A|{{item.area||0}}㎡|{{item.direction||''}}</view>
</view>
<view class="right">
男|白领
{{item.sex==0?'男':'女'}}|{{item.zhiye||''}}
</view>
</view>
</view>
@@ -81,19 +81,34 @@
export default {
data() {
return {
picList: [{
image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
title: '昨夜星辰昨夜风,画楼西畔桂堂东'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
title: '身无彩凤双飞翼,心有灵犀一点通'
},
{
image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
title: '谁念西风独自凉,萧萧黄叶闭疏窗,沉思往事立残阳'
}],
roomList: [{},{},{}]
picList: [
'https://cdn.uviewui.com/uview/swiper/1.jpg',
'https://cdn.uviewui.com/uview/swiper/2.jpg',
'https://cdn.uviewui.com/uview/swiper/3.jpg',
],
roomList: [{
area: '20',
direction: '朝南',
sex: '0',
zhiye : '白领',
number: '01'
},{
area: '13',
direction: '朝南',
sex: '0',
zhiye : '学生',
number: '02'
},{
area: '23',
direction: '朝南',
sex: '1',
zhiye : '白领',
number: '03'
}],
detailInfo: {
account: '',

}
};
},
onLoad(options) {
@@ -102,6 +117,36 @@
},
methods: {
topage(){
// uni.navigateTo({
// url: "/pages/merchant/merchant",
// });
},
tomap(){
const latitude = 39.9219
const longitude = 116.44355
wx.openLocation({
latitude,
longitude,
name: '望京soho',
scale: 18
})
},
call(){
wx.makePhoneCall(
{
phoneNumber: '18339694416'
}
)
},
preview(e){
// console.log(e)
let that = this
wx.previewImage({
current: that.picList[e], // 当前显示图片的http链接
urls: that.picList // 需要预览的图片http链接列表
})
}
},

onLoad: function(options) {


+ 6
- 1
src/pages/tabs/customer.vue Переглянути файл

@@ -4,7 +4,7 @@
<view class="search-box">
<u-search v-model="keyword" :show-action="false" :clearabled="true" bg-color="#F8F8F8" shape="round" height="78"></u-search>
</view>
<view class="addCustomer">增加客户</view>
<view class="addCustomer" @click="toaddCustomer">增加客户</view>
</view>
<view class="select-box">
<view class="select-item" @click="huxingshow=true">户型</view>
@@ -96,6 +96,11 @@
},
confirm2(e) {
},
toaddCustomer(){
uni.navigateTo({
url: '/pages/customer/addCustomer'
})
}
},

onLoad: function(options) {


+ 13
- 46
src/pages/tabs/index.vue Переглянути файл

@@ -37,7 +37,7 @@
<view class="num">{{item.num}}</view>
<view class="text">{{item.text}}</view>
</view>
<view class="lookall" @click="topage('otherPage/login')">查看全部
<view class="lookall" @click="topage('otherPage/companywarReport')">查看全部
<image class="more-icon" src="/static/index/more.png" mode="" />
</view>
</view>
@@ -57,7 +57,6 @@
</view>
</view>
</view>
<!-- <view @click="getUserinfo">获取用户信息</view> -->
</view>
</template>
<script>
@@ -101,9 +100,18 @@
rankList: [{},{},{}],
current: 0,
current1: 0,
openGid:''
};
},
onLoad(options) {
let that = this
wx.showShareMenu({
withShareTicket: true
})
app.getShareTiket(function (globalData) {
console.log('clickReload---globalData-->' + JSON.stringify(globalData))
that.openGid= globalData.openGid
})
},
onShow() {
@@ -120,52 +128,11 @@
url: '/pages/' + type
})
},
getPhonelist(){
// 拉起通讯录
// wx.chooseContact(
// {
// success:function(obj){
// console.log(obj)
// }
// }
// )
// 手机短暂震动
// wx.vibrateShort({
// type: 'heavy',
// success:function(obj){
// console.log(obj)
// }
// })
},
login(){
wx.login({
success (res) {
console.log(res)
if (res.code) {
//发起网络请求
// wx.request({
// url: 'https://example.com/onLogin',
// data: {
// code: res.code
// }
// })
} else {
console.log('登录失败!' + res.errMsg)
}
}
})
},
getUserinfo(){
wx.getUserProfile({
desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
success: (res) => {
console.log(res.userInfo)
}
})
}
},
onShareAppMessage(){

},
onLoad: function(options) {
// this.login()
},
onHide: function() {},
};


+ 172
- 0
src/pages/tabs/login.vue Переглянути файл

@@ -0,0 +1,172 @@
<template>
<view class="container">
<view class="bg1"></view>
<view class="bg2"></view>
<image class="logo" src="/static/logo.png" mode="" />
<view class="form">
<view class="input-box">
<u-input v-model="account" placeholder="请输入您的账号" height="102" type="text" :border="false" />
</view>
<view class="input-box">
<u-input v-model="code" :clearable="false" placeholder="请输入验证码" height="102" type="text" :border="false" />
<view class="code-btn" @click="getCode">{{text}}</view>
</view>
<view class="input-box">
<u-input v-model="password" :password-icon="false" placeholder="请输入密码" height="102" type="password" :border="false" />
</view>
</view>
<view class="tip">注册/登录即代表同意<view class="protocal">
《隐私政策》</view>及<view class="protocal">《服务》</view></view>
<view class="login-btn" @click="login">登录</view>
</view>
</template>
<script>
export default {
data() {
return {
account: 'zhangzj',//
code: '112233',
password: '123456',
text: '获取验证码',
timer: null,
isfinished: true,
};
},
onLoad(options) {
// wx.showShareMenu({
// withShareTicket: true
// })
// wx.hideShareMenu({

// })
},
onShow() {
},
computed:{
},
methods: {
getCode(){
let that = this
if(!that.isfinished) return ;
let seconds = 120
that.timer = setInterval(function(){
that.isfinished = false
that.text = seconds +'s后重新发送'
seconds--;
if(seconds<=0){
that.isfinished = true
clearInterval(that.timer);
that.text = '获取验证码'
}
},1000)
},
login(){
if(this.account=='') return ;
if(this.password=='') return ;
let params={
account:this.account,
password: this.password
}
this.$u.api.login(params).then((res)=>{
// uni.switchTab({
// url: '/pages/tabs/index'
// })
})

}
},
// onShareAppMessage(){

// },

onLoad: function(options) {
},
onHide: function() {clearInterval(this.timer);},
destroyed(){
clearInterval(this.timer);
}
};
</script>

<style lang="scss" scoped>
.container{
width: 750rpx;
height: 100vh;
.bg1{
width: 319rpx;
height: 548rpx;
position: fixed;
top: 0;
left: 0;
background: url('https://static.quhouse.com/87fb6d8e9b37462e832c782ec5f73452.png') no-repeat;
background-size: 319rpx 548rpx;
z-index: -1;
}
.bg2{
width: 542rpx;
height: 562rpx;
position: fixed;
right: 0;
bottom: 0;
background: url('https://static.quhouse.com/1677e9e68a5242c3b10b6a08ea848a4b.png') no-repeat;
background-size: 542rpx 562rpx;
z-index: -1;
}

.logo{
width: 360rpx;
height: 102rpx;
margin: 260rpx 195rpx 130rpx;
}
.form{
padding: 0 75rpx;
.input-box{
width: 100%;
padding: 0 20rpx;
height: 102rpx;
line-height: 102rpx;
border-bottom: 1px solid #e0e0e0;
display: flex;
align-items: center;
justify-content: space-between;
.code-btn{
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #303030;
}
}
}
.tip{
margin: 30rpx 75rpx 120rpx;
display: flex;
align-items: center;
height: 37rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #666;
line-height: 37rpx;
.protocal{
color: #333;
}
}
.login-btn{
margin-left: 75rpx;
width: 600rpx;
height: 98rpx;
line-height: 98rpx;
background: linear-gradient(135deg, #F9B017 0%, #FF6D25 100%);
box-shadow: 0px 2rpx 12rpx 0px rgba(255,109,37,0.5);
border-radius: 49rpx;
font-size: 32rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #FFFFFF;
text-align: center;
}
}
</style>

Завантаження…
Відмінити
Зберегти