uniProject/pages/zsjyXiaoqihezuo/zsjyXiaoqihezuo.vue

<template>
	<view class="dljt-page-box">
		<MtaNavbar></MtaNavbar>
		<view class="dljt-container-box">
			<view class="dljt-page-title">机构设置</view>
			<view class="dljt-page-content-box">
				<!-- 导航 -->
				<view class="dljt-breadcrumb-box">
					<view class="breadcrumb-text" @click="handleGo('shouye')">首页</view>
					<icon class="breadcrumb-jt"></icon>
					<view class="breadcrumb-text">招生就业</view>
					<icon class="breadcrumb-jt"></icon>
					<view class="breadcrumb-active">校企合作</view>
				</view>
				<view class="dljt-detail-box">
					<view class="dljt-table-box">
						<view class="table-th-row">
							<view style="width: 15%">序号</view>
							<view style="width: 15%">类别</view>
							<view style="width: 46%">企业名称</view>
							<view style="width: 24%">企业介绍</view>
						</view>
						<view class="table-td-row" v-for="(item,index) in data.list">
							<view style="width: 15%"><view>{{index+1}}</view></view>
							<view style="width: 15%"><view>{{item.leibie}}</view></view>
							<view style="width: 46%"><view>{{item.title}}</view></view>
							<view style="width: 24%" @click="handleClick(item)">
								<a class="table-btn">查看详情</a>
							</view>
					</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 底部导航 -->
		<MtaFooter></MtaFooter>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive
	} from "vue";
	import {
		onLoad
	} from "@dcloudio/uni-app"
	import * as httpApi from "@/api/common.js"
	import MtaFooter from "@/components/MtaFooter.vue"
	import MtaMpHtml from "@/components/MTAMpHtml/MtaMpHtml.vue"

	const data = reactive({
		list: []
	})

	onLoad(() => {
		pageInit();
	})


	function handleClick(item) {
		uni.navigateTo({
			url: `/pages/zsjyXiaoqihezuoInfo/zsjyXiaoqihezuoInfo?id=${item.id}`
		})
	}

	function pageInit() {
		httpApi.getCommonZsjyXiaoqiList({
			size: 10000
		}).then(res => {
			data.list = res.data.data;
		})
	}
</script>

<style>

</style>