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.substring(5, 10)}}</uni-td>
				<uni-td style="text-align: center;">{{item.action_name}}</uni-td>
				<uni-td>
					<view class="" v-for="(items,indexs) in objFn(item.action_content)" :key="indexs">
						<view class="" v-for="item2 in items" :key="item2" v-show="item2.tit">
							<view class="" v-if="indexs=='pic'">
								{{item2.tit}}: <u--image :src="item2.value" width="100%" height="210.28rpx"
									alt=""></u--image>
							</view>
							<view class="" v-if="indexs=='text'||indexs=='select'">
								{{item2.tit}}:{{item2.value}}
							</view>
						</view>
					</view>
				</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') {
			return obj
		} else {
			return JSON.parse(obj)
		}
	}
</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>