From 0da7fb60b3bf231ad495beded204f0cadd81785a Mon Sep 17 00:00:00 2001
From: Iruka <1017819588@qq.com>
Date: Fri, 7 Feb 2025 11:04:34 +0800
Subject: [PATCH] .

---
 pages/batch-control/share.vue | 149 +++++++++++++++++++++++++---------
 1 file changed, 109 insertions(+), 40 deletions(-)

diff --git a/pages/batch-control/share.vue b/pages/batch-control/share.vue
index c608271..aa2a025 100644
--- a/pages/batch-control/share.vue
+++ b/pages/batch-control/share.vue
@@ -3,57 +3,87 @@
 		empty-view-text="抱歉，暂时还没有相关数据！" :pull-refresh="false">
 		<template #top>
 			<!-- 顶部导航栏 -->
-			<custom-nav-bar :left="true" @leftClick="" title="分享" >
-			<template v-slot:right>
-				<view class="fixed">
-					<view style=" font-size: 0.9rem;">全选</view>
-				</view>
-			</template>
+			<custom-nav-bar :left="true" @leftClick="" title="分享">
+				<template v-slot:right>
+					<view class="fixed" @click="selectAll">
+						<view style=" font-size: 0.9rem;">全选</view>
+					</view>
+				</template>
 			</custom-nav-bar>
 		</template>
 		<view class="card-zd">
-			<uni-collapse>
-				<uni-collapse-item title-border="none" :border="false" :show-arrow="false" :open="true"
-					v-for="item in dataList">
-					<template v-slot:title>
-						<view class="cards-title">
-							<view>
-								<view><u-checkbox name="reading1" /></view>
-								<view class="text">{{ item.groupName }}</view>
-								<view>已选：{{item.wos.length}}</view>
-							</view>
-						</view>
-					</template>
-					<view class="content">
-						<view class="cards-content">
-							<view class="greybar" v-for="wo in item.wos">
-								<view>出水口：<span>{{ wo.woName }}</span></view>
-								<view v-if="wo.deviceTypeKey == 'valve'">三通阀
-									<span>{{valveKey[wo.deviceTypeKey][wo.valveNo]}}</span>
-									<span v-if="wo.angle">
-										({{`${valveKey[wo.deviceTypeKey][wo.angle.valveNo]}-${wo.angle.anglePercent}`}})
-									</span>
+			<u-checkbox-group v-model="scenarioCheck" placement="column" @change="">
+				<uni-collapse>
+					<uni-collapse-item title-border="none" :border="false" :show-arrow="false" :open="true"
+						v-for="item in dataList">
+						<template v-slot:title>
+							<view class="cards-title">
+								<view>
+									<view><u-checkbox :name="item.id" /></view>
+									<view class="text">{{ item.groupName }}</view>
+									<view>已选：{{item.wos.length}}</view>
 								</view>
-								<view v-if="wo.deviceTypeKey == 'fiveValve'">五通阀
-									<span>{{valveKey[wo.deviceTypeKey][wo.valveNo]}}开</span>
-									<span v-if="wo.angle">
-										({{`${wo.angle.angleKey == 'open' ? '开':'关'}-${wo.angle.anglePercent}`}})
-									</span>
+							</view>
+						</template>
+						<view class="content">
+							<view class="cards-content">
+								<view class="greybar" v-for="wo in item.wos">
+									<view>出水口：<span>{{ wo.woName }}</span></view>
+									<view v-if="wo.deviceTypeKey == 'valve'">三通阀
+										<span>{{valveKey[wo.deviceTypeKey][wo.valveNo]}}</span>
+										<span v-if="wo.angle">
+											({{`${valveKey[wo.deviceTypeKey][wo.angle.valveNo]}-${wo.angle.anglePercent}`}})
+										</span>
+									</view>
+									<view v-if="wo.deviceTypeKey == 'fiveValve'">五通阀
+										<span>{{valveKey[wo.deviceTypeKey][wo.valveNo]}}开</span>
+										<span v-if="wo.angle">
+											({{`${wo.angle.angleKey == 'open' ? '开':'关'}-${wo.angle.anglePercent}`}})
+										</span>
+									</view>
 								</view>
 							</view>
 						</view>
