From 0576682cfab4320ffdcf4e169c0587c54c0859b3 Mon Sep 17 00:00:00 2001
From: jscyl13849007907 <13849007907@163.com>
Date: Tue, 12 May 2026 18:54:41 +0800
Subject: [PATCH] no message

---
 root/person/downpage.vue |  18 +-
 root/person/fensi.vue    | 604 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 616 insertions(+), 6 deletions(-)
 create mode 100644 root/person/fensi.vue

diff --git a/root/person/downpage.vue b/root/person/downpage.vue
index 6c5ef24..88603e5 100644
--- a/root/person/downpage.vue
+++ b/root/person/downpage.vue
@@ -1,6 +1,7 @@
 <template>
-	<view class="g_flex_column_start" style="height: 100vh;width: 100%;background-color: #f2f2f2;">
-		<view class="g_mt_10 g_flex_none" v-if="agencyInfo.supplierAccount == 1">
+	<view class="" style="height: 100vh;width: 100%;background-color: #f2f2f2;">
+    <div style="height: 10px;"></div>
+		<view class="" v-if="agencyInfo.supplierAccount == 1">
 			<view class="g_p_16 g_bg_f g_radius_8 g_flex_row_between flex_center g_ml_10 g_mr_10" hover-class="thover" 
             @click="goPage('/root/bind/search?active=1')">
 				<view class="g_flex_row_start flex_center">
@@ -18,9 +19,9 @@
 				>去邀请</view>
 			</view>
 		</view>
-    <view class="g_mt_10 g_flex_none" v-if="agencyInfo.supplierAccount == 1">
+    <view class="g_mt_10" v-if="agencyInfo.supplierAccount == 1">
 			<view class="g_p_16 g_bg_f g_radius_8 g_flex_row_between flex_center g_ml_10 g_mr_10" hover-class="thover" 
-            @click="goPage('/root/bind/search?active=1')">
+            @click="goPage('/root/bind/applyList')">
 				<view class="g_flex_row_start flex_center">
 					<img src="https://bocai-cms.oss-cn-beijing.aliyuncs.com/bf586cad-c6f0-4417-86c8-6cf55310ace7_123456.svg" class="g_w_48 g_h_48 g_radius_50" alt="" />
 					<view class="g_flex_column_between g_ml_10">
@@ -30,15 +31,19 @@
 				</view>
 			</view>
 		</view>
-    <view class="g_flex_1 g_w_all g_flex_c" hover-class="none" hover-stop-propagation="false">
-      <rh-empty text="暂无数据" />
+    <view class="g_w_all" hover-class="none" hover-stop-propagation="false">
+      <fensiPanel />
     </view>
 	</view>
 </template>
 <script>
