测试

src/pages/index/index.vue

 <template>
 	<view class="content">
-		<wd-navbar title="居民缴费进度查询" left-arrow @click-left="handleClickLeft" @click-right="handleClickRight">
+		<wd-navbar :title="navBarTitle" left-arrow @click-left="handleClickLeft" @click-right="handleClickRight">
 			<template #right>
 				<wd-icon name="close" size="22px"></wd-icon>
 			</template>
 		</wd-navbar>
-		<view class="container">
+		<view class="container" v-if="formFlag">
 			<wd-form ref="form" :model="model" :rules="rules">
 				<wd-cell-group border>
 
 					<wd-input label="身份证号" prop="idCardNum" v-model="model.idCardNum" clearable placeholder="请输入身份证号"
 						@change="handleIDChange" />
 
-					<wd-calendar label="开始日期" :show-confirm="false" prop="startDate" v-model="model.startDate" placeholder="请选择开始日期"
-						@confirm="confirmStartDate" />
+					<wd-calendar label="开始日期" :show-confirm="false" prop="startDate" v-model="model.startDate"
+						placeholder="请选择开始日期" @confirm="confirmStartDate" />
 
-					<wd-calendar label="结束日期" :show-confirm="false" prop="endDate" v-model="model.endDate" placeholder="请选择结束日期"
-						@confirm="confirmEndDate" />
+					<wd-calendar label="结束日期" :show-confirm="false" prop="endDate" v-model="model.endDate"
+						placeholder="请选择结束日期" @confirm="confirmEndDate" />
 
 				</wd-cell-group>
 				<view class="footer">
@@ -24,14 +24,41 @@
 				</view>
 			</wd-form>
 		</view>
+		<view class="container" v-else>
+			<wd-cell-group>
+				<wd-cell title="单位编号" value="内容" />
+				<wd-cell title="人员编号" value="内容" />
+				<wd-cell title="险种类型" value="内容" />
+				<wd-cell title="人员类别" value="内容" />
+				<wd-cell title="参保身份" value="内容" />
+				<wd-cell title="人员身份类别" value="内容" />
+				<wd-cell title="电子税票号码" value="内容" />
+				<wd-cell title="费款所属期" value="内容" />
+				<wd-cell title="对应费款所属期起始" value="内容" />
+				<wd-cell title="对应费款所属期结束" value="内容" />
+				<wd-cell title="个人缴纳金额" value="内容" />
+				<wd-cell title="缴费标志" value="内容">
+					<view class="custom-text">订购</view>
+				</wd-cell>
+				<wd-cell title="缴费类型" value="内容" />
+				<wd-cell title="缴费时间" value="内容" />
+				<wd-cell title="财政补助金额" value="内容" />
+				<wd-cell title="其他缴费金额" value="内容" />
+				<wd-cell title="缴费总金额" value="内容" />
+			</wd-cell-group>
+		</view>
 	</view>
 </template>
 
 <script setup lang="ts">
 	import type { FormRules } from 'wot-design-uni/components/wd-form/types';
-
-
+	
 	const form = ref()
+	const formFlag = ref(true)
+	const navBarTitle = computed(() => {
+		let str = !formFlag.value ? "结果" : ""
+		return "居民缴费进度查询" + str;
+	})
 	const model = reactive({
 		idCardNum: null,
 		startDate: null,
@@ -58,22 +85,22 @@
 			}
 		]
 	}
-	onLoad(()=>{
-		model.idCardNum="200"
+	onLoad(() => {
+		model.idCardNum = "200"
 		xma.xh.getUserProfile({
-		  range: ['ACCOUNT'],
-		  success(info) {
-			 // console.log("in on load");
-		    // info.data:
-		    // { uAvatar: '', uIdCardNo: '', uMobile: '', uName: '', uNickname: '', uid: '' }
-		   //console.log(info.data);
-		   if(info){
-			   model.idCardNum= info.data.uIdCardNo;
-		   }else{
-			    model.idCardNum="100"
-		   }
-			
-		  }
+			range: ['ACCOUNT'],
+			success(info) {
+				// console.log("in on load");
+				// info.data:
+				// { uAvatar: '', uIdCardNo: '', uMobile: '', uName: '', uNickname: '', uid: '' }
+				//console.log(info.data);
+				if (info) {
+					model.idCardNum = info.data.uIdCardNo;
+				} else {
+					model.idCardNum = "100"
+				}
+
+			}
 		});
 	})
 	const handleClickLeft = () => {
@@ -92,7 +119,21 @@
 			.validate()
 			.then(({ valid, errors }) => {
 				if (valid) {
-					console.log("提交成功")
+					xma.request({
+						url: "/engine/rest/queryRsdtPsnClctDetlList",
+						method: "POST",
+						data:{
+							"access_key":"0",
+							"certno": "520202199704155913",
+							"psnNo": "52000002000000000400011816",
+							"pageNum": "1",
+							"pageSize": "10"
+						},
+						success:(res)=>{
+							console.log("***")
+							console.log(res)
+						}
+					})
 				}
 			})
 			.catch((error) => {
@@ -115,4 +156,8 @@
 		}
 
 	}
+
+	.custom-text {
+		color: rgb(85, 170, 255)
+	}
 </style>
\ No newline at end of file

vite.config.ts

@@ -28,11 +28,11 @@ export default defineConfig({
   server: {
     open: true,
     // 代理配置
-    // proxy: {
-    //   '/api': {
-    //     target: 'https://www.api.com',
-    //     changeOrigin: true,
-    //   },
-    // },
+	  proxy: {
+	    '/engine/rest/queryRsdtPsnClctDetlList': {
+	      target: 'https://dzpztest.pubs.ylbzj.guizhou.gov.cn/',
+	      changeOrigin: true,
+	    },
+	  },
   },
 });