vue-insagent-app/pages/tools/team/team1.vue

<template>
	<view class="page">
		<public-module></public-module>
		<view class="header dis f-c">
			<view class="dis a-c j-s">
				<view class="timeShortcut dis a-c j-s">
					<text v-for="(item,index) in queryTimeTypeArray" :key="index"
						:class="item==queryTimeTypeIndex? 'active':''" @click="bindPickerChange(item)">{{item}}</text>
				</view>
				<view class="timeShortcut1 dis a-c j-s">
					<text @click="startshow=true">{{startdate}}</text>
					<text>-</text>
					<text @click="endshow=true">{{enddate}}</text>
				</view>
			</view>
			<view class="myPerformance dis f-c a-start j-s">
				<image src="../../../static/image/team/tjicon.png" mode=""></image>
				<view class="title dis a-c">
					<text class="font-weight">我的业绩</text>
					<view class="interaction ml-1 dis " @click="toTeamMember('userPolicyList2',0)">
						<text>详情 </text>
						<u-icon name="arrow-right" color="#999" size="20"></u-icon>
					</view>
				</view>
				<view class="data dis a-c j-s" v-for="(item,index) in userPolicyList2" :key="index">
					<view class="dis f-c a-c">
						<text>{{item.bjpolicynum}}</text>
						<text>报价次数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.policynum}}</text>
						<text>核保笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.ordernum}}</text>
						<text>出单笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.sumpremium}}</text>
						<text>签单保费</text>
					</view>
				</view>
			</view>
		</view>
		<view class="listTab ">
			<u-tabs class="tabclass" :list="arrdata" :is-scroll="false" :current="teamTabIndex"
				@change="arrchange"></u-tabs>
			<view class="dis a-c j-s sum">
				<view v-for="(item,index) in arrdata" :key="index">{{item.teamnum}}</view>
			</view>
			<view class="summary dis a-c j-s" v-if="teamTabIndex==0">
				<view class="dis f-c a-c">
					<text>{{aggregateData1.bjpolicynum}}</text>
					<view class="dis a-c">
						<text>报价次数</text>
						<image src="../../../static/image/team/baojia.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData1.policynum}}</text>
					<view class="dis a-c">
						<text>核保笔数</text>
						<image src="../../../static/image/team/hebao.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData1.ordernum}}</text>
					<view class="dis a-c">
						<text>出单笔数</text>
						<image src="../../../static/image/team/chudan.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData1.sumpremium}}</text>
					<view class="dis a-c">
						<text>签单保费</text>
						<image src="../../../static/image/team/baofei.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="summary dis a-c j-s" v-if="teamTabIndex==1">
				<view class="dis f-c a-c">
					<text>{{aggregateData3.bjpolicynum}}</text>
					<view class="dis a-c">
						<text>报价次数</text>
						<image src="../../../static/image/team/baojia.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData3.policynum}}</text>
					<view class="dis a-c">
						<text>核保笔数</text>
						<image src="../../../static/image/team/hebao.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData3.ordernum}}</text>
					<view class="dis a-c">
						<text>出单笔数</text>
						<image src="../../../static/image/team/chudan.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData3.sumpremium}}</text>
					<view class="dis a-c">
						<text>签单保费</text>
						<image src="../../../static/image/team/baofei.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="summary dis a-c j-s" v-if="teamTabIndex==2">
				<view class="dis f-c a-c">
					<text>{{aggregateData4.bjpolicynum}}</text>
					<view class="dis a-c">
						<text>报价次数</text>
						<image src="../../../static/image/team/baojia.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData4.policynum}}</text>
					<view class="dis a-c">
						<text>核保笔数</text>
						<image src="../../../static/image/team/hebao.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData4.ordernum}}</text>
					<view class="dis a-c">
						<text>出单笔数</text>
						<image src="../../../static/image/team/chudan.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData4.sumpremium}}</text>
					<view class="dis a-c">
						<text>签单保费</text>
						<image src="../../../static/image/team/baofei.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="summary dis a-c j-s" v-if="teamTabIndex==3">
				<view class="dis f-c a-c">
					<text>{{aggregateData5.bjpolicynum}}</text>
					<view class="dis a-c">
						<text>报价次数</text>
						<image src="../../../static/image/team/baojia.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData5.policynum}}</text>
					<view class="dis a-c">
						<text>核保笔数</text>
						<image src="../../../static/image/team/hebao.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData5.ordernum}}</text>
					<view class="dis a-c">
						<text>出单笔数</text>
						<image src="../../../static/image/team/chudan.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData5.sumpremium}}</text>
					<view class="dis a-c">
						<text>签单保费</text>
						<image src="../../../static/image/team/baofei.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="summary dis a-c j-s" v-if="teamTabIndex==4">
				<view class="dis f-c a-c">
					<text>{{aggregateData6.bjpolicynum}}</text>
					<view class="dis a-c">
						<text>报价次数</text>
						<image src="../../../static/image/team/baojia.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData6.policynum}}</text>
					<view class="dis a-c">
						<text>核保笔数</text>
						<image src="../../../static/image/team/hebao.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData6.ordernum}}</text>
					<view class="dis a-c">
						<text>出单笔数</text>
						<image src="../../../static/image/team/chudan.png" mode=""></image>
					</view>
				</view>
				<view class="dis f-c a-c">
					<text>{{aggregateData6.sumpremium}}</text>
					<view class="dis a-c">
						<text>签单保费</text>
						<image src="../../../static/image/team/baofei.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<view class="dataOver">
			<view class="team_members-data" v-if="teamTabIndex==0" v-for="(item,index) in userPolicyList1" :key="index">
				<view class="basicInfo" @click="toTeamMember('userPolicyList1',index)">
					<view class="dis a-c j-s">
						<view class="dis a-c">
							<text
								style="	font-size: 16px;color: #333;font-weight: bold;width: 50px;">{{item.username}}</text>
							<image
								:src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
								mode=""></image>
						</view>
						<u-icon name="arrow-right" color="#999" size="24"></u-icon>
					</view>
					<text class="phone">联系方式：{{item.mobile}}</text>
				</view>
				<view class="basicInformation dis a-c j-s">
					<view class="dis f-c a-c">
						<text>{{item.bjpolicynum}}</text>
						<text>报价次数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.policynum}}</text>
						<text>核保笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.ordernum}}</text>
						<text>出单笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.sumpremium}}</text>
						<text>签单保费</text>
					</view>
				</view>
			</view>
			<view class="team_members-data" v-if="teamTabIndex==1" v-for="(item,index) in userPolicyList3" :key="index">
				<view class="basicInfo" @click="toTeamMember('userPolicyList3',index)">
					<view class="dis a-c j-s">
						<view class="dis a-c">
							<text
								style="	font-size: 16px;color: #333;font-weight: bold;width: 50px;">{{item.username}}</text>
							<image
								:src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
								mode=""></image>
						</view>
						<u-icon name="arrow-right" color="#999" size="24"></u-icon>
					</view>
					<text class="phone">联系方式：{{item.mobile}}</text>
				</view>
				<view class="basicInformation dis a-c j-s">
					<view class="dis f-c a-c">
						<text>{{item.bjpolicynum}}</text>
						<text>报价次数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.policynum}}</text>
						<text>核保笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.ordernum}}</text>
						<text>出单笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.sumpremium}}</text>
						<text>签单保费</text>
					</view>
				</view>
			</view>
			<view class="team_members-data" v-if="teamTabIndex==2" v-for="(item,index) in userPolicyList4" :key="index">
				<view class="basicInfo" @click="toTeamMember('userPolicyList4',index)">
					<view class="dis a-c j-s">
						<view class="dis a-c">
							<text
								style="	font-size: 16px;color: #333;font-weight: bold;width: 50px;">{{item.username}}</text>
							<image
								:src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
								mode=""></image>
						</view>
						<u-icon name="arrow-right" color="#999" size="24"></u-icon>
					</view>
					<text class="phone">联系方式：{{item.mobile}}</text>
				</view>
				<view class="basicInformation dis a-c j-s">
					<view class="dis f-c a-c">
						<text>{{item.bjpolicynum}}</text>
						<text>报价次数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.policynum}}</text>
						<text>核保笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.ordernum}}</text>
						<text>出单笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.sumpremium}}</text>
						<text>签单保费</text>
					</view>
				</view>
			</view>
			<view class="team_members-data" v-if="teamTabIndex==3" v-for="(item,index) in userPolicyList5" :key="index">
				<view class="basicInfo" @click="toTeamMember('userPolicyList5',index)">
					<view class="dis a-c j-s">
						<view class="dis a-c">
							<text
								style="	font-size: 16px;color: #333;font-weight: bold;width: 50px;">{{item.username}}</text>
							<image
								:src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
								mode=""></image>
						</view>
						<u-icon name="arrow-right" color="#999" size="24"></u-icon>
					</view>
					<text class="phone">联系方式：{{item.mobile}}</text>
				</view>
				<view class="basicInformation dis a-c j-s">
					<view class="dis f-c a-c">
						<text>{{item.bjpolicynum}}</text>
						<text>报价次数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.policynum}}</text>
						<text>核保笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.ordernum}}</text>
						<text>出单笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.sumpremium}}</text>
						<text>签单保费</text>
					</view>
				</view>
			</view>
			<view class="team_members-data" v-if="teamTabIndex==4" v-for="(item,index) in userPolicyList6" :key="index">
				<view class="basicInfo" @click="toTeamMember('userPolicyList6',index)">
					<view class="dis a-c j-s">
						<view class="dis a-c">
							<text
								style="	font-size: 16px;color: #333;font-weight: bold;width: 50px;">{{item.username}}</text>
							<image
								:src="item.teamlevel?`../../../static/image/team/proxy${item.teamlevel}.png`:'../../../static/image/team/proxy4.png'"
								mode=""></image>
						</view>
						<u-icon name="arrow-right" color="#999" size="24"></u-icon>
					</view>
					<text class="phone">联系方式：{{item.mobile}}</text>
				</view>
				<view class="basicInformation dis a-c j-s">
					<view class="dis f-c a-c">
						<text>{{item.bjpolicynum}}</text>
						<text>报价次数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.policynum}}</text>
						<text>核保笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.ordernum}}</text>
						<text>出单笔数</text>
					</view>
					<view class="dis f-c a-c">
						<text>{{item.sumpremium}}</text>
						<text>签单保费</text>
					</view>
				</view>
			</view>
		</view>
		<u-picker v-model="startshow" mode="time" :params="params" @confirm="startconfirm"></u-picker>
		<u-picker v-model="endshow" mode="time" :params="params" @confirm="endconfirm"></u-picker>
	</view>
