From ef25f954a4fc93bef9cba66781ed54421481a3ca Mon Sep 17 00:00:00 2001
From: WX0lxh <2062408239@qq.com>
Date: Fri, 16 Jan 2026 11:30:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packageB/institution/trainingInstitution.vue  | 708 +++++++++---------
 .../institution/trainingInstitutionDetail.vue |   9 +
 pages.json                                    |  10 +-
 3 files changed, 353 insertions(+), 374 deletions(-)
 create mode 100644 packageB/institution/trainingInstitutionDetail.vue

diff --git a/packageB/institution/trainingInstitution.vue b/packageB/institution/trainingInstitution.vue
index 7546523..660c57c 100644
--- a/packageB/institution/trainingInstitution.vue
+++ b/packageB/institution/trainingInstitution.vue
@@ -1,400 +1,364 @@
 <template>
-    <AppLayout :title="title" :show-bg-image="false" >
-		<view class="info-box">
-			<view class="info-item info-line">
-				<image class="info-img" :src="baseUrl+'/dispatch/person-icon.png'" mode=""></image>
-				<view class="info-label">
-					人员姓名
-				</view>
-				<view class="info-value">
-					{{personInfo.name}}
-				</view>
-			</view>
-			<view class="info-item">
-				<image class="info-img" :src="baseUrl+'/dispatch/help-icon.png'" mode=""></image>
-				<view class="info-label">
-					帮扶类型
-				</view>
-				<view class="info-value">
-					{{personInfo.taskType}}
-				</view>
-			</view>
-		</view>
-        <view class="main-list" :style="getBackgroundStyle('k.png')">
-			<view class="list-top">
-				<view class="list-title">
-					<text>新增跟进记录</text>
-					<view class="title-line"></view>
-				</view>
-			</view>
-			
-            <view class="form-container">
-                <uni-forms ref="formRef" v-model="formData" :rules="rules" validate-trigger="submit" >
-                  <!-- 跟进日期 -->
-                  <uni-forms-item label="跟进日期：" name="followDate" required >
-					  <uni-datetime-picker class="picker-value" type="date" placeholder="请选择跟进日期"  v-model="formData.followDate" @change="onFollowDateChange" />
-                  </uni-forms-item>
-            
-                  <!-- 跟进方式 -->
-                  <uni-forms-item label="跟进方式：" name="followWay" required >
-					  <uni-data-select v-model="formData.followWay" placeholder="请选择跟进方式" :localdata="followWays" @change="onMethodChange"></uni-data-select>
-                  </uni-forms-item>
-            
-                  <!-- 跟进内容 -->
-                  <uni-forms-item label="跟进内容：" name="content" required>
-					  <uni-easyinput type="textarea" v-model="formData.content" placeholder="请输入跟进内容"></uni-easyinput>
-                  </uni-forms-item>
-            
-                  <!-- 跟进结果 -->
-                  <uni-forms-item label="跟进结果：" name="result" required>
-					  <uni-easyinput type="textarea" v-model="formData.result" placeholder="请输入跟进结果"></uni-easyinput>
-                  </uni-forms-item>
-            
-                  <!-- 下一步计划 -->
-                  <uni-forms-item label="下一步计划：" name="nextPlan">
-					  <uni-easyinput type="textarea" v-model="formData.nextPlan" placeholder="请输入下一步计划（可选）"></uni-easyinput>
-                  </uni-forms-item>
-            
-                  <!-- 下次联系时间 -->
-                  <uni-forms-item label="下次联系：" name="nextContactDate" >
-					  <uni-datetime-picker class="picker-value" type="date" placeholder="请选择跟进日期"  v-model="formData.nextContactDate" @change="onDateChange" />
-                  </uni-forms-item>
-                </uni-forms>
-            
-                <!-- 按钮组 -->
-                <view class="button-group">
-				  <button class="btn submit-btn" @click="handleSubmit">保存跟进</button>
-                  <button class="btn reset-btn"  @click="handleReset">重置</button>
-                </view>
-			</view>
-        </view>
-		<view class="main-list" :style="getBackgroundStyle('k.png')">
-			<view class="list-top">
-				<view class="list-title">
-					<text>跟进历史记录</text>
-					<view class="title-line"></view>
-				</view>
-				<view class="title-total">
-					共<text class="total-num">{{followListNum}}</text>条记录
-				</view>
-			</view>
-			<view class="list-box" v-if="followListNum>0">
-				<uni-steps :options="followList" active-color="#007AFF" :active="active" direction="column" />
-			</view>
-			<empty v-else pdTop="200"></empty>
-		</view>
-    </AppLayout>
+	<div class="app-box">
+		<div class="con-box">
+		    <!-- <view class="collection-search">
+		        <view class="search-content">
+		            <view class="header-input button-click">
+		                <uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
+		                <input
+		                    class="input"
+		                    v-model="searchKeyword"
+		                    @confirm="searchVideo"
+		                    placeholder="输入考试名称"
+		                    placeholder-class="inputplace"
+		                />
+		                <uni-icons 
+		                    v-if="searchKeyword" 
+		                    class="clear-icon" 
+		                    type="clear" 
+		                    size="24" 
+		                    color="#999" 
+		                    @click="clearSearch"
+		                />
+		            </view>
+		        </view>
+		    </view> -->
+			<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
+				<div class="cards" v-for="(item,index) in dataList" :key="item.examPaperId">
+					<div class="cardHead">
+						<div class="cardHeadLeft">
+							<div class="cardTitle">{{item.organName}}</div>
+						</div>
+						<div class="rightBtn" @click="handleOperation(item)">机构详情</div>
+					</div>
+					<div class="heng"></div>
+					<div class="cardCon">
+						<div class="conten">机构联系人：{{item.contactName}}</div>
+						<div class="conten">联系方式：{{item.contactPhone}}</div>
+						<div class="conten">机构地址：{{item.address}}</div>
+					</div>
+				</div>
+			</scroll-view>
+		</div>
+		
+	</div>
 </template>
 
 <script setup>
 import { inject, ref, reactive } from 'vue';
