cultivationApp/components/myTable/index.vue

86 lines
2.0 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).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()}}</uni-td> -->
<uni-td v-else>
<!-- <view class="" v-for="item in objFn(item.action_content)">
{{item[0]}}:{{item[1]}}
</view> -->
<view class="" v-for="(items,indexs) in objFn(item.action_content)">
<!-- {{index}} :{{ item}} -->
{{indexs}} : {{items}}
</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) => {
return JSON.parse(obj)
// if (typeof(obj) == 'object') {
// for (const [key, value] of Object.entries((obj))) {
// console.log((`${key}: ${value}`))
// return (`${key}: ${value}`);
// }
// } else {
// }
}
</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>