zheng_xie_ui/work/components/meeting/list.vue

<template>
  <view>
	<view v-if="datalist.length>0">
		<!-- 我的提案 -->
		<block v-if="type">
			<view class="caselist" v-for="(ite,idx) in datalist" :key='idx' @click="getDetail(ite.conferenceId)">
				<view class="tit overtwo" v-if="type=='wdfy'">{{ite.speakTitle}}</view>
				<view v-else class="flexcj mb20">
					<view class="tit overtwo" style="margin-bottom: 0;">{{ite.conferenceTitle}}</view>
					<image :src="codeimg" class='codeimg' @click.stop="getTuiFn(ite,'qdm')"></image>
				</view>
				
				<block v-if="type!='wdfy'&&type!='hyfy'">
					<view class="ftxt">
						<text>会议时间</text>
						<view>{{ite.conferenceDate}}</view>
					</view>
					<view class="ftxt">
						<text>会议地点</text>
						<view>{{ite.conferenceAddress}}</view>
					</view>
					<view class="ftxt" >
						<text>发布时间</text>
						<view>{{ite.publishTime}}</view>
					</view>
					
					<view class="ftxt">
						<text>备注信息</text>
						<view>{{ite.remark}}</view>
					</view>
				</block>
				
				<block v-if="type=='wdfy'">
					<view class="flexcw" >
						<view class="ftxt">
							<text>发言人</text>
							<view>{{ite.name}}</view>
						</view>
						<view class="ftxt">
							<text>录入人</text>
							<view>{{ite.inputName}}</view>
						</view>
					</view>
					<view class="ftxt">
						<text>关联会议</text>
						<view>{{ite.conferenceTitle}}</view>
					</view>
					<view class="ftxt">
						<text>发言单位</text>
						<view>{{ite.speakUnit}}</view>
					</view>
					<view class="ftxt">
						<text>发言类型</text>
						<view>{{kaType(ite.speakType)}}</view>
					</view>
					<view class="ftxt">
						<text>提交时间</text>
						<view>{{ite.publishTime}}</view>
					</view>
					<view class="ftxt">
						<text>审核状态</text>
						<view class="co0b">{{ite.speakStatus==2?'已审核':'待审核'}}</view>
					</view>
				</block>
				<block v-if="type=='hyfy'">
					<view class="ftxt" >
						<text>关联会议</text>
						<view>{{ite.conferenceTitle}}</view>
					</view>
					<view class="ftxt" >
						<text>发言人数</text>
						<view>{{ite.conferenceTitle}}</view>
					</view>
					<view class="casebtn flexc">
						<view class="lfread">已审核({{ite.noRead}})<text class="lfdet">未审核({{ite.read}})</text></view>
						<view class="co1d" @click.stop="getReadFn(ite.conferenceId)">去审核</view>
					</view>
				</block>
				
				
				<!-- 会议活动，管理员 -->
				<view class="casebtn flexc" v-if="type=='hyhd'">
					<!-- <view class="lfread">未读人数({{ite.noRead}})<text class="lfdet">已读人数({{ite.read}})</text></view>
					<view class="co1d" @click.stop="getReadFn(ite.conferenceId)">查看阅读详情</view> -->
					<!-- 暂放 -->
					<view class="lftit">当前会议暂未签到</view>
					<view class="btn btn2" @click.stop="getTuiFn(ite,'hyqd')">去签到</view>
				</view>
				<!-- 答复情况 签到-->
				<view class="casebtn flexc" v-if="type=='hytz'">
					<block v-if="ite.zxConferenceUserList&&ite.zxConferenceUserList[0].isJoin=='Y'">
						<view class="lftit">是否参会已答复，查看<text class="lfdet">答复内容</text></view>
						<view class="btn btn3">已答复</view>
					</block>
					<block v-else>
						<view class="lftit">是否成参会暂未答复</view>
						<view class="btn btn2" @click.stop="getTuiFn(ite,'chdf')">参会答复</view>
					</block>
					<block v-if="ite.signIn">
						<view class="lftit">当前会议已结束，查看<text class="lfdet">签到情况</text></view>
						<view class="btn btn3">已签到</view>
					</block>
					<block v-if="ite.zxConferenceUserList&&ite.zxConferenceUserList[0].isJoin=='Y'">
						<view class="lftit">当前会议暂未签到</view>
						<view class="btn btn2" @click.stop="getTuiFn(ite,'hyhd')">去签到</view>
					</block>
				</view>
			</view>
		</block>
		<view class="shax" v-if="wtdt">{{wtdt}}</view>
	</view>
	<block v-else>
		<no-data></no-data>
	</block>
  </view>
