TraceabilityAPP/components/myTable/index.vue

<template>
	<view class="card">
		<uni-table border emptyText="暂无更多数据" width="600rpx">
			<!-- 表头行 -->
			<uni-tr>
				<uni-th width="120rpx" align="center">日期</uni-th>
				<uni-th width="200rpx" align="center">操作</uni-th>
				<uni-th width="300.22rpx" align="center">相关信息</uni-th>
			</uni-tr>
			<!-- 表格数据行 -->
			<uni-tr v-for="(item,index) in props.dataList" :key="index">
				<!-- <uni-td>{(item.create_time).slice(5,11)}}</uni-td> -->
				<uni-td>5,11</uni-td>
				<uni-td style="text-align: center;">{{item.action_name}}</uni-td>
				<uni-td v-if="item.img"> <u--image src="/static/img/GJ.jpg" width="100%" height="210.28rpx"
						alt=""></u--image></uni-td>
				<uni-td v-else> {{objFn(item.action_content)}}</uni-td>
			</uni-tr>

		</uni-table>
		<view class="tit_b" v-show="tit_b" @click="navgo">
			{{tit_b}} <u--image src="/static/img/CKGD.png" style="margin-left: 5rpx;" width="31.54rpx"
				height="31.54rpx"></u--image>
		</view>
	</view>
</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue"
	let arr = "sdsd"
	// arr.sl
	const props = defineProps({
		dataList: Object,
		tit: String,
		route: String
	})
	const tit_b = ref(props.tit)

	const navgo = () => {
		uni.navigateTo({
			url: props.route
		})
	}

	const objFn = (obj) => {
		if (typeof(obj) == 'object') {
			for (const [key, value] of Object.entries((obj))) {
				return (`${key}: ${value}`);
			}
		} else {
			for (const [key, value] of Object.entries(JSON.parse(obj))) {
				return (`${key}: ${value}`);
			}
		}



	}
</script>

<style lang="scss" scoped>
	.tit_b {
		text-align: center;
		color: #737373;
		margin-top: 20rpx;
		font-size: 26.29rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>