兼职、高薪岗位开发

app.json

@@ -45,7 +45,9 @@
     "pages/gdmap/index",
     "pages/agent/index",
     "pages/fuli/index",
-    "pages/fulltime/index"
+    "pages/fulltime/index",
+    "pages/parttime/index",
+    "pages/jipin/index"
   ],
   "window": {
     "backgroundTextStyle": "light",

pages/fulltime/index.js

@@ -138,7 +138,11 @@ Page({
    * 生命周期函数--监听页面显示
    */
   onShow: function() {
-
+    let cityName = wx.getStorageSync('city') || app.globalData.userInfo.city || '无锡'
+    console.log(cityName)
+    this.setData({
+      cityName: cityName
+    })
   },
 
   /**
@@ -152,6 +156,8 @@ Page({
       selectId: -1, //选中筛选的条件
       totalSalary: '', //薪资待遇排序(1：正序；2：倒序)
       sort: '', //距离排序（1：正序；2：倒序）
+      longitude: "",
+      latitude: ""
     })
     this.start();
     wx.stopPullDownRefresh();

pages/jipin/index.js

@@ -0,0 +1,223 @@
+// pages/jipin/index.js
+import {
+  getGoodMoneyList
+} from '../../services/index.js'
+import {
+  imgServerUrl,
+  imgServerUrl_new
+} from '../../config/config.js'
+var $ = require('../../libs/gdconf.js');
+var app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    list: [],
+    pageNo: 1, //当前分页
+    isScroll: true, //是否可以滚动
+    showNoMore: "没有更多信息...", //显示已无更多
+    cityCode: '320200',
+    cityName: '无锡',
+    selectId: -1, //选中筛选的条件
+    totalSalary: '', //薪资待遇排序(1：正序；2：倒序)
+    sort: '', //距离排序（1：正序；2：倒序）
+    longitude: '', //经度
+    latitude: '', //纬度
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    if (app.globalData.userInfo) {
+      console.log('有info===', app.globalData)
+      this.start();
+    } else if (this.data.canIUse) {
+      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+      // 所以此处加入 callback 以防止这种情况
+      app.userInfoReadyCallback = res => {
+        console.log('userInfoReadyCallback===', res.userInfo)
+        app.globalData.userInfo = res.userInfo;
+        this.start();
+      }
+    } else {
+      // 在没有 open-type=getUserInfo 版本的兼容处理
+      wx.getUserInfo({
+        success: res => {
+          app.globalData.userInfo = res.userInfo
+          console.log('兼容处理===', app.globalData)
+          this.start();
+        }
+      })
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  start() {
+    this.goodMoneyList();
+  },
+
+  //获取高薪急聘奖励列表数据
+  goodMoneyList(params) {
+    if (!this.data.isScroll) {
+      return false
+    }
+    let paramsObj = {
+      longitude: this.data.longitude,
+      latitude: this.data.latitude,
+      sort: this.data.sort,
+      totalSalary: this.data.totalSalary,
+      cityCode: this.data.cityCode,
+      pageNo: this.data.pageNo,
+      user_id: app.globalData.userId,
+      user_token: app.globalData.userToken
+    }
+    Object.assign(paramsObj);
+
+    getGoodMoneyList(paramsObj).then(data => {
+      var pageNo = data.data.pageNo;
+      let setData = {}
+      // 是否可以滚动加载数据
+      if (data.data.isLast) {
+        setData.isScroll = false
+      }
+      if (data.data.goodmoneyPosition.length != 0) {
+        setData.list = this.data.list.concat(data.data.goodmoneyPosition)
+        setData.pageNo = pageNo;
+      } else {
+        setData.list = this.data.list;
+      }
+      this.setData({
+        ...setData
+      })
+
+    })
+  },
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+    let cityName = wx.getStorageSync('city') || app.globalData.userInfo.city || '无锡'
+    console.log(cityName)
+    this.setData({
+      cityName: cityName
+    })
+  },
+
+  //获取当前定位
+  cxgps: function(e) {
+    var that = this;
+    wx.showLoading({
+      title: 'loading',
+      mask: true
+    });
+    var distance = wx.getStorageSync('distance');
+    if (distance) {
+      console.log("fg22", distance)
+      wx.hideLoading();
+      that.setData({
+        longitude: distance.longitude,
+        latitude: distance.latitude
+      })
+      that.start();
+    } else {
+      $.map.getRegeo({
+        success(data) {
+          console.log("fg", data)
+          wx.hideLoading();
+          var data = data[0];
+          that.setData({
+            longitude: data.longitude,
+            latitude: data.latitude
+          })
+          wx.setStorageSync('distance', data);
+          that.start();
+        }
+      })
+    }
+  },
+
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+    this.setData({
+      pageNo: 1, //当前分页
+      isScroll: true, //是否可以滚动
+      list: [],
+      selectId: -1, //选中筛选的条件
+      totalSalary: '', //薪资待遇排序(1：正序；2：倒序)
+      sort: '', //距离排序（1：正序；2：倒序）
+      longitude: "",
+      latitude: ""
+    })
+    this.start();
+    wx.stopPullDownRefresh();
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+    var pageNo = this.data.pageNo + 1;
+    this.setData({
+      pageNo
+    })
+    this.goodMoneyList();
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  },
+
+  doSalay: function(e) {
+    var totalSalary;
+    if (this.data.totalSalary == 1) {
+      totalSalary = 2;
+    } else {
+      totalSalary = 1;
+    }
+    this.setData({
+      selectId: 0,
+      totalSalary: totalSalary,
+      sort: '', //重置
+      pageNo: 1, //当前分页
+      isScroll: true, //是否可以滚动
+      list: [],
+      longitude: "",
+      latitude: ""
+    })
+    console.log("totalSalary", this.data.totalSalary)
+    this.start();
+  },
+  doDistince: function(e) {
+    var sort;
+    if (this.data.sort == 1) {
+      sort = 2;
+    } else {
+      sort = 1;
+    }
+    this.setData({
+      selectId: 1,
+      sort: sort,
+      totalSalary: '', //重置
+      pageNo: 1, //当前分页
+      isScroll: true, //是否可以滚动
+      list: [],
+    })
+    console.log("sort", this.data.sort)
+    this.cxgps();
+  }
+})

pages/jipin/index.json

@@ -0,0 +1,10 @@
+{
+  "usingComponents": {
+    "i-icon": "../../ui/icon/index",
+    "i-notice-bar": "../../ui/notice-bar/index",
+    "i-tag": "../../ui/tag/index",
+    "marquee": "../../ui/marquee/index"
+  },
+  "enablePullDownRefresh": true,
+  "navigationBarTitleText": "高薪急聘"
+}

pages/jipin/index.wxml

@@ -0,0 +1,138 @@
+<!--pages/jipin/index.wxml-->
+<wxs src="../tools.wxs" module="globalTools" />
+<!-- 顶部筛选 -->
+<view class='head'>
+  <view class='map'>
+    <view class='location'>
+      <image src='../../images/happyjob/location.png'></image>
+    </view>
+    <text class='cityname'>{{cityName}}</text>
+  </view>
+  <view class='salay' bindtap='doSalay'>
+    <text class="salayname {{selectId==0?'active':''}}">薪资</text>
+    <view class='arrow'>
+      <block wx:if="{{selectId == 0}}">
+        <block wx:if="{{totalSalary == 2}}">
+          <image src='../../images/happyjob/selected.png'></image>
+        </block>
+        <block wx:else>
+          <image src='../../images/happyjob/selected1.png'></image>
+        </block>
+      </block>
+      <block wx:else>
+        <block wx:if="{{totalSalary == 2}}">
+          <image src='../../images/happyjob/no_selected.png'></image>
+        </block>
+        <block wx:else>
+          <image src='../../images/happyjob/no_selected1.png'></image>
+        </block>
+      </block>
+    </view>
+  </view>
+  <view class='salay' bindtap='doDistince'>
+    <text class="salayname {{selectId==1?'active':''}}">距离</text>
+    <view class='arrow'>
+      <block wx:if="{{selectId == 1}}">
+        <block wx:if="{{sort == 2}}">
+          <image src='../../images/happyjob/selected.png'></image>
+        </block>
+        <block wx:else>
+          <image src='../../images/happyjob/selected1.png'></image>
+        </block>
+      </block>
+      <block wx:else>
+        <block wx:if="{{sort == 2}}">
+          <image src='../../images/happyjob/no_selected.png'></image>
+        </block>
+        <block wx:else>
+          <image src='../../images/happyjob/no_selected1.png'></image>
+        </block>
+      </block>
+    </view>
+  </view>
+</view>
+
+<!-- 列表 -->
+<block wx:if="{{list.length !=0 }}">
+  <view class='box-body'>
+    <view class='box-item' wx:for="{{list}}" wx:key="hpPositionId" bindtap='toDetail' data-id="{{item.id}}" data-cate="{{item.positionCategory}}" hover-class="item-hover">
+      <view class='box-item-info'>
+        <view class='one'>
+          <view class='left'>
+            {{item.positionName}}
+          </view>
+          <view class='salary'>
+            <image src='../../images/happyjob/dollor.png'></image>
+            {{item.totalSalary?item.totalSalary:item.basicSalary}}
+          </view>
+        </view>
+        <view class='four'>
+          <view class='commpany'>{{item.hpCompany.companyName}}</view>
+          <view class='area'>
+            <image src='../../images/happyjob/address.png'></image>
+            <text class='area-name'>{{item.hpPositionAddressList[0].adname}}</text>
+          </view>
+        </view>
+        <view class='two'>
+          <view class='limit_1'>
+            <block wx:if="{{item.specialWelfare}}">
+              <i-tag wx:for="{{globalTools.splitStr1(item.specialWelfare,',')}}" wx:key="*this" wx:for-item="tag" i-class="tag-class">
+                {{tag}}
+              </i-tag>
+            </block>
+            <block wx:if="{{item.accommodation}}">
+              <i-tag i-class="tag-class">
+                {{item.accommodation}}
+              </i-tag>
+            </block>
+            <block wx:if="{{item.socialSecurity}}">
+              <i-tag i-class="tag-class">
+                {{item.socialSecurity}}
+              </i-tag>
+            </block>
+            <block wx:if="{{item.workDinner}}">
+              <i-tag i-class="tag-class">
+                {{item.workDinner}}
+              </i-tag>
+            </block>
+            <block wx:if="{{item.regularBus}}">
+              <i-tag i-class="tag-class">
+                {{item.regularBus}}
+              </i-tag>
+            </block>
+          </view>
+          <view></view>
+        </view>
+        <view class='three'>
+          <block wx:if="{{item.positionCategory == 3}}">
+            <view class='fan' wx:if="{{item.reward}}">
+              <image src='../../images/happyjob/reward.png'></image>
+              <text>入职最高奖励 {{item.reward}}+{{item.platformAllowance}} 元</text>
+            </view>
+            <view wx:else>
+            </view>
+          </block>
+          <block wx:else>
+            <view class='fan' wx:if="{{item.reward}}">
+              <image src='../../images/happyjob/reward.png'></image>
+              <text>入职最高奖励 {{item.reward}} 元</text>
+            </view>
+            <view wx:else>
+            </view>
+          </block>
+          <view class='time'>
+            <image src='../../images/happyjob/time.png'></image>
+            <text>{{globalTools.subStr(item.updateDate)}}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class="loading_no" hidden='{{isScroll}}'>{{showNoMore}}</view>
+</block>
+<block wx:else>
+  <view class='no_data'>
+    <image src="../../images/happyjob/no_data.png" class="white" />
+    <view class='no_text'>暂时还没有高薪急聘工作 看看其他的吧</view>
+  </view>
+</block>

pages/jipin/index.wxss

@@ -0,0 +1,375 @@
+/* pages/jipin/index.wxss */
+
+page {
+  background-color: #f5f5f5;
+}
+
+/* 顶部筛选 */
+
+.head {
+  display: flex;
+  height: 100rpx;
+  width: 100%;
+  flex: 1 0 auto;
+  align-items: center;
+  background-color: #fff;
+  border-bottom: 2rpx solid #ddd;
+}
+
+.head .map {
+  display: flex;
+  white-space: nowrap;
+  flex-grow: 1;
+  font-size: 30rpx;
+  justify-content: center;
+  height: 40rpx;
+  align-items: center;
+  color: #525255;
+}
+
+.head .map .location {
+  display: flex;
+  align-items: center;
+  width: 20rpx;
+  height: 24rpx;
+  padding-right: 10rpx;
+}
+
+.map .location image {
+  width: 100%;
+  height: 100%;
+}
+
+.head .salay {
+  display: flex;
+  flex-grow: 1;
+  white-space: nowrap;
+  font-size: 26rpx;
+  height: 40rpx;
+  color: #868b92;
+  justify-content: center;
+  align-items: center;
+}
+
+.salay .salayname {
+  padding-right: 10rpx;
+}
+
+.salay .arrow {
+  display: flex;
+  width: 14rpx;
+  height: 8rpx;
+  align-items: center;
+}
+
+.salay .arrow image {
+  width: 100%;
+  height: 100%;
+}
+
+.salay .active {
+  color: #1e62a7;
+}
+
+/* 列表 */
+
+.box-body {
+  width: 100%;
+  overflow: hidden;
+}
+
+.box_title {
+  padding: 17rpx 0 17rpx 40rpx;
+  font-size: 28rpx;
+  color: #666;
+  border-bottom: 2rpx solid #ddd;
+}
+
+.box-item {
+  display: flex;
+  padding: 35rpx 40rpx 30rpx 40rpx;
+  font-size: 32rpx;
+  color: #232327;
+  box-sizing: border-box;
+  background-color: #fff;
+  border-bottom: 16rpx solid #f5f5f5;
+}
+
+.item-hover {
+  background: #f5f5f5;
+}
+
+.box-item .box-item-img {
+  display: flex;
+  flex: 0 0 auto;
+  width: 150rpx;
+  height: 150rpx;
+  border-radius: 6rpx;
+  background: #fff;
+}
+
+.box-item .box-item-info {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-grow: 1;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.box-item .one {
+  display: flex;
+  justify-content: space-between;
+  color: #232327;
+  flex-direction: row;
+}
+
+.box-item .one .left {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  font-size: 32rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(35, 35, 39, 1);
+  width: 60%;
+}
+
+.box-item .one .salary {
+  font-size: 32rpx;
+  font-family: Arial-BoldMT;
+  font-weight: bold;
+  color: rgba(30, 98, 167, 1);
+}
+
+.box-item .one .salary image {
+  width: 18rpx;
+  height: 24rpx;
+}
+
+.box-item .two {
+  display: flex;
+  justify-content: space-between;
+  color: #909090;
+  font-size: 24rpx;
+  margin-top: 30rpx;
+  align-items: center;
+}
+
+.box-item .two .limit {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  overflow: hidden;
+  margin-right: 30rpx;
+  width: 80%;
+  color: #868b92;
+}
+
+.box-item .two .limit image {
+  width: 18rpx;
+  height: 18rpx;
+  margin-right: 10rpx;
+}
+
+.box-item .two .limit i-tag {
+  /* margin-left: 10rpx; */
+}
+
+.box-item .two .limit text {
+  margin-left: 10rpx;
+}
+
+
+.box-item .two .limit_1 {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  overflow: hidden;
+  width: 80%;
+  color: #868b92;
+  flex-wrap: wrap;
+}
+
+.box-item .two .limit_1 image {
+  width: 18rpx;
+  height: 18rpx;
+  margin-right: 10rpx;
+}
+
+.box-item .two .limit_1 i-tag {
+  /* margin-left: 10rpx; */
+}
+
+.box-item .two .limit_1 text {
+  margin-left: 10rpx;
+}
+
+.box-item .two .time {
+  color: #706f6f;
+  font-size: 20rpx;
+}
+
+.tag-class {
+  background: #e2f4fe !important;
+  margin-right: 6rpx;
+  white-space: nowrap;
+  border: none !important;
+  background: rgba(245, 245, 245, 1) !important;
+  border-radius: 14px !important;
+}
+
+.box-item .three {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 20rpx;
+  margin-top: 20rpx;
+}
+
+.box-item .three image {
+  width: 16rpx;
+  height: 19rpx;
+}
+
+.box-item .three .area {
+  color: #868b92;
+  font-size: 24rpx;
+}
+
+.box-item .three .area .area-name {
+  margin-left: 10rpx;
+  color: #868b92;
+  font-size: 24rpx;
+}
+
+.box-item .three .limit {
+  display: flex;
+  flex-grow: 1;
+  overflow: hidden;
+  margin-right: 10rpx;
+  width: 80%;
+  flex-direction: row;
+}
+
+.box-item .three .limit i-tag {
+  margin-left: 10rpx;
+}
+
+.box-item .three .time {
+  flex: 0 0 auto;
+  color: #868b92;
+}
+
+.box-item .three .time image {
+  width: 18rpx;
+  height: 18rpx;
+}
+
+.box-item .three .time text {
+  margin-left: 6rpx;
+  font-size: 20rpx;
+}
+
+.box-item .three .fan {
+  display: flex;
+  flex-direction: row;
+  color: #ff400e;
+  font-size: 20rpx;
+  align-items: center;
+}
+
+.box-item .three .fan image {
+  width: 24rpx;
+  height: 24rpx;
+  margin-right: 10rpx;
+}
+
+.box-item .four {
+  display: flex;
+  justify-content: space-between;
+  color: #909090;
+  font-size: 22rpx;
+  margin-top: 18rpx;
+  align-items: center;
+}
+
+.box-item .four .limit {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  overflow: hidden;
+  margin-right: 30rpx;
+  width: 80%;
+  color: #868b92;
+}
+
+.box-item .four .limit image {
+  width: 18rpx;
+  height: 18rpx;
+}
+
+.box-item .four .limit i-tag {
+  margin-left: 10rpx;
+}
+
+.box-item .four .limit text {
+  margin-left: 10rpx;
+}
+
+.box-item .four .time {
+  color: #706f6f;
+  font-size: 20rpx;
+}
+
+.box-item .four .commpany {
+  font-size: 22rpx;
+  color: #a0a4a9;
+}
+
+.box-item .four .area {
+  color: #868b92;
+  font-size: 24rpx;
+}
+
+.box-item .four .area image {
+  width: 16rpx;
+  height: 19rpx;
+}
+
+.box-item .four .area .area-name {
+  margin-left: 10rpx;
+  color: #868b92;
+  font-size: 22rpx;
+}
+
+.loading_no {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 60rpx;
+  font-size: 22rpx;
+  color: #696969;
+}
+
+/* 空白页 */
+
+.no_data {
+  width: 100%;
+  margin-top: 20%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.white {
+  width: 125px;
+  height: 125px;
+}
+
+.no_text {
+  color: #ccc;
+  font-size: 32rpx;
+  margin-top: 48rpx;
+}

pages/parttime/index.js

@@ -0,0 +1,267 @@
+// pages/parttime/index.js
+import {
+  getParttimeList
+} from '../../services/index.js'
+import {
+  imgServerUrl,
+  imgServerUrl_new
+} from '../../config/config.js'
+var $ = require('../../libs/gdconf.js');
+var app = getApp();
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    list: [],
+    pageNo: 1, //当前分页
+    isScroll: true, //是否可以滚动
+    showNoMore: "没有更多信息...", //显示已无更多
+    cityName: '无锡',
+    cityCode: '320200',
+    selectId: -1, //选中筛选的条件
+    settlementMethod: [{
+        index: -1,
+        name: '不限'
+      },
+      {
+        index: 2,
+        name: '日结'
+      },
+      {
+        index: 1,
+        name: '周结'
+      },
+      {
+        index: 0,
+        name: '月结'
+      },
+      {
+        index: 3,
+        name: '完工结'
+      },
+      {
+        index: 4,
+        name: '其他'
+      },
+    ], //结算方式(1：正序；2：倒序)
+    settleme: 0, //结算方式索引
+    settle: '', //结算方式
+    sort: '', //距离排序（1：正序；2：倒序）
+    longitude: '', //经度
+    latitude: '', //纬度
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function(options) {
+    if (app.globalData.userInfo) {
+      console.log('有info===', app.globalData)
+      this.start();
+    } else if (this.data.canIUse) {
+      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+      // 所以此处加入 callback 以防止这种情况
+      app.userInfoReadyCallback = res => {
+        console.log('userInfoReadyCallback===', res.userInfo)
+        app.globalData.userInfo = res.userInfo;
+        this.start();
+      }
+    } else {
+      // 在没有 open-type=getUserInfo 版本的兼容处理
+      wx.getUserInfo({
+        success: res => {
+          app.globalData.userInfo = res.userInfo
+          console.log('兼容处理===', app.globalData)
+          this.start();
+        }
+      })
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function() {
+
+  },
+
+  start() {
+    this.parttimeList();
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function() {
+    let cityName = wx.getStorageSync('city') || app.globalData.userInfo.city || '无锡'
+    console.log(cityName)
+    this.setData({
+      cityName: cityName
+    })
+  },
+
+  //获取兼职列表数据
+  parttimeList(params) {
+    if (!this.data.isScroll) {
+      return false
+    }
+    let paramsObj = {
+      longitude: this.data.longitude,
+      latitude: this.data.latitude,
+      sort: this.data.sort,
+      settlementMethod: this.data.settle,
+      cityCode: this.data.cityCode,
+      pageNo: this.data.pageNo,
+      user_id: app.globalData.userId,
+      user_token: app.globalData.userToken
+    }
+    Object.assign(paramsObj);
+
+    getParttimeList(paramsObj).then(data => {
+      var pageNo = data.data.pageNo;
+      let setData = {}
+      // 是否可以滚动加载数据
+      if (data.data.isLast) {
+        setData.isScroll = false
+      }
+      if (data.data.parttimePosition.length != 0) {
+        setData.list = this.data.list.concat(data.data.parttimePosition)
+        setData.pageNo = pageNo;
+      } else {
+        setData.list = this.data.list;
+      }
+      this.setData({
+        ...setData
+      })
+
+    })
+  },
+
+  //获取当前定位
+  cxgps: function(e) {
+    var that = this;
+    wx.showLoading({
+      title: 'loading',
+      mask: true
+    });
+    var distance = wx.getStorageSync('distance');
+    if (distance) {
+      console.log("fg22", distance)
+      wx.hideLoading();
+      that.setData({
+        longitude: distance.longitude,
+        latitude: distance.latitude
+      })
+      that.start();
+    } else {
+      $.map.getRegeo({
+        success(data) {
+          console.log("fg", data)
+          wx.hideLoading();
+          var data = data[0];
+          that.setData({
+            longitude: data.longitude,
+            latitude: data.latitude
+          })
+          wx.setStorageSync('distance', data);
+          that.start();
+        }
+      })
+    }
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+    this.setData({
+      pageNo: 1, //当前分页
+      isScroll: true, //是否可以滚动
+      list: [],
+      selectId: -1, //选中筛选的条件
+      settleme: 0, //结算方式索引
+      settle: '', //结算方式
+      sort: '', //距离排序（1：正序；2：倒序）
+      longitude: "",
+      latitude: ""
+    })
+    this.start();
+    wx.stopPullDownRefresh();
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+    var pageNo = this.data.pageNo + 1;
+    this.setData({
+      pageNo
+    })
+    this.parttimeList();
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  },
+
+  doSalay: function(e) {
+    var selectId;
+    if (this.data.selectId == 0) {
+      selectId = -1;
+    } else {
+      selectId = 0;
+    }
+    this.setData({
+      selectId: selectId,
+    })
+  },
+
+  doDistince: function(e) {
+    var sort;
+    if (this.data.sort == 1) {
+      sort = 2;
+    } else {
+      sort = 1;
+    }
+    this.setData({
+      selectId: 1,
+      sort: sort,
+      settle: '', //重置
+      pageNo: 1, //当前分页
+      isScroll: true, //是否可以滚动
+      list: [],
+    })
+    console.log("sort", this.data.sort)
+    this.cxgps();
+  },
+
+  // 结算方式
+  settlemethod: function(e) {
+    var index = e.currentTarget.dataset.tt;
+    var settle = e.currentTarget.dataset.settle;
+    console.log("index", index)
+    console.log("settle", settle)
+    if (settle == -1) {
+      settle = '';
+    }
+    this.setData({
+      settleme: index,
+      settle: settle,
+      longitude: "",
+      latitude: "",
+      sort: "",
+      pageNo: 1, //当前分页
+      isScroll: true, //是否可以滚动
+      list: [],
+    })
+    this.start();
+    this.setData({
+      selectId: -1,
+    })
+  }
+})

pages/parttime/index.json

@@ -0,0 +1,10 @@
+{
+  "usingComponents": {
+    "i-icon": "../../ui/icon/index",
+    "i-notice-bar": "../../ui/notice-bar/index",
+    "i-tag": "../../ui/tag/index",
+    "marquee": "../../ui/marquee/index"
+  },
+  "enablePullDownRefresh": true,
+  "navigationBarTitleText": "兼职工作"
+}

pages/parttime/index.wxml

@@ -0,0 +1,108 @@
+<!--pages/parttime/index.wxml-->
+<wxs src="../tools.wxs" module="globalTools" />
+<!-- 顶部筛选 -->
+<view class='head'>
+  <view class='map'>
+    <view class='location'>
+      <image src='../../images/happyjob/location.png'></image>
+    </view>
+    <text class='cityname'>{{cityName}}</text>
+  </view>
+  <view class='salay' bindtap='doSalay'>
+    <text class="salayname">结算方式</text>
+    <view class='arrow1'>
+      <block wx:if="{{selectId == 0}}">
+        <image src='../../images/happyjob/arrow1.png'></image>
+      </block>
+      <block wx:else>
+        <image src='../../images/happyjob/arrow.png'></image>
+      </block>
+    </view>
+  </view>
+  <view class='salay' bindtap='doDistince'>
+    <text class="salayname {{selectId==1?'active':''}}">距离</text>
+    <view class='arrow'>
+      <block wx:if="{{selectId == 1}}">
+        <block wx:if="{{sort == 2}}">
+          <image src='../../images/happyjob/selected.png'></image>
+        </block>
+        <block wx:else>
+          <image src='../../images/happyjob/selected1.png'></image>
+        </block>
+      </block>
+      <block wx:else>
+        <block wx:if="{{sort == 2}}">
+          <image src='../../images/happyjob/no_selected.png'></image>
+        </block>
+        <block wx:else>
+          <image src='../../images/happyjob/no_selected1.png'></image>
+        </block>
+      </block>
+    </view>
+  </view>
+</view>
+
+<!-- 结算方式弹出框 -->
+<block wx:if="{{selectId == 0}}">
+  <view class='settlementMethod scrolled'>
+    <block wx:for="{{settlementMethod}}" wx:key="index" wx:for-item="settle">
+      <view class="settleme {{settleme==index?'active':''}}" bindtap='settlemethod' data-settle='{{settle.index}}' data-tt='{{index}}'>
+        <text>{{settle.name}}</text>
+      </view>
+    </block>
+  </view>
+</block>
+
+<!-- 列表 -->
+<block wx:if="{{list.length !=0 }}">
+  <view class='box-body'>
+    <view class='box-item' wx:for="{{list}}" wx:key="hpPositionId" bindtap='toDetail' data-id="{{item.id}}" data-cate="{{item.positionCategory}}" hover-class="item-hover">
+      <view class='box-item-info'>
+        <view class='one'>
+          <view class='left'>
+            {{item.positionName}}
+          </view>
+          <view class='salary'>
+            <image src='../../images/happyjob/dollor.png'></image>
+            {{item.salary}}
+          </view>
+        </view>
+        <view class='two'>
+          <view class='limit'>
+            <view>
+              <image src='../../images/happyjob/limit.png'></image>
+            </view>
+            <view>
+              <block wx:if="{{item.workDay}}">
+                <i-tag wx:for="{{globalTools.splitStr1(item.workDay,',')}}" wx:key="*this" wx:for-item="tag" i-class="tag-class">
+                  {{tag}}
+                </i-tag>
+                <text>(共计{{globalTools.splitStr1(item.workDay,',').length}}天)</text>
+              </block>
+            </view>
+          </view>
+          <view class='time'>{{item.settlementMethod}}</view>
+        </view>
+        <view class='three'>
+          <view class='area' wx:if="{{item.hpPositionAddressList}}">
+            <image src='../../images/happyjob/address.png'></image>
+            <text class='area-name'>{{item.hpPositionAddressList[0].adname}}</text>
+          </view>
+          <view wx:else>
+          </view>
+          <view class='time'>
+            <image src='../../images/happyjob/time.png'></image>
+            <text>{{globalTools.subStr(item.updateDate)}}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class="loading_no" hidden='{{isScroll}}'>{{showNoMore}}</view>
+</block>
+<block wx:else>
+  <view class='no_data'>
+    <image src="../../images/happyjob/no_data.png" class="white" />
+    <view class='no_text'>暂时还没有兼职工作 看看其他的吧</view>
+  </view>
+</block>

pages/parttime/index.wxss

@@ -0,0 +1,406 @@
+/* pages/parttime/index.wxss */
+
+page {
+  background-color: #f5f5f5;
+}
+
+/* 顶部筛选 */
+
+.head {
+  display: flex;
+  height: 100rpx;
+  width: 100%;
+  flex: 1 0 auto;
+  align-items: center;
+  background-color: #fff;
+  border-bottom: 2rpx solid #ddd;
+}
+
+.head .map {
+  display: flex;
+  white-space: nowrap;
+  flex-grow: 1;
+  font-size: 30rpx;
+  justify-content: center;
+  height: 40rpx;
+  align-items: center;
+  color: #525255;
+}
+
+.head .map .location {
+  display: flex;
+  align-items: center;
+  width: 20rpx;
+  height: 24rpx;
+  padding-right: 10rpx;
+}
+
+.map .location image {
+  width: 100%;
+  height: 100%;
+}
+
+.head .salay {
+  display: flex;
+  flex-grow: 1;
+  white-space: nowrap;
+  font-size: 26rpx;
+  height: 40rpx;
+  color: #868b92;
+  justify-content: center;
+  align-items: center;
+}
+
+.salay .salayname {
+  padding-right: 10rpx;
+}
+
+.salay .arrow {
+  display: flex;
+  width: 14rpx;
+  height: 8rpx;
+  align-items: center;
+}
+
+.salay .arrow image {
+  width: 100%;
+  height: 100%;
+}
+
+.salay .arrow1 {
+  display: flex;
+  width: 18rpx;
+  height: 10rpx;
+  align-items: center;
+}
+
+.salay .arrow1 image {
+  width: 100%;
+  height: 100%;
+}
+
+.salay .active {
+  color: #1e62a7;
+}
+
+/* 结算方式 */
+
+.scrolled {
+  position: fixed;
+  top: 100rpx;
+  left: 0;
+}
+
+.settlementMethod {
+  display: flex;
+  display: -webkit-flex;
+  width: 100%;
+  padding: 14rpx 30rpx;
+  box-sizing: border-box;
+  z-index: 999;
+  -webkit-transition: background 0.5s ease-in-out;
+  align-items: center;
+  height: 163rpx;
+  flex-wrap: wrap;
+  background-color: #fff;
+  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.06);
+  border-top: 2rpx solid #ddd;
+}
+
+.settlementMethod .settleme {
+  display: flex;
+  height: 48rpx;
+  align-items: center;
+  background: rgba(245, 245, 245, 1);
+  border-radius: 24rpx;
+  margin-right: 16rpx;
+  color: #706f6f;
+}
+
+.settlementMethod .settleme text {
+  padding: 0 30rpx;
+  font-size: 24rpx;
+}
+
+.settlementMethod .active {
+  background-color: #5191d3;
+  color: #fff;
+}
+
+/* 列表 */
+
+.box-body {
+  width: 100%;
+  overflow: hidden;
+}
+
+.box_title {
+  padding: 17rpx 0 17rpx 40rpx;
+  font-size: 28rpx;
+  color: #666;
+  border-bottom: 2rpx solid #ddd;
+}
+
+.box-item {
+  display: flex;
+  padding: 35rpx 40rpx 30rpx 40rpx;
+  font-size: 32rpx;
+  color: #232327;
+  box-sizing: border-box;
+  background-color: #fff;
+  border-bottom: 16rpx solid #f5f5f5;
+}
+
+.item-hover {
+  background: #f5f5f5;
+}
+
+.box-item .box-item-img {
+  display: flex;
+  flex: 0 0 auto;
+  width: 150rpx;
+  height: 150rpx;
+  border-radius: 6rpx;
+  background: #fff;
+}
+
+.box-item .box-item-info {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  flex-grow: 1;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.box-item .one {
+  display: flex;
+  justify-content: space-between;
+  color: #232327;
+  flex-direction: row;
+}
+
+.box-item .one .left {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  font-size: 32rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(35, 35, 39, 1);
+  width: 60%;
+}
+
+.box-item .one .salary {
+  font-size: 32rpx;
+  font-family: Arial-BoldMT;
+  font-weight: bold;
+  color: rgba(30, 98, 167, 1);
+}
+
+.box-item .one .salary image {
+  width: 18rpx;
+  height: 24rpx;
+}
+
+.box-item .two {
+  display: flex;
+  justify-content: space-between;
+  color: #909090;
+  font-size: 24rpx;
+  margin-top: 30rpx;
+  align-items: center;
+}
+
+.box-item .two .limit {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  overflow: hidden;
+  margin-right: 30rpx;
+  width: 80%;
+  color: #868b92;
+}
+
+.box-item .two .limit image {
+  width: 18rpx;
+  height: 18rpx;
+  margin-right: 10rpx;
+}
+
+.box-item .two .limit i-tag {
+  /* margin-left: 10rpx; */
+}
+
+.box-item .two .limit text {
+  margin-left: 10rpx;
+}
+
+.box-item .two .time {
+  color: #706f6f;
+  font-size: 20rpx;
+}
+
+.tag-class {
+  background: #e2f4fe !important;
+  margin-right: 6rpx;
+  white-space: nowrap;
+  border: none !important;
+  background: rgba(245, 245, 245, 1) !important;
+  border-radius: 14px !important;
+}
+
+.box-item .three {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 20rpx;
+  margin-top: 20rpx;
+}
+
+.box-item .three image {
+  width: 16rpx;
+  height: 19rpx;
+}
+
+.box-item .three .area {
+  color: #868b92;
+  font-size: 24rpx;
+}
+
+.box-item .three .area .area-name {
+  margin-left: 10rpx;
+  color: #868b92;
+  font-size: 24rpx;
+}
+
+.box-item .three .limit {
+  display: flex;
+  flex-grow: 1;
+  overflow: hidden;
+  margin-right: 10rpx;
+  width: 80%;
+  flex-direction: row;
+}
+
+.box-item .three .limit i-tag {
+  margin-left: 10rpx;
+}
+
+.box-item .three .time {
+  flex: 0 0 auto;
+  color: #868b92;
+}
+
+.box-item .three .time image {
+  width: 18rpx;
+  height: 18rpx;
+}
+
+.box-item .three .time text {
+  margin-left: 6rpx;
+  font-size: 20rpx;
+}
+
+.box-item .three .fan {
+  display: flex;
+  flex-direction: row;
+  color: #ff400e;
+  font-size: 20rpx;
+  align-items: center;
+}
+
+.box-item .three .fan image {
+  width: 24rpx;
+  height: 24rpx;
+  margin-right: 10rpx;
+}
+
+.box-item .four {
+  display: flex;
+  justify-content: space-between;
+  color: #909090;
+  font-size: 22rpx;
+  margin-top: 18rpx;
+  align-items: center;
+}
+
+.box-item .four .limit {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  overflow: hidden;
+  margin-right: 30rpx;
+  width: 80%;
+  color: #868b92;
+}
+
+.box-item .four .limit image {
+  width: 18rpx;
+  height: 18rpx;
+}
+
+.box-item .four .limit i-tag {
+  margin-left: 10rpx;
+}
+
+.box-item .four .limit text {
+  margin-left: 10rpx;
+}
+
+.box-item .four .time {
+  color: #706f6f;
+  font-size: 20rpx;
+}
+
+.box-item .four .commpany {
+  font-size: 22rpx;
+  color: #a0a4a9;
+}
+
+.box-item .four .area {
+  color: #868b92;
+  font-size: 24rpx;
+}
+
+.box-item .four .area image {
+  width: 16rpx;
+  height: 19rpx;
+}
+
+.box-item .four .area .area-name {
+  margin-left: 10rpx;
+  color: #868b92;
+  font-size: 22rpx;
+}
+
+.loading_no {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 60rpx;
+  font-size: 22rpx;
+  color: #696969;
+}
+
+/* 空白页 */
+
+.no_data {
+  width: 100%;
+  margin-top: 20%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.white {
+  width: 125px;
+  height: 125px;
+}
+
+.no_text {
+  color: #ccc;
+  font-size: 32rpx;
+  margin-top: 48rpx;
+}