一些页面

4 years ago · fef62649a3
43 changed files with 1916 additions and 119 deletions
--- a/app.json
+++ b/app.json
@ -1,75 +1,79 @@
 {
-  "pages": [
-    "pages/home/index",
-    "pages/user/index",
-    "pages/billboards/index",
-    "pages/topics/index",
-    "pages/billboards/firm/index",
-    "pages/billboards/park/index",
-    "pages/billboards/park/park-list/index",
-    "pages/billboards/policy/index",
-    "pages/billboards/policy/policy-list/index",
-    "pages/article/index",
-    "pages/register/index",
-    "pages/user/myActivity/index",
-    "pages/user/myFavorite/index",
-    "pages/user/myIdea/index",
-    "pages/user/myMessage/index",
-    "pages/user/myTopics/index",
-    "pages/user/myInfo/index",
-    "pages/user/myInfo/register/index",
-    "pages/topics/interactive/submitTopic/index",
-    "pages/topics/interactive/topicArticle/index",
-    "pages/billboards/park/park-category/index",
-    "pages/billboards/park/park-detail/index",
-    "pages/weChatAuth/index",
-    "pages/user/myWhistle/index",
-    "pages/user/myWhistle/whistleDetail/index",
-    "pages/user/myWhistle/evaluate/index",
-    "pages/resource/index",
-    "pages/resource/detail/index",
-    "pages/resource/navigate/index",
-    "pages/topics/loan/index",
-    "pages/topics/rent/room/index",
-    "pages/topics/rent/detail/index",
-    "pages/resource/demand/index"
-  ],
-  "window": {
-    "backgroundTextStyle": "light",
-    "navigationBarBackgroundColor": "#fff",
-    "navigationBarTitleText": "市北人才赋能平台",
-    "navigationBarTextStyle": "black"
-  },
-  "tabBar": {
-    "selectedColor": "#000",
-    "borderStyle": "white",
-    "list": [
-      {
-        "pagePath": "pages/home/index",
-        "text": "首页",
-        "iconPath": "/images/tab/home.png",
-        "selectedIconPath": "/images/tab/home_highlight.png"
-      },
-      {
-        "pagePath": "pages/billboards/index",
-        "text": "宣传栏",
-        "iconPath": "/images/tab/billboard.png",
-        "selectedIconPath": "/images/tab/billboard_highlight.png"
-      },
-      {
-        "pagePath": "pages/topics/index",
-        "text": "赋能中心",
-        "iconPath": "/images/tab/topics.png",
-        "selectedIconPath": "/images/tab/topics_highlight.png"
-      },
-      {
-        "pagePath": "pages/user/index",
-        "text": "我的",
-        "iconPath": "/images/tab/user.png",
-        "selectedIconPath": "/images/tab/user_highlight.png"
-      }
-    ]
-  },
-  "debug": true,
-  "sitemapLocation": "sitemap.json"
+    "pages": [
+        "pages/home/index",
+        "pages/user/index",
+        "pages/billboards/index",
+        "pages/topics/index",
+        "pages/billboards/firm/index",
+        "pages/billboards/park/index",
+        "pages/billboards/park/park-list/index",
+        "pages/billboards/policy/index",
+        "pages/billboards/policy/policy-list/index",
+        "pages/article/index",
+        "pages/register/index",
+        "pages/user/myActivity/index",
+        "pages/user/myFavorite/index",
+        "pages/user/myIdea/index",
+        "pages/user/myMessage/index",
+        "pages/user/myTopics/index",
+        "pages/user/myInfo/index",
+        "pages/user/myInfo/register/index",
+        "pages/topics/interactive/submitTopic/index",
+        "pages/topics/interactive/topicArticle/index",
+        "pages/billboards/park/park-category/index",
+        "pages/billboards/park/park-detail/index",
+        "pages/weChatAuth/index",
+        "pages/user/myWhistle/index",
+        "pages/user/myWhistle/whistleDetail/index",
+        "pages/user/myWhistle/evaluate/index",
+        "pages/resource/index",
+        "pages/resource/detail/index",
+        "pages/resource/navigate/index",
+        "pages/topics/loan/index",
+        "pages/topics/rent/room/index",
+        "pages/topics/rent/detail/index",
+        "pages/resource/demand/index",
+        "pages/ad/ad",
+        "pages/service/detail/detail",
+        "pages/service/settle/settle",
+        "pages/service/service"
+    ],
+    "window": {
+        "backgroundTextStyle": "light",
+        "navigationBarBackgroundColor": "#fff",
+        "navigationBarTitleText": "市北人才赋能平台",
+        "navigationBarTextStyle": "black"
+    },
+    "tabBar": {
+        "selectedColor": "#000",
+        "borderStyle": "white",
+        "list": [
+            {
+                "pagePath": "pages/home/index",
+                "text": "首页",
+                "iconPath": "/images/tab/home.png",
+                "selectedIconPath": "/images/tab/home_highlight.png"
+            },
+            {
+                "pagePath": "pages/billboards/index",
+                "text": "宣传栏",
+                "iconPath": "/images/tab/billboard.png",
+                "selectedIconPath": "/images/tab/billboard_highlight.png"
+            },
+            {
+                "pagePath": "pages/topics/index",
+                "text": "赋能中心",
+                "iconPath": "/images/tab/topics.png",
+                "selectedIconPath": "/images/tab/topics_highlight.png"
+            },
+            {
+                "pagePath": "pages/user/index",
+                "text": "我的",
+                "iconPath": "/images/tab/user.png",
+                "selectedIconPath": "/images/tab/user_highlight.png"
+            }
+        ]
+    },
+    "debug": true,
+    "sitemapLocation": "sitemap.json"
 }
--- a/app.wxss
+++ b/app.wxss
@ -4,4 +4,14 @@
 page{
   font-family: PingFangSC-Regular; 
   /* background-color: #f7f7f7; */
-}
+}
+
+.btnView{
+   position: fixed;
+   height:50px;
+   padding: 5px 20px 15px 20px;
+   bottom: 0;
+   left: 0;
+   right: 0;
+   background-color: white;
+ }
--- a/config.js
+++ b/config.js
@ -1,5 +1,5 @@
 const config = {
-  // api_url: 'http://192.168.42.39:7101/fqsb', // 服务器地址
+  // api_url: 'http://192.168.42.44:7101/fqsb', // 服务器地址
  api_url: 'https://shibeirencai.elinkit.com.cn:7101/fqsb' // 正式环境
  // api_url: 'https://dingoa.elinkit.com.cn/fqsb', // 测试环境
 }
