From 577c62578338f45d43ebf2e3ce81dc3afb625957 Mon Sep 17 00:00:00 2001
From: donqi <ydq0308@qq.com>
Date: Sun, 12 Feb 2023 23:48:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E9=94=80=E5=AE=A1=E6=89=B9=EF=BC=9Bbu?=
 =?UTF-8?q?g=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/js/request.js                        |  18 ++-
 components/common-card/vertical-card.vue    |  18 ++-
 components/multi-level-nav/vertical-nav.vue |   4 +-
 pages.json                                  |   2 +
 pages/my/member-approval.vue                | 117 ++++++++++++++++++++
 pages/my/my-operator.vue                    |   6 +-
 6 files changed, 158 insertions(+), 7 deletions(-)
 create mode 100644 pages/my/member-approval.vue

diff --git a/common/js/request.js b/common/js/request.js
index 2e9b1bd..5581436 100644
--- a/common/js/request.js
+++ b/common/js/request.js
@@ -12,7 +12,7 @@ export default {
 				})
 				// request 触发前拼接 url 
 				args.url = 'https://www.opsoul.com:8881' + args.url;
-				// args.url = 'http://92.168.2.12:80' + args.url;
+				// args.url = 'http://192.168.2.12:80' + args.url;
 				// args.url = 'http://127.0.0.1:80' + args.url;
 				if (args.data && Object.prototype && Object.prototype.toString.call(args.data) === '[object Object]') {
 					args.data.deptId = globalData.deptId;
@@ -689,5 +689,21 @@ export default {
 			data: params
 		})
 		return res[1].data;
+	},
+	async getMembersWaitingApproval(params = {}) {
+		let res = await uni.request({
+			url: '/customer/place/app/myCustomerPlace',
+			method: 'POST',
+			data: params
+		})
+		return res[1].data;
+	},
+	async editCustomerPlace(params = {}) {
+		let res = await uni.request({
+			url: '/customer/place/app/edit',
+			method: 'POST',
+			data: params
+		})
+		return res[1].data;
 	}
 }
diff --git a/components/common-card/vertical-card.vue b/components/common-card/vertical-card.vue
index f5df284..226e7d7 100644
--- a/components/common-card/vertical-card.vue
+++ b/components/common-card/vertical-card.vue
@@ -9,14 +9,14 @@
 			<view class="cu-item shadow">
 				<view v-if="item.imgs && item.imgs.length > 2" class="flex justify-between align-center multi-pic-container">
 					<view class="left-view"><image class="radius-img" :src="item.imgs[0]" mode="aspectFill"></image></view>
-					<view class="flex-column-between align-center right-view">
+					<view class="flex-column-between align-center right-half-view">
 						<image class="radius-img" :src="item.imgs[1]" mode="aspectFill"></image>
 						<image class="radius-img" :src="item.imgs[2]" mode="aspectFill"></image>
 					</view>
 				</view>
 				<view v-else-if="item.imgs && item.imgs.length > 1" class="flex justify-between align-center multi-pic-container">
 					<view class="left-view"><image class="radius-img" :src="item.imgs[0]" mode="aspectFill"></image></view>
-					<view class="left-view"><image class="radius-img" :src="item.imgs[1]" mode="aspectFill"></image></view>
+					<view class="right-view"><image class="radius-img" :src="item.imgs[1]" mode="aspectFill"></image></view>
 				</view>
 				<view v-else-if="item.imgs && item.imgs.length" class="flex justify-between align-center multi-pic-container">
 					<view class="whole-view"><image class="radius-img" :src="item.imgs[0]" mode="aspectFill"></image></view>
@@ -74,6 +74,7 @@
 	.multi-pic-container > .whole-view {
 		width: 100%;
 		height: 100%;
+		padding: 0 30rpx;
 	}
 	
 	.multi-pic-container > .whole-view > image {
@@ -92,6 +93,17 @@
 		width: 100%;
 	}
 	
+	.multi-pic-container > .right-half-view {
+		width: calc(50% - 7rpx);
+		padding-right: 30rpx;
+		height: 100%;
+	}
+	
+	.multi-pic-container > .right-half-view > image {
+		height: calc(50% - 7rpx);
+		width: 100%;
+	}
+	
 	.multi-pic-container > .right-view {
 		width: calc(50% - 7rpx);
 		padding-right: 30rpx;
@@ -99,7 +111,7 @@
 	}
 	
 	.multi-pic-container > .right-view > image {
-		height: calc(50% - 7rpx);
+		height: 100%;
 		width: 100%;
 	}
 	
diff --git a/components/multi-level-nav/vertical-nav.vue b/components/multi-level-nav/vertical-nav.vue
index 8173d57..91ecfc6 100644
--- a/components/multi-level-nav/vertical-nav.vue
+++ b/components/multi-level-nav/vertical-nav.vue
@@ -15,14 +15,14 @@
 			</view>
 		</scroll-view>
 		<view class="VerticalBox" :style="'height:calc(' + containerHeight + ')'">
-			<scroll-view class="VerticalNav nav">
+			<scroll-view class="VerticalNav nav" :scroll-y="true">
 				<view class="cu-item" :class="index==tabCur?'text-main-color cur':''" v-for="(item,index) in list"
 					:key="index" @tap="tabSelect" :data-index="index" :data-id="item.goodsCategoryId"
 					:data-main-cur="item.child && item.child.length > 0 ? item.child[0].goodsCategoryId : -1">
 					{{item.goodsCategoryName}}
 				</view>
 			</scroll-view>
