微信小程序之在线任务发布与接单平台（2）

服务相关模块:

已经发布的服务列表

//serviceshow.jsvar imageUtil = require('../../utils/util_image.js');
Page({data:{unit_type: ['次', '小时', '分钟', '单', '幅', '天', '周', '月', '份', '课时', '个', '面议'],service_type: ['维修', '打印', '摄像', '代办跑腿', '顺风车'],service: [],imgUrls: ['/img/task_show_banner/service1.jpg','/img/task_show_banner/service2.jpg'],imagewidth: 0,//缩放后的宽 imageheight: 0,//缩放后的高 indicatorDots: true,autoplay: true,interval: 5000,duration: 1000},imageLoad: function (e) {var imageSize = imageUtil.imageUtil(e)this.setData({imagewidth: imageSize.imageWidth,imageheight: imageSize.imageHeight})},service_detail:function(event){var item2=event.currentTarget.dataset.item;var service1=this.data.service;var service2=service1[item2];let service3=JSON.stringify(service2);wx.navigateTo({url: '../servicedetail/servicedetail?service2='+service3,success: function(res){// success},fail: function(res) {// fail},complete: function(res) {// complete}})},request_data:function(e){var that=this;wx.request({url: 'https://www.cc.com/get_service.php',data: {},method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECTheader: {'content-type': 'application/json'}, // 设置请求的 headersuccess: function(res){// successthat.setData({service:res.data})},fail: function(res) {// fail},complete: function(res) {// complete}})},onLoad:function(options){// 生命周期函数--监听页面加载this.request_data();console.log(getApp().globalData.openid)},onReady:function(){// 生命周期函数--监听页面初次渲染完成},onShow:function(){// 生命周期函数--监听页面显示},onHide:function(){// 生命周期函数--监听页面隐藏},onUnload:function(){// 生命周期函数--监听页面卸载},onPullDownRefresh: function() {// 页面相关事件处理函数--监听用户下拉动作console.log('--------下拉刷新-------')wx.stopPullDownRefresh();},onReachBottom: function() {// 页面上拉触底事件的处理函数},onShareAppMessage: function() {// 用户点击右上角分享return {title: 'title', // 分享标题desc: 'desc', // 分享描述path: 'path' // 分享路径}}
})

服务详细内容：

//servicedetail.js
var app=getApp();
Page({data: {unit_type: ['次', '小时', '分钟', '单', '幅', '天', '周', '月', '份', '课时', '个', '面议'],service_type: ['维修', '打印', '摄像', '代办跑腿', '顺风车'],service:{},open_id:null},submit:function(){var that=this;wx.request({url: 'https://www.cc.com/insert.php',data: {flag:"sid",stid:that.data.service.sid,open_id:that.data.open_id},method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT// header: {}, // 设置请求的 headerheader:{'content-type': 'application/x-www-form-urlencoded'},success: function(res){// successwx.redirectTo({url: '../meservice/meservice',success: function(res){// success},fail: function(res) {// fail},complete: function(res) {// complete}})},fail: function(res) {// fail},complete: function(res) {// complete}})},onLoad:function(options){// 生命周期函数--监听页面加载var that =this;app.getUserOpenid(function(openid){that.setData({open_id:openid})})this.setData({service:JSON.parse(options.service2)})},onReady:function(){// 生命周期函数--监听页面初次渲染完成},onShow:function(){// 生命周期函数--监听页面显示},onHide:function(){// 生命周期函数--监听页面隐藏},onUnload:function(){// 生命周期函数--监听页面卸载},onPullDownRefresh: function() {// 页面相关事件处理函数--监听用户下拉动作},onReachBottom: function() {// 页面上拉触底事件的处理函数},onShareAppMessage: function() {// 用户点击右上角分享return {title: 'title', // 分享标题desc: 'desc', // 分享描述path: 'path' // 分享路径}}
})

个人服务页面：

//meservice.js
var app=getApp()
Page({data: {unit_type: ['次', '小时', '分钟', '单', '幅', '天', '周', '月', '份', '课时', '个', '面议'],service_type: ['维修', '打印', '摄像', '代办跑腿', '顺风车'],selected1:true,selected2:false,service:[],service2:[],service3:[],open_id:""},judge: function (event) {var that = this;var judged = event.target.dataset.judged;var ttid = event.target.dataset.tid;//var gotten = event.target.dataset.gotten;/*if (!gotten) {wx.showToast({title: '等待接单中',icon: 'loading',duration: 2000})return;}*/if (judged == 1) {wx.showModal({title: '已评价',content: '评价内容可在‘我的评价’中查看',})} else {wx.redirectTo({url: '../judge/judge?tid=' + ttid + '&flag=1',})}},selected1: function () {this.setData({selected1: true,selected2: false})var that3 = this;wx.getStorage({key: 'service',success: function (res) {// successthat3.setData({service3: res.data})},fail: function (res) {// fail},complete: function (res) {// complete}})},selected2: function () {this.setData({selected1: false,selected2: true})var that2 = this;wx.getStorage({key: 'service2',success: function (res) {// successthat2.setData({service3: res.data})},fail: function (res) {// fail},complete: function (res) {// complete}})},delete_service: function (event) {var that = this;var ssid = event.target.dataset.sid;console.log(ssid)wx.request({url: 'https://www.cc.com/delete.php',data: {flag: 1,ssid:ssid},method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECTheader: { 'content-type': 'application/x-www-form-urlencoded' }, // 设置请求的 headersuccess: function (res) {wx.showModal({title: '删除',content: '删除成功',success:function(res){that.onLoad()}})},fail: function (res) {// fail},complete: function (res) {// complete}})},onLoad:function(options){// 生命周期函数--监听页面加载var that = this;app.getUserOpenid(function(openid){that.setData({open_id:openid})})wx.request({url: 'https://www.cc.com/get_me_service.php',data: {open_id:that.data.open_id,flag:1},method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECTheader: {'content-type': 'application/x-www-form-urlencoded'}, // 设置请求的 headersuccess: function(res){wx.setStorageSync('service', res.data)that.setData({service3: res.data})},fail: function(res) {// fail},complete: function(res) {// complete}})wx.request({url: 'https://www.cc.com/get_me_service.php',data: {open_id:that.data.open_id,flag:0},method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECTheader: {'content-type': 'application/x-www-form-urlencoded'}, // 设置请求的 headersuccess: function(res){// successwx.setStorageSync('service2', res.data)},fail: function(res) {// fail},complete: function(res) {// complete}})},onReady:function(){// 生命周期函数--监听页面初次渲染完成},onShow:function(){// 生命周期函数--监听页面显示},onHide:function(){// 生命周期函数--监听页面隐藏},onUnload:function(){// 生命周期函数--监听页面卸载},onPullDownRefresh: function() {// 页面相关事件处理函数--监听用户下拉动作},onReachBottom: function() {// 页面上拉触底事件的处理函数},onShareAppMessage: function() {// 用户点击右上角分享return {title: 'title', // 分享标题desc: 'desc', // 分享描述path: 'path' // 分享路径}}
})

微信小程序之在线任务发布与接单平台（2）相关推荐

微信小程序之在线任务发布与接单平台（图）
#end time:2017/06/18 系统主要功能界面运行情况及结果: 系统运行环境要求及操作说明: 工具:微信web开发者工具 / 申请微信小程序开发权限系统总结和体会: 经过这次的数据库实践 ...
微信小程序之在线任务发布与接单平台（3）
评价模块: //serviceshow.js var app=getApp() Page({data:{selected1:true,selected2:false,out_judge_s:{},ou ...
微信小程序weui在线入门教程-WeUi表单组件-list列表
效果图微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua wxml代码 <view class ...
基于微信小程序的在线免费小说阅读系统
项目介绍: 本系统是我的毕业设计,大概耗时一个月完成,后台部分因为某些原因就不放出来了,前端没有用什么框架比较好理解,本着开源精神发布出来.希望能帮助需要的人吧. 一.简介本程序采用 ...
WordPress版微信小程序2.6版发布
WordPress版微信小程序的完善和升级的工作一直都在进行中,我争取保证一个月可以出一个版本,希望通过一点点的改进,让这个开源产品日趋完美. 同时,pro版WordPress微信小程序也在紧锣密鼓的 ...
微信小程序怎么上架和发布商品？
小程序商城商品上架与发布是很重要的一步操作.那么微信小程序怎么上架和发布商品? 第一步:登录来客电商后台第二步:依次点击商品管理--商品列表--发布商品第三步:完善商品信息注意事项: 商品详细介 ...
基于微信小程序的在线考试系统开题报告
本科生毕业论文基于微信小程序的在线考试系统开题报告学院: 专业: 计算机科学与技术年级: 学生姓名: 指导教师: XXXX大学本科生毕业论文(设计)开题报告书 ...
微信小程序--嘟嘟会议--会议发布和我的会议查看
微信小程序–嘟嘟会议–会议发布和我的会议查看 meetingPubAdd.html <!DOCTYPE html> <html xmlns:th="http://www.t ...
【毕业设计】基于微信小程序的在线学习平台在线学习微信小程序
如今的这个网络的时代,由于网络的不断发展,在线教育平台的兴起,大大改变了人们对于教育的重新认识,也改变了传统的教育方式,现在人们利用网络给人们带来更广阔的世界观,加大社会化的协同,知识也是越来越去中心 ...

微信小程序之在线任务发布与接单平台（2）

微信小程序之在线任务发布与接单平台（2）相关推荐

最新文章

热门文章