企业资料内容可编辑

pages/self/enterprise/info.vue

@@ -1,7 +1,8 @@
 <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">
+			<view :class="{ item: true, active: tabActive === item.value }" v-for="(item, index) in tabList" :key="index"
+				@click="tabActive = item.value">
 				{{ item.label }}
 			</view>
 		</view>
@@ -14,23 +15,23 @@
 			</view>
 			<view class="row">
 				<view class="label">企业全称</view>
-				<view class="text">天津超易达胜科技发展有限公司</view>
+				<input class="text" type="text" placeholder="请输入" v-model="testValue1" />
 			</view>
 			<view class="row">
 				<view class="label">企业简称</view>
-				<view class="text">天津超易达胜科技</view>
+				<input class="text" type="text" placeholder="选填" v-model="testValue2" />
 			</view>
 			<view class="row">
 				<view class="label">统一信用代码</view>
-				<view class="text">911201033006420997</view>
+				<input class="text" type="text" placeholder="选填" v-model="testValue2" />
 			</view>
 			<view class="row">
 				<view class="label">注册资本</view>
-				<view class="text">1000万元</view>
+				<input class="text" type="text" placeholder="选填" v-model="testValue2" />
 			</view>
 			<view class="row">
 				<view class="label">注册地址</view>
-				<view class="text">天津市河西区怒江道北侧创智东园2号楼底商1号</view>
+				<input class="text" type="text" placeholder="选填" v-model="testValue2" />
 			</view>
 			<view class="space"></view>
 			<view class="row">
@@ -61,15 +62,15 @@
 			<view class="space"></view>
 			<view class="row">
 				<view class="label">联系人</view>
-				<view class="text">Caocao</view>
+				<input class="text" type="text" placeholder="选填" v-model="testValue2" />
 			</view>
 			<view class="row">
 				<view class="label">联系电话</view>
-				<view class="text">18991397001</view>
+				<input class="text" type="text" placeholder="选填" v-model="testValue2" />
 			</view>
 			<view class="row">
 				<view class="label">电子件接收邮箱</view>
-				<view class="text">156306635@qq.com</view>
+				<input class="text" type="text" placeholder="选填" v-model="testValue2" />
 			</view>
 		</view>
 		<!-- 资金账户 -->
@@ -233,344 +234,360 @@
 </template>
 
 <script>
