From 1e197e649692dc7f845347e2c4f8d1b1f4881ba9 Mon Sep 17 00:00:00 2001
From: yxq <y1530857136@qq.com>
Date: Thu, 29 Aug 2024 09:47:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 monitorMobile/components/cell.vue            |   7 +-
 monitorMobile/components/selectRadio.vue     |  48 +++--
 monitorMobile/components/selectSearch.vue    |   4 +-
 monitorMobile/components/selectTree.vue      |   2 +-
 monitorMobile/pages/work/returnBed/index.vue |   2 +-
 monitorMobile/pages/work/rollCall/detail.vue |   9 +-
 monitorMobile/pages/work/rollCall/index.vue  | 190 +++++++------------
 monitorMobile/static/image/seeBlue.png       | Bin 0 -> 1613 bytes
 8 files changed, 116 insertions(+), 146 deletions(-)
 create mode 100644 monitorMobile/static/image/seeBlue.png

diff --git a/monitorMobile/components/cell.vue b/monitorMobile/components/cell.vue
index 7605f95..ed24f97 100644
--- a/monitorMobile/components/cell.vue
+++ b/monitorMobile/components/cell.vue
@@ -1,5 +1,5 @@
 <template>
-	<u-cell :title="title" isLink :border="false" @click="click" :titleStyle="{fontSize:'28rpx'}">
+	<u-cell :title="title" isLink :border="false" @click="click" :titleStyle="{fontSize:'28rpx',color:hasValue?'#333':'#666'}">
 		<view v-if="multiple&&cellValue.length" slot="title" class="u-slot-title selectedBox">
 			<view v-for="(item,index) in cellValue" :key="index">
 				{{item}}
@@ -18,9 +18,12 @@
 			multiple: {
 				default: false,
 			},
