huangzhenbao/medical-mall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

实现服务页面接入

Browse Source
This commit is contained in:
huangzhenbao
2026-05-14 17:02:16 +08:00
parent 0ffbc53902
commit 309f50a637
26 changed files with 2216 additions and 492 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pages/mall/admin/home-service/application-management/index.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="服务申请管理">
<ServicePanel title="服务申请管理" subtitle="沿用后台列表 + 状态标签 + 操作按钮的组织方式。">
<view class="overview-row">
<view v-for="item in overview" :key="item.id" class="overview-card" :class="'overview-' + item.tone">
@@ -39,12 +39,13 @@
</view>
<view class="jump-btn" @click="goDispatch">进入派单调度</view>
</ServicePanel>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad, onShow } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServiceActionRow from '@/components/homeService/ServiceActionRow.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import ServiceStatusTag from '@/components/homeService/ServiceStatusTag.uvue'

5
pages/mall/admin/home-service/assessment-form/index.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="上门评估" fallback-url="/pages/mall/admin/home-service/application-management/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到评估信息</text>
</view>
@@ -43,12 +43,13 @@
<view class="submit-btn" @click="submitAssessment">提交评估</view>
</ServicePanel>
</view>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchAdminAssessmentDetail, submitAdminAssessment } from '@/services/homeServiceService.uts'

5
pages/mall/admin/home-service/dispatch-center/index.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="派单调度中心" fallback-url="/pages/mall/admin/home-service/application-management/index">
<ServicePanel title="派单调度中心" subtitle="首批只做调度总览和待派单清单，后续再补排班与改派。">
<view v-for="item in applications" :key="item.id" class="dispatch-card">
<view class="dispatch-row">
@@ -18,12 +18,13 @@
</view>
</view>
</ServicePanel>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import ServiceStatusTag from '@/components/homeService/ServiceStatusTag.uvue'
import { fetchAdminHomeServiceApplications } from '@/services/homeServiceService.uts'

5
pages/mall/admin/home-service/rectification/index.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="整改处理" fallback-url="/pages/mall/admin/home-service/application-management/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到整改信息</text>
</view>
@@ -29,12 +29,13 @@
<view class="submit-btn" @click="submitRectification">提交整改结果</view>
</ServicePanel>
</view>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServiceInfoCard from '@/components/homeService/ServiceInfoCard.uvue'
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'

5
pages/mall/admin/home-service/service-plan/index.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="服务方案" fallback-url="/pages/mall/admin/home-service/application-management/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到服务方案</text>
</view>
@@ -46,12 +46,13 @@
<view class="submit-btn" @click="submitPlan">提交方案</view>
</ServicePanel>
</view>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchAdminServicePlanDetail, submitAdminServicePlan } from '@/services/homeServiceService.uts'

5
pages/mall/admin/home-service/settlement-archive/index.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="结算归档" fallback-url="/pages/mall/admin/home-service/application-management/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到结算信息</text>
</view>
@@ -32,12 +32,13 @@
<view class="submit-btn" @click="submitArchive">确认归档</view>
</ServicePanel>
</view>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServiceInfoCard from '@/components/homeService/ServiceInfoCard.uvue'
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'

