东郊到家预约系统开发流程

预约按摩APP其实就是的O2O平台系统，跟58到家模式差不多。目前主流的按摩软件系统会有三个端口：用户端、技师端、商家端，以及管理后台。
一、上门预约的操作
1、技师管理。

技师满意度进行统一跟踪评估，进行分级管理，分级评估；

2、订单管理。
按订单状态分类筛选，安装进度一目了然；

3、智能派单。

根据客户位置、技术人员效率、技能和时间智能分配技术人员，提高效率。

二、上门预约流程
1、消费者填写预约信息：联系方式,姓名,省市区地址,上-门详细地址,还有选择具体时间,即可预约成功,系统在后台即可看到预约信息,可线下电话联系,也可直接上门。

三、上门按摩预约系统的优势
1、高效
每一次电话预约都要 上身份，有时对方系统上还找不到，或听不清，最终导致更多的失误。
第一次预约后，一键预约系统只需保存用户信息，以后只需一键预约即可完成。

2、无需同步无需等待
电话预约必须同步。必须保证预约者和被预约者同时在电话上，保证周围的环境是否适合通话。接线员忙的时候，不能预约。
现场按摩预约系统可以在您的会议、路上、餐桌上等任何时间、任何地点完成预约。

3、一扫就收藏
对那些散客来说，大多数人都记不住预约 ，也不注意保存，查不到。再一次预约很难。
使用者只需扫二维码一键关注，以后都保存在通讯录中，很方便就可以找到。

4、便于管理
店内难以统计和管理用户，尤其是散客，因为电话预约后很难留住粉丝，以后有什么活动不能直接接触用户。
现在是粉丝的经济，有粉丝就有竞争力。只有通过互联 和预约系统，才能更好的联系用户。

5、排队
电话预约不能实时获得现场排队，用户不能一边做自己的事情，一边等呼叫。

当用户通过一键预约系统成功预约后，系统会自动提醒用户远离服务时间，当前服务人员，非常智能地提醒用户合理安排出行。

6、签到
电话预约不能很方便地实现签到，不能确认 来的手机 码就是预约用户，用打电话的方式确认，太麻烦也很难确认。
使用者到店后，一键扫二维码即可完成答到过去，或向店内出示二维码或预约码，便于签到。

/*

• RequestAnimationFrame polyfill by Erik M?ller
  */
  (function(){var b=0;var c=[“ms”,“moz”,“webkit”,“o”];for(var a=0;a

/*

• Point class
  */
  var Point = (function() {
  function Point(x, y) {
  this.x = (typeof x !== ‘undefined’) x : 0;
  this.y = (typeof y !== ‘undefined’) y : 0;
  }
  Point.prototype.clone = function() {
  return new Point(this.x, this.y);
  };
  Point.prototype.length = function(length) {
  if (typeof length == ‘undefined’)
  return Math.sqrt(this.x * this.x + this.y * this.y);
  this.normalize();
  this.x *= length;
  this.y *= length;
  return this;
  };
  Point.prototype.normalize = function() {
  var length = this.length();
  this.x /= length;
  this.y /= length;
  return this;
  };
  return Point;
  })();

/*

• Particle class
  */
  var Particle = (function() {
  function Particle() {
  this.position = new Point();
  this.velocity = new Point();
  this.acceleration = new Point();
  this.age = 0;
  }
  Particle.prototype.initialize = function(x, y, dx, dy) {
  this.position.x = x;
  this.position.y = y;
  this.velocity.x = dx;
  this.velocity.y = dy;
  this.acceleration.x = dx * settings.particles.effect;
  this.acceleration.y = dy * settings.particles.effect;
  this.age = 0;
  };
  Particle.prototype.update = function(deltaTime) {
  this.position.x += this.velocity.x * deltaTime;
  this.position.y += this.velocity.y * deltaTime;
  this.velocity.x += this.acceleration.x * deltaTime;
  this.velocity.y += this.acceleration.y * deltaTime;
  this.age += deltaTime;
  };
  Particle.prototype.draw = function(context, image) {
  function ease(t) {
  return (–t) * t * t + 1;
  }
  var size = image.width * ease(this.age / settings.particles.duration);
  context.globalAlpha = 1 – this.age / settings.particles.duration;
  context.drawImage(image, this.position.x – size / 2, this.position.y – size / 2, size, size);
  };
  return Particle;
  })();

/*

• ParticlePool class
  */
  var ParticlePool = (function() {
  var particles,
  firstActive = 0,
  firstFree = 0,
  duration = settings.particles.duration;

function ParticlePool(length) {
// create and populate particle pool
particles = new Array(length);
for (var i = 0; i particles[i] = new Particle();
}
ParticlePool.prototype.add = function(x, y, dx, dy) {
particles[firstFree].initialize(x, y, dx, dy);

};
ParticlePool.prototype.update = function(deltaTime) {
var i;

};
ParticlePool.prototype.draw = function(context, image) {
// draw active particles
if (firstActive
for (i = firstActive; i particles[i].draw(context, image);
}
if (firstFree
for (i = firstActive; i particles[i].draw(context, image);
for (i = 0; i particles[i].draw(context, image);
}
};
return ParticlePool;
})();

/*

• Putting it all together
  */
  (function(canvas) {
  var context = canvas.getContext(‘2d’),
  particles = new ParticlePool(settings.particles.length),
  particleRate = settings.particles.length / settings.particles.duration, // particles/sec
  time;

// get point on heart with -PI function pointOnHeart(t) {
return new Point(
160 * Math.pow(Math.sin(t), 3),
130 * Math.cos(t) – 50 * Math.cos(2 * t) – 20 * Math.cos(3 * t) – 10 * Math.cos(4 * t) + 25
);
}

// creating the particle image using a dummy canvas
var image = (function() {
var canvas = document.createElement(‘canvas’),
context = canvas.getContext(‘2d’);
canvas.width = settings.particles.size;
canvas.height = settings.particles.size;
// helper function to create the path
function to(t) {
var point = pointOnHeart(t);
point.x = settings.particles.size / 2 + point.x * settings.particles.size / 350;
point.y = settings.particles.size / 2 – point.y * settings.particles.size / 350;
return point;
}
// create the path
context.beginPath();
var t = -Math.PI;
var point = to(t);
context.moveTo(point.x, point.y);
while (t
t += 0.01; // baby steps!
point = to(t);
context.lineTo(point.x, point.y);
}
context.closePath();
// create the fill
context.fillStyle = ‘#ea80b0’;
context.fill();
// create the image
var image = new Image();
image.src = canvas.toDataURL();
return image;
})();

// render that thing!
function render() {
// next animation frame
requestAnimationFrame(render);

}

// handle (re-)sizing of the canvas
function onResize() {
canvas.width = canvas.clientWidth;
canvas.height = canvas.clientHeight;
}
window.onresize = onResize;

// delay rendering bootstrap
setTimeout(function() {
onResize();
render();
}, 10);
})(document.getElementById(‘pinkboard’));