2025-09-28

pages/program/programDetail.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="detail-contrainer">
-		<u-navbar :is-fixed="false" title="项目详情" :background="{background: 'transparent' }" :border-bottom="false" back-icon-color="#fff"
-			title-color="#fff">
+		<u-navbar :is-fixed="false" title="项目详情" :background="{background: 'transparent' }" :border-bottom="false"
+			back-icon-color="#fff" title-color="#fff">
 			<template v-slot:right>
 				<image class="collection" src="/static/icon/Bookmark.png" mode=""></image>
 			</template>
@@ -9,10 +9,10 @@
 
 		<view class="head-text">
 			<view class="text-name">
-				xxxx工程
+				{{program.name}}
 			</view>
 			<view class="text-date">
-				起止时间：2025/09/13-202512/12
+				起止时间：{{program.startDate}}至{{program.endDate}}
 			</view>
 			<view class="text-progress">
 				项目进度
@@ -29,19 +29,19 @@
 			</u-row>
 			<u-row class="u-m-b-20">
 				<u-col span="6" class="card-name">详细地址</u-col>
-				<u-col span="6" class="card-value">xx区xx路xxx号</u-col>
+				<u-col span="6" class="card-value">{{program.address}}</u-col>
 			</u-row>
 			<u-row class="u-m-b-20">
 				<u-col span="6" class="card-name">联系人</u-col>
-				<u-col span="6" class="card-value">xxx</u-col>
+				<u-col span="6" class="card-value">{{program.user.username}}</u-col>
 			</u-row>
 			<u-row class="u-m-b-20">
 				<u-col span="6" class="card-name">结算方式</u-col>
-				<u-col span="6" class="card-value">按月结算 次月支付60%</u-col>
+				<u-col span="6" class="card-value">{{program.paymentMethod}}</u-col>
 			</u-row>
 			<u-row>
 				<u-col span="6" class="card-name">项目企业</u-col>
-				<u-col span="6" class="card-value">xxxx公司</u-col>
+				<u-col span="6" class="card-value">{{program.company}}</u-col>
 			</u-row>
 		</view>
 
@@ -96,7 +96,7 @@
 		</view>
 
 		<u-row justify="flex-end" class="u-m-r-40 btn-group">
-			<u-col span="3"><u-button class="btn" type="primary">聊一聊</u-button></u-col>
+			<u-col span="3"><u-button class="btn" type="primary">{{isChat?"继续聊":"聊一聊"}}</u-button></u-col>
 			<u-col span="3"><u-button class="btn" type="success" @click="handleOpen">立刻融</u-button></u-col>
 		</u-row>
 
@@ -167,7 +167,52 @@
 </template>
 
 <script setup lang="ts">
-	import { ref } from 'vue';
+	import { onMounted, ref } from 'vue';
+	import { getUserInfo } from '../../util/common';
+	import { programAPI } from '../../api/program';
+	import { onLoad } from '@dcloudio/uni-app'
+
+	const userId = ref()
+	const programId = ref()
+	const isChat = ref(false)
+	const program = ref({
+		name: '',
+		linkmanId: '',
+		company: '',
+		introduction: '',
+		address: '',
+		startDate: '',
+		endDate: '',
+		paymentMethod: '',
+		remark: '',
+		createDate: '',
+		user: {}
+	})
+
+	const loadData = () => {
+		programAPI.isChat({
+			userId: userId.value,
+			programId: programId.value
+		}).then(res => {
+			if (res.code == 200) {
+				isChat.value = res.data.isChat
+			}
+		})
+		programAPI.getProgram(programId.value).then(res => {
+			program.value = res.data
+		})
+	}
+
+	onLoad((val) => {
+		programId.value = val.programId
+		let user = getUserInfo()
+		userId.value = user.id
+	})
+
+	onMounted(() => {
+		loadData()
+	})
+
 
 	// 立刻融 弹窗
 	const showWarning = ref(false)