调整节点中心页面

pages/user/index.vue

@@ -216,7 +216,18 @@
 			<view class="userPartner" style="display: flex;flex-direction: column;" v-else>
 				<block v-if="companyCreateInfo.code  !== 1" >
 					<view class="partner-title">企业工具</view>
-					<view class="onOpen"  @click="company(companyCreateInfo.code)">{{companyCreateInfo.code === -1?'立即开通企业认证':companyCreateInfo.code === 0?'企业认证审核中':companyCreateInfo.code === 2?'企业认证被已驳回':''}}</view>
+					<view class="partner-open" @click="company(companyCreateInfo.code)">
+						<image class="partner-icon" src="@/static/icons/company-icon.png" mode="widthFix"></image>
+						<view>
+							<view class="partner-open-title">
+								<text v-if="companyCreateInfo.code === -1">开通企业认证</text>
+								<text v-if="companyCreateInfo.code === 0">企业认证审核中</text>
+								<text v-if="companyCreateInfo.code === 2">企业认证被已驳回</text>
+							</view>
+							<view class="partner-open-text">发布权证，优惠券为店铺引流</view>
+						</view>
+					</view>
+					<!-- <view class="onOpen" v-else ></view> -->
 				</block>
 			</view>
 			<!-- 我的权证 -->
@@ -360,7 +371,6 @@
 			},
 			// 是否展示企业信息 企业认证 -1.未认证，0.审核中，1.审核通过，2.驳回
 			company(code) {
-				console.log(code)
 				if (code === -1) {
 					// 跳转到企业认证页面
 					companyIsallow().then(res=>{
@@ -995,28 +1005,12 @@
 			padding: 30rpx 0;
 			box-sizing: border-box;
 			border-radius: 15rpx;
-			
-			.onOpen{
-				background-color: #ee4c47;
-				color: #FFFFFF;
-				padding: 10rpx 40rpx;
-				width:400rpx;
-				border-radius: 30rpx;
-				display: inline-block;
-				text-align: center;
-				margin-top: 30rpx;
-				position: relative;
-				margin-left: -200rpx;
-				left: 50%;
-			}
-
 			.partner-title {
 				font-size: 32rpx;
 				position: relative;
 				padding: 0 30rpx 30rpx;
 				margin-bottom: 30rpx;
 				font-weight: 600;
-
 				&::after {
 					position: absolute;
 					content: '';
@@ -1028,6 +1022,30 @@
 				}
 			}
 			
+			.partner-open{
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				margin: $margin $margin 0;
+				background: rgba($color: $border-color-lg, $alpha: .3);
+				border-radius: $radius-sm;
+				padding: $padding*2 $padding;
+				.partner-icon{
+					width: 78rpx;
+					height: 78rpx;
+					margin-right: $margin;
+				}
+				.partner-open-title{
+					color: $text-color;
+					margin-bottom: $margin/3;
+					font-size: $title-size-lg;
+				}
+				.partner-open-text{
+					color: $text-gray-m;
+					font-size: $title-size-sm;
+				}
+			}
+
 			.partner-list {
 				display: flex;
 				margin-top: 40rpx;