</template>

<script>
	import {
		mapState
	} from "vuex";
	import MxDatePicker from "@/components/modules/tools/team/mx-datepicker/mx-datepicker.vue";
	import SwiperTab from "@/components/modules/tools/team/swiper-tab.vue";

	export default {
		components: {
			SwiperTab,
			MxDatePicker
		},
		data() {
			return {
				params: {
					year: true,
					month: true,
					day: true,
					hour: false,
					minute: false,
					second: false
				},
				startshow: false,
				endshow: false,
				headerStyle: {
					backgroundColor: '',
					backgroundImage: '',
					backgroundSize: '',
					backgroundPosition: '',
					boxShadow: ''
					// 其他样式属性...
				},
				queryPeopleId: "",
				queryTimeTypeArray: ['今天', '一周', '当月'],
				queryTimeTypeIndex: "今天",
				startdate: new Date()
					.getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate(),
				enddate: new Date()
					.getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate(),
				showDatePicker: false,
				teamTabIndex: 0,
				SummaryList: [],
				userPolicyList1: [],
				userPolicyList2: [],
				userPolicyList3: [],
				userPolicyList4: [],
				userPolicyList5: [],
				userPolicyList6: [],
				aggregateData1: {},
				aggregateData2: {},
				aggregateData3: {},
				aggregateData4: {},
				aggregateData5: {},
				aggregateData6: {},
				arrdata: [{
						teamlevel: 0,
						name: '汇总',
						teamnum: 0, //人数
						sumpremium: 0, //签单保费
						usernum: 0, //出单人力
					},
					{
						teamlevel: 2,
						name: '一级',
						teamnum: 0, //人数
						sumpremium: 0, //签单保费
						usernum: 0 //出单人力
					},
					{
						teamlevel: 3,
						name: '二级',
						teamnum: 0, //人数
						sumpremium: 0, //签单保费
						usernum: 0 //出单人力
					},
					{
						teamlevel: 4,
						name: '三级',
						teamnum: 0, //人数
						sumpremium: 0, //签单保费
						usernum: 0 //出单人力
					},
					{
						teamlevel: 9,
						name: '临时',
						teamnum: 0, //人数
						sumpremium: 0, //签单保费
						usernum: 0 //出单人力
					}
				],
				teamStaff: {},
				teamStaffList: [],
				pageTtile: "",
			}
		},

		onPullDownRefresh() {
			this.queryData()
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		async onLoad(params) {
			this.$http.get('/sysMenuRecord/add?type=1&menuType=5')
			this.pageTtile = this.userInfo.sysUser.name + "会员管理"
			// this.queryPeopleId = params.id
			if ((!!params.id) && (!!params.name)) {
				this.queryPeopleId = params.id;
				await this.queryData()
			} else if (!!this.userInfo) {
				this.queryPeopleId = this.userInfo.sysUser.id
				await this.queryData()
				uni.setNavigationBarTitle({
					title: this.userInfo.sysUser.name + "会员管理"
				});
			} else {
				this.queryPeopleId = this.userInfo.sysUser.id
				await this.queryData()
			}


		},
		onShow() {},
		computed: {
			...mapState(['userInfo']),
			getHeight() {
				let height = uni.getSystemInfoSync().windowHeight - uni.upx2px(770);
				return `height: ${height}px;`;
			}
		},

		methods: {

			btn_click() {
				uni.navigateTo({
					url: '/pages/chat/chat'
				})
			},
			startconfirm(e) {
				this.startdate = e.year + '-' + e.month + '-' + e.day;
				this.queryData()
			},
			endconfirm(e) {
				this.enddate = e.year + '-' + e.month + '-' + e.day;
				this.queryData();
			},
			//页面返回按钮
			back() {
				uni.navigateBack({
					delta: 1, // 返回的页面数，如果是1表示返回上一页
					success: function() {}
				});
			},
			bindPickerChange(item) {
				this.queryTimeTypeIndex = item;
				if (item == '今天') {
					this.startdate = new Date()
						.getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate();
					this.enddate = new Date()
						.getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate();
					this.queryData();
					this.queryData();
				}
				if (item == '一周') {
					let strDay = new Date().getDate() - 7;
					if (strDay < 10) {
						strDay = "0" + strDay;
					}
					this.startdate = new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + strDay;
					this.enddate = new Date()
						.getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate()
					this.queryData();
				}
				if (item == '当月') {
					this.startdate = new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + '01';
					this.enddate = new Date()
						.getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate()
					this.queryData();
				}
			},
			arrchange(e) {
				this.teamTabIndex = e;
			},
			async queryData() {
				let params = {
					"enddate": this.enddate,
					"startdate": this.startdate
				}
				let res = await this.$http.post('/esm/user/queryUserCount', params);
				if (res.code == '200') {
					this.SummaryList = res.data.hzList;
					this.userPolicyList1 = res.data.aggregateDataLists.userPolicyList;
					this.userPolicyList1 = this.userPolicyList1.filter(val => val
						.username !== this.userInfo.sysUser.name);
					this.userPolicyList2 = res.data.aggregateDataLists0.userPolicyList;
					this.userPolicyList3 = res.data.aggregateDataLists1.userPolicyList;
					this.userPolicyList4 = res.data.aggregateDataLists2.userPolicyList;
					this.userPolicyList5 = res.data.aggregateDataLists3.userPolicyList;
					this.userPolicyList6 = res.data.aggregateDataLists9.userPolicyList;
					this.aggregateData1 = res.data.aggregateDataLists.aggregateData;
					this.aggregateData3 = res.data.aggregateDataLists1.aggregateData;
					this.aggregateData4 = res.data.aggregateDataLists2.aggregateData;
					this.aggregateData5 = res.data.aggregateDataLists3.aggregateData;
					this.aggregateData6 = res.data.aggregateDataLists9.aggregateData;
					this.SummaryList.map(ele => {
						this.arrdata.map(val => {
							if (ele.teamlevel.includes(val.name)) {
								val.teamnum = ele.teamnum;
							}

						})

					})
				}
			},

			onShowDatePicker() { //显示
				this.showDatePicker = true;
			},
			onSelected(e) { //选择
				this.showDatePicker = false;
				if (e) {
					this.dateRange = e.value;
					this.queryData();
				}
			},
			// 选择团队tap
			teamTabtap(index) {
				this.teamTabIndex = index;
			},
			toTeamMember(name, index) {
				this.navigate({
					url: "/pages/tools/team/teamMember1",
					success: (res) => {
						res.eventChannel.emit("acceptData", {
							item: this[name][index],
							date: [this.startdate, this.enddate]
						})
					}
				}, "navigateTo", true)
			}
		}
	}
</script>

<style lang="scss" scoped>
	/deep/ {
		.u-tab-bar {
			background: linear-gradient(90deg, #0052FF 0%, rgba(0, 82, 255, 0) 100%) !important;
			border-radius: 4px 4px 4px 4px;
		}
	}

	.page {
		height: calc(100vh - 44px);
		background-color: #F8FAFE;
	}

	//头部数据
	.header {
		height: 190px;
		background-image: url('../../../static/image/team/backheader.png');
		background-position: 0% 0%;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 8px 12px;

		.timeShortcut {
			background: rgba(255, 255, 255, 0.6);
			border-radius: 2px;
			border: 1px solid #FFFFFF;

			text {
				font-size: 24rpx;
				padding: 3px 10px;
				color: #666666;

			}

			:nth-child(2) {
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
			}

			.active {
				color: #fff;
				background-color: #0052FF;
				border-radius: 2px;
			}
		}

		.timeShortcut1 {
			background: rgba(255, 255, 255, 0.6);
			border-radius: 2px;
			border: 1px solid #FFFFFF;

			text {
				font-size: 24rpx;
				padding: 3px 5px;
				color: #666666;

			}
		}

		.myPerformance {
			height: 104px;
			background: #FFFFFF;
			border-radius: 4px;
			margin-top: 48rpx;
			padding: 8px 10px;
			position: relative;

			image {
				width: 136rpx;
				height: 120rpx;
				position: absolute;
				right: 10px;
				top: -13px;
			}

			.title {
				font-size: 16px;
				color: #333333;

				.interaction {
					font-size: 12px;
					color: #999;
				}
			}

			.data {
				width: 100%;
				border-radius: 2px;
				padding: 6px 8px;

				>view {
					text:nth-child(1) {
						font-size: 15px;
						color: #333333;
						font-weight: bold;
					}

					text:nth-child(2) {
						font-size: 13px;
						color: #666666;
					}
				}

			}
		}
	}

	.listTab {
		background: #FFFFFF;
		border-radius: 12px 12px 0px 0px;
		border-bottom: 1px solid #EEEEEE;
		margin-top: -10px;

		.tabclass {
			background-color: transparent !important;
		}

		.sum {
			>view {
				width: 25%;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

		.summary {
			padding: 10px 12px;

			>view {
				border-radius: 4px;
				padding: 4px;

				image {
					width: 18px;
					height: 18px;
					margin-left: 4px;
				}

				>text:nth-child(1) {
					font-size: 13px;
					color: #333333;
					font-weight: bold;
				}

				>text:nth-child(2) {
					font-size: 12px;
					color: #666666;
				}
			}

			>view:nth-child(1) {
				background-color: #FFF8F3;
			}

			>view:nth-child(2) {
				background-color: #F6FDF6;
			}

			>view:nth-child(3) {
				background-color: #F7F4FD;
			}

			>view:nth-child(4) {
				background-color: #F5F8FF;
			}

		}

	}

	.dataOver {
		padding: 12px;
		max-height: calc(100vh - 370px);
		overflow-y: auto;

		.team_members-data {
			width: 100%;
			background: #FFFFFF;
			box-shadow: 0px 2px 5px 0px #DAE3F4;
			border-radius: 4px;
			border: 1px solid #FFFFFF;
			margin-bottom: 8px;
			padding: 8px;

			.basicInfo {
				padding-bottom: 6px;
				margin-bottom: 6px;
				border-bottom: 1px solid #EEEEEE;

				.phone {
					font-size: 12px;
					color: #666666;
				}

				image {
					width: 133rpx;
					height: 46rpx;
					margin-left: 6px;
				}
			}

			.basicInformation {

				>view {
					text:nth-child(1) {
						font-size: 13px;
						color: #333333;
						font-weight: bold;
					}

					text:nth-child(2) {
						font-size: 12px;
						color: #666666;
					}
				}
			}
		}
	}
</style>