--- a/pages/ad/ad.js
+++ b/pages/ad/ad.js
@ -0,0 +1,79 @@
+// pages/ad/ad.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        url:"../../images/ad.jpg",
+        show:true,
+        flag:1,
+        web:'http://www.rencaibeichu.cn'
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+        wx.setStorageSync('ad', 1)
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    },
+    onClose:function(){
+        wx.switchTab({
+            url: '/pages/home/index',
+        })
+    },
+    jump:function(){
+      this.setData({
+          flag:2
+      })
+    }
+})
--- a/pages/ad/ad.json
+++ b/pages/ad/ad.json
@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "van-popup": "/components/vant/popup/index"
+  }
+}
--- a/pages/ad/ad.wxml
+++ b/pages/ad/ad.wxml
@ -0,0 +1,23 @@
+<!--pages/ad/ad.wxml-->
+<block wx:if="{{flag == 1}}">
+    <van-popup
+    show="{{show}}"
+    closeable
+    round="{{false}}"
+    overlay="{{false}}"
+    close-icon="close"
+    position="bottom"
+    duration="0"
+    custom-style="height: 100%"
+    bind:close="onClose"
+  >
+  <!-- <view class="content" bindtap="jump" style="background: url({{url}}) center no-repeat;background-size: 100% 100%;">
+  </view> -->
+  <image class="content" src="{{url}}"></image>
+  </van-popup>
+</block>
+<block wx:else>
+  <web-view src="{{web}}"></web-view>
+</block>
+
+
--- a/pages/ad/ad.wxss
+++ b/pages/ad/ad.wxss
@ -0,0 +1,17 @@
+/* pages/ad/ad.wxss */
+.content{
+    width: 100%;
+    height:100%;
+}
+
+.van-bottom-enter-to{
+    border-radius: 0 !important;
+}
+
+text{
+    position: absolute;
+    top:15px;
+    right:50px;
+    color:#fff;
+    font-size: 35rpx;
+  }
--- a/pages/billboards/firm/index.js
+++ b/pages/billboards/firm/index.js
@ -1,6 +1,7 @@
 // pages/billboards/firm/index.js
 import { BillboardModel } from '../../../models/billboard.js'
 let billboard = new BillboardModel()