-import { onLoad } from '@dcloudio/uni-app';
-const { $api, navTo, navBack } = inject('globalFunction');
+import { onLoad, onShow } from '@dcloudio/uni-app';
+const { $api, navTo, navBack,urls } = inject('globalFunction');
 import config from "@/config.js"
-
-const title = ref('');
-const formData = reactive({
-  goalPersonId:'',
-  followDate: '',
-  followWay: '',
-  content: '',
-  result: '',
-  nextPlan: '',
-  nextContactDate: ''
-})
-const personInfo=ref({
-	goalPersonId:'',
-	name:'',
-	taskType:'',
-	task_id:''
-})
-const followWays = ref([])
-const followList = ref([])
-const followListNum=ref(0)
-const active=ref(null)
-// 表单引用
-const formRef = ref(null)
-
-// 校验规则
-const rules = {
-	followDate: {
-		rules: [{
-			required: true,
-			errorMessage: '请选择跟进日期'
-		}]
-	},
-	followWay: {
-		rules: [{
-			required: true,
-			errorMessage: '请选择跟进方式'
-		}]
-	},
-	content: {
-		rules: [{
-			required: true,
-			errorMessage: '请填写跟进内容'
-		}]
-	},
-	result: {
-		rules: [{
-			required: true,
-			errorMessage: '请填写跟进结果'
-		}]
-	}
-}
+const userInfo = ref({});
+const Authorization = ref('');
+const searchKeyword = ref('');
+const dataList=ref([])
+const pageSize=ref(10)
+const pageNum=ref(1)
+const totalNum=ref(0)
 const baseUrl = config.imgBaseUrl
