67 lines
1.6 KiB
Vue
67 lines
1.6 KiB
Vue
|
<template>
|
||
|
|
<view class="card">
|
||
|
|
<uni-table border emptyText="暂无更多数据" width="600rpx">
|
||
|
|
<!-- 表头行 -->
|
||
|
|
<uni-tr>
|
||
|
|
<uni-th width="100rpx" 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 dataList">
|
||
|
|
<uni-td>{{item.time}}</uni-td>
|
||
|
|
<uni-td>{{item.text}}</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> {{item.caozuo}}</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"
|
||
|
|
const props = defineProps({
|
||
|
|
dataList: Object,
|
||
|
|
tit: String,
|
||
|
|
route: String
|
||
|
|
})
|
||
|
|
const tit_b = ref(props.tit)
|
||
|
|
console.log(props, '数据')
|
||
|
|
const dataList = reactive([{
|
||
|
|
time: "9.10",
|
||
|
|
text: "东京核辐射的接口返回",
|
||
|
|
caozuo: "的结果是否及时赶赴"
|
||
|
|
}, {
|
||
|
|
time: "9.10",
|
||
|
|
text: "东京核辐射的接口返回",
|
||
|
|
caozuo: "的结果是否及时赶赴"
|
||
|
|
},
|
||
|
|
|
||
|
|
], )
|
||
|
|
const navgo = () => {
|
||
|
|
uni.navigateTo({
|
||
|
|
url: props.route
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</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>
|