feat:添加备注页面

components/addRemarkPopup/addRemarkPopup.vue

@@ -0,0 +1,132 @@
+<template>
+	<view>
+		<uni-popup ref="addRemarkPopup" type="center">
+			<view class="addRemarkPopup flex-col">
+				<view class="content">
+					<view class="flex-row justify-between item">
+						<text class="label">备注：</text>
+						<textarea class="textarea" placeholder-style="color:#999999" placeholder="请输入备注"/>
+					</view>
+
+					<view class="flex-row justify-between item">
+						<view class="flex-col justify-center">
+							<text class="label">备注地址：</text>
+						</view>
+						<input class="input" placeholder="请输入备注地址" />
+					</view>
+
+					<view class="flex-row justify-between item">
+						<text class="label">现场照片：</text>
+						<view class="imageList">
+
+							<view class="addImage leftFloat" v-for="i in ilist" >
+								<image  src="/static/my/fuwuNmber.png"></image>
+							</view>
+
+							<view class="addImage leftFloat flex-col justify-center" >
+								<uni-icons type="plusempty" size="30"></uni-icons>
+								<text>现场照片</text>
+							</view>
+						</view>
+					</view>
+
+
+
+				</view>
+
+
+				<view class="flex-row">
+					<button class="button" type="primary">确定</button>
+					<button class="button">取消</button>
+				</view>
+
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import Button from "../../uni_modules/uv-ui-tools/libs/mixin/button";
+	export default {
+		name:"addRemarkPopup",
+		components: {Button},
+		data() {
+			return {
+
+
+				ilist:10
+			};
+		},
+		methods:{
+			openPopup(){
+				console.log('爸爸调用了我')
+				this.$refs.addRemarkPopup.open()
+			}
+		}
+	}
+</script>
+
+<style scoped lang="less">
+
+	.addRemarkPopup{
+		width: 750rpx;
+		height: 900rpx;
+		background: #FFFFFF;
+	}
+	.content{
+		padding: 0 32rpx;
+		height: 730rpx;
+		overflow: auto;
+
+	}
+	.textarea{
+		width: 500rpx;
+		height: 250rpx;
+		border: 2rpx solid #f7f7f7;
+		font-size: 26rpx;
+	}
+	.input{
+		width: 500rpx;
+		height: 70rpx;
+		border: 2rpx solid #f7f7f7;
+		font-size: 26rpx;
+	}
+
+	.item{
+		margin-top: 20rpx;
+	}
+	.label{
+		font-size: 28rpx;
+	}
+	.button{
+		width: 200rpx;
+		height: 70rpx;
+		line-height: 70rpx;
+		font-size: 30rpx;
+		margin-top: 50rpx;
+	}
+	.imageList{
+		width: 530rpx;
+		min-height: 240rpx;
+	}
+	.addImage{
+		width: 200rpx;
+		height: 240rpx;
+		border: 2rpx solid #f7f7f7;
+		align-items: center;
+		font-size: 28rpx;
+		line-height: 80rpx;
+		margin-left: 30rpx;
+		margin-top: 10rpx;
+		image{
+			width: 200rpx;
+			height: 240rpx;
+		}
+	}
+
+	.leftFloat{
+		float: left;
+	}
+
+
+</style>

pages/specialistsList/module/mescrollUni-item.vue

@@ -26,7 +26,7 @@
 				</view>
 				<view class="flex-row justify-between">
 					<text class="time">2024-01-29 12:00:00</text>
-					<text class="remark">备注</text>
+					<text class="remark" @click="openAddRemarkPopup('eeeeeeeeeeeee')">备注</text>
 				</view>
 			</view>
 		</view>