</template>

<script>
	import { selectValue } from '@/utils/common.js';
	import noData from "@/components/nodata/nodata.vue"
  export default {
	props:{
		datalist: {
			type: Array,
			default () {
				return []
			}
		},
		tajdlist: {
			type: Array,
			default () {
				return []
			}
		},
		wtdt:{
			type: String,
			default () {
				return ''
			}
		},
		type:{
			type: [String,Number],
			default () {
				return ''
			}
		},
		listtype:{
			type: [String,Number],
			default () {
				return ''
			}
		},
		fylxlist:{
			type: Array,
			default () {
				return []
			}
		}
	},
	components:{
		noData
	},
	data(){
		return{
			start:require("@/work/static/images/start.png"),
			nstart:require("@/work/static/images/nstart.png"),
			zanimg:require("@/work/static/images/zanico.png"),
			nzanimg:require("@/work/static/images/nzanico.png"),
			flower:require("@/work/static/images/flower.png"),
			nflower:require("@/work/static/images/nflower.png"),
			codeimg:require("@/work/static/images/meeting/code.png"),
		}
	},
	onLoad: function() {
	},
	methods:{
		kaType(ite){
			console.log(this.fylxlist)
			return selectValue(this.fylxlist, ite);
		},
		getDetail(e){
			this.$emit('getDetail',e)
		},
		getReadFn(e){
			this.$emit('getReadFn',e)
		},
		getTuiFn(ite,txt,sh){
			var that=this;
			if(txt=='scfk'&&sh==0){
				uni.showModal({
					title: '确认立案',
					content: "是否确认立案",
					cancelText: '取消',
					confirmText: '确认',
					success: function(res) {
						if (res.confirm) {
							var obj={
								id:ite.conferenceId,
								type:txt,
								sh:sh,
							}
							that.$emit('getTuiFn',obj)
						} else if (res.cancel) {
							// console.log('用户点击取消');
						}
					}
				});
			}else{
				var obj={
					id:ite.conferenceId,
					type:txt,
					sh:sh,
				}
				this.$emit('getTuiFn',obj)
			}
			
		},
		typeFn(data){
			if(data){
				var newArr=[]
				var astr=data.split('-')
				astr.forEach(ite=>{
					var a=ite.substring(0,5);
					newArr.push(a)
				})
				return newArr.join('-')
			}else{
				return ''
			}
		},
	},
	
  }
</script>

<style lang="scss" scoped>
.caselist{background: #FFFFFF;border-radius: 30rpx;margin-top: 24rpx;padding: 38rpx 24rpx 8rpx;
	.tit{font-weight: bold;font-size: 32rpx;color: #222327;margin-bottom: 42rpx;}
	.ftxt{display: flex;align-items: flex-start;margin-bottom: 32rpx;flex:0 1 auto;min-width: 50%;
		text{font-weight: bold;font-size: 26rpx;color: #CACACA;flex: 0 0 auto;min-width: 104rpx;text-align-last: justify;}
		view{flex: 1;color: #343434;font-size: 26rpx;margin-left: 20rpx;line-height: 34rpx;}
	}
	.codeimg{width: 42rpx;height: 42rpx;flex: 0 0 auto;margin-left: 20rpx;}
	.casebtn{padding: 24rpx 0;border-top: 2rpx solid #E6E6E6;
		.ftit{font-weight: bold;font-size: 26rpx;color: #CACACA;flex: 1;
			text{color: $com-cd3;margin-left: 20rpx;font-weight:500;min-width: 104rpx;text-align-last: justify;}
		}
		.lftit{font-weight: 500;font-size: 26rpx;color: #666666;flex:1;
			.lfdet{color: $com-cd3;text-decoration: underline;}
		}
		.lfread{font-weight: bold;font-size: 26rpx;color: #FF0000;flex:1;
			.lfdet{color: #222327;margin-left: 16rpx;}
		}
		.zanimg{width: 22rpx;height: 20rpx;margin-right: 14rpx;}
		.staimg{width: 24rpx;height: 24rpx;margin-right: 14rpx;}
		.btn{min-width: 118rpx;height: 52rpx;border-radius: 26rpx;font-weight: bold;flex: 0 0 auto;display: flex;align-items: center;
font-size: 26rpx;margin-left: 26rpx;line-height: 52rpx;text-align: center;padding: 0 32rpx;box-sizing: border-box;
		&.btn1{background: #FFEDED;color: #FF4141;}
		&.btn2{background: #E4EEFF;color: #1D64E2;}
		&.btn3{background: #ECECEC;color: #666666;}
		
		}
	}
}

</style>