Browse Source

访客登记码

test
jyt 2 years ago
parent
commit
c9a7ae1e08
6 changed files with 395 additions and 5 deletions
  1. +30
    -0
      pages.json
  2. +6
    -5
      pages/center/Piabodata/Groupcontrast.vue
  3. +14
    -0
      pages/index/personal.vue
  4. +45
    -0
      pages/mine/registerCode.vue
  5. +255
    -0
      pages/mine/registerForm.vue
  6. +45
    -0
      pages/mine/registerResult.vue

+ 30
- 0
pages.json View File

@@ -246,6 +246,36 @@
}
}
,{
"path" : "registerCode",
"style" :
{
"navigationBarTitleText": "访客登记码",
"navigationBarBackgroundColor": "#2671E2",
"navigationBarTextStyle": "white"
}
}
,{
"path" : "registerForm",
"style" :
{
"navigationBarTitleText": "访客登记表",
"navigationBarBackgroundColor": "#2671E2",
"navigationBarTextStyle": "white"
}
},
{
"path" : "registerResult",
"style" :
{
"navigationBarTitleText": "访客登记表",
"navigationBarBackgroundColor": "#2671E2",
"navigationBarTextStyle": "white"
}
}
]
},
{


+ 6
- 5
pages/center/Piabodata/Groupcontrast.vue View File

@@ -275,7 +275,7 @@
]
},
emptyCharData:true,
opts: {
fontSize: 10,
extra: {
@@ -414,10 +414,10 @@
categories:[],
series:[]
}
if(res.result!=0){
if(res.result.length!=0){
res.result.map((item,index)=>{
let obj={
name:item[0].houseName,
name:item.length>0?item[0].houseName:'',
data:[]
}
item.map(item1=>{
@@ -430,9 +430,10 @@
})
this.chartData=allobj
this.$forceUpdate()
console.log("yess")
}else{
console.log("noo")
}
})
},
//自定义时间


+ 14
- 0
pages/index/personal.vue View File

@@ -53,6 +53,15 @@
<image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
</view>
</view>
<!-- <view class="line" @click="scan">
<view class="title" style="width: 220rpx;">
<image src="/static/images/Customer.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
访客登记码
</view>
<view class="right">
<image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
</view>
</view> -->
<view class="loginout" @click="logout" style="border: none;">
<view class="title">
@@ -101,6 +110,11 @@
phoneNumber: '4008191707,8888' //仅为示例,并非真实的电话号码
})
},
scan(){
uni.navigateTo({
url:"../mine/registerCode"
})
},
//修改密码
Changehepassword() {
uni.navigateTo({


+ 45
- 0
pages/mine/registerCode.vue View File

@@ -0,0 +1,45 @@
<template>
<view class="registerCode">
<view class="registerImg">
<image src="../../static/images/allimg.png" mode=""></image>
</view>
<view class="registerBtn">
保存图片到手机
</view>
</view>
</template>

<script>
export default {
data() {
return {
};
}
}
</script>

<style lang="scss">
.registerCode{
.registerImg{
width: 300rpx;
height: 300rpx;
margin: 130rpx auto;
image{
width: 100%;
height: 100%;
}
}
.registerBtn{
width: 80%;
height: 80rpx;
background: #3384fd;
color: #FFFFFF;
border-radius: 10rpx;
line-height: 80rpx;
text-align: center;
font-size: 30rpx;
margin: 50rpx auto;
}
}
</style>

+ 255
- 0
pages/mine/registerForm.vue View File

@@ -0,0 +1,255 @@
<template>
<view class="cented-box">
<view class="chented" style="margin-bottom: 26rpx;">
<view class="title" style="border: none;">
<view class="titletext">姓名</view>
<view class="titletext2">
<input maxlength="10" class="titletext-input" style="color: #333333;" v-model="parames.name"
placeholder-class="titletext-input" placeholder-style="color:#B2B2B2;" type="text"
placeholder="请输入客户姓名(必填)" />
</view>
<view class="titleimg">
<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
</view>
</view>
</view>
<view class="chented">
<view class="title">
<view class="titletext">性别</view>
<view class="titletext2 displayclick" style="display: flex;align-items: center;padding-left: 10rpx;">
<view class="sexRadio" @click="changeSex(1)" :class="{active:parames.sex == 1}">男士</view>
<view class="sexRadio" @click="changeSex(2)" :class="{active:parames.sex == 2}">女士</view>
</view>
</view>

<view class="title">
<view class="titletext">到访人数</view>
<view class="titletext2" style="display: flex;align-items: center;justify-content: space-around;">
<view class="num" v-for="i in 6" :key="i" :class="{active:parames.howMany == i+1}"
@click="changeHowMany(i+1)">
{{i + 1}}
</view>
</view>
</view>

<view class="title" @click="Buildingselection()">
<view class="titletext">到访途径</view>
<view class="titletext2"
style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 110rpx;padding-left: 10rpx;">
<!-- {{parames.sourceName||'请选择客户来源'}} -->
<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>
<text v-else>请选择客户来源</text>
</view>
<view class="titleimg">
<image class="titleimg1" src="../../static/images/arrow.png" mode=""></image>
</view>
</view>
<view class="title" style="border: none;" @click="Buildingselection()">
<view class="titletext">咨询业务</view>
<view class="titletext2"
style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 110rpx;padding-left: 10rpx;">
<!-- {{parames.sourceName||'请选择客户来源'}} -->
<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>
<text v-else>请选择咨询业务</text>
</view>
<view class="titleimg">
<image class="titleimg1" src="../../static/images/arrow.png" mode=""></image>
</view>
</view>
</view>

<view class="clive" @click="save">提交</view>

<view v-if="Showhiddenunits">
<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="list"
@cancel="cancel" @confirm="confirm"></u-select>
</view>
</view>
</template>

<script>
var app = getApp();
var config = require("@/config");

export default {
data() {
return {
Showhiddenunits: false,
list: [{
label: '自然到访',
value: '自然到访'
},
{
label: '渠道推荐',
value: '渠道推荐'
},
],
parames: {
name: '',
// 性别1男 2女
sex: 1,
sourceName: null,
howMany: 1,
agentId: null,
projectId: '',
replaceReception: 0
},
daitiReceptionobj: {},
};
},
onShow() {
this.parames.projectId = uni.getStorageSync('buildingID').id;
},
methods: {
save() {
},
changeSex(sex) {
this.parames.sex = sex;
},
changeHowMany(num) {
this.parames.howMany = num;
},
Buildingselection() {
this.Showhiddenunits = true;
},
cancel() {
this.Showhiddenunits = false;
},
confirm(e) {
this.parames.sourceName = e[0].value;
this.Showhiddenunits = false;
},
}
};
</script>
<style lang="scss" scoped>
.sexRadio {
color: #BFBFBF;
border: 1rpx solid #BFBFBF;
font-size: 24upx;
width: 120rpx;
height: 60rpx;
text-align: center;
display: flex;
align-items: center;
justify-content: center;

&:last-child {
margin-left: 20rpx;
}

&.active {
background: #2B6FFF;
color: #fff;
border-color: #2B6FFF;
}
}

.num {
width: 50rpx;
height: 50rpx;
background: rgba(43, 110, 253, 0.1);
color: #2B6EFD;
font-size: 30rpx;
display: flex;
align-items: center;
justify-content: center;

&.active {
background: #2B6EFD;
color: #FFFFFF;
}
}

.cented-box {
background: #F8F8F8;
width: 100%;
height: 100vh;
}

.Pinspeak {
width: 100%;
height: 92rpx;
border-bottom: 1rpx solid #E0E0E0;
font-size: 32rpx;
font-weight: bold;
color: #333333;
text-indent: 30rpx;
line-height: 92rpx;
background: #FFFFFF;
margin-top: 20rpx;
padding-left: 10rpx;
}

.chented {
width: 100%;
padding-left: 30rpx;
padding-right: 30rpx;
background-color: #FFFFFF;

.title {
width: 100%;
height: 110rpx;
border-bottom: 1rpx solid #E0E0E0;
display: flex;
align-items: center;

.titletext {
width: 21%;
height: 110rpx;
font-size: 30rpx;
font-weight: 400;
color: #333333;
line-height: 110rpx;
text-indent: 10rpx;
}

.titletext2 {
width: 71%;
height: 110rpx;
}

.titletext-input {
width: 100%;
height: 110rpx;
font-size: 30rpx;
font-weight: 400;
color: #B2B2B2;
line-height: 110rpx;
padding-left: 10rpx;
}

.titleimg {
width: 8%;
text-align: right;

.titleimg1 {
width: 16rpx;
height: 36rpx;
}
}
}
}

.clive {
position: absolute;
bottom: 32rpx;
left: 30rpx;
right: 30rpx;
width: 690rpx;
height: 88rpx;
background: #2671E2;
text-align: center;
line-height: 88rpx;
color: #FFFFFF;
border-radius: 8rpx;
font-size: 32rpx;
}
</style>

+ 45
- 0
pages/mine/registerResult.vue View File

@@ -0,0 +1,45 @@
<template>
<view class="registerCode">
<view class="registerImg">
<image src="../../static/images/allimg.png" mode=""></image>
</view>
<view class="registerBtn">
提交成功
</view>
</view>
</template>

<script>
export default {
data() {
return {
};
}
}
</script>

<style lang="scss">
.registerCode{
.registerImg{
width: 300rpx;
height: 300rpx;
margin: 130rpx auto;
image{
width: 100%;
height: 100%;
}
}
.registerBtn{
width: 80%;
height: 80rpx;
background: #3384fd;
color: #FFFFFF;
border-radius: 10rpx;
line-height: 80rpx;
text-align: center;
font-size: 30rpx;
margin: 50rpx auto;
}
}
</style>

Loading…
Cancel
Save