19
pages/mall/consumer/home-service/apply.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="提交服务申请" fallback-url="/pages/mall/consumer/home-service/index">
<ServicePanel title="提交服务申请" subtitle="先使用 mock 数据模拟申请受理流程。">
<view class="form-item">
<text class="label">选择服务</text>
@@ -48,12 +48,13 @@
<view class="submit-btn" @click="submitApplication">提交申请</view>
</ServicePanel>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { reactive, ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { createHomeServiceApplication, fetchHomeServiceCatalog } from '@/services/homeServiceService.uts'
import { HomeServiceApplicationDraftType, HomeServiceCatalogType } from '@/types/home-service.uts'
@@ -105,13 +106,6 @@ onLoad(() => {
</script>
<style scoped>
.page {
min-height: 100vh;
background: #f3f7f9;
padding: 24rpx;
box-sizing: border-box;
}
.form-item {
margin-bottom: 24rpx;
}
@@ -128,13 +122,18 @@ onLoad(() => {
width: 100%;
background: #f8fbfc;
border-radius: 18rpx;
padding: 22rpx 24rpx;
font-size: 28rpx;
color: #23384d;
box-sizing: border-box;
}
.input {
height: 84rpx;
padding: 0 24rpx;
}
.textarea {
padding: 22rpx 24rpx;
height: 160rpx;
}

95
pages/mall/consumer/home-service/assessment.uvue Normal file
View File

@@ -0,0 +1,95 @@
<template>
<ServicePageScaffold title="上门评估" fallback-url="/pages/mall/consumer/home-service/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到评估信息</text>
</view>
<view v-else>
<ServicePanel title="上门评估" subtitle="展示评估前准备、风险等级和护理建议。">
<ServiceInfoList
:items="[
{ label: '服务单号：', value: detail.caseNo },
{ label: '服务对象：', value: detail.elderName },
{ label: '申请服务：', value: detail.serviceName },
{ label: '预约上门：', value: detail.visitTime }
]"
></ServiceInfoList>
</ServicePanel>
<ServicePanel title="评估结果摘要">
<view class="summary-card">
<text class="summary-line">风险等级：{{ detail.riskLevel }}</text>
<text class="summary-line">护理等级：{{ detail.careLevel }}</text>
<text class="summary-line">结论摘要：{{ detail.assessmentSummary }}</text>
</view>
</ServicePanel>
<ServicePanel title="评估标签">
<view class="tag-row">
<view v-for="item in detail.requirementTags" :key="item" class="tag-item">{{ item }}</view>
</view>
</ServicePanel>
</view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchAdminAssessmentDetail } from '@/services/homeServiceService.uts'
import { HomeServiceAssessmentType } from '@/types/home-service.uts'
const caseId = ref('case-001')
const detail = ref<HomeServiceAssessmentType | null>(null)
async function loadData() {
detail.value = await fetchAdminAssessmentDetail(caseId.value)
}
onLoad((options) => {
const id = options['id']
if (id != null && id != '') {
caseId.value = id as string
}
loadData()
})
</script>
<style scoped>
.empty-box {
padding: 120rpx 0;
align-items: center;
}
.empty-text,
.summary-line,
.tag-item {
font-size: 28rpx;
line-height: 40rpx;
color: #16324f;
}
.summary-card {
padding: 24rpx;
border-radius: 20rpx;
background: #f8fbfc;
}
.summary-line + .summary-line {
margin-top: 12rpx;
}
.tag-row {
flex-direction: row;
flex-wrap: wrap;
gap: 16rpx;
}
.tag-item {
padding: 14rpx 20rpx;
border-radius: 999rpx;
background: #eef2f6;
}
</style>

5
pages/mall/consumer/home-service/feedback.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="验收反馈" fallback-url="/pages/mall/consumer/home-service/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到验收信息</text>
</view>
@@ -43,12 +43,13 @@
</view>
</ServicePanel>
</view>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchConsumerAcceptanceDetail, submitConsumerAcceptance } from '@/services/homeServiceService.uts'
import { HomeServiceAcceptanceType } from '@/types/home-service.uts'

5
pages/mall/consumer/home-service/index.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="居家上门服务" fallback-url="/pages/main/index">
<view class="hero-card">
<text class="hero-title">居家上门服务</text>
<text class="hero-desc">覆盖服务申请、上门评估、执行跟踪与验收反馈，先用 mock 数据跑通前端闭环。</text>
@@ -39,12 +39,13 @@
<text class="case-info">服务地址：{{ item.address }}</text>
</view>
</ServicePanel>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import ServiceStatusTag from '@/components/homeService/ServiceStatusTag.uvue'
import { fetchConsumerHomeServiceCases, fetchHomeServiceCatalog } from '@/services/homeServiceService.uts'

5
pages/mall/consumer/home-service/order-detail.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="服务单详情" fallback-url="/pages/mall/consumer/home-service/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到对应服务单</text>
</view>
@@ -35,12 +35,13 @@
<ServiceTimeline :items="detail.timeline"></ServiceTimeline>
</ServicePanel>
</view>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad, onShow } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServiceInfoCard from '@/components/homeService/ServiceInfoCard.uvue'
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'