-export default {
-	data() {
-		return {
-			tabActive: 1,
-			tabList: [
-				{
-					label: '基础资料',
-					value: 1
-				},
-				{
-					label: '资金账户',
-					value: 2
-				},
-				{
-					label: '认证信息',
-					value: 3
-				},
-				{
-					label: '团队成员',
-					value: 4
-				}
-			],
-			authType: 1,
-			array: ['总经办', '财务部', '行政部'],
-			test: ''
-		};
-	},
-	methods: {
-		handleOpenAddMember() {
-			this.$refs.memberDialog.open();
-		},
-		bindPickerChange(e) {
-			this.test = this.array[e.detail.value];
+	export default {
+		data() {
+			return {
+				tabActive: 1,
+				tabList: [{
+						label: '基础资料',
+						value: 1
+					},
+					{
+						label: '资金账户',
+						value: 2
+					},
+					{
+						label: '认证信息',
+						value: 3
+					},
+					{
+						label: '团队成员',
+						value: 4
+					}
+				],
+				authType: 1,
+				array: ['总经办', '财务部', '行政部'],
+				test: '',
+				testValue1: '',
+				testValue2: ''
+			};
 		},
-		dialogInputConfirm() {},
-		//打开权限设置
-		handleOpenAuthSetting() {
-			uni.navigateTo({
-				url: 'authSetting'
-			});
+		methods: {
+			handleOpenAddMember() {
+				this.$refs.memberDialog.open();
+			},
+			bindPickerChange(e) {
+				this.test = this.array[e.detail.value];
+			},
+			dialogInputConfirm() {},
+			//打开权限设置
+			handleOpenAuthSetting() {
+				uni.navigateTo({
+					url: 'authSetting'
+				});
+			}
 		}
-	}
-};
+	};
 </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;
-	z-index: 1;
-
-	&::before,
-	&::after {
-		content: '';
-		position: absolute;
-		left: 0;
-		right: 0;
-		height: 1rpx;
-		background: #e0e0e0;
+	.page-wrap {
+		padding-top: 82.42rpx;
 	}
 
-	&::before {
+	.tabs-panel {
+		position: fixed;
+		left: 0;
 		top: 0;
-	}
-
-	&::after {
-		bottom: 0;
-	}
+		right: 0;
+		height: 82.42rpx;
+		background: #fff;
+		display: flex;
+		z-index: 1;
 
-	.item {
-		flex: 1;
-		text-align: center;
-		font-size: 27.47rpx;
-		color: #999;
-		line-height: 82.42rpx;
-		position: relative;
-		& + .item::before {
+		&::before,
+		&::after {
 			content: '';
 			position: absolute;
 			left: 0;
-			top: 0;
-			bottom: 0;
-			width: 1rpx;
+			right: 0;
+			height: 1rpx;
 			background: #e0e0e0;
 		}
-	}
 
-	.active {
-		color: #00bcd2;
+		&::before {
+			top: 0;
+		}
 
 		&::after {
-			content: '';
-			position: absolute;
-			left: 0%;
-			right: 0%;
-			bottom: 0%;
-			height: 5.49rpx;
-			background: #00bcd2;
-			z-index: 1;
+			bottom: 0;
 		}
-	}
-}
 
-.info-panel {
-	font-size: 27.47rpx;
+		.item {
+			flex: 1;
+			text-align: center;
+			font-size: 27.47rpx;
+			color: #999;
+			line-height: 82.42rpx;
+			position: relative;
 
-	.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;
+			&+.item::before {
+				content: '';
+				position: absolute;
+				left: 0;
+				top: 0;
+				bottom: 0;
+				width: 1rpx;
+				background: #e0e0e0;
+			}
+		}
 
-		&:first-child::before,
-		& + .row::before {
-			content: '';
-			position: absolute;
-			left: 0;
-			right: 0;
-			top: 0;
-			height: 1px;
-			background: #e0e0e0;
-			transform: scaleY(0.5);
+		.active {
+			color: #00bcd2;
+
+			&::after {
+				content: '';
+				position: absolute;
+				left: 0%;
+				right: 0%;
+				bottom: 0%;
+				height: 5.49rpx;
+				background: #00bcd2;
+				z-index: 1;
+			}
 		}
+	}
 
-		.label {
-			white-space: nowrap;
-			margin-right: 54.95rpx;
+	.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(0.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%;
+			}
 		}
 
-		.text {
-			flex: 1;
-			text-align: right;
+		.title {
+			color: #666666;
+			padding: 0 41.21rpx;
+			line-height: 82.42rpx;
 		}
 
-		.arrow {
-			width: 27.47rpx;
-			height: 27.47rpx;
-			margin-left: 6.87rpx;
+		.space {
+			background: #f3f3f3;
+			height: 13.74rpx;
 		}
 
-		.avatar {
-			width: 82.42rpx;
-			height: 82.42rpx;
-			border-radius: 50%;
+		.radio-group {
+			display: flex;
+
+			.item {
+				position: relative;
+				padding-left: 43.96rpx;
+				line-height: 32.97rpx;
+				margin-left: 41.21rpx;
+
+				&:before {
+					content: '';
+					position: absolute;
+					left: 0%;
+					top: 50%;
+					transform: translateY(-50%);
+					width: 30.22rpx;
+					height: 30.22rpx;
+					border: 1rpx solid #ddd;
+					border-radius: 50%;
+					box-sizing: border-box;
+				}
+
+				.radio {
+					width: 32.97rpx;
+					height: 32.97rpx;
+					position: absolute;
+					left: 0;
+					top: 50%;
+					transform: translateY(-50%);
+					display: none;
+					z-index: 1;
+				}
+
+				&.active .radio {
+					display: block;
+				}
+			}
 		}
 	}
 
-	.title {
-		color: #666666;
-		padding: 0 41.21rpx;
-		line-height: 82.42rpx;
+	.submit-btn {
+		width: 549.45rpx;
+		height: 75.55rpx;
+		background: #079eff;
+		font-size: 27.47rpx;
+		color: #fff;
+		border-radius: 8.24rpx;
+		margin: 54.95rpx auto;
 	}
 
-	.space {
-		background: #f3f3f3;
-		height: 13.74rpx;
-	}
+	.list-panel {
+		margin-top: 13.74rpx;
 
-	.radio-group {
-		display: flex;
 		.item {
+			display: flex;
+			align-items: center;
+			padding: 16.48rpx 27.47rpx;
+			min-height: 96.15rpx;
+			box-sizing: border-box;
 			position: relative;
-			padding-left: 43.96rpx;
-			line-height: 32.97rpx;
-			margin-left: 41.21rpx;
-			&:before {
+			background: #fff;
+
+			&+.item::before {
 				content: '';
 				position: absolute;
 				left: 0%;
-				top: 50%;
-				transform: translateY(-50%);
-				width: 30.22rpx;
-				height: 30.22rpx;
-				border: 1rpx solid #ddd;
-				border-radius: 50%;
-				box-sizing: border-box;
-			}
-			.radio {
-				width: 32.97rpx;
-				height: 32.97rpx;
-				position: absolute;
-				left: 0;
-				top: 50%;
-				transform: translateY(-50%);
-				display: none;
-				z-index: 1;
-			}
-			&.active .radio {
-				display: block;
+				right: 0%;
+				top: 0%;
+				height: 1rpx;
+				transform: scaleY(0.5);
+				background: #e0e0e0;
 			}
 		}
-	}
-}
-.submit-btn {
-	width: 549.45rpx;
-	height: 75.55rpx;
-	background: #079eff;
-	font-size: 27.47rpx;
-	color: #fff;
-	border-radius: 8.24rpx;
-	margin: 54.95rpx auto;
-}
-.list-panel {
-	margin-top: 13.74rpx;
-
-	.item {
-		display: flex;
-		align-items: center;
-		padding: 16.48rpx 27.47rpx;
-		min-height: 96.15rpx;
-		box-sizing: border-box;
-		position: relative;
-		background: #fff;
 
-		& + .item::before {
-			content: '';
-			position: absolute;
-			left: 0%;
-			right: 0%;
-			top: 0%;
-			height: 1rpx;
-			transform: scaleY(0.5);
-			background: #e0e0e0;
+		.avatar {
+			width: 76.92rpx;
+			height: 76.92rpx;
 		}
-	}
 
-	.avatar {
-		width: 76.92rpx;
-		height: 76.92rpx;
-	}
+		.text {
+			flex: 1;
+			font-size: 27.47rpx;
+			color: #545e8f;
+			margin-left: 13.74rpx;
+		}
 
-	.text {
-		flex: 1;
-		font-size: 27.47rpx;
-		color: #545e8f;
-		margin-left: 13.74rpx;
-	}
+		.sub {
+			display: block;
+			font-size: 24.73rpx;
+			color: #999999;
+		}
 
-	.sub {
-		display: block;
-		font-size: 24.73rpx;
-		color: #999999;
-	}
+		.btn {
+			background: none;
+			border: none;
+			font-size: 27.47rpx;
+			color: #f97631;
+			white-space: nowrap;
+			padding: 0;
+			margin-left: 13.74rpx;
+		}
 
-	.btn {
-		background: none;
-		border: none;
-		font-size: 27.47rpx;
-		color: #f97631;
-		white-space: nowrap;
-		padding: 0;
-		margin-left: 13.74rpx;
+		.add-btn {
+			margin-top: 27.47rpx;
+			font-size: 27.47rpx;
+			color: #00bcd2;
+			height: 82.42rpx;
+			line-height: 82.42rpx;
+			display: block;
+			text-align: left;
+			padding: 0 0 0 54.95rpx;
+			background: #fff;
+			border: none;
+			border-radius: 13.74rpx;
+		}
 	}
-	.add-btn {
-		margin-top: 27.47rpx;
+
+	.popup-form {
+		width: 100%;
 		font-size: 27.47rpx;
-		color: #00bcd2;
-		height: 82.42rpx;
-		line-height: 82.42rpx;
-		display: block;
-		text-align: left;
-		padding: 0 0 0 54.95rpx;
-		background: #fff;
-		border: none;
-		border-radius: 13.74rpx;
-	}
-}
-.popup-form {
-	width: 100%;
-	font-size: 27.47rpx;
-	&-item {
-		display: flex;
-		align-items: center;
-		height: 82.42rpx;
-		position: relative;
-		&::before {
-			content: '';
-			position: absolute;
-			left: 0;
-			right: 0;
-			bottom: 0;
-			height: 1rpx;
-			background: #e0e0e0;
+
+		&-item {
+			display: flex;
+			align-items: center;
+			height: 82.42rpx;
+			position: relative;
+
+			&::before {
+				content: '';
+				position: absolute;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				height: 1rpx;
+				background: #e0e0e0;
+			}
+		}
+
+		.label {
+			white-space: nowrap;
+			margin-right: 13.74rpx;
+		}
+
+		.input {
+			flex: 1;
+			text-align: right;
+		}
+
+		.picker {
+			flex: 1;
 		}
 	}
-	.label {
-		white-space: nowrap;
-		margin-right: 13.74rpx;
-	}
-	.input {
-		flex: 1;
-		text-align: right;
-	}
-	.picker {
-		flex: 1;
-	}
-}
-// .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>
+
+	// .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>