ChuangHengWx/components/CusTeamInfo/index.vue

<template>
	<view class="dialog adffc" v-if="show">
		<view class="dialog-box adffc">
			<view class="dialog-box-title">{{title}}</view>
			<image class="dialog-box-close" :src="imgBase+'remind_close.png'" @click="close"></image>
			<view style="flex: 1;overflow-y: auto;">
				<view class="dialog-box-form">
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">团队名称</view>
						<view class="dialog-box-form-item-right">{{teamInfo.teamName||'暂无'}}</view>
					</view>
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">所在公司</view>
						<view class="dialog-box-form-item-right">{{teamInfo.enterpriseName||'暂无'}}</view>
					</view>
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">企业官网</view>
						<view class="dialog-box-form-item-right">{{teamInfo.enterpriseWebsite||'无'}}</view>
					</view>
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">所属地区</view>
						<view class="dialog-box-form-item-right">{{teamInfo.address||'暂无'}}</view>
					</view>
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">所属行业</view>
						<view class="dialog-box-form-item-right">{{teamInfo.industryName||'暂无'}}</view>
					</view>
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">团队职能类型</view>
						<view class="dialog-box-form-item-right">{{teamInfo.functionsName||'暂无'}}</view>
					</view>
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">团队模式类型</view>
						<view class="dialog-box-form-item-right">{{teamInfo.organizationsName||'暂无'}}</view>
					</view>
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">团队规模</view>
						<view class="dialog-box-form-item-right">{{teamInfo.scaleName||'暂无'}}</view>
					</view>
					<view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">团队背景资料</view>
						<view class="dialog-box-form-item-right">{{teamInfo.backgroundFileCount||0}}个文档</view>
					</view>
					<!-- <view class="dialog-box-form-item adfacjb">
						<view class="dialog-box-form-item-left">团队层级</view>
						<view class="dialog-box-form-item-right">{{teamInfo.hierarchyName||'暂无'}}</view>
					</view> -->
				</view>
				<view class="dialog-box-intro">
					<view class="dialog-box-intro-title">团队简介</view>
					<view style="min-height: 218rpx;">
						<view class="dialog-box-intro-content">{{teamInfo.brief||'暂无'}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				typeof:String,
				default:'团队信息'
			},
			show:{
				typeof:Boolean,
				default:false
			},
			teamInfo:{
				typeof:Object,
				default:null
			}
		},
		data(){
			return {
				
			}
		},
		methods:{
			close(){
				this.$emit('close')
			}
		}
	}
</script>

<style scoped lang="scss">
	.dialog{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1001;
		background: rgba(0,0,0,.4);
		justify-content: flex-end;
		&-box{
			width: 100%;
			height: 1300rpx;
			background: #F7F7F7;
			border-radius: 24rpx 24rpx 0rpx 0rpx;
			padding: 30rpx 24rpx 50rpx;
			box-sizing: border-box;
			position: relative;
			&-title{
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #002846;
				line-height: 32rpx;
				text-align: center;
				margin-bottom: 48rpx;
			}
			&-close{
				width: 48rpx;
				height: 48rpx;
				position: absolute;
				top: 30rpx;
				right: 30rpx;
			}
			&-form{
				background: #FFFFFF;
				border-radius: 24rpx 24rpx 0rpx 0rpx;
				&-item{
					padding: 28rpx 24rpx;
					box-shadow: inset 0rpx -1rpx 0rpx 0rpx #EFEFEF;
					&-left{
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 30rpx;
						color: #002846;
						line-height: 42rpx;
						width: 200rpx;
					}
					&-right{
						width: calc(100% - 200rpx);
						padding-left: 20rpx;
						box-sizing: border-box;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 30rpx;
						color: #667E90;
						line-height: 32rpx;
						text-align: right;
					}
				}
			}
			&-intro{
				background: #FFFFFF;
				box-shadow: inset 0rpx -1rpx 0rpx 0rpx rgba(229,231,235,0.5);
				border-radius: 24rpx;
				margin-top: 20rpx;
				width: 100%;
				padding: 28rpx 24rpx;
				box-sizing: border-box;
				&-title{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 30rpx;
					color: #002846;
					line-height: 42rpx;
				}
				&-content{
					font-family: PingFangSC, PingFang SC;
					font-weight: 400;
					font-size: 30rpx;
					color: #667E90;
					line-height: 42rpx;
					margin-top: 36rpx;
				}
			}
		}
	}
</style>