wangxiaowei/chazhi_teaspecialist_manage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改页面

Browse Source
This commit is contained in:
wangxiaowei
2026-01-02 01:56:58 +08:00
parent 310391c4bc
commit 83a2b4da9d
4 changed files with 115 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/bundle/address/add.vue
View File

@ -56,12 +56,11 @@
</template>
<script lang="ts" setup>
import { useMessage } from 'wot-design-uni'
import { useMessage, useToast } from 'wot-design-uni'
import { useColPickerData } from '@/hooks/useColPickerData'
import { addUserAddress, deleteUserAddress, editUserAddress, getOpenCityList, getUserAddressInfo } from '@/api/user'
import { mobile } from '@/utils/test'
import { router } from '@/utils/tools'
import { useToast } from 'wot-design-uni'
const OSS = inject('OSS')
const toast = useToast()

3
src/pages/index/index.vue
View File

@ -88,7 +88,7 @@
<view class="schedule-section mx-30rpx mt-30rpx">
<view class="section-header" style="justify-content: flex-start;border-radius: 16rpx;">
<text class="section-title">今日行程</text>
<text class="section-tip">其他日期行程可至行程记录查看</text>
<!-- <text class="section-tip">其他日期行程可至行程记录查看</text> -->
</view>
<view class="schedule-list">
<view v-if="todayOrders.length === 0" class="empty-schedule">
@ -967,6 +967,7 @@
}
.schedule-header-row {
padding-top: 10rpx;
display: flex;
align-items: center;
justify-content: space-between;

12
src/pages/my/my.vue
View File

@ -205,13 +205,13 @@
<text class="text-24rpx text-[#303133] leading-34rpx">位置更新</text>
</view>
<!-- 收入统计 -->
<view class="service-item flex flex-col items-center" @click="router.navigateTo('/bundle/finance/finance')">
<!-- <view class="service-item flex flex-col items-center" @click="router.navigateTo('/bundle/finance/finance')">
<view
class="service-icon-wrapper h-96rpx w-96rpx flex items-center justify-center rounded-16rpx bg-[#FFFFFF]">
<wd-img width="48rpx" height="48rpx" :src="`${OSS}images/chayishi/income.png`" />
</view>
<text class="text-24rpx text-[#303133] leading-34rpx">收入统计</text>
</view>
</view> -->
<!-- 上传资料 -->
<view class="service-item flex flex-col items-center" @click="My.handleServiceClick('upload')">
<view
@ -221,13 +221,13 @@
<text class="text-24rpx text-[#303133] leading-34rpx">上传资料</text>
</view>
<!-- 行程记录 -->
<view class="service-item flex flex-col items-center" @click="My.handleServiceClick('record')">
<!-- <view class="service-item flex flex-col items-center" @click="My.handleServiceClick('record')">
<view
class="service-icon-wrapper h-96rpx w-96rpx flex items-center justify-center rounded-16rpx bg-[#FFFFFF]">
<wd-img width="48rpx" height="48rpx" :src="`${OSS}images/chayishi/path_record.png`" />
</view>
<text class="text-24rpx text-[#303133] leading-34rpx">行程记录</text>
</view>
</view> -->
<!-- 分销赚钱 -->
<view class="service-item flex flex-col items-center"
@click="My.handleServiceClick('distribution')">
@ -308,7 +308,6 @@
handleGetUserInfo: async () => {
const res = await getUserInfo()
userInfo.value = res
userInfo.value.cert_id = 1
},
/**
@ -374,8 +373,7 @@
// 跳转到上传资料页面
// cert_id: 0 未上传，1 审核中，2 已认证，3 未通过
const status = userInfo.value.cert_id == 0 ? 'add' : 'view'
console.log("🚀 ~ userInfo.value.cert_id:", userInfo.value.cert_id)
router.navigateTo(`/pages/my/upload-data?status=${status}`)
router.navigateTo(`/pages/my/upload-data?status=${status}&certId=${userInfo.value.cert_id}`)
}
else if (type === 'record') {
// 跳转到行程记录页面

144
src/pages/my/upload-data.vue
View File

@ -36,16 +36,29 @@
</view>
<!-- 营业执照 -->
<view class="info-card mx-30rpx mt-30rpx rounded-24rpx bg-white p-30rpx">
<view class="rounded-24rpx bg-white mx-30rpx relative">
<!-- 审核状态标签 -->
<view class="absolute top-20rpx right-34rpx">
<view v-if="auditStatus == 0"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="160rpx" height="160rpx" :src="`${OSS}images/chayishi/applying.png`" />
</view>
<view v-else-if="auditStatus == 1"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="160rpx" height="160rpx" :src="`${OSS}images/chayishi/success.png`" />
</view>
<view v-else-if="auditStatus == 2"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="160rpx" height="160rpx" :src="`${OSS}images/chayishi/fail.png`" />
</view>
</view>
<!-- 营业执照 -->
<view class="info-card mt-30rpx px-30rpx pt-20rpx">
<text class="mb-24rpx block text-32rpx text-[#303133] font-bold leading-44rpx">营业执照</text>
<view v-if="documents.businessLicense" class="relative w-[200rpx]">
<wd-img width="200rpx" height="200rpx" :src="documents.businessLicense" mode="aspectFill"
class="rounded-12rpx" />
<!-- 审核状态标签 -->
<view v-if="auditStatus.businessLicense === 'approved'"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="80rpx" height="80rpx" :src="`${OSS}images/chayishi/success.png`" />
</view>
</view>
<view v-else class="empty-state flex flex-col items-center justify-center py-60rpx">
<wd-img width="120rpx" height="120rpx" :src="`${OSS}images/chayishi/text.png`" />
@ -54,24 +67,11 @@
</view>
<!-- 资质证书 -->
<view class="info-card mx-30rpx mt-30rpx rounded-24rpx bg-white p-30rpx">
<view class="info-card px-30rpx">
<text class="mb-24rpx block text-32rpx text-[#303133] font-bold leading-44rpx">资质证书</text>
<view v-if="documents.qualification" class="relative w-[200rpx]">
<wd-img width="200rpx" height="200rpx" :src="documents.qualification" mode="aspectFill"
class="rounded-12rpx" />
<!-- 审核状态标签 -->
<view v-if="auditStatus.qualification === 'rejected'"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="80rpx" height="80rpx" :src="`${OSS}images/chayishi/fail.png`" />
</view>
<view v-else-if="auditStatus.qualification === 'pending'"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="80rpx" height="80rpx" :src="`${OSS}images/chayishi/applying.png`" />
</view>
<view v-else-if="auditStatus.qualification === 'approved'"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="80rpx" height="80rpx" :src="`${OSS}images/chayishi/success.png`" />
</view>
</view>
<view v-else class="empty-state flex flex-col items-center justify-center py-60rpx">
<wd-img width="120rpx" height="120rpx" :src="`${OSS}images/chayishi/text.png`" />
@ -80,33 +80,21 @@
</view>
<!-- 健康证 -->
<view class="info-card mx-30rpx mt-30rpx rounded-24rpx bg-white p-30rpx">
<view class="info-card rounded-24rpx px-30rpx">
<text class="mb-24rpx block text-32rpx text-[#303133] font-bold leading-44rpx">健康证</text>
<view v-if="documents.healthCert" class="relative w-[200rpx]">
<wd-img width="200rpx" height="200rpx" :src="documents.healthCert" mode="aspectFill"
class="rounded-12rpx" />
<!-- 审核状态标签 -->
<view v-if="auditStatus.healthCert === 'approved'"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="80rpx" height="80rpx" :src="`${OSS}images/chayishi/success.png`" />
</view>
<view v-else-if="auditStatus.healthCert === 'pending'"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="80rpx" height="80rpx" :src="`${OSS}images/chayishi/applying.png`" />
</view>
<view v-else-if="auditStatus.healthCert === 'rejected'"
class="status-badge absolute right-8rpx top-8rpx">
<wd-img width="80rpx" height="80rpx" :src="`${OSS}images/chayishi/fail.png`" />
</view>
</view>
<view v-else class="empty-state flex flex-col items-center justify-center py-60rpx">
<wd-img width="120rpx" height="120rpx" :src="`${OSS}images/chayishi/text.png`" />
<text class="mt-24rpx text-28rpx text-[#909399] leading-40rpx">暂未提交信息</text>
</view>
</view>
</view>
<!-- 修改信息按钮 -->
<view class="mx-30rpx mb-40rpx mt-40rpx">
<!-- 修改信息按钮- 待审核和审核失败可修改信息 -->
<view class="mx-30rpx mb-40rpx mt-40rpx" v-if="auditStatus == 0 || auditStatus == 2">
<view class="edit-btn h-88rpx rounded-16rpx bg-[#4C9F44] text-center leading-88rpx"
@click="UploadData.handleEdit">
<text class="text-32rpx text-[#fff] font-bold">修改信息</text>
@ -200,7 +188,7 @@
<!-- 提交按钮（仅在新增/编辑状态显示） -->
<view v-if="pageStatus === 'add' || pageStatus === 'edit'"
class="fixed bottom-0 left-0 right-0 px-30rpx pb-40rpx pt-24rpx z-100">
<view class="save-btn h-88rpx rounded-16rpx bg-[#4C9F44] text-center leading-88rpx"
<view class="save-btn h-88rpx rounded-8rpx bg-[#4C9F44] text-center leading-88rpx"
@click="UploadData.handleSubmit">
<text class="text-32rpx text-[#fff] font-bold">提交</text>
</view>
@ -211,7 +199,7 @@
<script lang="ts" setup>
import { router } from '@/utils/tools'
import { useToast } from 'wot-design-uni'
import { addTeaSpecialistQualification, getTeaSpecialistQualification } from '@/api/tes-specialist'
import { addTeaSpecialistQualification, getTeaSpecialistQualification, editTeaSpecialistQualification } from '@/api/tes-specialist'
const OSS = inject('OSS')
const navbarHeight = inject('navbarHeight')
@ -230,12 +218,8 @@
healthCert: '', // 健康证
})
// 审核状态：'approved' | 'pending' | 'rejected' | 'none'
const auditStatus = ref({
businessLicense: 'approved', // 'approved' | 'pending' | 'rejected' | 'none'
qualification: 'none',
healthCert: 'pending',
})
// 审核状态
const auditStatus = ref<number>(0) // 0 待审核 1 通过 2 未通过
// 上传文件
const fileList1 = ref<any[]>([]) // 营业执照
@ -243,19 +227,27 @@
const fileList3 = ref<any[]>([]) // 健康证
const action = import.meta.env.VITE_UPLOAD_BASEURL
// certId
const certId = ref<number>(0)
// 初始化：根据实际情况判断页面状态
onLoad((options: any) => {
onLoad(async (args: any) => {
token.value = uni.getStorageSync('token')
certId.value = args.certId || 0
// 如果有状态参数，使用参数
if (options.status) {
pageStatus.value = options.status as 'add' | 'edit' | 'pending' | 'view'
if (args.status) {
pageStatus.value = args.status as 'add' | 'edit' | 'pending' | 'view'
}
// TODO: 否则根据API数据判断状态
// 如果已提交且在审核中，显示pending
// 如果已审核通过，显示view
// 如果有数据但需要编辑，显示edit
UploadData.handleGetInfo()
if (certId.value > 0) {
await UploadData.handleGetInfo()
}
// 如果无数据，显示add
})
@ -264,30 +256,24 @@
* 初始化数据
*/
handleGetInfo: async () => {
const res = await getTeaSpecialistQualification()
console.log("🚀 ~ res:", res)
const res = await getTeaSpecialistQualification(certId.value)
},
// 回显图片-编辑状态
fileList1.value = res.license_img ? [{ url: res.license_img }] : [] // 营业执照
fileList2.value = res.cert_img ? [{ url: res.cert_img }] : [] // 资质证书
fileList3.value = res.fitness_img ? [{ url: res.fitness_img }] : [] // 健康证
// 上传图片
handleUploadImage: (type: 'businessLicense' | 'qualification' | 'healthCert') => {
uni.chooseImage({
count: 1,
sourceType: ['camera', 'album'],
success: (res) => {
// TODO: 上传图片到服务器
console.log('选择图片:', res)
documents.value[type] = res.tempFilePaths[0]
},
})
},
// 回显图片-预览状态
documents.value = {
businessLicense: res.license_img || '',
qualification: res.cert_img || '',
healthCert: res.fitness_img || '',
}
// 删除图片
handleDeleteImage: (type: 'businessLicense' | 'qualification' | 'healthCert') => {
documents.value[type] = ''
// 设置审核状态
auditStatus.value = res.status // 0 待审核 1 通过 2 未通过
},
// 修改信息
handleEdit: () => {
pageStatus.value = 'edit'
@ -348,13 +334,29 @@
* 提交数据
*/
handleSubmit: async () => {
// // TODO: 实现提交逻辑
const licenseImg = documents.value.businessLicense ? documents.value.businessLicense.replace(import.meta.env.VITE_OSS_BASEURL, '') : ''
const certImg = documents.value.qualification ? documents.value.qualification.replace(import.meta.env.VITE_OSS_BASEURL, '') : ''
const fitnessImg = documents.value.healthCert ? documents.value.healthCert.replace(import.meta.env.VITE_OSS_BASEURL, '') : ''
if (certId.value > 0) {
// 编辑资料
await editTeaSpecialistQualification({
id: certId.value,
license_img: licenseImg,
cert_img: certImg,
fitness_img: fitnessImg,
})
toast.show('资料修改成功')
} else {
// 添加资料
await addTeaSpecialistQualification({
license_img: documents.value.businessLicense,
cert_img: documents.value.qualification,
fitness_img: documents.value.healthCert,
license_img: licenseImg,
cert_img: certImg,
fitness_img: fitnessImg,
})
toast.show('资料提交成功')
}
// 提交后设置为申请中状态
pageStatus.value = 'pending'
},