+import { config } from '../../../config.js'
 Page({

  /**
@ -12,6 +13,11 @@ Page({
    curCode: '',
    currPage: 1,
    tags: [],
+    img1:config.api_url + '/image/3.png',
+    img2:config.api_url + '/image/4.png',
+    img3:config.api_url + '/image/5.png',
+    img4:config.api_url + '/image/6.png',
+    img5:config.api_url + '/image/7.png',
  },

  /**
@ -107,5 +113,13 @@ Page({
      currPage: page
    })
    this.fetchList()
+  },
+  detail:function(e){
+    var id = e.currentTarget.dataset.code
+    wx.navigateTo({
+      url: '/pages/article/index?id=' + id,
+    })
  }
+
+
 })
--- a/pages/billboards/firm/index.wxml
+++ b/pages/billboards/firm/index.wxml
@ -1,5 +1,5 @@
 <!--pages/billboards/firm/index.wxml-->
-<view class="container">
+<!-- <view class="container">
  <view class="page_hd">
    <e-segment headerTitles="{{navs}}" bind:tapSegment="tapSegemnt"/>
  </view>
@ -14,4 +14,12 @@
    </block>
  </view>
  <view wx:if="{{list.length <= 0}}" class="page_empty">暂无数据</view>
+</view> -->
+
+<view class="container">
+  <image bindtap="detail" data-code="eb87e55ad7b6a5037c6be3e81c1c4ac5" data-title="新航运" class="billboard_item" src="{{img1}}"></image>
+  <image bindtap="detail" data-code="6674a925327e3c3501c049489d717f40" data-title="新贸易" class="billboard_item" src="{{img2}}"></image>
+  <image bindtap="detail" data-code="9c17a1b019a296924b5fe2534ec5d5b7" data-title="新金融" class="billboard_item" src="{{img3}}"></image>
+  <image bindtap="detail" data-code="6ffab05373955140c15a685da1692115" data-title="新一代信息技术" class="billboard_item" src="{{img4}}"></image>
+  <image bindtap="detail" data-code="270ce91829567d241901e9b675e377c0" data-title="优势特色产业" class="billboard_item" src="{{img5}}"></image>
 </view>
--- a/pages/billboards/firm/index.wxss
+++ b/pages/billboards/firm/index.wxss
@ -1,5 +1,5 @@
 /* pages/billboards/firm/index.wxss */
-.container {
+/* .container {

 }
 .page_hd {
@ -32,4 +32,18 @@
  font-size: 14px;
  color: #aaa;
  text-align: center;
+} */
+
+
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.billboard_item {
+  margin-bottom: 15px;
+  width: 90%;
+  height: 120px;
 }
--- a/pages/billboards/park/images/1.png
+++ b/pages/billboards/park/images/1.png
--- a/pages/billboards/park/images/2.png
+++ b/pages/billboards/park/images/2.png
--- a/pages/billboards/park/images/3.png
+++ b/pages/billboards/park/images/3.png
--- a/pages/billboards/park/images/4.png
+++ b/pages/billboards/park/images/4.png
--- a/pages/billboards/park/index.js
+++ b/pages/billboards/park/index.js
@ -1,12 +1,13 @@
 // pages/billboards/park/index.js
-
+import { config } from '../../../config.js'
 Page({

  /**
   * 页面的初始数据
   */
  data: {
-
+    img1:config.api_url + '/image/1.png',
+    img2:config.api_url + '/image/2.png',
  },

  /**
@ -25,4 +26,10 @@ Page({
    //   url: '/pages/billboards/park/park-list/index?code=' + code,
    // })
  },
+  detail:function(e){
+    var id = e.currentTarget.dataset.code
+    wx.navigateTo({
+      url: '/pages/article/index?id=' + id,
+    })
+  }
 })
--- a/pages/billboards/park/index.wxml
+++ b/pages/billboards/park/index.wxml
@ -1,7 +1,5 @@
 <!--pages/billboards/park/index.wxml-->
 <view class="container">
-  <image bindtap="onClickItem" data-code="park-cbd" data-title="中央商务区" class="billboard_item" src="images/1.png"></image>
-  <image bindtap="onClickItem" data-code="park-bhxq" data-title="滨海新区" class="billboard_item" src="images/2.png"></image>
-  <image bindtap="onClickItem" data-code="park-cxzy" data-title="创新资源集聚示范片区" class="billboard_item" src="images/3.png"></image>
-  <image bindtap="onClickItem" data-code="park-lswh" data-title="历史文化记忆示范片区" class="billboard_item" src="images/4.png"></image>
+  <image bindtap="onClickItem" data-code="park-lgqm" data-title="六个千亩产业聚集区" class="billboard_item" src="{{img1}}"></image>
+  <image bindtap="detail" data-code="abbc5afa5e21f4452d38c3d5192e3399" data-title="RCEP实验基地" class="billboard_item" src="{{img2}}"></image>
 </view>
--- a/pages/billboards/park/index.wxss
+++ b/pages/billboards/park/index.wxss
@ -7,7 +7,7 @@
  align-items: center;
 }
 .billboard_item {
-  margin-top: 15px;
+  margin-bottom: 15px;
  width: 90%;
-  height: 100px;
+  height: 120px;
 }
--- a/pages/billboards/park/park-category/index.js
+++ b/pages/billboards/park/park-category/index.js
@ -26,7 +26,7 @@ Page({
    this.setData({
      curCode: code,
    })
-    this.fetchTags()
+    this.fetchList()
  },
  onTapMoreItem (e) {
    const {code, name} = e.currentTarget.dataset
@ -35,27 +35,15 @@ Page({
    })
  },
  clickCardItem(e) {
-    console.log(e.detail)
-    const { id } = e.detail
+    var id = e.currentTarget.dataset.id
    wx.navigateTo({
-      url: `/pages/article/index?id=${id}`,
+      url: '/pages/article/index?id=' + id,
    })
  },
-  fetchList(code, index) {
-    billboard.fetchBailList(code, 1, res => {
-      console.log(res)
-      const datas = res.list
-      let tempDatas = []
-      datas.forEach(item => {
-        tempDatas.push({
-          id: item.id,
-          title: item.title,
-          image: item.titlePic
-        })
-      })
-
+  fetchList() {
+    billboard.fetchBailList(this.data.curCode, 1, res => {
      this.setData({
-        [`list[${index}].datas`]: tempDatas
+        list: res.list,
      })
    })
  },
--- a/pages/billboards/park/park-category/index.wxml
+++ b/pages/billboards/park/park-category/index.wxml
@ -2,17 +2,12 @@
 <view class="container">
  <block wx:for="{{list}}" wx:key="category-list-{{index}}">
    <view class="categroy_card_wrapper">
-      <mp-cell bindtap="onTapMoreItem" icon="/images/common/line.png" data-code="{{item.code}}"  
-      data-name="{{item.name}}"
+      <mp-cell bindtap="clickCardItem" icon="/images/common/line.png" data-id="{{item.id}}"  
+      data-name="{{item.title}}"
      link="true" 
      ext-class="cell-item">
-        <text slot="title" data-code="{{item.code}}">{{item.name}}</text>
+        <text slot="title" data-code="{{item.code}}">{{item.title}}</text>
      </mp-cell>
-      <view class="card_list">
-        <block wx:for="{{item.datas}}" wx:key="park-list-{{index}}">
-          <e-card cId="{{item.id}}" title="{{item.title}}" image="{{item.image}}" tag-class="e_card" bind:clickCardItem="clickCardItem" />
-        </block>
-      </view>
    </view>
  </block>
  <view wx:if="{{list.length <= 0}}" class="page_empty">暂无数据</view>
--- a/pages/home/index.js
+++ b/pages/home/index.js
@ -10,9 +10,23 @@ Page({
    currPage: 1,
    banners: [],
    hots: [],
-    list: []
+    list: [],
+    show:false,
+    url:"../../images/ad.jpg",
+    web:'https://wx.vzan.com/live/TpForm?zbid=860533452&oId=213742&type=0&v=1623841891714'
+    // web:'http://www.rencaibeichu.cn'
  },
  onLoad: function () {
+    const ad = wx.getStorageSync('ad')
+    if(!ad){
+      // wx.redirectTo({
+      //   url: '/pages/ad/ad',
+      // })
+      this.setData({
+        show:true
+      })
+      wx.setStorageSync('ad', 1)
+    }
    homeModel.fetchAuthToken(res => {
      //console.log('Home获取token成功后再请求数据')
      this.fetchHomeList()
@ -142,7 +156,12 @@ Page({
  // Banner/Hot/List事件
  tapSwiperItem (e) {
    //console.log(e.detail)
-    this.gotoArticePage(e.detail.id)
+    if(e.detail.id == '987a8433d925f36d3690fab91fe9e137'){
+      this.jump()
+    }else{
+      this.gotoArticePage(e.detail.id)
+    }
+    
  },
  tapFocusItem (e) {
    //console.log(e.detail)
@ -163,5 +182,18 @@ Page({
    wx.navigateTo({
      url: `/pages/article/index?id=${id}`,
    })
+  },
+  onClose(){
+    this.setData({
+      show:false
+    })
+  },
+  jump:function(){
+    this.setData({
+        show:false
+    })
+    wx.navigateTo({
+      url: '/pages/resource/navigate/index?url=' + encodeURIComponent(this.data.web)
+    })
  }
 })
--- a/pages/home/index.json
+++ b/pages/home/index.json
@ -5,6 +5,7 @@
    "e-swiper": "/components/swiper/index",
    "e-focus": "/components/focus/index",
    "e-cell": "/components/cell/index",
-    "e-empty": "/components/empty/index"
+    "e-empty": "/components/empty/index",
+    "van-popup": "/components/vant/popup/index"
  }
 }
--- a/pages/home/index.wxml
+++ b/pages/home/index.wxml
@ -14,4 +14,29 @@
      bind:clickListItem="clickListItem"/>
  </block>
  <e-empty loading="{{loading}}"/>
+
+  <!-- <van-popup
+    show="{{show}}"
+    closeable
+    round="{{false}}"
+    overlay="{{false}}"
+    close-icon="close"
+    position="bottom"
+    duration="0"
+    custom-style="height: 80%"
+    bind:close="onClose"
+  > -->
+  <van-popup 
+    show="{{ show }}" 
+    bind:close="onClose" 
+    closeable 
+    close-icon="close" 
+    custom-style="height: 80%;width:80%"
+    duration="3"
+    >
+  <!-- <view class="content" bindtap="jump" style="background: url({{url}}) center no-repeat;background-size: 100% 100%;">
+  </view> -->
+  <image class="content" src="{{url}}" bindtap="jump"></image>
+  </van-popup>
 </view>
+
--- a/pages/home/index.wxss
+++ b/pages/home/index.wxss
@ -1,3 +1,7 @@
 .container {
  font-family: PingFangSC-Regular; 
+}
+.content{
+  width: 100%;
+  height:100%;
 }
--- a/pages/resource/demand/index.js
+++ b/pages/resource/demand/index.js
@ -0,0 +1,76 @@
+// pages/resource/demand/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    type:'',
+    id:''
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    var type = options.type;
+    var id = options.id;
+
+    console.log(options)
+    if(type){
+      this.setData({
+        type:type,
+        id:id
+      })
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
--- a/pages/resource/demand/index.json
+++ b/pages/resource/demand/index.json
@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "talents": "/pages/topics/talents/index"
+  }
+}
--- a/pages/resource/demand/index.wxml
+++ b/pages/resource/demand/index.wxml
@ -0,0 +1,2 @@
+<!--pages/resource/demand/index.wxml-->
+<talents  type="{{type}}" tpId="{{id}}"/>
--- a/pages/resource/demand/index.wxss
+++ b/pages/resource/demand/index.wxss
@ -0,0 +1 @@
+/* pages/resource/demand/index.wxss */
--- a/pages/service/detail/detail.js
+++ b/pages/service/detail/detail.js
@ -0,0 +1,94 @@
+// pages/service/detail/detail.js
+import { TopicModel } from '../../../models/topic.js'
+var WxParse = require('../../../components/wxParse/wxParse.js');
+let topicModel = new TopicModel()
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+      show:true,
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+        var id = '7d986b726945d3201adf4ed8dadd2db4'
+        topicModel.getResourceDetail(id,res=>{
+            wx.setNavigationBarTitle({ title:res.result.typeName})
+    
+            this.setData({
+              detail:res.result,
+            })
+      
+            WxParse.wxParse('article', 'html', this.data.detail.content, this, 5);
+      
+          })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    },
+    onTap:function(){
+        // wx.navigateTo({
+        //     url: '/pages/service/settle/settle',
+        // })
+
+        this.setData({ show: true });
+    },
+    settle:function(){
+      wx.navigateTo({
+          url: '/pages/service/settle/settle',
+      })
+    },
+    onClose:function(){
+      this.setData({ show: false });
+    }
+})
--- a/pages/service/detail/detail.json
+++ b/pages/service/detail/detail.json
@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "van-popup": "/components/vant/popup/index"
+  }
+}
--- a/pages/service/detail/detail.wxml
+++ b/pages/service/detail/detail.wxml
@ -0,0 +1,49 @@
+<!--pages/service/detail/detail.wxml-->
+<import src="../../../components/wxParse/wxParse.wxml"/> 
+<view class="title">
+    <view class="line"></view>
+    服务内容
+</view>
+<view class="card"> 
+    <view class="con">
+        <!-- 为高层次人才优先办理人才落户手续，1个工作日内完成网上审核 -->
+        <template is="wxParse" data="{{wxParseData:article.nodes}}"/>
+    </view>
+</view>
+
+<view class="title">
+    <view class="line"></view>
+    办理部门
+</view>
+
+<view class="card"> 
+    <view class="con">
+        <view class="tit">市北区人社局</view>
+        电话：0532-58771882
+    </view>
+</view>
+
+
+<view class="publish" bindtap="onTap">
+<!-- <image src="/images/topic/publish.png"></image> -->
+    <text>预约</text>
+    <!-- <text>赋能</text> -->
+</view>
+
+
+<van-popup
+  show="{{ show }}"
+  position="bottom"
+  custom-style="height: 150px;"
+  bind:close="onClose"
+  round="{{false}}"
+>
+    <view class="popup-title">选择服务内容</view>
+    <view class="popup-con">
+        <view class="popup-btn-box">
+            <view class="popup-button" bindtap="settle">猎聘补贴</view>
+            <view class="popup-button" bindtap="settle">企业服务补贴</view>
+        </view>
+    </view>
+
+</van-popup>
--- a/pages/service/detail/detail.wxss
+++ b/pages/service/detail/detail.wxss
@ -0,0 +1,104 @@
+/* pages/service/detail/detail.wxss */
+page{
+    background-color: rgb(249,249,249);
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size: 15px;
+    color:rgb(79,79,79);
+}
+
+.title{
+    width: 90%;
+    height:50px;
+    display: flex;
+    align-items: center;
+    font-weight: bold;
+}
+
+.line{
+    height:16px;
+    width: 7px;
+    border-radius: 999em;
+    background-color: rgb(249,0,47);
+    margin-right:8px;
+}
+
+.card{
+    width:  90%;
+    margin-bottom: 30rpx;
+    box-shadow:0px 2px 4px 2px rgba(0, 0, 0, 0.05); 
+    border-width: 0rpx;
+    border-radius:0.5em;
+    flex-shrink: 0;
+    background-color: white;
+}
+
+.con{
+    font-size: 13px;
+    line-height: 20px;
+    margin:20px 20px;
+}
+
+.tit{
+    font-weight: bold;
+}
+
+.publish{
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    right: 10px;
+    bottom: 80px;
+    background-color: #fa4646;
+    border-radius: 50%;
+    color:white;
+    display:flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: center;
+    font-size: 15px;
+    line-height:18px;
+  }
+
+  .van-bottom-enter-to{
+      border-radius: 0 !important;
+  }
+
+  .van-bottom-leave-active{
+    border-radius: 0 !important;
+  }
+
+  .popup-title{
+    width: 100%;
+    height:40px;
+    font-weight: bold;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-bottom: 1px solid rgb(248,248,248);
+  }
+
+  .popup-con{
+      width: 100%;
+      height:100px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+  }
+
+  .popup-btn-box{
+      width: 80%;
+      display: flex;
+      justify-content: space-between;
+  }
+  .popup-button{
+      background-color: rgb(241,241,241);
+      width: 280rpx;
+      height:80rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+  }
--- a/pages/service/service.js
+++ b/pages/service/service.js
@ -0,0 +1,66 @@
+// pages/service/service.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})
--- a/pages/service/service.json
+++ b/pages/service/service.json
@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
--- a/pages/service/service.wxml
+++ b/pages/service/service.wxml
@ -0,0 +1,33 @@
+<!--pages/service/service.wxml-->
+<view class="column">
+    <view class="box">
+        <view class="tit">医疗保健</view>
+        <view class="con">
+            <view>2021-06-30 09:30</view>
+            <view>处理中</view>
+        </view>
+    </view>
+
+</view>
+
+<view class="column">
+    <view class="box">
+        <view class="tit">医疗保健</view>
+        <view class="con">
+            <view>2021-06-30 09:30</view>
+            <view>处理中</view>
+        </view>
+    </view>
+
+</view>
+
+<view class="column">
+    <view class="box">
+        <view class="tit">医疗保健</view>
+        <view class="con">
+            <view>2021-06-30 09:30</view>
+            <view>处理中</view>
+        </view>
+    </view>
+
+</view>
--- a/pages/service/service.wxss
+++ b/pages/service/service.wxss
@ -0,0 +1,38 @@
+/* pages/service/service.wxss */
+page{
+    background-color: rgb(249,249,249);
+    width: 100%;
+}
+
+.column{
+    width: 100%;
+    background-color: white;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 5px;
+}
+
+.box{
+    width: 90%;
+    height:80px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.tit{
+    width: 100%;
+    font-weight: bold;
+    font-size: 15px;
+    margin-bottom: 5px;
+}
+
+.con{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 12px;
+    color:rgb(96,94,94)
+}
--- a/pages/service/settle/settle.js
+++ b/pages/service/settle/settle.js
@ -0,0 +1,120 @@
+// pages/service/settle/settle.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        detail:'',
+        text:true,
+        imgUrl:[],
+        img:[],
+        message:0,
+        save:true,
+        type:9,
+        tp:1,
+        array: ['融创', '时代国际'],
+        index:''
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    },
+    photo:function(){
+        var th = this;
+        var img = th.data.img;
+        var count = img.length;
+        var num = 9 - count;
+        if(num <= 0){
+            wx.showToast({
+            title: '最多能选9张图片',
+            icon: 'none',
+            duration: 2000
+            })
+            return;
+        }
+        wx.chooseImage({
+            count: num,
+            sizeType: ['original', 'compressed'],
+            sourceType: ['album', 'camera'],
+            success(res) {
+            // tempFilePath可以作为img标签的src属性显示图片
+            const tempFilePaths = res.tempFilePaths
+            console.log(tempFilePaths);
+            
+            img = img.concat(tempFilePaths);
+            th.setData({
+                text:false,
+                img: img
+            })
+            }
+        })
+    },
+    del:function(e){
+        // console.log(e);
+        var id = e.currentTarget.dataset.id;
+        var th = this;
+    
+        var img = th.data.img;
+    
+        img.splice(id,1);
+    
+        th.setData({
+          img:img
+        })
+    
+      },
+
+})
--- a/pages/service/settle/settle.json
+++ b/pages/service/settle/settle.json
@ -0,0 +1,9 @@
+{
+  "usingComponents": {
+    "van-uploader": "/components/vant/uploader/index",
+    "mp-cells": "/components/weui/cells/cells",
+    "mp-cell": "/components/weui/cell/cell",
+    "mp-uploader": "/components/weui/uploader/uploader",
+    "e-ibutton": "/components/image-button/index"
+  }
+}
--- a/pages/service/settle/settle.wxml
+++ b/pages/service/settle/settle.wxml
@ -0,0 +1,712 @@
+<!--pages/service/settle/settle.wxml-->
+<block wx:if="{{type == 1}}">
+    <view class="content">
+        <view class="column">
+            <view class="cell">
+            <view class="tit">姓名</view>
+            <view class="con">陈二狗</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">身份证号</view>
+            <view class="con">3706868156116513521</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">联系电话</view>
+            <view class="con">15212121212</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">服务需求</view>
+            </view>
+            <textarea 
+                class="textArea" 
+                maxlength="1000" 
+                value="{{topicDetail}}" 
+                bindinput="bindTextAreaInput" 
+                placeholder="请描述您的服务需求" 
+                placeholder-style="font-size:12px;color:rgb(202,202,202)"
+            />
+            <view class="pic">
+                <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                <block wx:if="{{text}}">
+                    <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                </block>
+                <block wx:else>
+                    <view class="image-show">
+                    <block wx:for="{{img}}">
+                        <view class="img-box">
+                        <view class="X" bindtap="del" data-id="{{index}}">
+                            <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                        </view>
+
+                        <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                        </view>
+                    </block>
+                    </view>
+                </block>
+            </view>
+
+            <!-- <textarea class="textArea" maxlength="1000" value="{{topicDetail}}" bindinput="bindTextAreaInput" placeholder="请描述您的服务需求" />
+            
+            <mp-uploader binddelete="deleteFile" upload="{{uplaodFile}}" files="{{files}}" max-count="9" delete="true"></mp-uploader> -->
+        </view>
+    </view>
+    </block>
+    <block wx:if="{{type == 2}}">
+        <view class="content-tip">
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">姓名</view>
+                    <view class="con">陈二狗</view> 
+                </view>
+            </view>
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">性别</view>
+                    <view class="con">男</view> 
+                </view>
+            </view>
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">年龄</view>
+                    <view class="con">40</view> 
+                </view>
+            </view>
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">身份证号</view>
+                    <view class="con">3706868156116513521</view> 
+                </view>
+            </view>
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">联系电话</view>
+                    <view class="con">15055656565</view> 
+                </view>
+            </view>
+            <block wx:if="{{tp == 1}}">
+                <view class="column">
+                    <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                        <view class="picker-box">
+                            <view class="cell">
+                                <view class="tit">就诊时间</view>
+                                <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                            </view>
+                        </view>
+
+                    </picker>
+                </view>
+                
+                <view class="column">
+                    <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                        <view class="picker-box">
+                            <view class="cell">
+                                <view class="tit">医疗机构</view>
+                                <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                            </view>
+                        </view>
+
+                    </picker>
+                </view>
+                <view class="column">
+                    <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                        <view class="picker-box">
+                            <view class="cell">
+                                <view class="tit">预约专家</view>
+                                <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                            </view>
+                        </view>
+                    </picker>
+                </view>
+            
+            </block>
+            <block wx:if="{{tp == 2}}">
+                <view class="column">
+                    <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                        <view class="picker-box">
+                            <view class="cell">
+                                <view class="tit">预约时间</view>
+                                <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                            </view>
+                        </view>
+
+                    </picker>
+                </view>
+
+                <view class="column">
+                    <view class="cell">
+                    <view class="tit">服务需求</view>
+                    </view>
+                    <textarea 
+                        class="textArea" 
+                        maxlength="1000" 
+                        value="{{topicDetail}}" 
+                        bindinput="bindTextAreaInput" 
+                        placeholder="请描述您的服务需求" 
+                        placeholder-style="font-size:12px;color:rgb(202,202,202)"
+                    />
+                </view>
+                
+            </block>
+
+        </view>
+    </block>
+    <block wx:if="{{type == 3}}">
+        <view class="column">
+            <view class="cell">
+                <view class="tit">姓名</view>
+                <view class="con">陈二狗</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+                <view class="tit">联系电话</view>
+                <view class="con">15151515151</view> 
+            </view>
+        </view>
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">办理时间</view>
+                        <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">办理部门</view>
+                        <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+
+        <view class="column">
+            <view class="cell">
+            <view class="tit">办理事项</view>
+            </view>
+            <textarea 
+                class="textArea" 
+                maxlength="1000" 
+                value="{{topicDetail}}" 
+                bindinput="bindTextAreaInput" 
+                placeholder="请填写您的办理事项" 
+                placeholder-style="font-size:12px;color:rgb(202,202,202)"
+            />
+        </view>
+                
+    </block>
+    <block wx:if="{{type == 4}}">
+        <view class="column">
+            <view class="cell">
+                <view class="tit">姓名</view>
+                <view class="con">陈二狗</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+                <view class="tit">联系电话</view>
+                <view class="con">15151515151</view> 
+            </view>
+        </view>
+
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">参观景点</view>
+                        <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">参观时间</view>
+                        <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+
+        <view class="column">
+            <view class="cell">
+            <view class="tit">参观人员</view>
+            </view>
+            <textarea 
+                class="textArea" 
+                maxlength="1000" 
+                value="{{topicDetail}}" 
+                bindinput="bindTextAreaInput" 
+                placeholder="请填写参观人员" 
+                placeholder-style="font-size:12px;color:rgb(202,202,202)"
+            />
+        </view>
+    
+    </block>
+    <block wx:if="{{type == 5}}">
+        <view class="column">
+            <view class="cell">
+                <view class="tit">姓名</view>
+                <view class="con">陈二狗</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+                <view class="tit">联系电话</view>
+                <view class="con">15151515151</view> 
+            </view>
+        </view>
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">体育场馆</view>
+                        <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">使用时间</view>
+                        <view class="con">
+                            <block wx:if="{{index === ''}}">
+                                <text style="color:rgb(202,202,202)">请选择</text>
+                            </block>
+                            <block wx:else>
+                                {{array[index]}}
+                            </block>
+                            <text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text>
+                        </view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+    </block>
+    <block wx:if="{{type == 6}}">
+        <view class="column">
+            <view class="cell">
+            <view class="tit">姓名</view>
+            <view class="con">陈二狗</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">身份证号</view>
+            <view class="con">3706868156116513521</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">联系电话</view>
+            <view class="con">15212121212</view> 
+            </view>
+        </view>
+        <block wx:if="{{tp == 1}}">
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">入学证明（入学通知书、学校证明等）</view>
+                </view>
+                <view class="pic">
+                    <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                    <block wx:if="{{text}}">
+                        <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                    </block>
+                    <block wx:else>
+                        <view class="image-show">
+                        <block wx:for="{{img}}">
+                            <view class="img-box">
+                            <view class="X" bindtap="del" data-id="{{index}}">
+                                <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                            </view>
+
+                            <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                            </view>
+                        </block>
+                        </view>
+                    </block>
+                </view>
+            </view>
+
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">学费证明</view>
+                </view>
+                <view class="pic">
+                    <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                    <block wx:if="{{text}}">
+                        <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                    </block>
+                    <block wx:else>
+                        <view class="image-show">
+                        <block wx:for="{{img}}">
+                            <view class="img-box">
+                            <view class="X" bindtap="del" data-id="{{index}}">
+                                <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                            </view>
+
+                            <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                            </view>
+                        </block>
+                        </view>
+                    </block>
+                </view>
+            </view>
+        </block>
+        <block wx:if="{{tp == 2}}">
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">参加活动证明（报名证明、邀请函等）</view>
+                </view>
+                <view class="pic">
+                    <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                    <block wx:if="{{text}}">
+                        <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                    </block>
+                    <block wx:else>
+                        <view class="image-show">
+                        <block wx:for="{{img}}">
+                            <view class="img-box">
+                            <view class="X" bindtap="del" data-id="{{index}}">
+                                <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                            </view>
+
+                            <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                            </view>
+                        </block>
+                        </view>
+                    </block>
+                </view>
+            </view>
+
+            <view class="column">
+                <view class="cell">
+                    <view class="tit">费用证明（交通、酒店、培训费等）</view>
+                </view>
+                <view class="pic">
+                    <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                    <block wx:if="{{text}}">
+                        <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                    </block>
+                    <block wx:else>
+                        <view class="image-show">
+                        <block wx:for="{{img}}">
+                            <view class="img-box">
+                            <view class="X" bindtap="del" data-id="{{index}}">
+                                <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                            </view>
+
+                            <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                            </view>
+                        </block>
+                        </view>
+                    </block>
+                </view>
+            </view>
+        </block>
+
+    </block>
+    <view wx:if="{{type == 7}}" class="content">
+        <view class="column">
+            <view class="cell">
+                <view class="tit">姓名</view>
+                <view class="con">陈二狗</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+                <view class="tit">联系电话</view>
+                <view class="con">15151515151</view> 
+            </view>
+        </view>
+
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">预约场馆</view>
+                        <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">使用时间</view>
+                        <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">参会人数</view>
+                        <view class="con"><text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">用途</view>
+            </view>
+            <textarea 
+                class="textArea" 
+                maxlength="1000" 
+                value="{{topicDetail}}" 
+                bindinput="bindTextAreaInput" 
+                placeholder="请填写您的用途" 
+                placeholder-style="font-size:12px;color:rgb(202,202,202)"
+            />
+        </view>
+    
+    </view>
+    <view wx:if="{{type == 8}}" class="content">
+
+        <view class="column">
+            <view class="cell">
+            <view class="tit">姓名</view>
+            <view class="con">陈二狗</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">身份证号</view>
+            <view class="con">3706868156116513521</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">联系电话</view>
+            <view class="con">15212121212</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+                <view class="tit">合同（与人力资源联盟企业签订）</view>
+            </view>
+            <view class="pic">
+                <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                <block wx:if="{{text}}">
+                    <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                </block>
+                <block wx:else>
+                    <view class="image-show">
+                    <block wx:for="{{img}}">
+                        <view class="img-box">
+                        <view class="X" bindtap="del" data-id="{{index}}">
+                            <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                        </view>
+
+                        <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                        </view>
+                    </block>
+                    </view>
+                </block>
+            </view>
+        </view>
+
+        <view class="column">
+            <view class="cell">
+                <view class="tit">发票证明</view>
+            </view>
+            <view class="pic">
+                <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                <block wx:if="{{text}}">
+                    <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                </block>
+                <block wx:else>
+                    <view class="image-show">
+                    <block wx:for="{{img}}">
+                        <view class="img-box">
+                        <view class="X" bindtap="del" data-id="{{index}}">
+                            <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                        </view>
+
+                        <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                        </view>
+                    </block>
+                    </view>
+                </block>
+            </view>
+        </view>
+
+        <view class="column">
+            <view class="cell">
+                <view class="tit">实际到岗证明（连续三个月）</view>
+            </view>
+            <view class="pic">
+                <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                <block wx:if="{{text}}">
+                    <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                </block>
+                <block wx:else>
+                    <view class="image-show">
+                    <block wx:for="{{img}}">
+                        <view class="img-box">
+                        <view class="X" bindtap="del" data-id="{{index}}">
+                            <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                        </view>
+
+                        <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                        </view>
+                    </block>
+                    </view>
+                </block>
+            </view>
+        </view>
+
+        <view class="column">
+            <view class="cell">
+                <view class="tit">企业执照</view>
+            </view>
+            <view class="pic">
+                <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                <block wx:if="{{text}}">
+                    <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                </block>
+                <block wx:else>
+                    <view class="image-show">
+                    <block wx:for="{{img}}">
+                        <view class="img-box">
+                        <view class="X" bindtap="del" data-id="{{index}}">
+                            <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                        </view>
+
+                        <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                        </view>
+                    </block>
+                    </view>
+                </block>
+            </view>
+        </view>
+
+        <block wx:if="{{tp == 1}}">
+            <view class="column">
+            <view class="cell">
+                <view class="tit">薪酬证明</view>
+            </view>
+            <view class="pic">
+                <view class="photo" bindtap="photo"><text class="fa fa-camera fa-2x" style="color:rgba(0, 0, 0, 0.300);"></text></view>
+                <block wx:if="{{text}}">
+                    <text style="font-size:28rpx;color:rgba(0, 0, 0, 0.400);"></text>
+                </block>
+                <block wx:else>
+                    <view class="image-show">
+                    <block wx:for="{{img}}">
+                        <view class="img-box">
+                        <view class="X" bindtap="del" data-id="{{index}}">
+                            <text class="fa fa-minus-circle fa-lg" style="color: red;"></text>
+                        </view>
+
+                        <image style="width:100%;height:100%;position: relative;" src="{{item}}"></image>
+
+                        </view>
+                    </block>
+                    </view>
+                </block>
+            </view>
+        </view>
+        
+        </block>
+    </view>
+
+    <view wx:if="{{type == 9}}" class="content"> 
+        <view class="column">
+            <view class="cell">
+            <view class="tit">姓名</view>
+            <view class="con">陈二狗</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+            <view class="tit">联系电话</view>
+            <view class="con">15212121212</view> 
+            </view>
+        </view>
+        <view class="column">
+            <view class="cell">
+                <view class="tit">联系电话</view>
+                <view class="con"><input placeholder="请填写您的车牌号码" style="text-align:right" placeholder-style='text-align:right;color:rgb(202,202,202)'/></view> 
+            </view>
+        </view>
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">停车时间</view>
+                        <view class="con">
+                            <block wx:if="{{index === ''}}">
+                                <text style="color:rgb(202,202,202)">请选择</text>
+                            </block>
+                            <block wx:else>
+                                {{array[index]}}
+                            </block>
+                            <text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text>
+                        </view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+
+        <view class="column">
+            <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}" style="width:100%;">
+                <view class="picker-box">
+                    <view class="cell">
+                        <view class="tit">停车地点</view>
+                        <view class="con">
+                            <block wx:if="{{index === ''}}">
+                                <text style="color:rgb(202,202,202)">请选择</text>
+                            </block>
+                            <block wx:else>
+                                {{array[index]}}
+                            </block>
+                            <text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text>
+                        </view> 
+                    </view>
+                </view>
+            </picker>
+        </view>
+    
+    </view>
+
+
+
+<block wx:if="{{type == 2}}">
+    <view class="tips">
+        提醒：为提高效率便于安排，请您至少提前5个工作日提出预约申请，申请市场不超过1个月
+    </view>
+</block>
+
+<view class="btnView">
+  <e-ibutton title="提交" bind:onTap="submit"/>
+</view>
--- a/pages/service/settle/settle.wxss
+++ b/pages/service/settle/settle.wxss
@ -0,0 +1,127 @@
+/* pages/service/settle/settle.wxss */
+page{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size: 15px;
+}
+
+.content{
+  width: 100%;
+  height: calc(100% - 70px);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  overflow-y: scroll;
+}
+
+.content-tip{
+  width: 100%;
+  height: calc(100% - 70px - 45px);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  overflow-y: scroll;
+}
+.column{
+    width: 95%;
+    border-bottom: 0.5px solid rgb(248,248,248);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.column:last-child{
+  border-bottom: 0px solid rgb(248,248,248);
+}
+
+.cell{
+    width: 95%;
+    height:50px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.con{
+    color:rgb(108,108,108);
+    /* 202,202,202 */
+}
+
+.textArea{
+    width: 95%;
+    height:100px;
+    margin: 5px 0;
+}
+
+.uploader_bd{
+    width: 95%;
+}
+
+.pic{
+    width:90%;
+    height: 80px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    /* overflow: visible !important; */
+  }
+  
+.photo{
+    width:80px;
+    height:80px;
+    border:1px dashed rgba(0, 0, 0, 0.116);
+    display: flex;
+    align-items: center;
+    justify-content:center;
+    margin-right:30rpx;
+  }
+  
+  .image-show{
+    height: 100px;
+    padding-top:20px;
+    width:calc(100% - 80px);
+    overflow-x:scroll;
+    white-space:nowrap;
+    /* overflow: visible; */
+  }
+  
+  .img-box{
+    margin-right:15rpx;
+    width:80px;
+    height:80px;
+    /* border:1rpx solid rgba(0, 0, 0, 0.116); */
+    display: inline-flex;
+    position: relative;
+  }
+  
+  .X{
+    z-index:200;
+    right:-6px;
+    top:-6px;
+    line-height:25rpx;
+    font-weight:bold;
+    cursor:pointer;
+    font-size:30rpx;
+    position: absolute;
+  }
+
+  .picker-box{
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+
+  .tips{
+    bottom:70px;
+    height:45px;
+    position: fixed;
+    width: 90%;
+    display: flex;
+    align-items:center;
+    justify-content: center;
+    font-size: 11px;
+    color: rgb(249,0,47);
+    /* padding: 5px 0; */
+  }
--- a/pages/user/index.js
+++ b/pages/user/index.js
@ -16,7 +16,34 @@ Page({
  data: {
    messageTotal: Number,
    isAuth:false,
-    whistle:false
+    whistle:false,
+    service:[
+      [
+        {id:1,name:'人才落户'},
+        {id:2,name:'档案管理'},
+        {id:3,name:'子女入学'},
+        {id:4,name:'医疗保健'},
+        {id:5,name:'养老服务'},
+        {id:6,name:'政务服务'},
+        {id:7,name:'金融服务'},
+        {id:8,name:'交通出行'},
+        {id:9,name:'文化旅游'},
+        {id:10,name:'体育场馆'},
+      ],
+      [
+        {id:11,name:'家政服务'},
+        {id:12,name:'法律服务'},
+        {id:13,name:'酒店优惠'},
+        {id:14,name:'企业家沙龙'},
+        {id:15,name:'配偶安置'},
+        {id:16,name:'名人堂'},
+        {id:17,name:'学历教育'},
+        {id:18,name:'场景开放'},
+        {id:19,name:'企业招聘'},
+        {id:20,name:'机关停车'},
+      ]
+
+    ]
  },

  
@ -199,5 +226,11 @@ Page({
        url: '/pages/weChatAuth/index',
      })
    }
+  },
+  service:function(){
+    wx.navigateTo({
+      url: '/pages/service/service',
+    })
+    
  }
 })
--- a/pages/user/index.json
+++ b/pages/user/index.json
@ -2,6 +2,9 @@
  "navigationBarTitleText": "个人中心",
  "usingComponents": {
    "mp-cells":"/components/weui/cells/cells",
-    "mp-cell":"/components/weui/cell/cell"
+    "mp-cell":"/components/weui/cell/cell",
+    "van-grid": "/components/vant/grid/index",
+    "van-grid-item": "/components/vant/grid-item/index",
+    "van-tag": "/components/vant/tag/index"
    }
 }
