cultivationApp/components/myTable/index.vue

76 lines
1.9 KiB
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>