You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
369 lines
9.2 KiB
369 lines
9.2 KiB
1 year ago
|
<template>
|
||
|
|
<view class="body-background"></view>
|
||
|
|
<u-navbar
|
||
|
|
:title="title"
|
||
|
|
:auto-back="true"
|
||
|
|
left-icon-size="40rpx"
|
||
|
|
:safe-area-inset-top="true"
|
||
|
|
:placeholder="true"
|
||
|
|
bgColor="transparent"
|
||
|
|
></u-navbar>
|
||
|
|
<view class="fxx-container row">
|
||
|
|
<view class="fxx-logo">
|
||
|
|
<u-image
|
||
|
|
mode="widthFix"
|
||
|
|
width="400"
|
||
|
|
height="161.37"
|
||
|
|
:src="staticImage.fxxLogo"
|
||
|
|
></u-image>
|
||
|
|
</view>
|
||
|
|
<view class="fxx-content">
|
||
|
|
<u-form
|
||
|
|
labelPosition="left"
|
||
|
|
:model="model1"
|
||
|
|
:rules="rules"
|
||
|
|
ref="form1"
|
||
|
|
labelWidth="200rpx"
|
||
|
|
>
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="姓名"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-input
|
||
|
|
fontSize="28"
|
||
|
|
placeholder="请填写您的真实姓名"
|
||
|
|
v-model="model1.userInfo.name"
|
||
|
|
border="none"
|
||
|
|
></u-input>
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="姓别"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-radio-group
|
||
|
|
v-model="model1.userInfo.sex"
|
||
|
|
placement="row"
|
||
|
|
@change="sexChange"
|
||
|
|
>
|
||
|
|
<u-radio
|
||
|
|
size="32"
|
||
|
|
labelSize="32"
|
||
|
|
activeColor="#FF9545"
|
||
|
|
:customStyle="{marginRight: '40px'}"
|
||
|
|
v-for="(item, index) in sexList"
|
||
|
|
:key="index"
|
||
|
|
:label="item.name"
|
||
|
|
:name="item.id"
|
||
|
|
@change="radioChange"
|
||
|
|
>
|
||
|
|
</u-radio>
|
||
|
|
</u-radio-group>
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="政治面貌"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-input
|
||
|
|
fontSize="28"
|
||
|
|
placeholder="请选择"
|
||
|
|
v-model="model1.userInfo.name"
|
||
|
|
border="none"
|
||
|
|
></u-input>
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="手机号码"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-input
|
||
|
|
fontSize="28"
|
||
|
|
placeholder="请输入"
|
||
|
|
v-model="model1.userInfo.name"
|
||
|
|
border="none"
|
||
|
|
></u-input>
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="所属街道"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-input
|
||
|
|
fontSize="28"
|
||
|
|
placeholder="请选择"
|
||
|
|
v-model="model1.userInfo.name"
|
||
|
|
border="none"
|
||
|
|
></u-input>
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="所属社区"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-input
|
||
|
|
fontSize="28"
|
||
|
|
placeholder="请选择"
|
||
|
|
v-model="model1.userInfo.name"
|
||
|
|
border="none"
|
||
|
|
></u-input>
|
||
|
|
</u-form-item>
|
||
|
|
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="公司全称"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-input
|
||
|
|
fontSize="28"
|
||
|
|
placeholder="请输入"
|
||
|
|
v-model="model1.userInfo.name"
|
||
|
|
border="none"
|
||
|
|
></u-input>
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="职业分类"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-input
|
||
|
|
fontSize="28"
|
||
|
|
placeholder="请选择"
|
||
|
|
v-model="model1.userInfo.name"
|
||
|
|
border="none"
|
||
|
|
></u-input>
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item
|
||
|
|
:custom-style="{
|
||
|
|
padding:'36rpx 0'
|
||
|
|
}"
|
||
|
|
label="身份证号码"
|
||
|
|
prop="userInfo.name"
|
||
|
|
borderBottom
|
||
|
|
ref="item1"
|
||
|
|
>
|
||
|
|
<u-input
|
||
|
|
fontSize="28"
|
||
|
|
placeholder="请输入"
|
||
|
|
v-model="model1.userInfo.name"
|
||
|
|
border="none"
|
||
|
|
></u-input>
|
||
|
|
</u-form-item>
|
||
|
|
</u-form>
|
||
|
|
<u-button
|
||
|
|
type="primary"
|
||
|
|
text="立即认证"
|
||
|
|
shape="circle"
|
||
|
|
:custom-style="{
|
||
|
|
color:'#020B18',
|
||
|
|
backgroundColor:'#FF9545',
|
||
|
|
border:'none',
|
||
|
|
fontSize:'36',
|
||
|
|
fontWeight:'400',
|
||
|
|
marginTop:'48rpx'
|
||
|
|
}"
|
||
|
|
@click="navTo('/pages/Authentication/done')"
|
||
|
|
></u-button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import {
|
||
|
|
imghost
|
||
|
|
} from '@/config/host.js'
|
||
|
|
import MzSubsection from '@/components/MzSubsection/Index.vue';
|
||
|
|
import api from '@/utils/functions.js';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
MzSubsection
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
model1: {
|
||
|
|
userInfo: {
|
||
|
|
name: '',
|
||
|
|
sex: 1,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
rules: {
|
||
|
|
'userInfo.name': {
|
||
|
|
type: 'string',
|
||
|
|
required: true,
|
||
|
|
message: '请填写姓名',
|
||
|
|
trigger: ['blur', 'change']
|
||
|
|
},
|
||
|
|
'userInfo.sex': {
|
||
|
|
type: 'string',
|
||
|
|
max: 1,
|
||
|
|
required: true,
|
||
|
|
message: '请选择男或女',
|
||
|
|
trigger: ['blur', 'change']
|
||
|
|
},
|
||
|
|
},
|
||
|
|
sexList:[
|
||
|
|
{
|
||
|
|
id:1,
|
||
|
|
name: '男',
|
||
|
|
disabled: false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
i:2,
|
||
|
|
name: '女',
|
||
|
|
disabled: false,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
list: [{
|
||
|
|
name: '最新资讯'
|
||
|
|
}, {
|
||
|
|
name: '表彰评优'
|
||
|
|
}, {
|
||
|
|
name: '活动回顾'
|
||
|
|
}],
|
||
|
|
// 或者如下，也可以配置keyName参数修改对象键名
|
||
|
|
// list: [{name: '未付款'}, {name: '待评价'}, {name: '已付款'}],
|
||
|
|
current: 1,
|
||
|
|
title: '丰行侠认证',
|
||
|
|
loading: true,
|
||
|
|
staticImage: {
|
||
|
|
bg: imghost + '/static/image/BG.png',
|
||
|
|
newIcon: imghost + '/static/image/new-icon.png',
|
||
|
|
fxxLogo: imghost + '/static/image/fxx-logo.png',
|
||
|
|
fxx1: imghost + '/static/image/fxx-1.png',
|
||
|
|
},
|
||
|
|
user: {
|
||
|
|
avatar: imghost + '/static/image/banner.png',
|
||
|
|
nickname: '清晨的风',
|
||
|
|
coupons: 221,
|
||
|
|
id: 88685,
|
||
|
|
},
|
||
|
|
isTop: false,
|
||
|
|
lists: [
|
||
|
|
{
|
||
|
|
id: 1,
|
||
|
|
thumb: imghost + '/static/image/new-1.png',
|
||
|
|
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开',
|
||
|
|
desc: '需要您带一点猫砂上门，谢谢',
|
||
|
|
time: '2023/06/16',
|
||
|
|
is_new: true
|
||
|
|
}, {
|
||
|
|
id: 2,
|
||
|
|
thumb: imghost + '/static/image/new-2.png',
|
||
|
|
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开',
|
||
|
|
desc: '需要您带一点猫砂上门，谢谢',
|
||
|
|
time: '2023/06/16',
|
||
|
|
is_new: true
|
||
|
|
}, {
|
||
|
|
id: 3,
|
||
|
|
thumb: imghost + '/static/image/new-3.png',
|
||
|
|
title: '全市公安机关夏季治安打击整治“彭安行动”111开',
|
||
|
|
desc: '需要您带一点猫砂上门，谢谢',
|
||
|
|
time: '2023/06/16',
|
||
|
|
is_new: false
|
||
|
|
},
|
||
|
|
],
|
||
|
|
size: {
|
||
|
|
height: 500,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
api() {
|
||
|
|
return api
|
||
|
|
},
|
||
|
|
sectionStyle() {
|
||
|
|
const style = {};
|
||
|
|
style.padding = '0 26rpx';
|
||
|
|
style.position = 'sticky';
|
||
|
|
style.zIndex = '9999';
|
||
|
|
style.top = api.navHeight().systemBarHeight + 'px'
|
||
|
|
return style;
|
||
|
|
},
|
||
|
|
listHeight() {
|
||
|
|
let that = this;
|
||
|
|
let height;
|
||
|
|
let info = uni.createSelectorQuery().in(this).select('.subsection');
|
||
|
|
info.boundingClientRect(function (data) {
|
||
|
|
that.size.height = data.height;
|
||
|
|
}).exec(function (res) {
|
||
|
|
|
||
|
|
});
|
||
|
|
// that.size.height = (api.navHeight().windowHeight - height);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
chatDetail(item) {
|
||
|
|
wx.navigateTo({
|
||
|
|
url: '/pages/ChatDetail/index?id=' + item.id
|
||
|
|
});
|
||
|
|
},
|
||
|
|
checkSection(index) {
|
||
|
|
this.current = index;
|
||
|
|
},
|
||
|
|
scrollToLower() {
|
||
|
|
|
||
|
|
},
|
||
|
|
sexChange(e){
|
||
|
|
this.model1.userInfo.sex = e;
|
||
|
|
},
|
||
|
|
navTo(url) {
|
||
|
|
wx.navigateTo({
|
||
|
|
url: url
|
||
|
|
})
|
||
|
|
},
|
||
|
|
},
|
||
|
|
onPageScroll(res) {
|
||
|
|
if (res.scrollTop <= 20) {
|
||
|
|
uni.$emit('isTop', true);
|
||
|
|
} else {
|
||
|
|
uni.$emit('isTop', false);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.listHeight();
|
||
|
|
// this.pagePadding = (api.navHeight().navPaddingTop +
|
||
|
|
// api.navHeight().navHeight + (api.navHeight().headerPadding * 2))
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
@import './components/form.scss';
|
||
|
|
</style>
|