修改经营品牌页面

pages/me/management.vue

@@ -1,5 +1,5 @@
 <template>
-	<!-- 经销商基本信息 -->
+	<!-- 我的经营品牌 -->
 	<view class="whole">
 		<view class="head">
 			<view class="behind"></view>
@@ -10,18 +10,26 @@
 				<view class="content" v-else v-for="(item, index) in supplier_s" :key="index">
 					<view class="content_s">
 						<view class="title">
-							<view></view>
+							<view class="strip"></view>
 							<h3>{{item.brand}}</h3>
+							<view :class="
+      item.status==='已拒绝'? 'state1':
+      item.status==='审核通过'? 'state2':'state'"
+        >
+								<view>{{item.status}}</view>
+								<view class="triangle"></view>
+							</view>
 						</view>
 						<view class="information_E">
 							<u-form-item>
-								<u-icon name="manager-o" custom-prefix="van-icon"/>
-								<u-input v-model="item.agentName" />
+								<u-icon name="manager-o" custom-prefix="van-icon" />
+								<u-input v-model="item.agentName" :disabled="true"/>
 							</u-form-item>
 							<u-form-item>
-								<u-icon name="orders-o" custom-prefix="van-icon"/>
-								<u-input v-model="item.signCount" />
+								<u-icon name="orders-o" custom-prefix="van-icon" />
+								<u-input v-model="item.signCount" :disabled="true"/>
 							</u-form-item>
+							<u-form-item label="原因:" v-if="item.cause != null"><u-input v-model="item.cause" :disabled="true"/></u-form-item>
 						</view>
 					</view>
 				</view>
@@ -43,6 +51,13 @@
 			}
 		},
 		created() {
+			uni.showLoading({
+				title: '加载中...'
+			});
+			console.log("加载中")
+			setTimeout(function() {
+				uni.hideLoading();
+			}, 1000);
 			this.supplier()
 		},
 		methods: {
@@ -68,11 +83,11 @@
 						// userId: this.$store.state.storeInfo.userId
 					}
 				}).then(res => {
-					console.log(res.data.data.data)
+					console.log(res)
 					if (res.data.code == 0) {
 						this.supplier_s = res.data.data.data
 						this.judge = false
-					}else if(res.data.code == 500){
+					} else if (res.data.code == 500) {
 						uni.showToast({
 							icon: 'none',
 							title: '出错了，请稍后再试',
@@ -120,6 +135,78 @@
 		box-shadow: 0 0 24rpx 0 rgba(101, 176, 249, 0.41);
 	}
 
+	.state {
+		width: 200rpx;
+		height: 60rpx;
+		background-color: #F6CF19;
+		float: right;
+		margin-top: -60rpx;
+		margin-right: -47rpx;
+		border-top-left-radius: 60rpx;
+		border-bottom-left-radius: 60rpx;
+		text-align: center;
+		line-height:60rpx;
+		color: #FFFFFF;
+		
+		.triangle {
+			width: 0px;
+			height: 0px;
+			margin-top: 0rpx;
+			margin-right: 0rpx;
+			border: 10rpx solid;
+			transform: rotate(270deg);
+			float: right;
+			border-color: #B89804 #B89804 transparent transparent;
+		}
+	}
+	.state1{
+		width: 200rpx;
+		height: 60rpx;
+		background-color: #FC1E1E;
+		float: right;
+		margin-top: -60rpx;
+		margin-right: -47rpx;
+		border-top-left-radius: 60rpx;
+		border-bottom-left-radius: 60rpx;
+		text-align: center;
+		line-height:60rpx;
+		color: #FFFFFF;
+		
+		.triangle {
+			width: 0px;
+			height: 0px;
+			margin-top: 0rpx;
+			margin-right: 0rpx;
+			border: 10rpx solid;
+			transform: rotate(270deg);
+			float: right;
+			border-color: #960000 #960000 transparent transparent;
+		}
+	}
+	.state2{
+		width: 200rpx;
+		height: 60rpx;
+		background-color: #0094FE;
+		float: right;
+		margin-top: -60rpx;
+		margin-right: -47rpx;
+		border-top-left-radius: 60rpx;
+		border-bottom-left-radius: 60rpx;
+		text-align: center;
+		line-height:60rpx;
+		color: #FFFFFF;
+		
+		.triangle {
+			width: 0px;
+			height: 0px;
+			margin-top: 0rpx;
+			margin-right: 0rpx;
+			border: 10rpx solid;
+			transform: rotate(270deg);
+			float: right;
+			border-color: #0F519C #0F519C transparent transparent;
+		}
+	}
 	.content {
 		width: 667rpx;
 		height: auto;
@@ -153,15 +240,15 @@
 			.title {
 				border-bottom: 1rpx solid #EBEBEB;
 				padding-bottom: 15rpx;
+			}
 
-				view {
-					width: 6px;
-					height: 20px;
-					background: #0292FD;
-					float: left;
-					margin-right: 10rpx;
-					margin-top: 5rpx;
-				}
+			.strip {
+				width: 4px;
+				height: 20px;
+				background: #0292FD;
+				float: left;
+				margin-right: 10rpx;
+				margin-top: 5rpx;
 			}
 		}
 	}

pages/me/suppliers.vue

@@ -36,6 +36,13 @@
 			}
 		},
 		created() {
+			uni.showLoading({
+				title: '加载中...'
+			});
+			console.log("加载中")
+			setTimeout(function() {
+				uni.hideLoading();
+			}, 1000);
 			this.supplier()
 		},
 		methods: {