-					</view>
-				</uni-collapse-item>
-			</uni-collapse>
+					</uni-collapse-item>
+				</uni-collapse>
+			</u-checkbox-group>
 		</view>
 		<view class="form-btn">
-			<u-button size="large"  type="success" @click="submit">确认</u-button>
-			<u-button size="large"  @click="cancel">取消</u-button>
+			<u-button size="large" type="success" @click="showPopup" :disabled="!scenarioCheck.length">确认</u-button>
+			<u-button size="large" @click="uni.navigateBack()">取消</u-button>
 		</view>
 	</z-paging>
+
+	<!-- 左侧分组弹出层 -->
+	<u-popup mode="bottom" :show="showPop" @close="closePopup" :closeOnClickOverlay="true">
+		<view style="padding-bottom: 46px; background: #f3f3f3;">
+			<view style="text-align: center;">
+				<text>请选择分享用户</text>
+			</view>
+			<view v-if="landUsers.length" style="max-height: 50vh;overflow-y: auto;">
+				<u-checkbox-group v-model="userCheck" placement="column" @change="">
+					<view v-for="(item, index) in landUsers">
+						<u-checkbox v-if="item.userId != userId" :key="index" :label="item.userName"
+							:name="item.userId">
+						</u-checkbox>
+					</view>
+				</u-checkbox-group>
+			</view>
+			<view style="position: absolute;bottom: 0; width: 100%;">
+				<u-button type="success" size="large" text="确定" @click="confirm"
+					style="width: 50%!important;float: left;" :disabled="!userCheck.length" />
+				<u-button size="large" text="取消" @click="closePopup" style="width: 50%!important;float: right;" />
+			</view>
+		</view>
+	</u-popup>
 </template>
 <script>
+	import store from '@/store'
+	const user = store.state.user.user;
 	import * as isApi from '@/api/irrigate/irrigateScenario.js'
+	import {
+		getLandUser
+	} from '@/api/system/land.js'
 
 	export default {
 		data() {
@@ -74,12 +104,15 @@
 						"4": "④",
 					}
 				},
-				disabled: false
+				userId: user.userId,
+				showPop: false,
+				landUsers: [],
+				scenarioCheck: [],
+				userCheck: [],
 			}
 		},
 		onLoad(par) {
 			this.landId = par.landId;
-			this.queryList();
 		},
 		onShow() {},
 		mounted() {},
@@ -91,7 +124,36 @@
 					} else {
 						this.$refs.paging.completeByTotal([]);
 					}
+				});
+			},
+			selectAll() {
+				let ids = [];
+				this.dataList.forEach(item => {
+					ids.push(item.id);
+				})
+				this.scenarioCheck = ids;
+			},
+			showPopup() {
+				getLandUser({
+					landId: this.landId,
+					typeId: 2,
+					enableControl: '0'
+				}).then(res => {
+					this.landUsers = res.rows;
+				});
 
+				this.showPop = true;
+			},
+			closePopup() {
+				this.showPop = false;
+			},
+			confirm() {
+				isApi.saveBatchControlShare({
+					ids: this.scenarioCheck,
+					shareUserIds: this.userCheck.join(',')
+				}).then(res => {
+					this.$toast("分享成功")
+					this.cancel();
 				});
 			},
 		}
@@ -105,7 +167,14 @@
 	uni-page-body {
 		padding-bottom: 38px !important;
 	}
-.form-btn{width: 100%;position: fixed;bottom: 0;gap: 0px;}
+
+	.form-btn {
+		width: 100%;
+		position: fixed;
+		bottom: 0;
+		gap: 0px;
+	}
+
 	::v-deep .uni-forms {
 		margin-right: 10px;
 		padding: 0 !important;