@@ -89,6 +89,11 @@
 
 		methods: {
 
+			openAddRemarkPopup(e){
+				console.log(e)
+				this.$emit('openAddRemarkPopup',e)
+			},
+
 			navigateToPage(url){
 				uni.navigateTo({
 					url:url

pages/specialistsList/specialistsList.vue

@@ -5,9 +5,11 @@
 		<uni-nav-bar  v-if="!$isWxBrowser()" :fixed="true" background-color="#FFE05C" :border="false" :statusBar="false"  left-icon="left" title="累计交友圈专员记录" @clickLeft="back" />
 		<!-- #endif -->
 		<view :style="{height:height}" class="list">
-			<mescroll-item ref="MescrollItem" :i="0"  :index="0"  :height="height">
+			<mescroll-item ref="MescrollItem" :i="0"  :index="0"  :height="height" @openAddRemarkPopup="openAddRemarkPopup">
 			</mescroll-item>
 		</view>
+
+		<add-remark-popup ref="addRemarkPopup"></add-remark-popup>
 		<!--#ifdef H5-->
 		<liu-drag-button v-if="$isWxBrowser()"  @clickBtn="back">返回</liu-drag-button>
 		<!--#endif-->
@@ -15,10 +17,11 @@
 </template>
 
 <script>
+	import addRemarkPopup from "../../components/addRemarkPopup/addRemarkPopup";
 	import MescrollItem from "./module/mescrollUni-item.vue";
 	export default {
 		components: {
-			MescrollItem
+			MescrollItem,addRemarkPopup
 		},
 		data() {
 			return {
@@ -32,6 +35,12 @@
 			this.height = sysInfo.windowHeight  - 70 + 'px' //除标题栏栏外的屏幕可用高度
 		},
 		methods: {
+			openAddRemarkPopup(e){
+				console.log('this.$refs.addRemarkPopup',this.$refs.addRemarkPopup)
+				this.$refs.addRemarkPopup.openPopup()
+			},
+
+
 			back() {
 				let pages = getCurrentPages()
 				if (pages.length > 1){
@@ -47,6 +56,8 @@
 					});
 				}
 			},
+
+
 		}
 	}
 </script>

pages/todaySpecialistsList/module/mescrollUni-item.vue

@@ -20,7 +20,7 @@
 				</view>
 				<view class="flex-row justify-between">
 					<text class="time">2024-01-29 12:00:00</text>
-					<text class="remark">备注</text>
+					<text class="remark" @click="openAddRemarkPopup('eeeeeeeeeeeee')">备注</text>
 				</view>
 			</view>
 		</view>
@@ -131,6 +131,10 @@
 				})
 			},
 
+			openAddRemarkPopup(e){
+				console.log(e)
+				this.$emit('openAddRemarkPopup',e)
+			},
 
 
 

pages/todaySpecialistsList/todaySpecialistsList.vue

@@ -6,10 +6,11 @@
         <!-- #endif -->
 
         <view :style="{height:height}">
-            <mescroll-item ref="MescrollItem" :i="0"  :index="0"  :height="height">
+            <mescroll-item ref="MescrollItem" :i="0"  :index="0"  :height="height" @openAddRemarkPopup="openAddRemarkPopup">
             </mescroll-item>
         </view>
 
+        <add-remark-popup ref="addRemarkPopup"></add-remark-popup>
 
         <!--#ifdef H5-->
         <liu-drag-button v-if="$isWxBrowser()" @clickBtn="back">返回</liu-drag-button>
@@ -18,10 +19,11 @@
 </template>
 
 <script>
+    import addRemarkPopup from "../../components/addRemarkPopup/addRemarkPopup";
     import MescrollItem from "./module/mescrollUni-item.vue";
     export default {
         components: {
-            MescrollItem
+            MescrollItem,addRemarkPopup
         },
         data() {
             return {
@@ -50,51 +52,12 @@
                 }
             },
 
+            openAddRemarkPopup(e){
+                console.log('this.$refs.addRemarkPopup',this.$refs.addRemarkPopup)
+                this.$refs.addRemarkPopup.openPopup()
+            }
 
-            /*下拉刷新的回调 */
-            downCallback() {
-                // 这里加载你想下拉刷新的数据, 比如刷新轮播数据
-                // loadSwiper();
-                // 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
-                this.mescroll.resetUpScroll()
-            },
-            /*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
-            upCallback(page) {
-
-                let status = this.index
-                if (this.index === 3){
-                    status = 4
-                }
 
-                //联网加载数据
-                this.mescroll.endSuccess(10, false);
-                // this.$api.service.performanceList({
-                // 	pageNum: page.num,
-                // 	pageSize: 10,
-                // 	type:this.index
-                // }).then((res) => {
-                // 	//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
-                // 	this.mescroll.endSuccess(res.data.data.records.length, res.data.data.records.length === 10);
-                // 	//设置列表数据
-                // 	if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
-                // 	res.data.data.records.forEach(i=>{
-                // 		if (i.avatar){
-                // 			i.avatar = i.avatar.replace(/^http:/, "https:")
-                // 		}
-                // 	})
-                // 	this.list = this.list.concat(res.data.data.records); //追加新数据
-                // 	console.log(this.list)
-                // }).catch((err) => {
-                // 	//联网失败, 结束加载
-                // 	this.mescroll.endErr();
-                // })
-            },
-            //点击空布局按钮的回调
-            emptyClick() {
-                uni.showToast({
-                    title: '点击了按钮,具体逻辑自行实现'
-                })
-            },
         }
     }
 </script>