实现服务页面接入

2026-05-14 17:02:16 +08:00
parent 0ffbc53902
commit 309f50a637
26 changed files with 2216 additions and 492 deletions
--- a/pages/mall/consumer/home-service/apply.uvue
+++ b/pages/mall/consumer/home-service/apply.uvue
@@ -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;
 }

--- a/pages/mall/consumer/home-service/assessment.uvue
+++ b/pages/mall/consumer/home-service/assessment.uvue
@@ -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>
--- a/pages/mall/consumer/home-service/feedback.uvue
+++ b/pages/mall/consumer/home-service/feedback.uvue
@@ -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'
--- a/pages/mall/consumer/home-service/index.uvue
+++ b/pages/mall/consumer/home-service/index.uvue
@@ -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'
--- a/pages/mall/consumer/home-service/order-detail.uvue
+++ b/pages/mall/consumer/home-service/order-detail.uvue
@@ -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'
--- a/pages/mall/consumer/home-service/service-plan.uvue
+++ b/pages/mall/consumer/home-service/service-plan.uvue
@@ -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>
--- a/pages/mall/consumer/home-service/settlement-archive.uvue
+++ b/pages/mall/consumer/home-service/settlement-archive.uvue
@@ -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>