-			<scroll-view class="VerticalMain">
+			<scroll-view class="VerticalMain" :scroll-y="true" :style="'height:calc(' + containerHeight + ')'">
 				<view class="cu-bar bg-white" @click="chooseNavItem(list[tabCur])" v-if="list[tabCur].child && list[tabCur].child.length">
 					<view class="action">
 						<!-- {{list[tabCur].goodsCategoryName}} -->全部
diff --git a/pages.json b/pages.json
index 6b4f424..b7f2781 100644
--- a/pages.json
+++ b/pages.json
@@ -54,6 +54,8 @@
 			"path": "b-account-bind"
 		}, {
 			"path": "my-money-bag"
+		}, {
+			"path": "member-approval"
 		}]
 	}, {
 		"root":"pages/publish/",
diff --git a/pages/my/member-approval.vue b/pages/my/member-approval.vue
new file mode 100644
index 0000000..52735a7
--- /dev/null
+++ b/pages/my/member-approval.vue
@@ -0,0 +1,117 @@
+<template>
+	<view>
+		<!-- 顶部操作条 -->
+		<cu-custom :bgColor="'bg-main-color'" :isBack="true">
+			<block slot="backText">返回</block>
+			<block slot="content">审批列表</block>
+		</cu-custom>
+		<!-- 团队成员信息 -->
+		<view class="margin-top-sm margin-lr-sm padding bg-white name-card shadow-warp"
+			v-for="(member, index) in members">
+			<!-- 个人名片 -->
+			<view class="flex justify-start">
+				<view class="cu-avatar round"
+					:style="'background-image:url(' + member.customerLogoUrl + '); width: 130rpx; height: 130rpx;'">
+				</view>
+				<view class="margin-left-sm flex-column-around">
+					<view class="text-black text-xl">{{member.name}}</view>
+					<view class="">
+						<text class="margin-right-xs">角色：申请加入</text>
+					</view>
+				</view>
+			</view>
+			<!-- 实名及公告图标 -->
+			<view class="flex justify-end oper-bar">
+				<view class="text-center margin-right-sm text-orange" @click="makePhoneCall(member.phone)">
+					<view class="cuIcon-phone"></view>
+				</view>
+			</view>
+			<view class="solid-top margin-top-sm flex justify-between align-center padding-top">
+				<view class="flex flex-twice">
+					<text class="margin-right-xs">审批意见</text>
+					<input class="radius-input" @input="inputRemark($event, member)"></input>
+				</view>
+				
+				<view class="flex flex-sub justify-end">
+					<view class="cu-btn bg-main-color sm radius" @click="approvingMember(index, member, '同意')">同意</view>
+					<view class="cu-btn sm radius margin-left-xs" @click="approvingMember(index, member, '不同意')">不同意</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import horizontalNameCard from '@/components/common-card/horizontal-name-card.vue';
+	
+	export default {
+		components: {
+			horizontalNameCard
+		},
+		data() {
+			return {
+				members: [],
+				curUserInfo: {}
+			}
+		},
+		onLoad(option) {
+			this.loadData(option);
+		},
+		methods: {
+			async loadData(option) {
+				this.curUserInfo = this.$request.getCurUserInfo();
+				this.loadMembers2Approve();
+			},
+			makePhoneCall(phoneNum) {
+				uni.makePhoneCall({
+					phoneNumber: phoneNum
+				})
+			},
+			inputRemark(e, member) {
+				member.remark = e.detail.value;
+			},
+			async loadMembers2Approve(params = {}) {
+				let res = await this.$request.getMembersWaitingApproval({
+					customerId: this.curUserInfo.customerId
+				});
+				if (res && res.data) {
+					this.members = res.data;
+				}
+			},
+			async approvingMember(index, member, defaultRemark) {
+				let remark = member.remark ? member.remark : defaultRemark;
+				let res = await this.$request.editCustomerPlace({
+					id: member.id,
+					remark: remark
+				});
+				if (res && res.code === 0) {
+					uni.showToast({
+						icon: 'success'
+					})
+					this.members.splice(index, 1);
+				} else {
+					uni.showToast({
+						icon: 'error'
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.name-card {
+		position: relative;
+	}
+
+	.name-card .oper-bar {
+		position: absolute;
+		top: 20rpx;
+		right: 20rpx;
+		font-size: 50rpx;
+	}
+
+	.cu-list+.cu-list {
+		margin-top: unset;
+	}
+</style>
diff --git a/pages/my/my-operator.vue b/pages/my/my-operator.vue
index 943c1da..153b81d 100644
--- a/pages/my/my-operator.vue
+++ b/pages/my/my-operator.vue
@@ -157,7 +157,7 @@
 					code: '',
 					name: '添加团队'
 				}, {
-					code: '',
+					code: 'showMembers2Approval',
 					name: '组建/审批区域团队'
 				}],
 				agreeShield: 1,
@@ -245,6 +245,10 @@
 					case 'showCustomers':
 						uni.navigateTo({
 							url: '/pages/my/my-team-member'
+						})
+					case 'showMembers2Approval':
+						uni.navigateTo({
+							url: '/pages/my/member-approval'
 						})
 					default:
 						break;