企业资料页面

pages.json

@@ -49,6 +49,13 @@
 			"style": {
 				"navigationBarTitleText": "个人资料"
 			}
+		},
+		{
+			"path" : "pages/self/enterpriseInfo",
+			"style" : 
+			{
+				"navigationBarTitleText" : "企业资料"
+			}
 		}
 	],
 	"globalStyle": {

pages/self/enterpriseInfo.vue

@@ -0,0 +1,308 @@
+<template>
+	<view class="page-wrap">
+		<view class="tabs-panel">
+			<view :class="{item:true, active: tabActive === item.value}" v-for="(item,index) in tabList" :key="index"
+				@click="tabActive =item.value">
+				{{item.label}}
+			</view>
+		</view>
+		<!-- 基础资料 -->
+		<view v-if="tabActive === 1" class="info-panel">
+			<view class="space"></view>
+			<view class="row">
+				<view class="label">企业Logo</view>
+				<image class="avatar" src="../../static/auth-icon.png" mode="aspectFill"></image>
+			</view>
+			<view class="row">
+				<view class="label">企业全称</view>
+				<view class="text">天津超易达胜科技发展有限公司</view>
+			</view>
+			<view class="row">
+				<view class="label">企业简称</view>
+				<view class="text">天津超易达胜科技</view>
+			</view>
+			<view class="row">
+				<view class="label">统一信用代码</view>
+				<view class="text">911201033006420997</view>
+			</view>
+			<view class="row">
+				<view class="label">法定代表人</view>
+				<view class="text">张无忌</view>
+			</view>
+			<view class="row">
+				<view class="label">注册资本</view>
+				<view class="text">1000万元</view>
+			</view>
+			<view class="row">
+				<view class="label">注册地址</view>
+				<view class="text">天津市河西区怒江道北侧创智东园2号楼底商1号</view>
+			</view>
+			<view class="space"></view>
+			<view class="row">
+				<view class="label">联系人</view>
+				<view class="text">Caocao</view>
+			</view>
+			<view class="row">
+				<view class="label">联系电话</view>
+				<view class="text">18991397001</view>
+			</view>
+			<view class="row">
+				<view class="label">电子件接收邮箱</view>
+				<view class="text">156306635@qq.com</view>
+			</view>
+		</view>
+		<!-- 企业标签 -->
+		<view v-if="tabActive === 2" class="info-panel">
+			<view class="space"></view>
+			<view class="row">
+				<view class="label">企业类型</view>
+				<view class="text">有限责任公司</view>
+			</view>
+			<view class="row">
+				<view class="label">纳税性质</view>
+				<view class="text">一般纳税人</view>
+			</view>
+			<view class="row">
+				<view class="label">所属地区</view>
+				<view class="text">天津市</view>
+			</view>
+			<view class="row">
+				<view class="label">所属行业</view>
+				<view class="text">网络技术</view>
+			</view>
+			<view class="row">
+				<view class="label">人员规模</view>
+				<view class="text">50~100人</view>
+			</view>
+		</view>
+		<!-- 资金账户 -->
+		<view v-if="tabActive === 3" class="info-panel">
+			<view class="title">
+				银行公户
+			</view>
+			<view class="row">
+				<view class="label">户名</view>
+				<view class="text">天津超易达胜科技发展有限公司</view>
+			</view>
+			<view class="row">
+				<view class="label">开户行</view>
+				<view class="text">招商银行天津河西支行</view>
+			</view>
+			<view class="row">
+				<view class="label">开户行账号</view>
+				<view class="text">70260122000076868</view>
+			</view>
+			<view class="row">
+				<view class="label">银行电话</view>
+				<view class="text">023-85206639</view>
+			</view>
+			<view class="title">
+				其他账号
+			</view>
+			<view class="row">
+				<view class="label">建行善付通</view>
+				<view class="text">6222 8042 5063 2401 868</view>
+				<image class="arrow" src="../../static/svg/arrow.svg"></image>
+			</view>
+			<view class="row">
+				<view class="label">绑定微信</view>
+				<view class="text">18863100789</view>
+				<image class="arrow" src="../../static/svg/arrow.svg"></image>
+			</view>
+		</view>
+		<!-- 资质文件 -->
+		<view v-if="tabActive === 4" class="file-panel">
+			<view class="file-item">
+				<view class="upload">
+					<image class="upload-icon" src="../../static/icon_plus_large.png" mode="aspectFill"></image>
+				</view>
+				<view class="name">
+					营业执照
+				</view>
+			</view>
+			<view class="file-item">
+				<view class="upload">
+					<image class="upload-icon" src="../../static/icon_plus_large.png" mode="aspectFill"></image>
+				</view>
+				<view class="name">
+					其他
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				tabActive: 1,
+				tabList: [{
+					label: '基础资料',
+					value: 1
+				}, {
+					label: '企业标签',
+					value: 2
+				}, {
+					label: '资金账户',
+					value: 3
+				}, {
+					label: '资质文件',
+					value: 4
+				}]
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.page-wrap {
+		padding-top: 82.42rpx;
+	}
+
+	.tabs-panel {
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: 0;
+		height: 82.42rpx;
+		background: #fff;
+		display: flex;
+
+		&::before,
+		&::after {
+			content: '';
+			position: absolute;
+			left: 0;
+			right: 0;
+			height: 1rpx;
+			background: #e0e0e0;
+		}
+
+		&::before {
+			top: 0;
+		}
+
+		&::after {
+			bottom: 0;
+		}
+
+		.item {
+			flex: 1;
+			text-align: center;
+			font-size: 27.47rpx;
+			color: #999;
+			line-height: 82.42rpx;
+			position: relative;
+		}
+
+		.active {
+			color: #00BCD2;
+
+			&::after {
+				content: '';
+				position: absolute;
+				left: 0%;
+				right: 0%;
+				bottom: 0%;
+				height: 5.49rpx;
+				background: #00BCD2;
+				z-index: 1;
+			}
+		}
+	}
+
+	.info-panel {
+		font-size: 27.47rpx;
+
+		.row {
+			min-height: 96.15rpx;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 20.6rpx 41.21rpx;
+			box-sizing: border-box;
+			background: #fff;
+			position: relative;
+			color: #515151;
+
+			&:first-child::before,
+			&+.row::before {
+				content: '';
+				position: absolute;
+				left: 0;
+				right: 0;
+				top: 0;
+				height: 1px;
+				background: #e0e0e0;
+				transform: scaleY(.5);
+			}
+
+			.label {
+				white-space: nowrap;
+				margin-right: 54.95rpx;
+			}
+
+			.text {
+				flex: 1;
+				text-align: right;
+			}
+
+			.arrow {
+				width: 27.47rpx;
+				height: 27.47rpx;
+				margin-left: 6.87rpx;
+			}
+
+			.avatar {
+				width: 82.42rpx;
+				height: 82.42rpx;
+				border-radius: 50%;
+			}
+		}
+
+		.title {
+			color: #666666;
+			padding: 0 41.21rpx;
+			line-height: 82.42rpx;
+		}
+
+		.space {
+			background: #f3f3f3;
+			height: 13.74rpx;
+		}
+	}
+
+	.file-panel {
+		padding: 27.47rpx;
+
+		.file-item {
+			width: 192.31rpx;
+
+			.upload {
+				width: 192.31rpx;
+				height: 192.31rpx;
+				box-sizing: border-box;
+				border: 1px solid #ddd;
+				background: #fff;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				&-icon {
+					width: 137.36rpx;
+					height: 137.36rpx;
+				}
+			}
+
+			.name {
+				font-size: 27.47rpx;
+				text-align: center;
+				line-height: 86.54rpx;
+			}
+		}
+	}
+</style>

