feat: 新增部分页面静态页面

This commit is contained in:
admin
2026-01-24 17:45:54 +08:00
parent 849647d3c9
commit 8c1224999d
20 changed files with 1828 additions and 339 deletions

View File

@@ -7,6 +7,7 @@
labelPosition="left"
border
class="form-box"
label-width="235"
>
<!-- 头像 -->
<view class="ss-flex ss-row-center ss-col-center ss-p-t-60 ss-p-b-0 bg-white">
@@ -67,7 +68,7 @@
</view>
</uni-forms-item>
<uni-forms-item name="mobile" label="手机号" @tap="onChangeMobile">
<uni-forms-item name="mobile" label="常用手机号" @tap="onChangeMobile">
<uni-easyinput
v-model="userInfo.mobile"
placeholder="请绑定手机号"
@@ -87,91 +88,104 @@
</template>
</uni-easyinput>
</uni-forms-item>
<!-- <uni-forms-item name="password" label="登录密码" @tap="onSetPassword">
<!-- 身份证号 -->
<uni-forms-item name="idNumber" label="身份证号">
<uni-easyinput
v-model="userInfo.password"
placeholder="点击修改登录密码"
:value="displayIdNumber"
:inputBorder="false"
:styles="{ disableColor: '#fff' }"
disabled
placeholderStyle="color:#BBBBBB;font-size:28rpx;line-height:normal"
:styles="{ disableColor: '#fff' }"
:placeholderStyle="placeholderStyle"
:clearable="false"
/>
</uni-forms-item>
<!-- 健康证 -->
<uni-forms-item name="healthCert" label="健康证" @tap="onTapHealthCert">
<uni-easyinput
:value="state.model.healthCertStatusText || '未设置'"
:inputBorder="false"
disabled
:styles="{ disableColor: '#fff' }"
:placeholderStyle="placeholderStyle"
:clearable="false"
>
<template v-slot:right>
<view class="ss-flex ss-col-center">
<su-radio
class="ss-flex"
v-if="userInfo.verification?.password"
:modelValue="true"
/>
<button v-else class="ss-reset-button ss-flex ss-col-center ss-row-center">
<text class="_icon-forward" style="color: #bbbbbb; font-size: 26rpx" />
<button class="ss-reset-button ss-flex ss-col-center ss-row-center">
<text class="_icon-forward" style="color: #bbbbbb; font-size: 26rpx"></text>
</button>
</view>
</template>
</uni-easyinput>
</uni-forms-item>
<!-- 紧急联系人 -->
<uni-forms-item name="emergencyContact" label="紧急联系人" @tap="sheep.$router.go('/pages/user/contact/index')">
<uni-easyinput
:value="state.model.emergencyContact ? '已设置' : '未设置'"
:inputBorder="false"
disabled
:styles="{ disableColor: '#fff' }"
:placeholderStyle="placeholderStyle"
:clearable="false"
>
<template v-slot:right>
<view class="ss-flex ss-col-center">
<button class="ss-reset-button ss-flex ss-col-center ss-row-center">
<text class="_icon-forward" style="color: #bbbbbb; font-size: 26rpx"></text>
</button>
</view>
</template>
</uni-easyinput>
</uni-forms-item>
<!-- 所属公司 -->
<uni-forms-item name="company" label="所属公司">
<uni-easyinput
:value="state.model.companyName || state.model.company || '广东省XX有限公司'"
:inputBorder="false"
disabled
:styles="{ disableColor: '#fff' }"
:placeholderStyle="placeholderStyle"
:clearable="false"
/>
</uni-forms-item>
<!-- 所属运营站点 -->
<uni-forms-item name="site" label="所属运营站点">
<uni-easyinput
:value="state.model.stationName || state.model.siteName || 'XXXX学校XX校区'"
:inputBorder="false"
disabled
:styles="{ disableColor: '#fff' }"
:placeholderStyle="placeholderStyle"
:clearable="false"
/>
</uni-forms-item>
<!-- 联系站长 -->
<!-- <uni-forms-item name="stationContact" label="联系站长" @tap="onTapContactStation">
<uni-easyinput
:value="state.model.stationManagerName || state.model.stationContactName || ''"
:inputBorder="false"
disabled
:styles="{ disableColor: '#fff' }"
:placeholderStyle="placeholderStyle"
:clearable="false"
>
<template v-slot:right>
<view class="ss-flex ss-col-center">
<button class="ss-reset-button ss-flex ss-col-center ss-row-center">
<text class="_icon-forward" style="color: #bbbbbb; font-size: 26rpx"></text>
</button>
</view>
</template>
</uni-easyinput>
</uni-forms-item> -->
</view>
<!-- <view class="bg-white ss-m-t-14">
<uni-list>
<uni-list-item
clickable
@tap="sheep.$router.go('/pages/user/address/list')"
title="地址管理"
showArrow
:border="false"
class="list-border"
/>
</uni-list>
</view> -->
</uni-forms>
<!-- 当前社交平台的绑定关系只处理 wechat 微信场景 -->
<!-- <view v-if="sheep.$platform.name !== 'H5'">
<view class="title-box ss-p-l-30">第三方账号绑定</view>
<view class="account-list ss-flex ss-row-between">
<view v-if="'WechatOfficialAccount' === sheep.$platform.name" class="ss-flex ss-col-center">
<image
class="list-img"
:src="sheep.$url.static('/static/img/shop/platform/WechatOfficialAccount.png')"
/>
<text class="list-name">微信公众号</text>
</view>
<view v-if="'WechatMiniProgram' === sheep.$platform.name" class="ss-flex ss-col-center">
<image
class="list-img"
:src="sheep.$url.static('/static/img/shop/platform/WechatMiniProgram.png')"
/>
<text class="list-name">微信小程序</text>
</view>
<view v-if="'App' === sheep.$platform.name" class="ss-flex ss-col-center">
<image
class="list-img"
:src="sheep.$url.static('/static/img/shop/platform/wechat.png')"
/>
<text class="list-name">微信开放平台</text>
</view>
<view class="ss-flex ss-col-center">
<view class="info ss-flex ss-col-center" v-if="state.thirdInfo">
<image class="avatar ss-m-r-20" :src="sheep.$url.cdn(state.thirdInfo.avatar)" />
<text class="name">{{ state.thirdInfo.nickname }}</text>
</view>
<view class="bind-box ss-m-l-20">
<button
v-if="state.thirdInfo.openid"
class="ss-reset-button relieve-btn"
@tap="unBindThirdOauth"
>
解绑
</button>
<button v-else class="ss-reset-button bind-btn" @tap="bindThirdOauth">绑定</button>
</view>
</view>
</view>
</view> -->
<su-fixed bottom placeholder bg="none">
<view class="footer-box ss-p-20">
<button class="ss-rest-button logout-btn ui-Shadow-Main" @tap="onSubmit">保存</button>
@@ -208,6 +222,20 @@
];
const userInfo = computed(() => sheep.$store('user').userInfo);
// 身份证显示(对中间数字做掩码显示)
const displayIdNumber = computed(() => {
const id =
state.model?.idNumber ||
state.model?.id_card ||
state.model?.idNo ||
state.model?.id;
if (!id) return '';
if (typeof id === 'string' && id.length >= 8) {
return id.replace(/(\d{3})\d+(\d{4})/, '$1********$2');
}
return id;
});
// 选择性别
function onChangeGender(e) {
@@ -219,6 +247,16 @@
showAuthModal('changeMobile');
};
// 点击健康证(跳转到健康证或证件页)
function onTapHealthCert() {
uni.navigateTo({ url: '/pages/registered/accountInfo' });
}
// 联系站长(跳转到我的账户或站点详情页)
function onTapContactStation() {
uni.navigateTo({ url: '/pages/user/account/index' });
}
// 选择微信的头像,进行上传
function onChooseAvatar(e) {
const tempUrl = e.detail.avatarUrl || '';