测试

package.json

@@ -22,6 +22,7 @@
     "@dcloudio/uni-mp-weixin": "3.0.0-4000720240327002",
     "@dcloudio/uni-mp-xhs": "3.0.0-4000720240327002",
     "@dcloudio/uni-quickapp-webview": "3.0.0-4000720240327002",
+    "dayjs": "^1.11.13",
     "pinia": "2.0.36",
     "vue": "^3.3.11",
     "vue-i18n": "^9.1.9",

src/pages.json

@@ -6,12 +6,18 @@
 		}
 	},
 	"pages": [ // pages 数组中第一项表示应用启动页
+	
 		{
 			"path": "pages/index/index",
 			"style": {
 				"navigationBarTitleText": "小程序平台"
 			}
+		},{
+		"path": "pages/detail/index",
+		"style": {
+			"navigationBarTitleText": "小程序平台"
 		}
+	}
 	],
 	"globalStyle": {
 		"navigationStyle": "custom"

src/pages/detail/index.vue

+<template>
+	<view class="content">
+		<wd-navbar title="详情" left-arrow @click-left="handleClickLeft" @click-right="handleClickRight">
+			<template #right>
+				<wd-icon name="close" size="22px"></wd-icon>
+			</template>
+		</wd-navbar>
+		
+		<view class="container">
+			<wd-cell-group>
+				<wd-cell title="单位编号" :value="detailinfo.empNo" />
+				<wd-cell title="人员编号" :value="detailinfo.psnNo" />
+				<wd-cell title="险种类型" :value="detailinfo.insutype" />
+				<wd-cell title="人员类别" :value="detailinfo.psnType" />
+				<wd-cell title="参保身份" :value="detailinfo.insuIdet" />
+				<wd-cell title="人员身份类别" :value="detailinfo.psnIdetType" />
+				<wd-cell title="电子税票号码" :value="detailinfo.elecTaxrptNo" />
+				<wd-cell title="费款所属期" :value="detailinfo.cashym" />
+				<wd-cell title="对应费款所属期起始" :value="detailinfo.accrymBegn" />
+				<wd-cell title="对应费款所属期结束" :value="detailinfo.accrymEnd" />
+				<wd-cell title="个人缴纳金额" :value="detailinfo.psnClctAmt" />
+				<wd-cell title="缴费标志" value="内容">
+					<view class="custom-text">{{detailinfo.clctFlag}}</view>
+				</wd-cell>
+				<wd-cell title="缴费类型" :value="detailinfo.clctType" />
+				<wd-cell title="缴费时间" :value="dayjs(detailinfo.clctTime).format('YYYY-MM-DD')" />
+				<wd-cell title="财政补助金额" :value="detailinfo.finsubsAmt" />
+				<wd-cell title="其他缴费金额" :value="detailinfo.othClctAmt" />
+				<wd-cell title="缴费总金额" :value="detailinfo.clctSumamt" />
+			</wd-cell-group>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+import dayjs from 'dayjs';
+const detailinfo=ref({})
+onLoad((options)=>{
+	console.log("~~~~")
+console.log(options.item)
+detailinfo.value=JSON.parse(options.item)
+})
+
+const handleClickLeft = () => {
+		xma.navigateBack();
+		//xma.$off("goToDetail")
+	}
+
+	const handleClickRight = () => {
+		xma.navigateBack();
+		//xma.$off("goToDetail")
+	}
+
+</script>
+
+<style lang="scss">
+	.content {
+		background: rgb(246, 246, 246);
+		padding-bottom: 10rpx;
+
+		.container {
+			width: 94%;
+			margin: 40rpx auto;
+			background: white;
+			padding: 10rpx;
+			box-sizing: border-box;
+		}
+
+		.container.notform {
+			background: rgb(246, 246, 246);
+		}
+	}
+
+	.custom-text {
+		color: rgb(85, 170, 255)
+	}
+
+
+</style>
\ No newline at end of file

src/pages/index/index.vue

@@ -29,13 +29,13 @@
 			<template v-for="item in results">
 				<wd-card type="rectangle" custom-class="insuitem">
 					<template #title>
-						<view>缴费时间:{{getDate(item.clctTime)}}</view>
+						<view>缴费时间:{{dayjs(item.clctTime).format('YYYY-MM-DD')}}</view>
 					</template>
 					<view>险种类型:{{item.insutype}}</view>
 					<view>参保身份:{{item.insuIdet}}</view>
 					<view>缴费金额:{{item.psnClctAmt}}</view>
 					<template #footer>
-						<wd-button size="small" plain>查看详情</wd-button>
+						<wd-button size="small" plain @click="goToDetail(item)">查看详情</wd-button>
 					</template>
 				</wd-card>
 			</template>
@@ -68,6 +68,7 @@
 
 <script setup lang="ts">
 	import type { FormRules } from 'wot-design-uni/components/wd-form/types';
+	import dayjs from 'dayjs';
 	const test = ref()
 	const form = ref()
 	const formFlag = ref(true)
@@ -111,8 +112,12 @@
 		submitstr = JSON.stringify(normalobj)
 	}
 
-	const getDate = (timestamp) => {
-		//const year =
+	const goToDetail = (info) => {
+		const str=JSON.stringify(info)
+		//console.log(info)
+		xma.navigateTo({
+			url: '/pages/detail/index?item='+str,
+		});
 	}
 	onLoad(() => {
 		model.certno = "520202199704155913"

yarn.lock

@@ -2724,6 +2724,11 @@ csstype@^3.1.3:
   resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
+dayjs@^1.11.13:
+  version "1.11.13"
+  resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz#92430b0139055c3ebb60150aa13e860a4b5a366c"
+  integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
+
 de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"