--- a/pages/user/index.wxml
+++ b/pages/user/index.wxml
@ -1,13 +1,45 @@
 <!--pages/user/index.wxml-->
 <view class="container">
  <mp-cells ext-class="page_hd" wx:if="{{isAuth}}">
-    <mp-cell bindtap="onTapItem" data-type="myInfo">
+    <mp-cell bindtap="onTapItem" data-type="myInfo" link="true">
      <view class="user_hd" wx:if="{{avatarUrl && nickName}}">
        <image slot="icon" class="user_logo" src="{{avatarUrl}}"/>
-        <view slot="title" class="user_name">{{nickName}}</view>
+        <view slot="title" class="user_name">
+          <view>{{nickName}}</view>
+          <view>
+            <van-tag  type="primary" size="medium" round color="rgb(230,208,68)" style="margin-left:5px;">市北区高层次人才 <text class="fa fa-angle-right fa-lg" style="margin-left:5px;"></text></van-tag>
+            </view>
+        </view>
      </view>
    </mp-cell>
  </mp-cells>
+  <view class="title-cell">
+    <view class="con">
+      <view class="t">人才服务</view>
+      <view class="t2" bindtap="service"><text>我的服务</text><text class="fa fa-angle-right fa-lg" style="margin-left:5px;margin-bottom:1px;color:rgb(178,178,178)"></text></view>
+    </view>
+  </view>
+    <swiper class="nav" indicator-dots="{{true}}" indicator-color="rgb(217,217,217)" indicator-active-color="rgb(230,208,68)">
+      <block wx:for="{{service}}">
+        <swiper-item>
+        <van-grid column-num="5" border="{{false}}"> 
+          <block wx:for="{{item}}" wx:for-item="it">
+            <van-grid-item use-slot url="/pages/service/detail/detail">
+              <view class="circular">
+                <image src="../../images/icon/{{it.id}}.png" mode="aspectFit" class="icon"></image>
+              </view>
+              <view class="tit">{{it.name}}</view>
+            </van-grid-item>
+          </block>
+
+        </van-grid>
+      </swiper-item>
+      
+      </block>
+
+
+    </swiper>
+
  <mp-cells ext-class="page_hd" wx:if="{{!isAuth}}">
    <mp-cell bindtap="onTapItem" data-type="myInfo">
      <view class="user_hd">
