工作330:uni-发布详情页样式修改

<template>
	<view>
		<view style="padding: 24rpx 0 0 30rpx;">
			<text style="
		font-size: 30rpx;color: #333333;">{{tableData.name}}</text>
		</view>
		<text style="margin-left:26rpx;margin-top: 20rpx;color: #666666;">
			{{tableData.message}}
		</text>
		<view v-for="(item,index) in plist">
			<u-image v-if="tableData[item]!=null" style="display: block;float: left;margin-left: 26rpx;margin-top: 26rpx;" width="120rpx"
			 height="120rpx" :src="tableData[item]"></u-image>
		</view>
		<view style="clear: both;padding: 24rpx 0 0 30rpx;height: 46rpx;">
			<view style="float: left;line-height: 46rpx;">
				<u-icon name="clock" width="28.4rpx" height="28.4rpx"></u-icon>
			</view>
			<view style="float: left;line-height: 46rpx;margin-left: 5rpx;
color: #999999;font-size: 24rpx;">
				截至时间: {{tableData.endTime}}
			</view>
		</view>
		<view style="clear: both;padding: 24rpx 0 0 30rpx;height: 46rpx;">
			<view style="float: left;line-height: 46rpx;">
				<u-icon name="account" width="28.4rpx" height="28.4rpx"></u-icon>
			</view>
			<view style="float: left;line-height: 46rpx;margin-left: 5rpx;color: #999999;font-size: 24rpx;">
				创建人:{{tableData.createdBy}}
			</view>

		</view>
		<view style="clear: both;padding: 24rpx 0 0 30rpx;height: 46rpx;">
			<view style="float: left;line-height: 46rpx;">
				<u-icon name="clock" width="28.4rpx" height="28.4rpx"></u-icon>
			</view>
			<view style="float: left;line-height: 46rpx;margin-left: 5rpx;color: #999999;font-size: 24rpx;">
				指派给: {{tableData.assignName}}
			</view>
		</view>
		<view style="clear: both;padding: 24rpx 0 0 30rpx;height: 46rpx;">
			<view style="float: left;line-height: 46rpx;">
				<u-icon name="reload" width="28.4rpx" height="28.4rpx"></u-icon>
			</view>
			<view style="float: left;line-height: 46rpx;margin-left: 5rpx;color: #999999;font-size: 24rpx;">
				循环: {{tableData.patrolFor|toChangeLess}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		filters: {

			toChangeLess(e) {
				console.log(e)
				/* 过滤数据中的循环请求*/
				if (e == 0) {
					return "不循环"
				} else if (e == 12345) {
					return "周一到周五循环"
				} else if (e == 12345678) {
					return "每日循环"
				}
			}
		},
		data() {

			return {
				plist: [],
				tableData: {}
			}
		},
		onLoad(e) {
			/* JSON.parse() */
			let obj = JSON.parse(decodeURIComponent(e.record));
			console.log(obj)
			this.tableData = obj
			this.allPrpos(obj)
		},
		methods: {
			allPrpos(obj) {
				// 用来保存所有的属性名称和值
				let list = []
				var props = "";
				// 开始遍历
				for (var p in obj) {
					// 方法
					if (typeof(obj[p]) == "function") {
						obj[p]();
					} else {
						// p 为属性名称，obj[p]为对应属性的值
						if (p.indexOf("apic") != -1) {
							/*  props+= p + "=" + obj[p] + "\t"; */
							list.push(p)
							this.plist = list
							console.log(list)
						}
					}
				}
				// 最后显示所有的属性
				/*  console.log(props); */
			},
		}
	}
</script>

<style>

</style>