+			hasValue: {
+				default: false,
+			},
 			cellValue: {
 				default: () => [],
-			}
+			},
 		},
 		methods: {
 			click() {
diff --git a/monitorMobile/components/selectRadio.vue b/monitorMobile/components/selectRadio.vue
index 52d7894..956254c 100644
--- a/monitorMobile/components/selectRadio.vue
+++ b/monitorMobile/components/selectRadio.vue
@@ -1,6 +1,7 @@
 <template>
 	<view @touchmove.stop @touch.stop>
-		<myCell v-show="cellVisible" :title="title_" isLink :border="false" @click="show = true"></myCell>
+		<myCell v-show="cellVisible" :title="title_" isLink :border="false" :hasValue="value?true:false"
+			@click="cellClick"></myCell>
 		<u-popup :show="show" mode="center" :round="10" @close="close" @open="open">
 			<u-radio-group v-model="value_" iconPlacement="right" placement="column" @change="change" borderBottom>
 				<u-radio v-for="(item,index) in options" :key="index" :label="item.label" :name="item.value"></u-radio>
@@ -13,7 +14,7 @@
 	import myCell from "@/components/cell.vue"
 	export default {
 		name: "selectRadio",
-		components:{
+		components: {
 			myCell
 		},
 		props: {
@@ -24,9 +25,12 @@
 				default: [],
 				type: Array
 			},
-			title:{
+			title: {
 				default: "",
 			},
+			placeholder: {
+				default: "请选择",
+			},
 			cellVisible: {
 				default: true,
 			},
@@ -34,32 +38,38 @@
 		data() {
 			return {
 				show: false,
-				title_:this.title,
-				value_:this.value,
+				title_: this.title || this.placeholder,
+				value_: this.value,
 			};
 		},
 		mounted() {
-			if(this.value){
-				let obj = this.options.find(e1=>e1.value == this.value)
-				if(obj) this.title_ = obj.label
+			if (this.value) {
+				let obj = this.options.find(e1 => e1.value == this.value)
+				if (obj) this.title_ = obj.label
 			}
 		},
 		methods: {
+			cellClick() {
+				if (!this.options.length) {
+					this.TOAST('暂无数据')
+					return
+				}
+				this.show = true
+			},
 			close() {
 				this.show = false
 			},
-			open(){
+			open() {
 				let obj = this.options.find(e1 => e1.value == this.value)
-				if (obj) this.title_ = obj.label
-				this.title_ = obj ? obj.label : this.title
+				this.title_ = obj ? obj.label : this.placeholder
 				this.value_ = this.value
 				this.show = true
 			},
 			change(e) {
-				this.$emit("update:value",e)
-				let obj = this.options.find(e1=>e1.value == e)
-				if(obj) this.title_ = obj.label
-				this.$emit("change")
+				this.$emit("input", e)
+				this.$emit("change", e)
+				let obj = this.options.find(e1 => e1.value == e)
+				this.title_ = obj ? obj.label : this.placeholder
 				this.close()
 			},
 		}
@@ -72,6 +82,7 @@
 		height: 680rpx;
 		overflow-y: auto;
 		padding: 12rpx 32rpx 24rpx 32rpx;
+
 		.u-cell {
 			background-color: #fff;
 			border-radius: 20rpx;
@@ -85,10 +96,11 @@
 
 	.u-radio {
 		margin-top: 26rpx;
-		padding-bottom:28rpx!important;
+		padding-bottom: 28rpx !important;
 	}
-	.u-radio:last-child{
+
+	.u-radio:last-child {
 		border-bottom: none;
-		padding-bottom:14rpx!important;
+		padding-bottom: 14rpx !important;
 	}
 </style>
\ No newline at end of file
diff --git a/monitorMobile/components/selectSearch.vue b/monitorMobile/components/selectSearch.vue
index 79a8a58..6cf85d5 100644
--- a/monitorMobile/components/selectSearch.vue
+++ b/monitorMobile/components/selectSearch.vue
@@ -1,6 +1,6 @@
 <template>
 	<view @touchmove.stop @touch.stop>
-		<myCell v-show="cellVisible" :multiple="multiple" :cellValue="cellValue" :title="title_" isLink :border="false" @click="show = true">
+		<myCell v-show="cellVisible" :multiple="multiple" :hasValue="value&&value.length?true:false" :cellValue="cellValue" :title="title_" isLink :border="false" @click="show = true">
 		</myCell>
 		<u-popup :show="show" mode="bottom" :closeable="true" :round="10" @close="close" @open="open">
 			<view>
@@ -118,7 +118,7 @@
 				this.gruopValue = e
 			},
 			cofirm() {
-				this.$emit("update:value", this.gruopValue)
+				this.$emit("input", this.gruopValue)
 				this.$emit("change", this.gruopValue)
 				if (!this.multiple) {
 					let obj = this.options.find(e1 => e1.value == this.gruopValue)
diff --git a/monitorMobile/components/selectTree.vue b/monitorMobile/components/selectTree.vue
index 4378fd2..e50aaa6 100644
--- a/monitorMobile/components/selectTree.vue
+++ b/monitorMobile/components/selectTree.vue
@@ -1,6 +1,6 @@
 <template>
 	<view @touchmove.stop @touch.stop>
-		<myCell v-show="cellVisible" :title="title" isLink :border="false" @click="show = true"></myCell>
+		<myCell v-show="cellVisible" :title="title" isLink :hasValue="value&&value.length?true:false" :border="false" @click="show = true"></myCell>
 		<u-popup :show="show" mode="bottom" :closeable="true" :round="10" @close="close" @open="open">
 			<view class="title">
 				{{popupTitle}}
diff --git a/monitorMobile/pages/work/returnBed/index.vue b/monitorMobile/pages/work/returnBed/index.vue
index 9065d38..91be339 100644
--- a/monitorMobile/pages/work/returnBed/index.vue
+++ b/monitorMobile/pages/work/returnBed/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<view style="height: 100%;">
 		<view class="searchBox">
-			<selectRadio :value.sync="search.loudong" :options="[{value:1,label:'男生宿舍1号楼'},{value:2,label:'男生宿舍2号楼'},{value:3,label:'女生宿舍1号楼'},{value:4,label:'女生宿舍2号楼'}]"
+			<selectRadio v-model="search.loudong" :options="[{value:1,label:'男生宿舍1号楼'},{value:2,label:'男生宿舍2号楼'},{value:3,label:'女生宿舍1号楼'},{value:4,label:'女生宿舍2号楼'}]"
 				title="楼栋" />
 			<selectSearch :value.sync="search.qinshi" :options="[{value:1,label:'寝室302'},{value:2,label:'寝室305'},{value:3,label:'寝室303'}]"
 				placeholder="请选择寝室" popupTitle="请选择寝室" search-placeholder="请输入寝室号"/>
diff --git a/monitorMobile/pages/work/rollCall/detail.vue b/monitorMobile/pages/work/rollCall/detail.vue
index b3ba235..a0e6a70 100644
--- a/monitorMobile/pages/work/rollCall/detail.vue
+++ b/monitorMobile/pages/work/rollCall/detail.vue
@@ -97,7 +97,7 @@
 	}
 
 	.cate {
-		font-size: 30rpx;
+		font-size: 28rpx;
 		overflow-x: auto;
 
 		.cateList {
@@ -108,7 +108,7 @@
 				background-color: #fff;
 				border-radius: 35rpx;
 				padding: 0 56rpx;
-				line-height: 70rpx;
+				line-height: 74rpx;
 				margin-right: 30rpx;
 				white-space: nowrap;
 				color: #333;
@@ -146,7 +146,6 @@
 					color: #333;
 
 					.top {
-						color: #333;
 						font-size: 32rpx;
 						display: flex;
 
@@ -159,6 +158,10 @@
 							border-radius: 8rpx;
 							margin-right: 12rpx;
 						}
+						.name{
+							font-size: 32rpx;
+							font-weight: 700;
+						}
 					}
 
 					.depart {
diff --git a/monitorMobile/pages/work/rollCall/index.vue b/monitorMobile/pages/work/rollCall/index.vue
index c7b98ec..1ab06b8 100644
--- a/monitorMobile/pages/work/rollCall/index.vue
+++ b/monitorMobile/pages/work/rollCall/index.vue
@@ -1,19 +1,14 @@
 <template>
 	<view style="height: 100%;">
 		<view class="topBox">
-			<view class="left">
-				<selectTree v-model="search.departCalss" placeholder="全部班级" :labels.sync="search.departCalssName" />
-			</view>
-			<view class="right" @click="manageClick" :style="{color:isManage?'#EF2D2D':'#333'}">
-				<text>{{isManage?'取消管理':'批量管理'}}</text>
-			</view>
+			<SelectRadio v-model="search.departCalss" placeholder="请选择摄像头" :options="[{value:1,label:'走廊尽头(海康)'},{value:2,label:'厨房(海康)'},{value:3,label:'走廊尽头(海康)'},{value:4,label:'厨房(海康)'}]" />
 		</view>
 		<u-empty marginTop="100rpx" :show="false" mode="list" text="暂无数据"></u-empty>
-		<u-list @scrolltolower="scrolltolower" style="height: calc(100% - 110rpx);" :class="{isManage:isManage}">
-			<u-checkbox-group v-model="checkboxValue" placement="column">
-				<u-list-item v-for="(item, index) in list" :key="index">
-					<u-checkbox v-if="isManage" :name="item.name" shape="circle" label=""></u-checkbox>
-					<view :class="{whiteCard:true,active:checkboxValue.includes(item.name)}">
+		<u-list @scrolltolower="scrolltolower" style="height: calc(100% - 150rpx);">
+			<u-list-item v-for="(item, index) in list" :key="index">
+				<u-checkbox v-if="isManage" :name="item.name" shape="circle" label=""></u-checkbox>
+				<view :class="{whiteCard:true,active:checkboxValue.includes(item.name)}">
+					<view class="left">
 						<view class="row1">
 							教室（海康）
 						</view>
@@ -25,39 +20,49 @@
 								相似度：0.5
 							</view>
 						</view>
-						<view class="bottom" v-show="!isManage">
-							<view class="btn" @click="NAV_TO('./rollCall/detail')">
-								<image src="@/static/image/see.png" mode="aspectFill"></image>
-								<text>查看</text>
-							</view>
-							<view class="btn" @click="del(item)">
-								<image src="@/static/image/earlyWarning/delete.png" mode="aspectFill"></image>
-								<text>删除</text>
+					</view>
+					<view class="right" v-show="!isManage">
+						<view class="btn" @click="NAV_TO('./detail')">
+							<view>
+								<image src="@/static/image/seeBlue.png" mode="aspectFill"></image>
 							</view>
+							<text>查看</text>
 						</view>
 					</view>
-				</u-list-item>
-			</u-checkbox-group>
-			<u-loadmore :status="status"/>
-			<view class="bottomConfirm" v-if="isManage">
-				<u-checkbox-group><u-checkbox shape="circle" label="全选" name="" @change="radioChange"></u-checkbox></u-checkbox-group>
-				<u-button @click="confirm" type="primary" style="border-radius: 36rpx;height: 72rpx;margin-left:16rpx"
-					text="确定删除"></u-button>
-			</view>
+				</view>
+			</u-list-item>
+			<u-loadmore :status="status" />
 		</u-list>
-		<image v-if="!isManage" class="addBtn" @click="NAV_TO('./passengerFlow/add')" src="@/static/image/add.png" mode="aspectFill"></image>
 	</view>
 </template>
 
 <script>
-	import SelectTree from "@/components/selectTree.vue"
+	import SelectRadio from "@/components/selectRadio.vue"
 	export default {
 		components: {
-			SelectTree
+			SelectRadio
 		},
 		data() {
 			return {
-				list: [{name:1}, {name:2}, {name:3}, {name:4}, {name:5}, {name:6}, {name:7}, {name:8}, {name:9}],
+				list: [{
+					name: 1
+				}, {
+					name: 2
+				}, {
+					name: 3
+				}, {
+					name: 4
+				}, {
+					name: 5
+				}, {
+					name: 6
+				}, {
+					name: 7
+				}, {
+					name: 8
+				}, {
+					name: 9
+				}],
 				isLoading: false,
 				status: 'loadmore', //loading正在加载 loadmore加载更多 nomore没有更多了
 				search: {
@@ -68,7 +73,7 @@
 					page: 8,
 				},
 				checkboxValue: [],
-				isManage:false,
+				isManage: false,
 			}
 		},
 		methods: {
@@ -96,28 +101,18 @@
 				this.page.page = 1
 				this.loadmore()
 			},
-			manageClick(){
+			manageClick() {
 				this.checkboxValue = []
-				this.isManage = this.isManage?false:true
+				this.isManage = this.isManage ? false : true
 			},
-			radioChange(e){
-				if(e){
-					let ids = this.list.map(e=>e.name)
+			radioChange(e) {
+				if (e) {
+					let ids = this.list.map(e => e.name)
 					this.checkboxValue = ids
-				}else{
+				} else {
 					this.checkboxValue = []
 				}
 			},
-			del(item){
-				this.CONFIRM(`是否删除[${item.name}]点名任务？`).then(()=>{
-					
-				})
-			},
-			confirm(){
-				this.CONFIRM(`是否删除点名任务？`).then(()=>{
-					
-				})
-			},
 			pullDownRefresh() {
 				this.refresh()
 			}
@@ -129,61 +124,31 @@
 </script>
 
 <style lang="scss" scoped>
-	.addBtn {
-		width: 140rpx;
-		height: 140rpx;
-		position: fixed;
-		right: 15rpx;
-		bottom: 160rpx;
-	}
-	
-	.bottomConfirm {
-		padding: 30rpx;
-		display: flex;
-		position: fixed;
-		bottom: 100rpx;
-		background-color: #fff;
-		width: 100%;
-		box-sizing: border-box;
-	}
 
 	.topBox {
-		margin: 12rpx 28rpx;
-		display: flex;
-		justify-content: space-between;
-
-		.left {
-			flex: 1;
-		}
-
-		.right {
-			font-size: 28rpx;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			color: #333;
-			padding: 0 26rpx;
-		}
-	}
-	
-	.u-list.isManage{
-		padding-bottom: 120rpx;
-		box-sizing: border-box;
+		padding: 26rpx 30rpx;
 	}
 
 	.u-list-item {
 		display: flex;
 		align-items: center;
 		flex-direction: unset;
-		margin: 12rpx 28rpx;
+		margin: 12rpx 30rpx;
+
+		&:first-child {
+			margin-top: 0rpx;
+		}
+
 		.whiteCard {
 			flex: 1;
-			&.active{
+
+			&.active {
 				border: 1rpx solid #2388FF;
 				background-color: #F2F8FF;
 			}
 		}
-		.u-checkbox{
+
+		.u-checkbox {
 			margin-right: 12rpx;
 		}
 	}
@@ -193,53 +158,40 @@
 		border-radius: 18rpx;
 		padding: 30rpx;
 		color: #333333;
-
+		display: flex;
+		.left{
+			width: 76%;
+		}
 		.row1 {
 			font-size: 32rpx;
+			font-weight: 700;
 		}
 
 		.row2 {
 			font-size: 26rpx;
-			margin-top: 20rpx;
+			margin-top: 24rpx;
 			display: flex;
 			justify-content: space-between;
 		}
 
-		.bottom {
+		.right {
 			display: flex;
-			border-top: 1rpx solid rgba(0, 0, 0, 0.1);
-			margin-top: 36rpx;
-			padding-top: 22rpx;
-			position: relative;
-
-			::after {
-				content: "";
-				display: block;
-				position: absolute;
-				top: 26rpx;
-				bottom: 0;
-				left: 0;
-				right: 0;
-				margin: 0 auto;
-				width: 1rpx;
-				height: 32rpx;
-				background-color: rgba(0, 0, 0, 0.01);
-			}
-
+			justify-content: right;
+			flex: 1;
+			padding-top: 12rpx;
 			.btn {
-				width: 100%;
-				display: flex;
-				align-items: center;
-				justify-content: center;
+				text-align: center;
 
 				uni-image {
-					width: 34rpx;
-					height: 34rpx;
-					margin-right: 6rpx;
+					width: 40rpx;
+					height: 40rpx;
 				}
 
 				uni-text {
-					font-size: 30rpx;
+					font-size: 26rpx;
+					color: #2388FF;
+					position: relative;
+					bottom: 12rpx;
 				}
 			}
 		}
diff --git a/monitorMobile/static/image/seeBlue.png b/monitorMobile/static/image/seeBlue.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1965399cbd5575623315f3ab683e6ae90fcee60
GIT binary patch
literal 1613
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
LNkvXXu0mjfhYs{G

literal 0
HcmV?d00001