--- a/pages/user/index.wxss
+++ b/pages/user/index.wxss
@ -1,4 +1,7 @@
 /* pages/user/index.wxss */
+page{
+  font-size: 15px;
+}
 .container {
  background-color: #FAFAFA;
  height: 100vh;
@ -27,7 +30,7 @@
 .user_logo {
  width: 80px;
  height: 80px;
-  border-radius: 5px;
+  border-radius: 50%;
 }
 .user_name {
  width: 400rpx;
@ -63,4 +66,62 @@
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
+}
+
+.nav{
+  height:410rpx;
+  background-color: white;
+}
+
+.circular{
+  width: 70rpx;
+  height: 70rpx;
+  /* border-radius: 50%; */
+  /* background-color: thistle; */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tit{
+  font-size: 10px;
+  margin-top: 5px;
+  color:rgb(103,103,103)
+}
+
+.icon{
+  width: 100%;
+  height: 100%;
+}
+
+.van-grid-item__content{
+  padding:16px 0 !important;
+}
+
+.title-cell{
+  width: 100%;
+  background-color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding:5px 0 ;
+}
+
+.con{
+  width: 90%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  
+}
+
+.t{
+  font-size: 15px;
+  font-weight: bold;
+}
+.t2{
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  color:rgb(106,106,106);
 }