<template>
	<view class="page">
		<view class="nodata" v-if="customarr.length==0">暂无数据</view>
		<view class="box" v-else>
			<view class="tittle">
				<view class="titem">
					企业编号
				</view>
				<view class="titem">
					企业名称
				</view>
				<view class="titem">
					绑定日期
				</view>
			</view>
			<view class="numbox" v-for="(item,index) in customarr" :key="index">
				<view class="nitem">{{item.company_vip_number}}</view>
				<view class="nitem">南阳面粉集团</view>
				<view class="nitem">{{item.salesman_bindtime}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	import app from "../../App.vue";
	export default {
		data() {
			return {
				customarr:[]
			}
		},
		onLoad() {
			this.getmycustom()
		},
		methods: {
			getmycustom(){
				let that = this;
				var url = 'salesman/get_my_client';
				var params = {
						
				}
				console.log('7766554', params)
				app.post(url, params).then((res) => {
					console.log(res);
					that.customarr=res.data.data
					
				}).catch((err) => {
					console.log(err)		
				})
			}
		}
	}
</script>

<style>
	page{
		background: #F7F7F7;
	}
	.box{
		padding: 32rpx;
		box-sizing: border-box;
	}
	.tittle,.numbox{
		display: flex;
		align-items: center;
	}	
	.titem{
		width: 33.33%;
		height: 96rpx;
		font-size:32rpx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:600;
		color:rgba(35,35,35,1);
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px dashed #000;
		border-left-color: transparent;
	}
	.titem:first-child{
		border-left-color: #000;
	}
	.numbox{
		background: #fff;
	}
	.nitem{
		width: 33.333%;
		height: 96rpx;
		font-size:32rpx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(35,35,35,1);
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px dashed #000;
		border-top-color: transparent;
		border-left-color: transparent;
	}
	.numbox .nitem:first-child{
		border-left-color: #000;
	}
</style>