sfms3.0-uniapp/mycomponents/item/itemInfoPopup.vue

<template>
	<view class="">
		<uni-popup ref="popup">
			<view class="uni-flex uni-column pop_detail">
				<view class="uni-flex space-between u-col-center"
				style="padding-bottom: 15rpx;">
					<view class="text_ellipsis" v-if="number" style="font-size: 35rpx;flex: 3;">
						编号:{{number}}
					</view>
					
					<view class="text_ellipsis" v-else style="font-size: 40rpx;">
						<view class="">
							{{itemCode}}
						</view>
						<view class="">
							{{itemDesc}}
						</view>
					
					</view>
					
					<view class="uni-center" style="flex: 1;">
						<view v-if="jobStatus==2" class="task_state_doing">
							<text>执行中</text>
						</view>
						<view v-if="jobStatus==1" class="task_state_un-doing">
							<text>待执行</text>
						</view>
					</view>
				<!-- <view class="" v-else="number">
					<view class="text_ellipsis" style="font-size: 40rpx;flex: 1;">
						<view class="">
							{{itemCode}}
						</view>
						<view class="">
							{{itemDesc}}
						</view>
					
					</view>
				</view> -->
					
				</view>
				<u-line></u-line>
				<view class="" v-for="(item, index) in dataList">
					<view class="item" v-if="(item.title!='worker')" v-show="(item.title!='date')">
						<text class="item_title">{{item.title}} : </text>
						<text class="text_wrap">{{item.content}} </text>
					</view>
				</view>
				<u-line></u-line>
				<view v-if="isShowbottom" style="margin-top: 10rpx;margin-bottom: 10rpx;width: 100%;display: flex;"
					class="uni-flex uni-row space-between u-col-center">
					<view class="uni-flex uni-row  u-col-center " style="flex: 1; overflow: hidden;">
						<image class="card_icon_normal" src="/static/icons/icon_customer.svg" alt="" />
						<text class="text_ellipsis">{{getContent("worker")}}</text>
					</view>
					<view class="uni-flex uni-row  u-col-center " style="flex: 3;justify-content: flex-end;overflow: hidden;">
						<image class="card_icon_normal" src="/static/icons/icon_date.svg" alt="" />
						<text>{{formatDate(getContent("date"))}}</text>
					</view>
				</view>
			</view>
			
			<view class="uni-flex u-row-center ">
				<image src="/static/icons/icons_close-circle.svg" 
				 mode=""
				 class="icons_close"
				 @click="closeScanPopup()"
				 ></image>
			</view>
		</uni-popup>

	</view>
</template>

<script>
	import {
		dateFormat,
	} from '@/common/basic.js';
	export default {

		mounted() {
		},

		props: {
			title: {
				type: String,
				default: ""
			},
			dataContent: {
				type: Object,
				default: {}
			},
			
			number:{
				type: String,
				default: ""
			},
			jobStatus:{
				type: Number,
				default: -1
			},
			dataList:{
				type: Object,
				default: []
			},
			worker:{
				type: String,
				default: ""
			},
			date:{
				type: String,
				default: ""
			},
			itemCode:{
				type: String,
				default: ""
			},
			itemDesc:{
				type: String,
				default: ""
			},
			isShowbottom:{
				type: Boolean,
				default: true
			}
		},

		methods: {
			openScanPopup() {
				this.$refs.popup.open('center')
			},
			closeScanPopup() {
				this.$refs.popup.close()
			},
			startEdit() {
				this.$refs.receiptCountEdit.openScanPopup();
			},
			formatDate(val) {
				return dateFormat(val)
			},
			 
			getContent(title){
				let items = this.dataList.filter(r => {
					if (r.title==title) {
						return r;
					}
				})
				if(items!=null&&items.length>0){
					return items[0].content;
				}
			}
		}

	}
</script>

<style>
	
</style>