+import fensiPanel from './fensi.vue'
 /* 自定义空页面
  */
 export default {
+  components: {
+    fensiPanel,
+  },
 	data() {
 		return {
       agencyInfo: {}, // 登陆者的代理信息
@@ -50,6 +55,7 @@ export default {
   onShow(){
     let that = this;
     if (uni.getStorageSync("apply-token")) {
+
 			this.G.checkToken().then(() => {
 				that.agencyInfo = uni.getStorageSync("agencyInfo");
 			});
diff --git a/root/person/fensi.vue b/root/person/fensi.vue
new file mode 100644
index 0000000..88e3ee3
--- /dev/null
+++ b/root/person/fensi.vue
@@ -0,0 +1,604 @@
+<template>
+	<view class="p-bind-inedx g_w_all g_h_all g_bg_f_5 g_kuaishou">
+		<!-- 搜索栏 -->
+		<view class="m-top">
+			<view class="m-search g_p_10 g_pb_0 g_position_rela g_p_12 g_bg_f_5">
+				<u-search height="80" v-model="keyword" :placeholder="tabFansInfo.active == 0 ? '搜索新的粉丝' : '搜索我的粉丝'" bg-color="#fff" :show-action="false" @btnSearch="getSearch" @change="getSearch" @clear="getSearch" @custom="getSearch" @search="getSearch" search-icon-color="#999999" :maxlength="20"></u-search>
+			</view>
+		</view>
+		<view class="m-panel">
+			<!-- 根据不同搜索栏显示不同内容 -->
+			<view class="center">
+				<!-- 列表区 -->
+				<view class="m-list">
+					<view class="link" :class="isShow ? '' : ''">
+						<rh-loading :loading="loading" v-if="loading && speed == -1" />
+						<view v-if="!loading && speed == 0" class="g_pt_130">
+							<rh-empty :text="isLogin ? '暂无数据' : '请登录'" />
+						</view>
+						<view v-if="speed > 0 && tabFansInfo.active == 0">
+							<view v-for="(item, index) in applyList" :key="index">
+								<u-sticky :index="index" offset-top="80">
+									<view class="">
+										<view class="g_c_9 g_fs_14 g_pt_8 g_pb_8 g_pl_16 g_pr_16 true g_bg_f_5" v-if="item.isShowTime">{{ item.time }}</view>
+										<view class="g_c_3 g_fs_14 g_pt_8 g_pb_8 g_pl_16 g_pr_16 g_bg_f_5 false" v-if="!item.isShowTime">
+											{{ stickyText }}
+										</view>
+									</view>
+								</u-sticky>
+								<view class="g_flex_row_start g_pt_12 g_pl_16 g_pr_16 g_bg_f" v-for="(itm, inx) in item.children" :key="inx" @click="goPage(itm, item)" hover-class="thover" :style="{ 'border-bottom': inx == item.children.length - 1 ? '1rpx solid #eee' : '1rpx solid #eee' }">
+									<view class="g_flex_none g_mr_11 m-avatar" style="position: relative">
+										<rh-image :url="itm.logo" size="96" radius="6" v-if="itm.logo" />
+										<rh-image size="96" radius="6" v-if="!itm.logo" />
+
+										<view class="g_flex_c" v-if="itm.supplierAccount == 1" style="position: absolute; overflow: hidden; width: 20px; height: 10px; right: -2px; top: 0">
+											<image :src="cdnBaseImg + 'fadanhao.svg'" mode="widthFix" style="width: 16px; height: 13px"></image>
+										</view>
+									</view>
+									<view class="g_flex_1">
+										<view class="g_flex_row_between g_pb_12">
+											<view class="g_flex_1 g_flex_column_between g_h_48">
+												<view class="g_fs_18 g_c_3 g_fw_600">{{ itm.agencyName }}</view>
+												<view class="g_fs_14 g_c_9">{{ itm.remark ? itm.remark : "-" }}</view>
+											</view>
+											<view class="g_flex_none g_flex_column_center">
+												<!-- 三天前：未通过的为已过期，已通过的不动 -->
+												<view>
+													<view v-if="itm.recordStatus == 1 && item.time == '近三天'" @click.stop="quickSuccess(itm, inx)">
+														<view hover-stop-propagation hover-class="thover" class="g_radius_14 g_h_28 g_fs_14 g_c_6 g_pr_8 g_pl_8 g_flex_row_center flex_center g_bg_main g_c_f"> 通过 </view>
+														<!-- <rh-button primaryColor='#00b666' type='infro' size='mini' btnText='通过' /> -->
+														<!-- <view hover-stop-propagation hover-class="g_bg_e" class="g_radius_14 g_h_28 g_fs_14 g_c_6 g_pr_8 g_pl_8 g_flex_row_center flex_center g_bg_f_5 g_c_6">通过</view> -->
+													</view>
+													<view v-if="itm.recordStatus == 2">
+														<!-- <view class="g_radius_14 g_h_28 g_border_e g_fs_14 g_c_6 g_pr_8 g_pl_8 g_flex_row_center flex_center"
+																	style="border: 1px solid #ccc;"
+														>
+															<i class="iconfont icon-duihao g_fsi_12 g_mr_2 g_c_6"></i>
+															已通过
+														</view> -->
+														<rh-button primaryColor='#00b666' type="none" size="mini" btnText="已通过" />
+													</view>
+
+													<view v-if="itm.recordStatus == 1 && item.time == '三天前'">已过期</view>
+												</view>
+											</view>
+										</view>
+									</view>
+								</view>
+							</view>
+							<view style="background-color: #ededed">
+								<g-panel-hr :str="speed + '个新粉丝申请'" />
+							</view>
+							<view class="g_h_50 g_w_all" style="background-color: #ededed"></view>
+						</view>
+						<view v-if="speed > 0 && tabFansInfo.active == 1">
+							<view class="item g_flex_row_between g_pl_16 g_pr_16 g_pb_6 g_pt_6 g_bg_f" hover-class="thover" v-for="(item, index) in query.list" :key="index" @click="goMain(item)" :class="index == 0 ? 'g_pt_12' : ''" :style="{ 'border-bottom': index == query.list.length - 1 ? '1rpx solid #eee' : '1rpx solid #eee' }">
+								<view class="g_flex_none g_flex_row_start">
+									<view class="g_flex_column_center g_pr_16 g_flex_none" style="position: relative">
+										<rh-image :url="item.logo" size="96" radius="6" v-if="item.logo" />
+										<rh-image size="96" radius="6" v-if="!item.logo" />
+
+										<view v-if="item.supplierAccount == 1" style="position: absolute; left: 0; width: 48px; height: 48px" class="g_flex_row_end">
+											<view class="g_flex_c" style="position: absolute; overflow: hidden; width: 20px; height: 10px; right: -2px; top: 0px">
+												<image :src="cdnBaseImg + 'fadanhao.svg'" mode="widthFix" style="width: 16px; height: 13px"></image>
+											</view>
+										</view>
+									</view>
+								</view>
+
+								<view class="g_flex_1 g_h_all g_flex_column_center g_h_60 _right">
+									<view class="g_flex_row_between">
+										<view class="g_flex_column_center g_flex_1 g_mr_12">
+											<view class="g_flex_row_start flex_center">
+												<view class="g_ell_1 g_fs_18 g_c_0 g_fw_600" style="max-width: 280rpx">{{ item.agencyName }} </view>
+												<view class="g_ml_6 g_text_c">
+													<view class="g_w_36 g_h_18 g_fs_12 g_redius_4" style="background-color: #f2f7ff; color: #1677ff" v-if="item.teamType == 2">团队</view>
+													<view class="g_w_36 g_h_18 g_fs_12 g_redius_4" style="background-color: #fff5f5; color: #ff4d4f" v-if="item.teamType == 1">个人</view>
+												</view>
+											</view>
+											<view class="g_ell_1 g_fs_14 g_c_9 g_mt_4">{{ item.remark ? item.remark : "-" }}</view>
+										</view>
+
+										<view class="g_flex_column_center g_mb_12" v-if="tabInfo.active == 1">
+											<view v-if="item.supplierAccount == 1 && item.recordStatus == 1">
+												<view class="g_radius_14 g_h_28 g_border_main g_fs_14 g_c_main g_pr_8 g_pl_8 g_flex_row_center flex_center" hover-stop-propagation hover-class="thover" @click.stop="goApplyForm(item, index)">
+													<i class="iconfont icon-tianjia g_fsi_12 g_mr_2"></i>
+													关注
+												</view>
+											</view>
+											<view v-if="item.supplierAccount == 1 && item.recordStatus == 2">
+												<view @click.stop="goMain(item)" hover-class="thover" hover-stop-propagation class="g_radius_14 g_h_28 g_border_c g_fs_14 g_c_6 g_pr_8 g_pl_8 g_flex_row_center flex_center">
+													<i class="iconfont icon-a-bianzu11beifen2 g_fsi_12 g_mr_2"></i>
+													互相关注
+												</view>
+											</view>
+											<view v-if="item.supplierAccount == 1 && item.recordStatus == 5">
+												<view hover-stop-propagation hover-class="thover" class="g_radius_14 g_h_28 g_border_c g_fs_14 g_c_6 g_pr_8 g_pl_8 g_flex_row_center flex_center">
+													<i class="iconfont icon-shenqingzhong g_fsi_12 g_mr_2"></i>
+													申请中
+												</view>
+											</view>
+											<view v-if="item.recordStatus === 0">
+												<view hover-stop-propagation hover-class="thover" class="g_radius_14 g_h_28 g_border_c g_fs_14 g_c_6 g_pr_8 g_pl_8 g_flex_row_center flex_center">
+													<i class="iconfont icon-shenqingzhong g_fsi_12 g_mr_4"></i>
+													邀请中
+												</view>
+											</view>
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</view>
+				<view v-if="isShow && speed > 0 && tabFansInfo.active == 1" style="padding-bottom: 100rpx; background-color: #ededed">
+					<g-panel-hr :str="all + '个粉丝'" v-show="all" />
+				</view>
+				<!-- #ifdef H5 -->
+				<view style="height: 50px"></view>
+				<!-- #endif -->
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	onReady() {
+		this.G.setNavStyle();
+	},
+	onShareAppMessage() {
+		return this.G.shareFun();
+	},
+	data() {
+		return {
+			cdnBaseImg: this.G.store().cdnBaseImg,
+			isLogin: null,
+			isShow: false,
+			loading: true,
+			speed: -1,
+			query: {
+				page: 1,
+				size: 50,
+				list: [],
+				isFinish: -1,
+			},
+			keyword: "",
+			fkey: "",
+			searchText: "",
+			scrollTop: 0,
+			domHeight: 0,
+			waitNum_downs: 0,
+			waitNum_ups: 0,
+
+			cardTab: [
+				{
+					icon: "t-icon-xunzhaoshangyou",
+					title: "搜索发单号",
+					remark: "关注更多单子的更新",
+				},
+				{
+					icon: "t-icon-fazhanxiayou",
+					title: "发展代理",
+					remark: "让更多代理关注我",
+				},
+			],
+			tabInfo: {
+				list: [
+					{
+						name: "关注(0)",
+						num: 0,
+						tip: 0,
+						cate_count: 0,
+					},
+					{
+						name: "粉丝(0)",
+						num: 0,
+						tip: 1,
+						cate_count: 0,
+					},
+				],
+				active: 0,
+			},
+			tabFansInfo: {
+				list: [
+					{
+						name: "新的粉丝",
+					},
+					{
+						name: "全部粉丝",
+					},
+				],
+				active: 1,
+			},
+			all: 0,
+
+			applyList: [],
+			stickyText: "近三天",
+		};
+	},
+	mounted(options) {
+		console.log("options123:", options);
+		let that = this;
+		that.tabInfo.active = 1;
+		if (that.tabInfo.active == 1) {
+			uni.setNavigationBarTitle({
+				title: "我的粉丝",
+			});
+		}
+		const query = uni.createSelectorQuery().in(this);
+		query
+			.select(".m-top")
+			.boundingClientRect((data) => {
+				that.domHeight = data.height + 34;
+			})
+			.exec();
+
+		that.query.page = 1;
+		that.getWaitNum();
+		that.getNum();
+		this.getList();
+		that.getPoint();
+	},
+	onShow() {
+		let that = this;
+		
+	},
+	onPageScroll(e) {
+		console.log(e.scrollTop);
+		this.scrollTop = e.scrollTop;
+	},
+	methods: {
+		handleUpdateFensTab(e) {
+			this.tabFansInfo.active = e;
+			this.keyword = "";
+			this.loading = true;
+			this.speed = -1;
+			this.query.page = 1;
+			if (this.tabFansInfo.active == 1) {
+				this.getList();
+			} else {
+				this.getapplyList();
+			}
+		},
+		getPoint() {
+			let that = this;
+			that.G.Get(
+				that.api.bind_getWaitNum + "/2",
+				{
+					type: 2,
+				},
+				(res) => {
+					that.tabInfo.list[1].cate_count = res.unread;
+				}
+			);
+		},
+		getWaitNum() {
+			let that = this;
+			that.G.Get(
+				that.api.bind_getWaitNum + "/" + (that.tabInfo.active + 1),
+				{
+					type: Number(that.tabInfo.active) + 1,
+				},
+				(res) => {
+					that.waitNum_downs = res.total;
+					that.waitNum_ups = res.unread;
+					console.log("获取指定数量：", res);
+					that.$forceUpdate();
+				}
+			);
+		},
+		getNum() {
+			let that = this;
+			that.G.Post(
+				that.api.bind_getListNum,
+				{
+					keys: that.keyword,
+				},
+				(res) => {
+					that.tabInfo.list[0].name = "关注(" + res.ups + ")";
+					that.tabInfo.list[1].name = "粉丝(" + res.downs + ")";
+				}
+			);
+		},
+		getList($type = "init") {
+			let that = this;
+			that.isShow = false;
+			that.G.Post(
+				that.api.bind_list,
+				{
+					pageNum: that.query.page,
+					pageSize: that.query.size,
+					keys: that.keyword,
+					platform: "pc",
+					type: Number(that.tabInfo.active) + 1,
+					formdata: true,
+				},
+				(res) => {
+					console.log("获取列表：", res);
+					that.isShow = true;
+					that.all = res.recordCount;
+					that.speed = res.recordCount;
+					if (that.speed == 0) {
+						that.loading = false;
+					} else {
+						that.loading = true;
+					}
+					that.query.isFinish = res.recordList.length;
+					if ($type == "init") {
+						that.query.list = [];
+						that.query.list = res.recordList;
+					} else {
+						that.query.list = that.query.list.concat(res.recordList);
+					}
+				}
+			);
+		},
+		getSearch(e) {
+			let that = this;
+			this.keyword = e ? e : "";
+			this.G.isLogin();
+			if (this.G.isLogin()) {
+				this.speed = -1;
+				this.query.page = 1;
+				if (this.tabFansInfo.active == 1) {
+					this.getList();
+				} else {
+					this.getapplyList();
+				}
+			}
+		},
+
+		goMain($item) {
+			let that = this;
+			this.G.isLogin();
+			if (this.G.isLogin()) {
+				// if($item.supplierAccount == 1){
+				let params = {
+					id: $item.agencyId,
+					type: Number(that.tabInfo.active) + 1,
+					bindid: $item.id,
+					isShowMore: false,
+					isShowJob: false,
+				};
+
+				if (that.tabInfo.active == 0) {
+					// 关注
+					params.isShowMore = true;
+					params.isShowJob = true;
+				} else {
+					// 粉丝
+					if ($item.recordStatus == 1) {
+						// 已关注
+						params.isShowMore = true;
+						params.isShowJob = false;
+					} else {
+						// 相互关注
+						params.isShowMore = true;
+						params.isShowJob = true;
+					}
+				}
+
+				uni.navigateTo({
+					url: "/root/detail/user?" + that.G.objToStr(params),
+				});
+				// }else{
+				// 	// 直接前往操作页
+				// 	uni.navigateTo({
+				// 		url:'/root/bind/more?delta=1&id=' + $item.agencyId + '&himSee=' + $item.himSee + '&lookHim=' + $item.lookHim + '&type=2&hid=' + $item.id
+				// 	})
+				// }
+			}
+		},
+		goApply() {
+			let that = this,
+				str = "";
+			this.G.isLogin();
+			if (this.G.isLogin()) {
+				uni.navigateTo({
+					url: "/root/bind/applyList?active=2",
+				});
+			}
+		},
+		goSearch($item, $index) {
+			let that = this;
+			that.G.isLogin();
+			if (that.G.isLogin()) {
+				uni.navigateTo({
+					url: "/root/bind/search?active=" + $index,
+				});
+			}
+		},
+		goApplyForm($item, $index) {
+			let that = this;
+			if ($item.recordStatus == 5 || $item.recordStatus == 6) {
+			} else {
+				// uni.navigateTo({
+				// 	url: '/root/bind/applyForm?code=' + $item.agencyId + '&form=1'
+				// })
+				that.G.handleConfirm({
+					content: "关注发单号后，您可以查看该账号职位的更新，确定要关注吗？",
+					success: (res) => {
+						if (res.confirm) {
+							that.G.Get(
+								that.api.bind_subscribeSubmit + "/" + $item.agencyId,
+								{
+									agencyId: $item.agencyId,
+									source: 4,
+									remark: "",
+								},
+								(res) => {
+									// 请求后
+									uni.showToast({
+										title: "提交成功",
+									});
+									setTimeout(() => {
+										that.getList();
+									}, 500);
+								}
+							);
+						}
+					},
+				});
+			}
+		},
+
+		getapplyList() {
+			let that = this;
+			that.G.Get(
+				that.api.bind_recordList + "/" + 2,
+				{
+					pageNum: 1,
+					pageSize: 50,
+					type: 2,
+					keys: that.keyword,
+				},
+				(res) => {
+					if (res.length == 0) {
+						that.loading = false;
+					} else {
+						that.loading = true;
+					}
+					console.log("申请列表：", res);
+					that.speed = res.length;
+					if (that.speed == 0) {
+						that.applyList = [];
+					} else {
+						const now = new Date().getTime();
+						const threeDaysAgo = now - 3 * 24 * 60 * 60 * 1000;
+						const resultArray = res.reduce((acc, item) => {
+							const timeCategory = item.createTime >= threeDaysAgo ? "近三天" : "三天前";
+							const existingCategory = acc.find((category) => category.time === timeCategory);
+							if (existingCategory) {
+								existingCategory.children.push(item);
+							} else {
+								acc.push({
+									time: item.createTime >= threeDaysAgo ? "近三天" : "三天前",
+									children: [item],
+								});
+							}
+							return acc;
+						}, []);
+						console.log("申请列表：", resultArray);
+						resultArray.forEach((item, index) => {
+							item.isShowTime = true;
+						});
+						that.applyList = resultArray;
+						that.$forceUpdate();
+					}
+				},
+				() => {
+					that.loading = false;
+				}
+			);
+		},
+		goPage($itm, $item) {
+			let that = this;
+			console.log("当前行点击事件：", $itm);
+			if ($itm.recordStatus == 1) {
+				// 等待通过
+				uni.navigateTo({
+					url: "/root/bind/view?id=" + $itm.id + "&type=2&status=" + $itm.recordStatus + "&time=" + $item.time,
+				});
+			} else {
+				let params = {
+					id: $itm.agencyId,
+					type: 2,
+					isShowMore: false,
+					isShowJob: false,
+				};
+
+				if (that.type == 1) {
+					//
+					if ($itm.recordStatus == 2) {
+						// 已关注
+						params.isShowMore = true;
+						params.isShowJob = true;
+					}
+				} else {
+					// 粉丝
+					if ($itm.recordStatus == 2) {
+						// 已通过
+						// if(){// 是我的发单号
+						// 	params.isShowMore = true;
+						// 	params.isShowJob = true;
+						// }else{// 不是我的发单号
+						params.isShowMore = true;
+						params.isShowJob = false;
+						// }
+					}
+				}
+
+				uni.navigateTo({
+					url: "/root/detail/user?" + that.G.objToStr(params),
+				});
+			}
+		},
+
+		quickSuccess($itm, $inx) {
+			let that = this;
+			that.G.Get(
+				that.api.bind_recordSubmit + "/" + $itm.id,
+				{
+					id: $itm.id,
+				},
+				(res) => {
+					$itm.recordStatus = 2;
+					that.$forceUpdate();
+				}
+			);
+		},
+	},
+};
+</script>
+
+<style lang="scss">
+.p-bind-inedx {
+	.m-card {
+		padding-left: 10px;
+		padding-right: 10px;
+
+		.item {
+			width: calc(50% - 5px);
+		}
+	}
+
+	.showdoc {
+		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 0 6px rgba(0, 0, 0, 0.02);
+	}
+
+	.suffix {
+		position: absolute;
+		right: 20rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		z-index: 1;
+		border-top-right-radius: 110rpx;
+		border-bottom-right-radius: 110rpx;
+	}
+
+	.tab-fixed {
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 44px;
+		background-color: #fff;
+		z-index: 1;
+	}
+
+	.m-search {
+		// .u-icon-wrap{
+		// 	position: absolute;
+		// 	left: 190rpx;
+		// }
+	}
+
+	.m-search-active {
+		.u-icon-wrap {
+			position: inherit;
+			left: 0rpx;
+		}
+	}
+}
+</style>