四找
2022-10-21 09:19:36 14 举报AI智能生成
123
作者其他创作
大纲/内容
citys.cityName当前位置信息
getChooseCity事件点击后跳转城市选择页面：pages_opportunity/selectCity/ selectCity，选择完成后携带参数返回当前页面
map地图
tabCur不等于4时展示
regionchange事件是地图拖拽后定位，回调参数可获取到当前经纬度信息，判断 后做后续数据处理
页面使用组件情况
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
找机手tab
点击事件调用clickTab方法（1，'找机手'）,tabCur = 1,控制页面展示跟相关文字提示及数据请 求逻辑
立即、预约 ,tabCur！==4的时候展示
clickFind方法选择立即findCurs = 1 展示当前精准位置信息，点击需要设备调整至 选择设备
clickFind方法事件选择预约findCurs = 2，弹窗日期组件，选择日期
找机手列表
筛选条件
排序
screening方法弹出下拉框
默认
价格
好评
距离
设备
跳转选择设备：pages_opportunity/equipmentType/equipmentType
全国
跳转选择城市：pages_opportunity/selectCity/selectCity
价格
输入价格区间
筛选
弹出下拉框
开始结束时间：弹出日期选择框
做工类型：单选
技能要求：单选
点击任意一个选项都可以通过screening方法调用uni.pageScrollTo实现顶部吸附 效果
列表接口请求
operatorList：机手列表
点击卡片：跳转至机手详情
pages_opportunity/operatorDetail/operatorDetail
找工地tab
点击事件调用clickTab方法,tabCur = 2,控制页面展示跟相关文字提示及数据请 求逻辑
点击事件调用clickTab方法
点击事件调用clickTab方法
立即、预约 ,tabCur！==4的时候展示
clickFind方法选择立即findCurs = 1 展示当前精准位置信息，点击需要设备调整至 选择设备
clickFind方法选择预约findCurs = 2，弹窗日期组件，选择日期
找工地列表
筛选条件
排序
screening方法弹出下拉框
默认
价格
好评
距离
设备
跳转选择设备：pages_opportunity/equipmentType/equipmentType
全国
跳转选择城市：pages_opportunity/selectCity/selectCity
价格
输入价格区间
筛选
弹出下拉框
开始结束时间：弹出日期选择框
做工类型：单选
技能要求：单选
点击任意一个选项都可以通过screening方法调用uni.pageScrollTo实现顶部吸附 效果
列表接口请求
siteList：工地列表
点击卡片：跳转至工地详情
pages_opportunity/siteDetail/siteDetail
找设备tab
点击事件调用clickTab方法（3，'找机手'）,tabCur = 3,控制页面展示跟相关文字提示及数据请 求逻辑
点击方法调用clickTab方法
立即、预约 ,tabCur！==4的时候展示
clickFind方法选择立即findCurs = 1 展示当前精准位置信息，点击需要设备调整至 选择设备
clickFind方法选择预约findCurs = 2，弹窗日期组件，选择日期
找设备列表
筛选条件
排序
screening方法弹出下拉框
默认
价格
好评
距离
设备
跳转选择设备：pages_opportunity/equipmentType/equipmentType
全国
跳转选择城市：pages_opportunity/selectCity/selectCity
价格
输入价格区间
筛选
弹出下拉框
开始结束时间：弹出日期选择框
做工类型：单选
技能要求：单选
点击任意一个选项都可以通过screening方法调用uni.pageScrollTo实现顶部吸附 效果
列表接口请求
productList：找设备列表
点击卡片：跳转至设备详情
pages_opportunity/productDetail/productDetail
找活干tab
点击事件调用clickTab方法（4，'找活干'）,tabCur = 4,控制页面展示跟相关文字提示及数据请 求逻辑
tabCur = 4 展示找一找表单
操作设备getChooseType方法点击后跳转选择设备
所在位置getChooseLocation事件拿缓存location数据，开启定位
做工类型
使用uni-data-checkbox组件，localdata属性绑定了range6数组中的数据，可进 行单项操作
联系电话
使用了uni-easyinput输入框
开始时间
弹出日期组件
找活干列表
筛选条件
排序
screening方法弹出下拉框
默认
价格
好评
距离
设备
跳转选择设备：pages_opportunity/equipmentType/equipmentType
全国
跳转选择城市：pages_opportunity/selectCity/selectCity
价格
输入价格区间
筛选
弹出下拉框
开始结束时间：弹出日期选择框
做工类型：单选
技能要求：单选
点击任意一个选项都可以通过screening方法调用uni.pageScrollTo实现顶部吸附 效果
列表接口请求
workList：找活干列表
点击卡片：跳转至信息详情
pages_opportunity/workDetail/workDetail
跳转新增列表页
submitFind提交form表单，根据当前tabCur判断跳转至指定tab列表
跳转新增列表页
新增找活干：uni.navigateTo({
url: '/pages/opportunityList/opportunityList?tpye=' + that.tabCur + '&id=' + oid,
});
url: '/pages/opportunityList/opportunityList?tpye=' + that.tabCur + '&id=' + oid,
});
新增设备：uni.navigateTo({
url: '/pages/opportunityList/opportunityList?tpye=' + that.tabCur + '&id=' + oid,
});
url: '/pages/opportunityList/opportunityList?tpye=' + that.tabCur + '&id=' + oid,
});
新增工地：uni.navigateTo({
url: '/pages/opportunityList/opportunityList?tpye=' + that.tabCur + '&id=' + oid,
});
url: '/pages/opportunityList/opportunityList?tpye=' + that.tabCur + '&id=' + oid,
});
新增机手：uni.navigateTo({
url: '/pages/opportunityList/opportunityList?tpye=' + that.tabCur + '&id=' + oid,
});
url: '/pages/opportunityList/opportunityList?tpye=' + that.tabCur + '&id=' + oid,
});
收藏
职业：暂无
0 条评论
下一页