pages/self/index.vue

@@ -18,9 +18,11 @@
 			</view>
 		</view>
 		<view class="nav-panel">
-			<view :class="{ item: true, sapce: item.topSpace }" v-for="(item, index) in navList" :key="index" @click="handleNav(item.value)">
+			<view :class="{ item: true, sapce: item.topSpace }" v-for="(item, index) in navList" :key="index"
+				@click="handleNav(item.value)">
 				<view class="icon">
-					<image :class="'icon-img icon-img-' + item.value" :src="`../../static/svg/user_nav_${item.value}.svg`"></image>
+					<image :class="'icon-img icon-img-' + item.value" :src="`../../static/svg/user_nav_${item.value}.svg`">
+					</image>
 				</view>
 				<view class="label">
 					{{ item.label }}
@@ -36,138 +38,140 @@
 </template>
 
 <script>
-import avatar from '@/static/taxation/poster.jpg';
-export default {
-	components: {},
-	data() {
-		return {
-			userInfo: '',
-			manuList: [
-				{
-					label: '我的订单',
-					value: 1
-				},
-				{
-					label: '我的账单',
-					value: 2
-				},
-				{
-					label: '我的发票',
-					value: 3
-				},
-				{
-					label: '企业钱包',
-					value: 4
-				}
-			],
-			navList: [
-				{
-					label: '企业资料',
-					value: 1
-				},
-				{
-					label: '企业团队',
-					value: 2
-				},
-				{
-					label: '认证信息',
-					value: 3
-				},
-				{
-					label: '我的分销',
-					value: 4,
-					topSpace: true
-				},
-				{
-					label: '我的优惠券',
-					value: 5
-				},
-				{
-					label: '常见问题',
-					value: 6,
-					topSpace: true
-				},
-				{
-					label: '关于我们',
-					value: 7
-				}
-			],
-			list: [
-				{
-					icon: '/static/scan.png',
-					name: '企业资料',
-					// url: "/pages/index/scanCode/index",
-					isShow: true
-				},
-				{
-					icon: '/static/self-icon.png',
-					name: '企业团队',
-					url: '/pages/index/self_info',
-					isShow: true
-				},
-				{
-					icon: '/static/org-icon.png',
-					name: '认证信息',
-					url: '/pages/index/org_member',
-					isShow: true
-				},
-				{
-					icon: '/static/explain-icon.png',
-					name: '我的分销',
-					url: '/pages/index/back_login',
-					isShow: true
-				},
-				{
-					icon: '/static/back.png',
-					name: '我的优惠券',
-					// url: "/pages/index/scanCode/index",
-					isShow: true
-				},
-				{
-					icon: '/static/explain-icon.png',
-					name: '常见问题',
-					url: '/pages/index/back_login',
-					isShow: true
-				},
-				{
-					icon: '/static/back.png',
-					name: '关于我们',
-					// url: "/pages/index/scanCode/index",
-					isShow: true
-				}
-			]
-		};
-	},
-	onLoad() {},
-	onShow() {},
-	methods: {
-		handleOpenLogin() {
-			this.userInfo = {
-				name: 'Caocao',
-				company: '天津超易达胜科技',
-				avatar: avatar
+	import avatar from '@/static/taxation/poster.jpg';
+	export default {
+		components: {},
+		data() {
+			return {
+				userInfo: '',
+				manuList: [{
+						label: '我的订单',
+						value: 1
+					},
+					{
+						label: '我的账单',
+						value: 2
+					},
+					{
+						label: '我的发票',
+						value: 3
+					},
+					{
+						label: '企业钱包',
+						value: 4
+					}
+				],
+				navList: [{
+						label: '企业资料',
+						value: 1
+					},
+					{
+						label: '企业团队',
+						value: 2
+					},
+					{
+						label: '认证信息',
+						value: 3
+					},
+					{
+						label: '我的分销',
+						value: 4,
+						topSpace: true
+					},
+					{
+						label: '我的优惠券',
+						value: 5
+					},
+					{
+						label: '常见问题',
+						value: 6,
+						topSpace: true
+					},
+					{
+						label: '关于我们',
+						value: 7
+					}
+				],
+				list: [{
+						icon: '/static/scan.png',
+						name: '企业资料',
+						// url: "/pages/index/scanCode/index",
+						isShow: true
+					},
+					{
+						icon: '/static/self-icon.png',
+						name: '企业团队',
+						url: '/pages/index/self_info',
+						isShow: true
+					},
+					{
+						icon: '/static/org-icon.png',
+						name: '认证信息',
+						url: '/pages/index/org_member',
+						isShow: true
+					},
+					{
+						icon: '/static/explain-icon.png',
+						name: '我的分销',
+						url: '/pages/index/back_login',
+						isShow: true
+					},
+					{
+						icon: '/static/back.png',
+						name: '我的优惠券',
+						// url: "/pages/index/scanCode/index",
+						isShow: true
+					},
+					{
+						icon: '/static/explain-icon.png',
+						name: '常见问题',
+						url: '/pages/index/back_login',
+						isShow: true
+					},
+					{
+						icon: '/static/back.png',
+						name: '关于我们',
+						// url: "/pages/index/scanCode/index",
+						isShow: true
+					}
+				]
 			};
 		},
-		handleOpenInfo(){
-			if(!this.userInfo) return
-			uni.navigateTo({
-				url: 'info'
-			});
-		},
-		handleNav(val) {
-			let url = '';
-			switch (val) {
-				case 7:
-					url = 'about';
+		onLoad() {},
+		onShow() {},
+		methods: {
+			handleOpenLogin() {
+				this.userInfo = {
+					name: 'Caocao',
+					company: '天津超易达胜科技',
+					avatar: avatar,
+
+				};
+			},
+			handleOpenInfo() {
+				if (!this.userInfo) return
+				uni.navigateTo({
+					url: 'info'
+				});
+			},
+			handleNav(val) {
+				let url = '';
+				switch (val) {
+					case 1:
+						url = 'enterpriseInfo'
+						break
+					case 7:
+						url = 'about'
+						break
+				}
+				uni.navigateTo({
+					url
+				});
 			}
-			uni.navigateTo({
-				url
-			});
 		}
-	}
-};
+	};
 </script>
 
 <style lang="scss" scoped>
-@import 'index.scss';
-</style>
+	@import 'index.scss';
+</style>