四找
2022-10-21 09:19:36 14 举报
AI智能生成
123
作者其他创作
大纲/内容
getChooseCity事件点击后跳转城市选择页面:pages_opportunity/selectCity/ selectCity,选择完成后携带参数返回当前页面
citys.cityName当前位置信息
tabCur不等于4时展示
regionchange事件是地图拖拽后定位,回调参数可获取到当前经纬度信息,判断 后做后续数据处理
map地图
scroll-view:可滚动视图区域。用于区域滚动
swipe:滑块容器
swiper-item:滑块单条数据
map:地图
uni-forms:form表单
uni-data-checkbox:单选框
uni-icons:图标
uni-easyinput:输入框
ind-item:内置组件
uni-load-more:内置组件
页面使用组件情况
找设备详情:pages_opportunity/productDetail/productDetail
找机手详情:pages_opportunity/operatorDetail/operatorDetail
找工地详情:pages_opportunity/siteDetail/siteDetail
找活干详情:pages_opportunity/workDetail/workDetail
首页四找跳转至对应详情
详情页面
clickFind方法选择立即findCurs = 1 展示当前精准位置信息,点击需要设备调整至 选择设备
clickFind方法事件选择预约findCurs = 2,弹窗日期组件,选择日期
默认
价格
好评
距离
screening方法弹出下拉框
排序
跳转选择设备:pages_opportunity/equipmentType/equipmentType
设备
跳转选择城市:pages_opportunity/selectCity/selectCity
全国
输入价格区间
开始结束时间:弹出日期选择框
做工类型:单选
技能要求:单选
弹出下拉框
筛选
点击任意一个选项都可以通过screening方法调用uni.pageScrollTo实现顶部吸附 效果
筛选条件
pages_opportunity/operatorDetail/operatorDetail
点击卡片:跳转至机手详情
operatorList:机手列表
列表接口请求
找机手列表
找机手tab
点击事件调用clickTab方法
clickFind方法选择预约findCurs = 2,弹窗日期组件,选择日期
pages_opportunity/siteDetail/siteDetail
点击卡片:跳转至工地详情
siteList:工地列表
找工地列表
找工地tab
点击方法调用clickTab方法
pages_opportunity/productDetail/productDetail
点击卡片:跳转至设备详情
productList:找设备列表
找设备列表
找设备tab
操作设备getChooseType方法点击后跳转选择设备
所在位置getChooseLocation事件拿缓存location数据,开启定位
使用uni-data-checkbox组件,localdata属性绑定了range6数组中的数据,可进 行单项操作
做工类型
使用了uni-easyinput输入框
联系电话
弹出日期组件
开始时间
tabCur = 4 展示找一找表单
pages_opportunity/workDetail/workDetail
点击卡片:跳转至信息详情
workList:找活干列表
找活干列表
找活干tab
跳转新增列表页
submitFind提交form表单,根据当前tabCur判断跳转至指定tab列表
四找
收藏
0 条评论
回复 删除
下一页