319发版
This commit is contained in:
parent
eee75e1d71
commit
3f30ae5620
4
main.js
4
main.js
@ -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";
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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,22 +71,21 @@
|
|||||||
<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="info">
|
||||||
<view class="infobox">
|
<view class="infobox">
|
||||||
<view class="personal" style="margin-top:20rpx;" v-show="state.vaildType == 1">
|
<view class="personal" style="margin-top:20rpx;" v-show="state.vaildType == 1">
|
||||||
@ -110,66 +109,20 @@
|
|||||||
$t("common.saveInfo") }}
|
$t("common.saveInfo") }}
|
||||||
</uv-button>
|
</uv-button>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="footer">
|
||||||
|
<view @click="toHome">
|
||||||
|
返回主页
|
||||||
|
</view>
|
||||||
|
<view></view>
|
||||||
|
</view>
|
||||||
<!-- 选择证件类型 -->
|
<!-- 选择证件类型 -->
|
||||||
<uv-picker ref="typePickerRef" :confirmText="$t('common.confirm')"
|
<uv-picker ref="typePickerRef" :confirmText="$t('common.confirm')"
|
||||||
:cancelText="$t('common.cancel')" confirmColor="#FB322E" :columns="state.cardType" keyName="label"
|
:cancelText="$t('common.cancel')" confirmColor="#FB322E" :columns="state.cardType" keyName="label"
|
||||||
@confirm="confirmCardType"></uv-picker>
|
@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") }}
|
|
||||||
</view>
|
|
||||||
<view class="tips" v-if="state.formData.certificateStatus2 === 0"
|
|
||||||
style="text-align: center; color: green;">
|
|
||||||
{{ $t("verification.vailSuccess") }}
|
|
||||||
</view>
|
|
||||||
<view class="btn">
|
|
||||||
<AgreementCheck v-model="agree" />
|
|
||||||
<button class="next-btn" :class="{disabled:!agree}" @click="verifyEnterprise">
|
|
||||||
{{ state.formData.certificateStatus2 == 1 ? $t("common.verifyInfo") : $t("common.saveInfo") }}
|
|
||||||
</button>
|
|
||||||
</view>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<!-- 是否验证成功 -->
|
<!-- 是否验证成功 -->
|
||||||
<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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user