-const getBackgroundStyle = (imageName) => ({
-    backgroundImage: `url(${baseUrl}/dispatch/${imageName})`,
-    backgroundSize: 'cover',      // 覆盖整个容器
-    backgroundPosition: 'center', // 居中
-    backgroundRepeat: 'no-repeat'
+const handleScrollToLower = () => {
+    getDataList('add');
+};
+onLoad(() => {
+	
 });
-
-const onFollowDateChange = (e)=>{
-	formData.followDate=e
-}
-const onMethodChange = (e) => {
-	formData.followWay=e
-}
-// 事件处理
-const onDateChange = ( e) => {
-  formData.nextContactDate=e
-}
-function getFollowList(){
-	let header={
-		'Authorization':uni.getStorageSync('fourLevelLinkage-token'),
-		'Content-Type': "application/x-www-form-urlencoded"
-	}
-	let params={
-		personId:personInfo.value.person_id,
-		taskId:personInfo.value.task_id
-	}
-	$api.myRequest('/dispatch/assist/records/getFollowList', params,'get',9100,header).then((resData) => {
-		console.log("resData",resData)
-		if(resData && resData.code == 200){
-			if(resData.data && resData.data.length>0){
-				followListNum.value=resData.data.length
-				resData.data.forEach(item=>{
-					const obj={
-						title:item.followDate,
-						desc:`跟进方式：${getFollowWaysLabelByValue(item.followWay)}\n跟进人：${item.createByName}\n跟进内容：${item.content}`
-					}
-					followList.value.push(obj)
-				})
-			}
-			
-		}
-	});
+onShow(()=>{
+	Authorization.value=uni.getStorageSync('Padmin-Token')||''
+	getDataList('refresh');
+})
+// 搜索视频
+function searchVideo() {
+    getDataList('refresh');
 }
 
-function getDictionary(){
-	$api.myRequest('/system/public/dict/data/type/assist_follow_way').then((resData) => {
-		if(resData && resData.code == 200){
-			resData.data.forEach(item=>{
-				const obj = {
-				    value: item.dictValue,
-				    text: item.dictLabel
-				}
-				followWays.value.push(obj)
-			})
-		}
-	});
+// 清除搜索内容
+function clearSearch() {
+    searchKeyword.value = '';
+    getDataList('refresh');
 }
-function getFollowWaysLabelByValue(value) {
-	if (!Array.isArray(followWays.value)) {
-	    return ''
-	  }
-	  const item = followWays.value.find(item => item.value === String(value))
-	  return item ? item.text : '暂无跟进方式'
-}
-const handleSubmit = () => {
-  formRef.value?.validate()
-    .then(() => {
-		let header={
-			'Authorization':uni.getStorageSync('fourLevelLinkage-token')
+// 获取考试列表
+function getDataList(type = 'add') {
+	let maxPage=Math.ceil(totalNum.value/pageSize.value)
+	let params={}
+    if (type === 'refresh') {
+        pageNum.value = 1;
+		params={
+			address:"",
+			pageSize:pageSize.value,
+			pageNum:pageNum.value,
 		}
-		formData.goalPersonId=personInfo.value.goalPersonId
-		$api.myRequest('/dispatch/assist/records/addRecords', formData,'post',9100,header).then((resData) => {
-			console.log("resData",resData)
-			if(resData && resData.code == 200){
-				handleReset()
-				uni.showToast({
-				  title: '保存成功',
-				  icon: 'success',
-				  duration: 2000 
-				});
-			}else{
-				uni.showToast({
-				  title: resData.msg,
-				  icon: 'none',
-				  duration: 2000
-				});
+		$api.myRequest('/train/public/train/organ/table', params).then((resData) => {
+			if(resData.code==200){
+				dataList.value=resData.rows
+				totalNum.value=resData.total
 			}
 			
 		});
-    })
-    .catch((errors) => {
-      console.log('校验失败:', errors);
-    });
-};
-
-const handleReset = () => {
-	  formData.followDate = '';
-	  formData.followWay = '';
-	  formData.content = '';
-	  formData.result = '';
-	  formData.nextPlan = '';
-	  formData.nextContactDate = '';
+    }
+    if (type === 'add' && pageNum.value < maxPage) {
+        pageNum.value += 1;
+		params={
+			address:"",
+			pageSize:pageSize.value,
+			pageNum:pageNum.value,
+		}
+		$api.myRequest('/train/public/train/organ/table', params).then((resData) => {
+			if(resData.code==200){
+				dataList.value=dataList.value.concat(resData.rows)
+				totalNum.value=resData.total
+			}
+		});
+	}
 }
-onLoad((options) => {
-	personInfo.value.person_id=options.person_id
-	personInfo.value.name=options.name
-	personInfo.value.taskType=options.taskType
-	personInfo.value.task_id=options.task_id
-	getDictionary()
-	getFollowList()
-});
-
 
+function handleOperation(row) {
+	navTo(`/packageB/institution/trainingInstitutionDetail?id=${row.id}`);
+}
 </script>
 
 <style lang="stylus" scoped>
-image
-  height: 100%
-  width: 100%
-.info-box
-  margin: 30rpx 30rpx
-  background: linear-gradient(0deg, #D9ECFF 0%, #F0F7FF 100%)
-  border-radius: 20rpx
-  padding: 40rpx 0
-  display: flex
-  align-items: center
-.info-img
-  width: 40rpx
-  height: 40rpx
-  margin-bottom: 20rpx
-.info-line
-  border-right: 2rpx solid #B7D6FF
-.info-item
-  display: flex
-  flex-direction: column
-  align-items: center
-  justify-content: center
-  width: 50%
-.info-label
-  font-size: 26rpx
-  color: #6E7E9B
-  margin-bottom: 20rpx
-.info-value
-  font-weight: bold
-  font-size: 28rpx
-  color: #3D61AC
-.main-list
-  background-color: #ffffff
-  padding: 20rpx 20rpx 28rpx 20rpx
-  margin: 30rpx 30rpx
-  box-shadow: 0px 3px 20px 0px rgba(0,105,234,0.1)
-  border-radius: 12px
-.list-top
-  display: flex
-  align-items: center
-  justify-content: space-between
-.list-title
-  font-weight: bold
-  font-size: 36rpx
-  color: #404040
-  position: relative
-
-.title-line
-  position: absolute
-  bottom: -10rpx
-  left: 70rpx
-  width: 70rpx
-  height: 8rpx
-  background: linear-gradient(90deg, #FFAD58 0%, #FF7A5B 100%)
-  border-radius: 4rpx
-.title-total
-  font-size: 24rpx
-  color: #999999
-.total-num
-  color: #3088FF
-  margin-left: 4rpx
-  margin-right: 4rpx
-  font-weight: bold
-  font-size: 26rpx
-
-.label
-  width: 160rpx
-  font-size: 28rpx
-  color: #404040
-
-.input,
-.picker
-  flex: 1
-
-.picker-value
-  color: #666
-.list-box
-  margin-top: 40rpx
-
-.form-container 
-  margin-top: 30rpx
-:deep(.uni-forms-item__label)
-  width: 194rpx !important
-  font-size: 28rpx;
-  color: #404040;
-
-.button-group {
-  display: flex;
-  justify-content: space-between;
-  padding: 40rpx 20rpx 20rpx;
+.app-box{
+	width: 100%;
+	height: 100vh;
+	position: relative;
+	.con-box{
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		top:0;
+		z-index: 10;
+		padding: 20rpx 28rpx;
+		box-sizing: border-box;
+		overflow: hidden;
+		.collection-search{
+		    padding: 10rpx 20rpx;
+		    .search-content{
+		        position: relative
+		        display: flex
+		        align-items: center
+		        padding: 14rpx 0
+		        .header-input{
+		            padding: 0
+		            width: calc(100%);
+		            position: relative
+		            .iconsearch{
+		                position: absolute
+		                left: 30rpx;
+		                top: 50%
+		                transform: translate(0, -50%)
+		                z-index: 1
+		            }
+		            .input{
+		                padding: 0 80rpx 0 80rpx
+		                height: 80rpx;
+		                background: #FFFFFF;
+		                border-radius: 75rpx 75rpx 75rpx 75rpx;
+		                border: 2rpx solid #ECECEC
+		                font-size: 28rpx;
+		            }
+		            .clear-icon{
+		                position: absolute
+		                right: 30rpx;
+		                top: 50%
+		                transform: translate(0, -50%)
+		                z-index: 1
+		                cursor: pointer
+		            }
+		            .inputplace{
+		                font-weight: 400;
+		                font-size: 28rpx;
+		                color: #B5B5B5;
+		            }
+		        }
+		    }
+		}
+		.main-scroll {
+		    width: 100%;
+		    height: 100%;
+			.cards{
+				width: 100%;
+				min-height: 260rpx;
+				height: auto;
+				background: linear-gradient(0deg, #E3EFFF 0%, #FBFDFF 100%);
+				// box-shadow: 0px 0px 6px 0px rgba(0,71,200,0.32);
+				border-radius: 12rpx;
+				border: 2px solid #EDF5FF;
+				margin-bottom: 30rpx;
+				padding: 30rpx 40rpx 0;
+				box-sizing: border-box
+				.cardHead{
+					display: flex;
+					align-items: center;
+					justify-content: space-between;
+					.cardHeadLeft{
+						display: flex;
+						align-items: center
+						width: 70%;
+						.cardTitle{
+							font-weight: bold;
+							font-size: 28rpx;
+							color: #0069CB;
+							max-width: 100%;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+						}
+						.titleType{
+							border-radius: 4px;
+							font-size: 22rpx;
+							color: #157EFF;
+							width: 100rpx;
+							height: 38rpx;
+							text-align: center;
+							line-height: 38rpx;
+							margin-left: 10rpx;
+						}
+						
+					}
+					
+				}
+				.heng{
+					width: 30%;
+					height: 4rpx;
+					background: linear-gradient(88deg, #015EEA 0%, #00C0FA 100%);
+					margin: 10rpx 0 20rpx;
+				}
+				.cardCon{
+					display: flex;
+					flex-wrap: wrap;
+					.conten{
+						width: 100%;
+						font-size: 24rpx;
+						color: #666666;
+						display: flex;
+						align-items: center
+						margin-bottom: 10rpx;
+					}
+					.status-tags{
+						display: flex;
+						align-items: center;
+					}
+				}
+				.flooter{
+					border-top: 1px solid #ccc;
+					display: flex;
+					justify-content: flex-end;
+					align-items: center;
+					view{
+						font-size: 28rpx;
+						margin-left: 30rpx;
+						color: #2175F3;
+						padding-top: 14rpx;
+					}
+				}
+			}
+		}
+	}
+	.cards2{
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100vh;
+		background-color: rgba(0,0,0,0.5);
+		z-index: 10000;
+		padding: 100rpx 50rpx;
+		box-sizing: border-box;
+		.cardCon{
+			height: 70%;
+			background-color: #fff;
+			padding: 20rpx;
+			box-sizing: border-box;
+			.cardHead{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				font-size: 30rpx;
+				font-weight: 600;
+			}
+			
+		}
+	}
+}
+.titleType{
+	display: inline-block
+	border-radius: 4px;
+	font-size: 22rpx;
+	color: #157EFF;
+	width: 100rpx;
+	height: 38rpx;
+	text-align: center;
+	line-height: 38rpx;
+	margin-left: 10rpx;
+}
+.primary{
+	border: 1px solid #157EFF!important;
+	color: #157EFF!important
+}
+.success{
+	border: 1px solid #05A636!important;
+	color: #05A636!important
+}
+.info{
+	border: 1px solid #898989!important;
+	color: #898989!important
+}
+.tertiary{
+	border: 1px solid #E6A340!important;
+	color: #E6A340!important
+}
+.primary2{
+	border: 1px solid #F56C6C!important;
+	color: #F56C6C!important
+}
+.rightBtn{
+	width: 140rpx;
+	height: 44rpx;
+	line-height: 44rpx;
+	background: linear-gradient(90deg, #00C0FA 0%, #1271FF 100%);
+	border-radius: 4px;
+	color: #fff;
+	font-size: 24rpx;
+	text-align: center;
+}
+.detailTitle{
+	font-size: 32rpx;
+	font-weight: 600;
+	margin: 30rpx 0;
+}
+.detailCon{
+	font-size: 28rpx;
+	line-height: 40rpx;
+}
+.exam-info {
+	display: flex;
+	justify-content: space-between;
+	margin-bottom: 35rpx;
+	margin-top: 20rpx;
 }
 
-.btn {
-  width: 45%;
-  height: 80rpx;
-  font-size: 30rpx;
-  border-radius: 8rpx;
+.info-item {
+	flex: 1;
+	text-align: center;
 }
 
-.reset-btn {
-  background-color: #D8E9FF;
-  color: #1176FF;
+.info-value {
+	font-family: 'D-DIN-Medium';
+	font-size: 26rpx;
+	font-weight: 600;
+	color: #409EFF;
+	margin-bottom: 8rpx;
 }
 
-.submit-btn {
-  background-color: #368BFF;
-  color: white;
+.info-label {
+	font-size: 26rpx;
+	color: #333;
+}
+
+.info-divider {
+	width: 2px;
+	background-color: #C3E1FF;
 }
-:deep(.uni-steps__column-circle )
-  width: 24rpx !important
-  height: 24rpx !important
-  background: radial-gradient(circle, 
-    #00C0FA 0%, 
-    #015EEA 50%, 
-    #FFFFFF 51%,  
-    #FFFFFF 100%) !important
-  border-radius: 50%
-  border: 2rpx solid #015EEA
-:deep(.uni-steps__column-title)
-  font-size: 28rpx !important
-  color: #006CFF !important
-  margin-bottom: 24rpx
-:deep(.uni-steps__column-desc)
-  font-size: 28rpx
-  color: #898989 !important
-  line-height: 1.5
-:deep(.uni-steps__column-text )
-  padding: 16rpx 0 !important
-  border: none
-:deep(.uni-steps__column-line)
-  background-color: #368BFF !important
-:deep(.uni-steps__column-line--before)
-  background-color:rgba(0,0,0,0) !important
-:deep(.uni-date-x)
-  background: rgba(0,0,0,0) !important
-:deep(.uni-stat-box)
-  background: rgba(0,0,0,0) !important
-:deep(.uni-easyinput__content)
-  background: rgba(0,0,0,0) !important
 </style>
diff --git a/packageB/institution/trainingInstitutionDetail.vue b/packageB/institution/trainingInstitutionDetail.vue
new file mode 100644
index 0000000..717e85e
--- /dev/null
+++ b/packageB/institution/trainingInstitutionDetail.vue
@@ -0,0 +1,9 @@
+<template>
+	<div>详情</div>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 28814c2..c3ba787 100644
--- a/pages.json
+++ b/pages.json
@@ -429,13 +429,19 @@
 		  {
 		    "path": "institution/evaluationAgency",
 		    "style": {
-		      "navigationBarTitleText": "评价机构"
+		      "navigationBarTitleText": "评价机构信息"
 		    }
 		  },
 		  {
 		    "path": "institution/trainingInstitution",
 		    "style": {
-		      "navigationBarTitleText": "培训机构"
+		      "navigationBarTitleText": "培训机构信息"
+		    }
+		  },
+		  {
+		    "path": "institution/trainingInstitutionDetail",
+		    "style": {
+		      "navigationBarTitleText": "培训机构信息详情"
 		    }
 		  }
         ]