319发版

This commit is contained in:
有果 2026-03-19 14:06:08 +08:00
parent eee75e1d71
commit 3f30ae5620
3 changed files with 81 additions and 98 deletions

View File

@ -2,8 +2,8 @@ import { createSSRApp } from "vue";
import App from "./App"; import App from "./App";
import i18n from "./locale/index"; import i18n from "./locale/index";
import * as Pinia from "pinia"; import * as Pinia from "pinia";
import VConsole from 'vconsole' // import VConsole from 'vconsole'
new VConsole() // new VConsole()
// import '@/uni.scss' // import '@/uni.scss'
// 引入uvUI // 引入uvUI
import uvUI from "@/uni_modules/uv-ui-tools"; import uvUI from "@/uni_modules/uv-ui-tools";

View File

@ -81,7 +81,7 @@
<view class="btn" v-show="item.refundLockerStatus === 2" style="justify-content: end;"> <view class="btn" v-show="item.refundLockerStatus === 2" style="justify-content: end;">
<uv-button shape="circle" @click="openDetailPopup(item)">{{ $t("unlock.details") }}</uv-button> <uv-button shape="circle" @click="openDetailPopup(item)">{{ $t("unlock.details") }}</uv-button>
</view> </view>
<view class="btn" v-if="state.orderData.orderStatus == 2" style="justify-content: start;"> <view class="btn" v-if="item.orderStatus == 2" style="justify-content: start;">
<uv-button shape="circle" :customStyle="{ <uv-button shape="circle" :customStyle="{
color: '#fff', color: '#fff',
}" color="#FB322E" @click="handleCancelOrder(item)">取消订单</uv-button> }" color="#FB322E" @click="handleCancelOrder(item)">取消订单</uv-button>
@ -89,7 +89,7 @@
</view> </view>
</view> </view>
<view class="empt font32 fontb" style="text-align: center;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);" v-if="state.orderList.length === 0" > <view class="empt font32 fontb" style="text-align: center;position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);" v-if="state.orderList.length === 0" >
你还没有订单哦 暂无订单
</view> </view>
<view class="footer"> <view class="footer">
<myCustomtTabBar direction="horizontal" :show-icon="true" :selected="1" @onTabItemTap="onTabItemTap"> <myCustomtTabBar direction="horizontal" :show-icon="true" :selected="1" @onTabItemTap="onTabItemTap">
@ -1312,6 +1312,7 @@ onShow(() => {
margin-bottom: 20rpx; margin-bottom: 20rpx;
.address { .address {
flex: 1;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
} }
@ -1460,6 +1461,7 @@ onShow(() => {
margin-bottom: 20rpx; margin-bottom: 20rpx;
.address { .address {
flex: 1;
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; word-break: break-all;
} }

View File

@ -1,20 +1,20 @@
<template> <template>
<view class="container" :class="[`${themeInfo.theme}-theme`, `${themeInfo.language}`]"> <view class="container" :class="[`${themeInfo.theme}-theme`, `${themeInfo.language}`]">
<navBar /> <!-- <navBar /> -->
<view class="content"> <view class="content">
<view class="formBox card"> <view class="formBox card">
<view class="fontb font36 mgb20" style="text-align: center;"> <!-- <view class="fontb font36 mgb20" style="text-align: center;">
实名验证 实名验证
</view> </view> -->
<uv-form labelPosition="left" labelWidth="180rpx" :model="state" ref="form"> <uv-form labelPosition="left" labelWidth="190rpx" :model="state" ref="form">
<!-- 用户姓名 --> <!-- 用户姓名 -->
<uv-form-item label="用户姓名" prop="formData.name" borderBottom> <uv-form-item label="用户姓名" prop="formData.name" borderBottom>
<uv-input placeholder="请填写" placeholderStyle="font-weight: normal;" v-model="state.formData.name" border="none"></uv-input> <uv-input placeholder="请填写" placeholderStyle="font-weight: 600;" v-model="state.formData.name" border="none"></uv-input>
</uv-form-item> </uv-form-item>
<!-- 证件类型 --> <!-- 证件类型 -->
<uv-form-item label="证件类型" prop="cardTypeText" borderBottom @click="openTypePicker"> <uv-form-item label="证件类型" prop="cardTypeText" borderBottom @click="openTypePicker">
<uv-input placeholder="请选择" placeholderStyle="font-weight: normal;" v-model="state.cardTypeText" disabled disabledColor="#ffffff" <uv-input placeholder="请选择" placeholderStyle="font-weight: 600;" v-model="state.cardTypeText" disabled disabledColor="#ffffff"
border="none"></uv-input> border="none"></uv-input>
<template #right> <template #right>
<uv-icon name="arrow-right" size="24rpx"></uv-icon> <uv-icon name="arrow-right" size="24rpx"></uv-icon>
@ -23,11 +23,11 @@
<!-- 证件号码 --> <!-- 证件号码 -->
<uv-form-item label="证件号码" prop="formData.idCard" borderBottom> <uv-form-item label="证件号码" prop="formData.idCard" borderBottom>
<uv-input placeholder="请填写" placeholderStyle="font-weight: normal;" v-model="state.formData.idCard" border="none"></uv-input> <uv-input placeholder="请填写" placeholderStyle="font-weight: 600;" v-model="state.formData.idCard" border="none"></uv-input>
</uv-form-item> </uv-form-item>
<!-- 上传证件 --> <!-- 上传证件 -->
<uv-form-item label="证件正面照片" labelWidth="180rpx" prop="formData.idFile1"> <uv-form-item label="证件正面照片" labelWidth="180rpx" labelPosition="top" borderBottom prop="formData.idFile1">
<view class="ImgUpload"> <view class="ImgUpload">
<my-upload v-model="state.formData.idFile1" :addWatermark="true" width="150rpx" <my-upload v-model="state.formData.idFile1" :addWatermark="true" width="150rpx"
height="150rpx" :previewFullImage="false" uploadText=" "> height="150rpx" :previewFullImage="false" uploadText=" ">
@ -41,7 +41,7 @@
</view> </view>
</uv-form-item> </uv-form-item>
<uv-form-item label="证件背面照片" prop="formData.idFile2" labelWidth="180rpx"> <uv-form-item label="证件背面照片" prop="formData.idFile2" labelPosition="top" labelWidth="180rpx">
<view class="ImgUpload"> <view class="ImgUpload">
<my-upload v-model="state.formData.idFile2" :addWatermark="true" width="150rpx" height="150rpx" <my-upload v-model="state.formData.idFile2" :addWatermark="true" width="150rpx" height="150rpx"
:previewFullImage="false" uploadText=" "> :previewFullImage="false" uploadText=" ">
@ -55,9 +55,9 @@
</uv-form-item> </uv-form-item>
<!-- 手机号码 --> <!-- 手机号码 -->
<uv-form-item label="手机号码" v-if="!state.formData.phone" prop="formData.phone" borderBottom> <uv-form-item label="手机号码" style="opacity: 0.4;" prop="formData.phone" borderBottom>
<view style="display:flex;align-items:center;width:100%"> <view style="display:flex;align-items:center;width:100%">
<uv-input placeholder="请填写" placeholderStyle="font-weight: normal;" v-model="state.formData.phone" border="none" style="flex:1"></uv-input> <uv-input placeholder="请填写" placeholderStyle="font-weight: 600;" v-model="state.formData.phone" border="none" style="flex:1"></uv-input>
</view> </view>
</uv-form-item> </uv-form-item>
@ -71,105 +71,58 @@
<uv-icon name="play-right-fill" size="24rpx" style="transform: rotate(90deg)"></uv-icon> <uv-icon name="play-right-fill" size="24rpx" style="transform: rotate(90deg)"></uv-icon>
</view> </view>
<uv-input placeholder="请填写" placeholderStyle="font-weight: normal;" v-model="state.formData.abroadPhone" border="none" style="flex:1"></uv-input> <uv-input placeholder="请填写" placeholderStyle="font-weight: 600;" v-model="state.formData.abroadPhone" border="none" style="flex:1"></uv-input>
</view> </view>
</uv-form-item> </uv-form-item>
<!-- 紧急联系人 --> <!-- 紧急联系人 -->
<uv-form-item label="紧急联系号码" prop="formData.emerPhone" borderBottom> <uv-form-item label="紧急联系号码" prop="formData.emerPhone" borderBottom>
<uv-input placeholder="请填写" placeholderStyle="font-weight: normal;" v-model="state.formData.emerPhone" border="none"></uv-input> <uv-input placeholder="请填写" placeholderStyle="font-weight: 600;" v-model="state.formData.emerPhone" border="none"></uv-input>
</uv-form-item> </uv-form-item>
<!-- 邮箱 --> <!-- 邮箱 -->
<uv-form-item label="邮箱" prop="formData.email" borderBottom> <uv-form-item label="邮箱" prop="formData.email" borderBottom>
<uv-input placeholder="请填写" placeholderStyle="font-weight: normal;" v-model="state.formData.email" border="none"></uv-input> <uv-input placeholder="请填写" placeholderStyle="font-weight: 600;" v-model="state.formData.email" border="none"></uv-input>
</uv-form-item> </uv-form-item>
</uv-form> </uv-form>
</view>
<view class="info">
<view class="infobox">
<view class="personal" style="margin-top:20rpx;" v-show="state.vaildType == 1">
<view class="tips font36" v-if="state.formData.certificateStatus1 === 1"
<view class="info"> style="text-align: center;color: red;margin: 20rpx 0;">
<view class="infobox">
<view class="personal" style="margin-top:20rpx;" v-show="state.vaildType == 1">
<view class="tips font36" v-if="state.formData.certificateStatus1 === 1"
style="text-align: center;color: red;margin: 20rpx 0;">
{{ $t("verification.vailFail") }}
</view>
<view class="tips font36" v-if="state.formData.certificateStatus1 === 0"
style="text-align: center; color: green;margin: 20rpx 0;">
{{ $t("verification.vailSuccess") }}
</view>
<view class="btn">
<!-- <AgreementCheck v-model="agree" /> -->
<uv-button :customStyle="{
height: '86rpx',
color: '#fff',
fontSize: '32rpx',
}" color="#FB322E" class="next-btn" shape="circle" :class="{ disabled: !agree }" @click="verifyPerson">
{{ state.formData.certificateStatus1 == 1 ? $t("common.verifyInfo") :
$t("common.saveInfo") }}
</uv-button>
</view>
<!-- 选择证件类型 -->
<uv-picker ref="typePickerRef" :confirmText="$t('common.confirm')"
:cancelText="$t('common.cancel')" confirmColor="#FB322E" :columns="state.cardType" keyName="label"
@confirm="confirmCardType"></uv-picker>
</view>
<!-- <view class="company" v-show="state.vaildType == 2">
<view class="select">
<view class="label"> * 企业名称 COMPANY NAME </view>
<view class="inputBox">
<view class="value">
<input type="text" v-model="state.formData.enterpriseName" />
</view>
</view>
</view>
<view class="select">
<view class="label"> * 营业执照号码 LICENSE NUMBER </view>
<view class="inputBox">
<view class="value">
<input type="text" v-model="state.formData.license" />
</view>
</view>
</view>
<view class="select">
<view class="label">
* 上传企业证照 UPLOAD BUSINESS LICENSE
</view>
<view class="inputBox">
<view class="ImgUpload">
<my-upload v-model="state.formData.licenseFile" :addWatermark="true" :previewFullImage="false">
<image src="/static/personal/id02.png" mode="aspectFit"
style="width: 280rpx; height: 200rpx; margin-bottom: 20rpx;"></image>
<view class="upLoadText">
{{ $t("common.UploadBusinessLicense") }}
</view>
</my-upload>
</view>
</view>
</view>
<view class="tips" v-if="state.formData.certificateStatus2 === 1"
style="text-align: center; color: red;">
{{ $t("verification.vailFail") }} {{ $t("verification.vailFail") }}
</view> </view>
<view class="tips" v-if="state.formData.certificateStatus2 === 0" <view class="tips font36" v-if="state.formData.certificateStatus1 === 0"
style="text-align: center; color: green;"> style="text-align: center; color: green;margin: 20rpx 0;">
{{ $t("verification.vailSuccess") }} {{ $t("verification.vailSuccess") }}
</view> </view>
<view class="btn"> <view class="btn">
<AgreementCheck v-model="agree" /> <!-- <AgreementCheck v-model="agree" /> -->
<button class="next-btn" :class="{disabled:!agree}" @click="verifyEnterprise"> <uv-button :customStyle="{
{{ state.formData.certificateStatus2 == 1 ? $t("common.verifyInfo") : $t("common.saveInfo") }} height: '86rpx',
</button> color: '#fff',
fontSize: '32rpx',
}" color="#FB322E" class="next-btn" shape="circle" :class="{ disabled: !agree }" @click="verifyPerson">
{{ state.formData.certificateStatus1 == 1 ? $t("common.verifyInfo") :
$t("common.saveInfo") }}
</uv-button>
</view> </view>
</view> -->
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="footer">
<view @click="toHome">
返回主页
</view>
<view></view>
</view>
<!-- 选择证件类型 -->
<uv-picker ref="typePickerRef" :confirmText="$t('common.confirm')"
:cancelText="$t('common.cancel')" confirmColor="#FB322E" :columns="state.cardType" keyName="label"
@confirm="confirmCardType"></uv-picker>
<!-- 是否验证成功 --> <!-- 是否验证成功 -->
<myModal v-model="state.showAuthModal" :content="state.contentTips" :cancelShow="false"></myModal> <myModal v-model="state.showAuthModal" :content="state.contentTips" :cancelShow="false"></myModal>
<uv-picker ref="AreaCodePickerRef" :columns="[areaCodeList]" keyName="label" @confirm="onAreaCodeConfirm" /> <uv-picker ref="AreaCodePickerRef" :columns="[areaCodeList]" keyName="label" @confirm="onAreaCodeConfirm" />
@ -361,6 +314,11 @@ const getVerifyInfo = async () => {
onLoad(() => { onLoad(() => {
getVerifyInfo(); getVerifyInfo();
}); });
const toHome = (item) => {
uni.switchTab({
url: `/pages/index/index`,
});
}
const changeValidType = (val) => { const changeValidType = (val) => {
state.vaildType = val; state.vaildType = val;
@ -563,19 +521,21 @@ const updateAuthInfo = () => {
.container { .container {
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
padding-top: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-attachment: fixed; background-attachment: fixed;
padding-bottom: 200rpx;
.content { .content {
width: 100%; width: 100%;
.formBox { .formBox {
padding-top: 0;
background-color: #FFF; background-color: #FFF;
:deep(.uv-form-item__body__left__content__label) { :deep(.uv-form-item__body__left__content__label) {
font-size: 28rpx; font-size: 26rpx;
font-weight: 600;
} }
:deep(.uv-input__content__field-wrapper__field) { :deep(.uv-input__content__field-wrapper__field) {
@ -585,17 +545,18 @@ const updateAuthInfo = () => {
} }
:deep(.uv-form-item__body) { :deep(.uv-form-item__body) {
padding: 20rpx 0; padding: 20rpx;
} }
.ImgUpload{ .ImgUpload{
margin-left: auto; /* 左边自动占满 → 右对齐 */ // margin-left: auto; /* */
padding: 20rpx 0;
} }
} }
.btn { .btn {
margin-top: 20rpx; margin-top: 20rpx;
padding: 0 62rpx;
button { button {
font-size: 28rpx; font-size: 28rpx;
padding: 14rpx 0; padding: 14rpx 0;
@ -615,4 +576,24 @@ const updateAuthInfo = () => {
} }
} }
.footer{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100rpx;
display: flex;
justify-content: space-around;
align-items: center;
background-color: #fff;
view{
width: 50%;
height: 80rpx;
line-height: 80rpx;
text-align: center;
color: #000;
font-size: 30rpx;
font-weight: bold;
}
}
</style> </style>