shuju_ui/qs_zhaoshang/components/zdclue/rate.vue

<template>
	<view class="rate_box"> 
		<view class='cldelista'>
			<uni-collapse  ref="collapse" v-model="value" >
				<!-- :show-arrow='false' -->
				<uni-collapse-item title="节点安排"  class='cldelista'   :border="false" title-border="none" v-for="(ite,idx) in datainfo" :key="idx">
					<template v-slot:title>
						<view class="flexc contentt">
							<view class="flex0 f16 fw cofe">{{ite.hbTime}}</view>
							<view class="zdlbtn finbtn2" v-if="ite.isSh=='1'">未审核</view>
							<view class="zdlbtn finbtn1" v-if="ite.isSh=='2'">已通过</view>
							<view class="zdlbtn finbtn3" v-if="ite.isSh=='3'">未通过</view>
							<!-- <view class="zdlbtn finbtn1" v-if="ite.sfwc=='3'">已完成</view> -->
						</view>
					</template>
				<view class="content" >
					<!-- 操作按钮 -->
					<view class="rate_top">
						<!-- 需要判断角色 -->
						<view class="rate_topl" v-if="checkPermi(['fgw:jzqk:edit'])" @click="getPutFn(ite)">
							<image :src="putimg" class="limg"></image>修改
						</view>
						<view class="rate_topr" v-if="checkPermi(['fgw:jzqk:remove'])" @click="getDelFn(ite)">
							<image :src="delimg" class="rimg"></image>删除
						</view>
						<view class="rate_topr co28" v-if="checkPermi(['fgw:common:jzqksh'])" @click="getShFn(ite.id)">
							<image :src="shimg" class="rimg"></image>审核
						</view>
					</view>
					<view class="contenta flexcj">
						<view class="tit">汇报时间</view>
						<view class="txt">{{ite.hbTime}}</view>
					</view>
					<view class="contenta flexcj">
						<view class="tit">是否完成节点</view>
						<view class="txt">{{ite.isJd=='Y'?'是':'否'}}</view>
					</view>
					<view class="contenta flexcj">
						<view class="tit">是否建设</view>
						<view class="txt">{{ite.isJs=='Y'?'是':'否'}}</view>
					</view>
					<view class="contenta flexcj">
						<view class="tit">是否纳统</view>
						<view class="txt">{{ite.isNt=='Y'?'是':'否'}}</view>
					</view>
					<view class="contenta flexcj">
						<view class="tit">是否竣工</view>
						<view class="txt">{{ite.isJg=='Y'?'是':'否'}}</view>
					</view>
					<view class="contenta flexcj" v-if="ite.isNt=='Y'">
						<view class="tit">纳统金额(万元)</view>
						<view class="txt">{{ite.nttz}}</view>
					</view>
					<view class="contenta flexcj">
						<view class="tit">项目进展情况</view>
						<view class="txt">{{ite.jzqk}}</view>
					</view>
					<view class="contenta flexcj">
						<view class="tit">施工力量</view>
						<view class="txt">{{ite.sgll}}</view>
					</view>
					<view class="contenta ">
						<view class="tit mb10">附件</view>
						<view class="txt flexcj cldelistbf mb10" v-for="(fjite,fjidx) in ite.fjList" :key="'fj-'+fjidx">
							<view class="flext f16 c6">
								<view class="imgl">
									<image :src="wimg" ></image>
								</view>
								
								<view>{{fjite.fjName}}</view>
								</view>
							<view class="flexc f16 co28 flex0" @click="getDown(fjite.path)">
								<image :src="downimg" class="imgr"></image>
								预览</view>
						</view>
					</view>
				</view>
				</uni-collapse-item>
			</uni-collapse>
			<!-- zsyzFjList -->
		</view>
		<!-- <view class='cldelista cldelistb'>
			<view class="contenta">
				<view class="tit">备注</view>
				<view class="txt">项目备注信息项目备注信息项目备注信息项，目备 注信息项目备注信息项目备注信息项目备注信息， 项目备注信息项目备注信息。</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	import { selectDictLabel } from '@/utils/common.js';
	import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
	export default{
		props:{
			datainfo:{
				// type: Object,
				// default () {
				// 	return {}
				// }
			},
		},
		data(){
			return{
				upimg:require('@/static/images/index/up.png'),
				wimg:require('@/static/images/index/wicon.png'),
				downimg:require('@/static/images/index/down.png'),
				putimg:require("@/static/images/new/index/updico.png"),
				delimg:require("@/static/images/new/index/del.png"),
				shimg:require("@/static/images/new/index/hbpoint.png"),
				value:[],
				valuetwo:[],
				content: '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。',
				
			}
		},
		filters: {
			kaType(data, list) {
				return selectDictLabel(list, data);
			}
		},
		methods:{
			checkPermi, checkRole,
			getDown(url){
				this.$emit('getDown',url)
			},
			getYzAdr(data){
				return selectDictLabel(this.yzadr, data);
			},
			getCytype(data){
				return selectDictLabel(this.cytype, data);
			},
			getProject(data){
				return selectDictLabel(this.projectlist, data);
			},
			getBackground(data){
				return selectDictLabel(this.backgroundlist, data);
			},
			getPutFn(e){
				this.$emit('getPutFn',e)
			},
			getShFn(id){
				this.$emit('getShFn',id)
			},
			getDelFn(e){
				var that=this;
				 uni.showModal({
				 	title: '确认删除',
				 	content: "是否确认删除",
				 	cancelText: '取消',
				 	confirmText: '确认',
				 	success: function(res) {
				 		if (res.confirm) {
				 			that.$emit('getDelFn',e)
							
				 		} else if (res.cancel) {
				 		}
				 	}
				 }); 
			},
			
		}
	}
</script>

<style lang="scss" scoped>
	.rate_box{padding-top: 100rpx;}
.cldelista{
	
	.contentt{padding:48rpx 28rpx;
		.cldelistz{display: flex;align-items: center;justify-content: flex-end;
			image{width: 26rpx;height: 20rpx;margin-left: 20rpx;transition: all .5s; }
			&.act{
				image{transform: rotate(-180deg);}
			}
		}
	}
	.content{padding: 0rpx 28rpx 10rpx 28rpx;border-bottom: 2rpx solid #E5E5E5;
	&:last-of-type{border-bottom: none;}
	}
	.contenta{padding: 22rpx 0;
		.tit{font-size: 32rpx;font-weight: bold;color: #343434;flex: 0 0 auto;margin-right: 20rpx;}
		.txt{font-size: 32rpx;color: #666666;}
	}
	&.cldelistb{padding: 48rpx 28rpx;
		.tit{margin-bottom: 0;}
	}
	.cldelistbf {
		image{margin-right: 18rpx;flex: 0 0 auto;}
		.imgl{width: 40rpx;height: 44rpx;display: flex;align-items: center;justify-content: center;margin-right: 16rpx;
			image{width: 38rpx;height: 30rpx;}
			}
		.imgr{width: 36rpx;height: 32rpx;}
	}
}
// 操作按钮
.rate_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10rpx;
	.rate_topl{height: 70rpx;display: flex;align-items: center;font-size: 32rpx;font-weight: 500;color: #20ACCF;
	.limg{width: 26rpx;height: 34rpx;margin-right: 20rpx;}
	}
	.rate_topr{height: 70rpx;display: flex;align-items: center;font-size: 32rpx;font-weight: 500;color: #FA2300;
	.rimg{width: 32rpx;height: 32rpx;margin-right: 20rpx;}
	}
}

</style>