87
pages/mall/consumer/home-service/service-plan.uvue Normal file
View File

@@ -0,0 +1,87 @@
<template>
<ServicePageScaffold title="服务方案" fallback-url="/pages/mall/consumer/home-service/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到服务方案</text>
</view>
<view v-else>
<ServicePanel title="服务方案" subtitle="查看服务频次、服务周期和执行建议。">
<ServiceInfoList
:items="[
{ label: '服务单号：', value: detail.caseNo },
{ label: '服务对象：', value: detail.elderName },
{ label: '服务类型：', value: detail.serviceName },
{ label: '方案标题：', value: detail.planTitle }
]"
></ServiceInfoList>
</ServicePanel>
<ServicePanel title="执行安排">
<view class="summary-card">
<text class="summary-line">服务频次：{{ detail.serviceFrequency }}</text>
<text class="summary-line">服务周期：{{ detail.serviceCycle }}</text>
<text class="summary-line">方案摘要：{{ detail.planSummary }}</text>
</view>
</ServicePanel>
<ServicePanel title="补充说明">
<view class="summary-card muted-card">
<text class="summary-line">执行建议：{{ detail.executorAdvice }}</text>
<text class="summary-line">收费说明：{{ detail.billingSummary }}</text>
</view>
</ServicePanel>
</view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchAdminServicePlanDetail } from '@/services/homeServiceService.uts'
import { HomeServicePlanType } from '@/types/home-service.uts'
const caseId = ref('case-001')
const detail = ref<HomeServicePlanType | null>(null)
async function loadData() {
detail.value = await fetchAdminServicePlanDetail(caseId.value)
}
onLoad((options) => {
const id = options['id']
if (id != null && id != '') {
caseId.value = id as string
}
loadData()
})
</script>
<style scoped>
.empty-box {
padding: 120rpx 0;
align-items: center;
}
.empty-text,
.summary-line {
font-size: 28rpx;
line-height: 40rpx;
color: #16324f;
}
.summary-card {
padding: 24rpx;
border-radius: 20rpx;
background: #f8fbfc;
}
.muted-card {
background: #eef5fb;
}
.summary-line + .summary-line {
margin-top: 12rpx;
}
</style>

88
pages/mall/consumer/home-service/settlement-archive.uvue Normal file
View File

@@ -0,0 +1,88 @@
<template>
<ServicePageScaffold title="结算归档" fallback-url="/pages/mall/consumer/home-service/index">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到结算信息</text>
</view>
<view v-else>
<ServicePanel title="结算归档" subtitle="查看服务账单和归档状态。">
<ServiceInfoList
:items="[
{ label: '服务单号：', value: detail.caseNo },
{ label: '服务对象：', value: detail.elderName },
{ label: '账期：', value: detail.billingPeriod },
{ label: '归档状态：', value: detail.archiveStatusText }
]"
></ServiceInfoList>
</ServicePanel>
<ServicePanel title="费用明细">
<view class="amount-card">
<text class="amount-line">服务总额：{{ detail.totalAmount }}</text>
<text class="amount-line">长护险 / 补贴：{{ detail.insuranceAmount }}</text>
<text class="amount-line">个人自付：{{ detail.selfPayAmount }}</text>
</view>
</ServicePanel>
<ServicePanel title="归档说明">
<view class="archive-box">
<text class="archive-text">已包含执行记录、验收反馈、结算单与电子档案索引，方便家属追踪服务闭环。</text>
</view>
</ServicePanel>
</view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchAdminSettlementDetail } from '@/services/homeServiceService.uts'
import { HomeServiceSettlementType } from '@/types/home-service.uts'
const caseId = ref('case-001')
const detail = ref<HomeServiceSettlementType | null>(null)
async function loadData() {
detail.value = await fetchAdminSettlementDetail(caseId.value)
}
onLoad((options) => {
const id = options['id']
if (id != null && id != '') {
caseId.value = id as string
}
loadData()
})
</script>
<style scoped>
.empty-box {
padding: 120rpx 0;
align-items: center;
}
.empty-text,
.amount-line,
.archive-text {
font-size: 28rpx;
line-height: 40rpx;
color: #16324f;
}
.amount-card,
.archive-box {
padding: 24rpx;
border-radius: 20rpx;
background: #f8fbfc;
}
.amount-line + .amount-line {
margin-top: 12rpx;
}
.archive-text {
color: #66788a;
}
</style>

5
pages/mall/merchant/home-service/check-in.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="到岗签到" fallback-url="/pages/mall/merchant/home-service/tasks">
<ServicePanel title="到岗签到" subtitle="先用 mock 方式记录签到结果、到岗说明和留痕提示。">
<text class="info">任务编号：{{ taskNo }}</text>
<text class="info">当前状态：{{ taskStatus }}</text>
@@ -17,12 +17,13 @@
</view>
<view class="submit-btn" @click="submitCheckIn">确认签到</view>
</ServicePanel>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchWorkerTaskDetail, submitWorkerCheckIn } from '@/services/homeServiceService.uts'

5
pages/mall/merchant/home-service/exception-report.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="异常上报" fallback-url="/pages/mall/merchant/home-service/tasks">
<ServicePanel title="异常上报" subtitle="先完成异常类型、说明和调度通知的 mock 处理。">
<text class="info">任务编号：{{ taskNo }}</text>
<view class="block">
@@ -26,12 +26,13 @@
</view>
<view class="submit-btn warn" @click="submitException">提交异常</view>
</ServicePanel>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchWorkerTaskDetail, submitWorkerException } from '@/services/homeServiceService.uts'

5
pages/mall/merchant/home-service/service-record.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="服务记录" fallback-url="/pages/mall/merchant/home-service/tasks">
<ServicePanel title="服务记录" subtitle="本页先记录执行摘要、服务步骤和后续待上传凭证占位。">
<text class="info">任务编号：{{ taskNo }}</text>
<view class="block">
@@ -16,12 +16,13 @@
</view>
<view class="submit-btn" @click="submitRecord">保存记录</view>
</ServicePanel>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import { fetchWorkerTaskDetail, submitWorkerServiceRecord } from '@/services/homeServiceService.uts'

5
pages/mall/merchant/home-service/task-detail.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="任务详情" fallback-url="/pages/mall/merchant/home-service/tasks">
<view v-if="detail == null" class="empty-box">
<text class="empty-text">未找到任务详情</text>
</view>
@@ -38,12 +38,13 @@
<ServiceTimeline :items="detail.timeline"></ServiceTimeline>
</ServicePanel>
</view>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad, onShow } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServiceActionRow from '@/components/homeService/ServiceActionRow.uvue'
import ServiceInfoCard from '@/components/homeService/ServiceInfoCard.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'

5
pages/mall/merchant/home-service/tasks.uvue
View File

@@ -1,5 +1,5 @@
<template>
<scroll-view class="page" scroll-y="true">
<ServicePageScaffold title="执行任务">
<ServicePanel title="执行任务" subtitle="按移动执行页风格，先做任务卡片与状态动作。">
<view v-for="item in tasks" :key="item.id" class="task-card" @click="goDetail(item.id)">
<view class="task-top">
@@ -15,12 +15,13 @@
<view class="action-btn">{{ item.actionText }}</view>
</view>
</ServicePanel>
</scroll-view>
</ServicePageScaffold>
</template>
<script setup lang="uts">
import { ref } from 'vue'
import { onLoad, onShow } from '@dcloudio/uni-app'
import ServicePageScaffold from '@/components/homeService/ServicePageScaffold.uvue'
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
import ServiceStatusTag from '@/components/homeService/ServiceStatusTag.uvue'
import { fetchWorkerTasks } from '@/services/homeServiceService.uts'