我的预约，历史服务，预约主界面，选择时间，数据填充及样式调整

iceling
1 parent d2fff168
Showing 17 changed files with 241 additions and 139 deletions
pages/user/my_service/appment_main.js
pages/user/my_service/appment_main.wxml
pages/user/my_service/appment_main.wxss
pages/user/my_service/beauty_deta.js
pages/user/my_service/beauty_deta.wxml
pages/user/my_service/hist_service.js
pages/user/my_service/hist_service.wxml
pages/user/my_service/hist_service.wxss
pages/user/my_service/i_service.js
pages/user/my_service/i_service.wxml
pages/user/my_service/i_service.wxss
pages/user/my_service/tment_details.wxml
pages/user/my_service/tment_details.wxss
pages/user/my_service/tment_order_list.js
pages/user/my_service/tment_order_list.json
pages/user/my_service/tment_order_list.wxml
pages/user/my_service/tment_order_list.wxss
@@ -12,7 +12,7 @@ Page({
     iurl: a.imghost, //服务器网址
     store: 0, //是否显示服务门店列表
     beautician: 0, //是否显示美容师列表
-    beautician_name: null, //选中的美容师名称
+    beautician_name: "", //选中的美容师名称
     placeholder: "填写备注", //备注为空的placeholder
     store_list: [], //门店列表
     beautician_list: [], //美容师列表
@@ -27,6 +27,9 @@ Page({
     key_word: "", //是否按门店文字查询
     is_service_read: 0, //是否调用过门店接口
     is_search: 0, //是否通过key_word调用接口
+    is_success: 0, //是否提交成功
+    remarks: "", //备注
+    storageId: "", //线下门店id
   },
   onclickstore: function() {
     var th = this;
@@ -36,20 +39,77 @@ Page({
         store: 0,
         placeholder: "填写备注"
       })
+      wx.hideLoading();
     } else {
       th.setData({
         store: 1,
         placeholder: ""
       })
+      if (th.data.store_list.length < 1) {
+        th.query_store();
+      }
     }
   },
+  //输入的备注
+  input_remarks: function(e) {
+    var remarks = e.detail.value;
+    this.setData({
+      remarks: remarks
+    })
+  },
+  //提交预约
+  sub_success: function() {
+    var th = this;
+    var store = th.data.store_name; //门店
+    var bea_name = th.data.beautician_name; //选择的美容师
+    // var time = th.data.time; //选择服务的时间
+    // //提交预约前的判断
+    // if (store == "") {
+    //   getApp().my_warnning("请选择服务门店", 0, th);
+    // return false;
+    // } else if (bea_name == "") {
+    //   getApp().my_warnning("请选择美容师", 0, th);
+    // return false;
+    // } else if (time == "") {
+    //   getApp().my_warnning("请选择预约时间", 0, th);
+    // return false;
+    // }
+
+    var url = "/api/weshop/marketing/reservation/reservation/insert";
+    getApp().request.post(url, {
+      data: {
+        projectID: "",
+        beauticianID: "",
+        buyType: "",
+        storeId: a.stoid,
+        storageID: "",
+        arrangeTime: "",
+        userId: d.user_id,
+        remark: "",
+        states: ""
+      }
+    }).then(res => {
+      if (res.data.code == 0) {
+        th.setData({
+          is_success: 1
+        })
+        wx.navigateTo({
+          url: "/pages/user/my_service/tment_details"
+        });
+      } else {
+        getApp().my_warnning(res.data.msg, 0, th);
+      }
+    })
+  },
   goto: function(e) {
     var th = this;
-    if (th.data.beautician_name != null) {
+    if (th.data.store_name == "") {
+      getApp().my_warnning("请选择服务门店", 0, th);
+    } else if (th.data.beautician_name == "") {
+      getApp().my_warnning("请选择美容师", 0, th);
+    } else {
       var url = e.currentTarget.dataset.url;
       getApp().goto(url);
-    } else {
-      getApp().my_warnning("请先选择美容师", 0, th);
     }
   },
   //点击选择门店
@@ -70,10 +130,12 @@ Page({
   choice_store: function() {
     var th = this;
     var index = th.data.fir_pick_index;
-    var pickup_name = th.data.store_list[index].StorageName;
+    var store_name = th.data.store_list[index].StorageName;
+    var Id = th.data.store_list[index].Id;
     th.setData({
       store: 0,
-      store_name: pickup_name
+      store_name: store_name,
+      storageId: Id
     })
   },
   onReachBottom: function() {
@@ -89,8 +151,8 @@ Page({
   //分页查询门店信息
   query_store: function() {
     var th = this;
-    // var itemId = th.data.itemId;
-    var itemId = "08AD49D5-BAFD-4B5E-ABBA-B180EB64EED6";
+    // var itemId = th.data.itemId;//正式使用项目id
+    var itemId = "08AD49D5-BAFD-4B5E-ABBA-B180EB64EED6"; //测试的项目id
     var url = "/api/weshop/marketing/reservation/storage/page";
     var key_word = th.data.key_word;
     getApp().request.promiseGet(url, {
@@ -117,6 +179,8 @@ Page({
           ismore: ismore,
           is_service_read: 1,
         }), wx.stopPullDownRefresh(); //停止下拉刷新
+      } else {
+        getApp().my_warnning(res.data.msg, 0, th);
       }
     })
   },
@@ -124,7 +188,7 @@ Page({
   query_beautician: function() {
     var th = this;
     if (th.data.store_name == "") {
-      getApp().my_warnning("请先选择服务门店", 0, th);
+      getApp().my_warnning("请选择服务门店", 0, th);
     } else {
       if (th.data.beautician == 0) {
         th.setData({
@@ -135,8 +199,10 @@ Page({
           beautician: 0
         })
       }
-      var itemid = "08AD49D5-BAFD-4B5E-ABBA-B180EB64EED6";
-      var storageId = "FD8EC44A-6474-4BA1-A17C-A87306690E59";
+      var itemid = "08AD49D5-BAFD-4B5E-ABBA-B180EB64EED6"; //测试的项目id
+      // var itemid = th.data.itemId;//正式使用的项目id
+      // var storageId = th.data.storageId;//正式使用的线下门店id
+      var storageId = "FD8EC44A-6474-4BA1-A17C-A87306690E59"; //测试的线下门店id
       var url = "/api/weshop/marketing/reservation/staff/page";
       getApp().request.promiseGet(url, {
         data: {
@@ -187,7 +253,19 @@ Page({
         })
       }
     } else {
-      getApp().my_warnning("请输入门店名称",0,th);
+      getApp().my_warnning("请输入门店名称", 0, th);
+    }
+  },
+  //美容师预约跳转页面
+  nav_bea: function() {
+    var th = this;
+    var storageId = th.data.storageId; //线下门店id
+    if (storageId == "") {
+      getApp().my_warnning("请选择服务门店", 0, th);
+    } else {
+      wx.navigateTo({
+        url: "/pages/user/my_service/cosmetology_list"
+      });
     }
   },
   /**
@@ -204,7 +282,6 @@ Page({
    * 生命周期函数--监听页面显示
    */
   onShow: function() {
-    var th = this;
-    th.query_store();
+
   }
 })
 \ No newline at end of file
@@ -28,7 +28,7 @@
       <!-- 选择门店 -->
       <view class="rel fs26">
         <view class="flex-vertical-between Cosmetology" bindtap="query_beautician">
-          <view class="color value ellipsis-1">{{beautician_name==null?'选择美容师':beautician_name}}</view>
+          <view class="color value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view>
           <view class="angle">∟</view>
         </view>
         <!-- 美容师下拉列表 -->
@@ -41,9 +41,9 @@
           </view>
         </view>
       </view>
-      <navigator class="flex-center" url="/pages/user/my_service/cosmetology_list">
+      <view class="flex-center users" bindtap="nav_bea">
         <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image>
-      </navigator>
+      </view>
     </view>
     <!-- 选择时间 -->
@@ -69,7 +69,7 @@
       </view>
       <view class="flex fs26">
         <block wx:if="{{store==0 && beautician==0}}">
-          <textarea class="textarea" disabled="{{store || beautician}}" placeholder="填写备注" placeholder-class="fs26 color" value="">
+          <textarea class="textarea" disabled="{{store || beautician}}" placeholder="{{remarks==''?'填写备注':remarks}}" placeholder-class="fs26 color" value="{{remarks}}" bindinput="input_remarks">
           </textarea>
         </block>
         <block wx:else>
@@ -86,12 +86,12 @@
       <navigator class="appment flex-center" url="/pages/user/my_service/tment_order_list">
         <view>我的预约</view>
       </navigator>
-      <view class="sub_appment flex-center">
+      <view class="sub_appment flex-center" bindtap="sub_success">
         <view>提交预约</view>
       </view>
     </view>
-    <block wx:if="{{false}}">
+    <block wx:if="{{is_success}}">
       <view class="subSuccess fs36">
         <image class="Success" src="{{iurl}}/miniapp/images/yyservice/Success.png"></image>
         <view>预约成功</view>
@@ -138,7 +138,7 @@
     </view>
     <!-- 数据加载完毕 -->
-    <view wx:if="{{ismore && store_list.length>1 && key_word!=''}}" class="flex-center fs28 notstore">
+    <view wx:if="{{ismore && store_list.length>1}}" class="flex-center fs28 notstore">
       <view>数据加载完毕</view>
     </view>
   </scroll-view>
@@ -18,7 +18,9 @@
    transform: rotate(227deg);
    margin-bottom: 0rpx;
 }
-
+.users{
+  background-color: rgb(255,255,255);
+}
 .user {
   width: 40rpx;
   height: 40rpx;
@@ -10,12 +10,13 @@ Page({
    */
   data: {
     iurl: a.imghost,
+    defimgurl: "/miniapp/images/yyservice/yyxmdefault.jpg",
     seekTime: "2019-11-18", //当前服务预约选择的时间
     time_list: [], //可预约时间
     name: "", //美容师姓名
     comment: "", //美容师评价
     head_img: "", //美容师头像
-    time: ["08:00", "09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00"],
+    time: ["08:00:00", "09:00:00  ", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00"],
     time_index: 0, //选择预约时间下标
   },
@@ -83,7 +84,7 @@ Page({
       return;
     } else {
       th.setData({
-        time_index: time_index
+        time_index: index
       })
     }
   },
@@ -106,14 +107,15 @@ Page({
         var time_list = [];
         for (var i = 0; i < time.length; i++) {
           for (var ii = ii; ii < data.length; ii++) {
-            if (time[i] == data[ii]) {
-              time_list[i] = data[ii];
+            if (time[i] == data[ii].GroupHour) {
+              time_list[i] = data[ii].GroupHour;
               break;
             } else {
               time_list[i] = "";
             }
           }
         }
+        console.log("1111111111"+time_list.length);
         th.setData({
           time_list: time_list
         })
 <view class="container">
   <view class="backcolor"></view>
-
   <view class="comments">
     <!-- 个人信息 -->
     <view class="Personal">
       <view class="name fs36 ellipsis-1">{{name}}</view>
-      <image class="head" src="{{iurl+head_img}}" lazy-load="true" data-errorimg="{{iurl+head_img}}" binderror="bind_bnerr1" data-img="{{iurl+head_img}}"></image>
+      <image class="head" src="{{head_img==''?iurl+defimgurl:iurl+head_img}}" lazy-load="true" data-errorimg="{{iurl+head_img}}" binderror="bind_bnerr1" data-img="{{iurl+head_img}}"></image>
       <view class="introduce fs26">
         <block wx:if="{{comment!=''}}">
@@ -37,7 +36,7 @@
       <view class="Times">
         <view class="flex-center" wx:for="{{time}}" style="display:inline-block;">
-          <block wx:if="{{true}}">
+          <block wx:if="{{item==time_list[index]}}">
           <!-- {{item==time_list[index]}} -->
             <view class="Time flex-center {{time_index==index?'chTime':''}}" bindtap="Selection_time" data-index="{{index}}">
               <view>
@@ -12,8 +12,8 @@ Page({
     iurl: a.imghost,
     isPickerShow: false,
     isPickerRender: false,
-    startTime: 0,
-    endTime: 0,
+    startTime: "",
+    endTime: "",
     pickerConfig: {
       endDate: true,
       column: "",
@@ -26,9 +26,10 @@ Page({
     hist_List: [], //服务项目列表
     is_service_read: 0,
     curpage: 1, //当前分页数
-    pageSize: 10, //页大小
+    pageSize: 15, //页大小
     total: 0,
     ismore: 0, //是否加载完毕
+    is_screen: 0, //是否通过筛选来选择历史服务
   },
   pickerShow: function() {
     this.setData({
@@ -54,8 +55,11 @@ Page({
       endTime: data.endTime,
       val: 0,
       distance: 0,
+      hist_List: [],
+      curpage: 1,
+      is_screen: 1
     });
-    console.log("开始" + data.startTime + "结束" + data.endTime, );
+    th.query_hist();
   },
   /**
    * 生命周期函数--监听页面加载
@@ -93,46 +97,41 @@ Page({
     th.query_service();
   },
   query_hist: function() {
+
     var th = this;
-    var url = "http://localhost:8022/api/weshop/yy_fuwu_lishi";
-    wx.request({
-      url: url,
-      success: function(res) {
-        if (res.data.code == 0) {
-          th.setData({
-            hist_List: res.data.data.pageData,
-            total: res.data.data.total
-          })
-        }
+    var startTime = th.data.startTime.substring(0, 10); //开始
+    var endTime = th.data.endTime.substring(0, 10); //结束
+    var url = "/api/weshop/marketing/reservation/reservation/page";
+    getApp().request.promiseGet(url, {
+      data: {
+        storeId: a.stoid,
+        userId: 5682130, //5682130  d.user_id
+        beginDate: startTime,
+        endDate: endTime,
+        page: th.data.curpage,
+        pageSize: th.data.pageSize
+      }
+    }).then(res => {
+      if (res.data.code == 0) {
+        wx.hideLoading();
+        th.data.curpage++;
+        var arr1 = th.data.hist_List;
+        var arr2 = res.data.data.pageData;
+        var arr3 = [...arr1, ...arr2];
+        var ismore = 0;
+        if (arr3.length == res.data.total) ismore = 1
+        th.setData({
+          hist_List: arr3,
+          total: res.data.data.total,
+          ismore: ismore,
+          is_service_read: 1,
+        }), wx.stopPullDownRefresh(); //停止下拉刷新
+      } else {
+        th.setData({
+          is_service_read: 1
+        })
       }
     })
-
-    // var th = this;
-    // var url = "/api/weshop/marketing/reservation/sm/page";
-    // getApp().request.promiseGet(url, {
-    //   data: {
-    //     storeId: a.stoid,
-    //     userId: d.user_id,
-    //     page: th.data.curpage,
-    //     pageSize: th.data.pageSize
-    //   }
-    // }).then(res => {
-    //   if (res.data.code == 0) {
-    //     wx.hideLoading();
-    //     th.data.curpage++;
-    //     var arr1 = th.data.service_List;
-    //     var arr2 = res.data.data.pageData;
-    //     var arr3 = [...arr1, ...arr2];
-    //     var ismore = 0;
-    //     if (arr3.length == res.data.data.total) ismore = 1
-    //     th.setData({
-    //       service_List: arr3,
-    //       total: res.data.data.total,
-    //       ismore: ismore,
-    //       is_service_read: 1,
-    //     }), wx.stopPullDownRefresh(); //停止下拉刷新
-    //   }
-    // })
   },
   /**
    * 用户点击右上角分享
 <view wx:if="{{true}}" class="{{isPickerRender==true?'container':''}}">
   <!-- 点击方法 -->
-  <view class="exption flex-vertical-between fs28">
+  <view class="exption flex-vertical-between fs28" wx:if="{{hist_List.length>0 || is_screen==1}}">
     <view class="flex">
       共使用
       <view class="count">{{total}}</view>
@@ -26,18 +26,19 @@
       <!-- left -->
       <view>
         <view class="flex fs28">
-          <view class="itemName ellipsis-1">{{item.xm}}</view>
+          <view class="itemName ellipsis-1">{{item.ProjectName==''?'匿名':item.ProjectName}}</view>
           <view>(美容师：</view>
-          <view class="itemUsna ellipsis-1">{{item.name}}</view>
+          <view class="itemUsna ellipsis-1">{{item.BeauticianName}}</view>
           )
         </view>
-        <view class="fs24">{{item.type_a}}</view>
+        <view class="fs24">{{item.BillDate!=''?item.BillDate:item.ArrangeTime}}</view>
       </view>
       <!-- right -->
       <view class="serState fs32">
-        <view wx:if="{{item.type==1}}">未服务</view>
-        <view wx:if="{{item.type==2}}">已服务</view>
-        <view wx:if="{{item.type==3}}">已过期</view>
+        <view wx:if="{{item.State==0}}">未服务</view>
+        <view wx:if="{{item.State==1}}">已服务</view>
+        <view wx:if="{{item.State==2}}">已过期</view>
+        <view wx:if="{{item.State==3}}">已取消</view>
       </view>
     </view>
     <!-- 没有数据 -->
@@ -50,7 +51,7 @@
   </view>
 </view>
 <!-- 无历史服务 -->
-<view class="empty_order" wx:if="{{hist_List.length<1 && is_service_read}}">
+<view class="empty_order" wx:if="{{hist_List.length<1 && is_service_read && is_screen==0}}">
   <view class="flex-level">
     <image src="{{iurl}}miniapp/images/yyservice/no_history.png"></image>
   </view>
@@ -43,7 +43,7 @@ page {
 .item {
   margin: 0rpx 25rpx;
   padding: 0rpx 20rpx;
-  height: 135rpx;
+  height: 100rpx;
   border-bottom: 1rpx solid rgb(242, 242, 242);
 }
@@ -94,7 +94,6 @@ Page({
     ewm = ewm + tt;
     th.data.qr_code_object.val = ewm;
     th.data.qr_code_object.is_fw = 1;
-    console.log(ewm);
     var qc_com = th.selectComponent("#qc_com"); //组件的id
     qc_com.open(th.data.qr_code_object)
   },
 <!-- 背景图片 -->
 <view>
   <image class="backimage" src="{{iurl}}/miniapp/images/yyservice/backimage.png" mode="widthFix"></image>
-  <navigator class="History fs26" url="/pages/user/hist_service/hist_service">历史服务</navigator>
+  <navigator class="History fs26" url="/pages/user/my_service/hist_service">历史服务</navigator>
 </view>
 <!-- 预约内容 -->
@@ -49,7 +49,7 @@
         <view>立即使用</view>
       </view>
       <!-- 可预约 -->
-      <navigator class="flex-level appointment" url="/pages/user/my_service/appment_main?itemId={{item.ProjectID}}">
+      <navigator class="flex-level appointment yellow-b" url="/pages/user/my_service/appment_main?itemId={{item.ProjectID}}">
         <view>预约</view>
       </navigator>
     </view>
@@ -31,7 +31,7 @@ page {
   display: inline-block;
   margin-right: 15rpx;
   margin-bottom: 20rpx;
-  box-shadow: 0rpx 2rpx 3rpx 3rpx rgb(233, 233, 233);
+  box-shadow: 0rpx 3rpx 3rpx 3rpx rgb(233, 233, 233);
 }
 .abs {
@@ -45,11 +45,12 @@ page {
 }
 .Serviceitems {
-  position: relative;
+  position: absolute;
   top: 370rpx;
   left: 0rpx;
   z-index: 2;
   padding-left: 18rpx;
+  padding-bottom: 20rpx;
 }
 .itemimage {
@@ -98,7 +99,6 @@ page {
   height: 40rpx;
   line-height: 40rpx;
   border-radius: 25rpx;
-  background-color: #ff9c00;
   margin-left: 20rpx;
 }
@@ -82,17 +82,15 @@
   <!-- submit栏 -->
   <view class="subs flex-vertical-between fs32">
-    <view class="sub lb flex-center">
+    <view class="sub flex-center yellow-b">
       <view wx:if="{{tment_details.state==1}}">取消预约</view>
-      <view wx:if="{{tment_details.state==2 || tment_details.state==3}}">删除订单</view>
+      <navigator wx:if="{{tment_details.state!=1}}" url="/pages/user/my_service/tment_order_list">我的服务</navigator>
     </view>
-
     <view class="sub rb flex-center">
       <navigator wx:if="{{tment_details.state==1}}" url="/pages/user/my_service/beauty_deta">更改时间</navigator>
       <navigator wx:if="{{tment_details.state==2}}" url="/pages/user/my_service/tment_eval">发表评价</navigator>
       <navigator wx:if="{{tment_details.state==3}}" url="/pages/user/my_service/appment_main">重新预约</navigator>
     </view>
-
   </view>
 </view>
 <warn id="warn"></warn>
 \ No newline at end of file
@@ -87,10 +87,6 @@ page {
   color: rgb(255, 255, 255);
 }
-.lb {
-  background-color: rgb(153, 153, 153);
-}
-
 .rb {
   background-color: rgb(214, 1, 33);
 }
 var e = getApp(),
   a = e.globalData.setting,
   os = a,
-  t = e.request;
+  t = e.request,
+  d = e.globalData;
 Page({
   /**
@@ -10,6 +11,7 @@ Page({
   data: {
     iurl: a.imghost,
     activeCategoryId: 0, //类别选中下标
+    defimgurl: "/miniapp/images/yyservice/yyxmdefault.jpg",
     categories: [{
       name: "全部",
       id: 0
@@ -43,14 +45,18 @@ Page({
     var activeCategoryId = th.data.activeCategoryId;
     if (id != activeCategoryId) {
       th.setData({
-        activeCategoryId: id
+        activeCategoryId: id,
+        tm_order_list: [],
+        curpage: 1,
+        ismore: 0
       })
+      th.query_orderList();
     } else {
       return false;
     }
   },
   //显示核销码
-  code_show: function (e) {
+  code_show: function(e) {
     var th = this;
     //--获取成功的时候--
     var no = e.currentTarget.dataset.order_sn;
@@ -63,27 +69,41 @@ Page({
   },
   query_orderList: function() {
     var th = this;
-    var url = "http://localhost:8022/api/weshop/yy_order_list";
-    wx.request({
-      url: url,
-      success: function(res) {
-        if (res.data.code == 0) {
-          th.setData({
-            tm_order_list: res.data.data.pageData
-          })
-        }
+    var url = "/api/weshop/marketing/reservation/reservation/page";
+
+    var state_index = th.data.activeCategoryId;
+    if (state_index == 0) {
+      state_index = "";
+    } else {
+      --state_index;
+    }
+    getApp().request.promiseGet(url, {
+      data: {
+        storeId: a.stoid,
+        userId: 5682130,
+        state: state_index
+      }
+    }).then(res => {
+      if (res.data.code == 0) {
+        var data = res.data.data.pageData;
+        th.setData({
+          tm_order_list: data
+        })
+      } else {
+        getApp().my_warnning(res.data.msg, 0, this); //调用失败提示
       }
     })
+
   },
-  //删除预约记录
-  deleteOrderData: function(e) {
-    var th = this;
-    var index = e.currentTarget.dataset.order_id;
-    var arr = th.data.tm_order_list;
-    arr.splice(index, 1);
-    th.setData({
-      tm_order_list: arr
-    })
+  //图片失败，默认图片
+  bind_bnerr1: function(e) {
+    var _errImg = e.target.dataset.errorimg;
+    var _Img = e.target.dataset.img;
+    if (_Img != undefined) {
+      var _errObj = {};
+      _errObj[_errImg] = "/miniapp/images/no_cate_def.png";
+      this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉 ;
+    }
   },
   /**
    * 生命周期函数--监听页面显示
@@ -97,6 +117,14 @@ Page({
    * 页面上拉触底事件的处理函数
    */
   onReachBottom: function() {
+    var th = this;
+    if (this.data.total <= th.data.pageSize) return;
+    if (this.data.ismore) return;
+
+    wx.showLoading({
+      title: '加载中...',
+    })
+    th.query_orderList();
+  },
-  }
 })
 \ No newline at end of file
 {
   "navigationBarTitleText": "我的预约",
   "usingComponents": {
-    "qr_code": "/components/qr_code/qr_code"
+    "qr_code": "/components/qr_code/qr_code",
+    "warn": "/components/long_warn/long_warn"
   }
 }
 \ No newline at end of file
 <view class="container">
   <!-- 导航栏 -->
   <view class="type-navbar padding flex-vertical fs30">
-    <view class="type-box flex-center {{activeCategoryId==item.id?'chtypebox':''}}" wx:for="{{categories}}">
-      <view data-id="{{item.id}}" bindtap="changeTab">{{item.name}}</view>
+    <view class="type-box flex-center {{activeCategoryId==item.id?'chtypebox':''}}" wx:for="{{categories}}" bindtap="changeTab" data-id="{{item.id}}">
+      <view>{{item.name}}</view>
     </view>
   </view>
   <view wx:if="{{true}}">
@@ -11,13 +11,13 @@
       <!-- 商品编号和状态 -->
       <view class="Commodity_number flex-vertical-between fs26 padding">
         <!--商品编号 -->
-        <text class="order_number ellipsis-1" selectable='true'>订单编号：{{item.order_sn}}</text>
+        <text class="order_number ellipsis-1" selectable='true'>订单编号：{{item.Number}}</text>
         <!-- 订单状态 -->
         <view class="flex-center state">
-          <view wx:if="{{item.is_prom==1}}">未服务</view>
-          <view wx:if="{{item.is_prom==2}}">已服务</view>
-          <view wx:if="{{item.is_prom==3}}">已过期</view>
-          <view wx:if="{{item.is_prom==4}}">已取消</view>
+          <view wx:if="{{item.State==0}}">未服务</view>
+          <view wx:if="{{item.State==1}}">已服务</view>
+          <view wx:if="{{item.State==2}}">已过期</view>
+          <view wx:if="{{item.State==3}}">已取消</view>
         </view>
       </view>
@@ -26,45 +26,45 @@
         <view class="flex-center fs26">
           <view class="itemimage">
-            <image class="itemimage" src="{{item.img}}"></image>
+            <image class="itemimage" src="{{item.ImageUrl==''?iurl+defimgurl:item.ImageUrl}}" lazy-load="true" data-errorimg="tm_order_list[{{index}}].ImageUrl" binderror="bind_bnerr1" data-img="{{item.ImageUrl}}"></image>
           </view>
           <!-- 项目内容 -->
           <view class="details">
             <view class="item flex-vertical">
               <view class="itemname">预约门店:</view>
-              <view class="itemvalue ellipsis-1">{{item.store}}</view>
+              <view class="itemvalue ellipsis-1">{{item.StorageName}}</view>
             </view>
             <view class="item flex-vertical">
               <view class="itemname">预约项目:</view>
-              <view class="itemvalue ellipsis-1">{{item.goods_name}}</view>
+              <view class="itemvalue ellipsis-1">{{item.projectName}}</view>
             </view>
             <view class="item flex-vertical">
               <view class="itemname">美容师:</view>
-              <view class="itemvalue ellipsis-1">{{item.meirongshi}}</view>
+              <view class="itemvalue ellipsis-1">{{item.BeauticianName}}</view>
             </view>
             <view class="item flex-vertical">
               <view class="itemname">预约时间:</view>
-              <view>{{item.time}}</view>
+              <view>{{item.ArrangeTime}}</view>
             </view>
-            <view class="item flex-vertical" wx:if="{{item.endtime==undefined?false:true}}">
+            <view class="item flex-vertical" wx:if="{{item.BillDate==''?false:true}}">
               <view class="itemname">服务时间:</view>
-              <view>{{item.endtime}}</view>
+              <view>{{item.BillDate}}</view>
             </view>
           </view>
         </view>
       </navigator>
       <view class="Unim flex-right-vertical fs26 padding">
-        <image wx:if="{{item.is_prom==1}}" src="{{iurl}}miniapp/images/order/code.png" class="code" bindtap="code_show" data-order_sn="{{item.order_sn}}"></image>
-        <block wx:if="{{item.is_prom==1}}">
+        <image wx:if="{{item.State==0}}" src="{{iurl}}miniapp/images/order/code.png" class="code" bindtap="code_show" data-order_sn="{{item.Number}}"></image>
+        <block wx:if="{{item.State==0}}">
           <navigator url="/pages/user/my_service/tment_details" class="Unimportance flex-level">取消预约</navigator>
         </block>
         <block wx:else>
-          <navigator wx:if="{{item.is_prom==2 || item.is_prom==3}}" url="/pages/user/my_service/tment_details" class="Unimportance flex-level">查看详情</navigator>
+          <navigator wx:if="{{item.State!=1}}" url="/pages/user/my_service/tment_details" class="Unimportance flex-level">查看详情</navigator>
         </block>
-        <navigator wx:if="{{item.is_prom==1}}" class="important Unimportance flex-level" url="/pages/user/my_service/beauty_deta">更改时间</navigator>
-        <navigator wx:if="{{item.is_prom==2}}" url="/pages/user/my_service/tment_eval" class="important Unimportance flex-level">发表评价</navigator>
-        <navigator wx:if="{{item.is_prom==3}}" url="/pages/user/my_service/appment_main" class="important Unimportance flex-level">重新预约</navigator>
+        <navigator wx:if="{{item.State==0}}" class="important Unimportance flex-level" url="/pages/user/my_service/beauty_deta">更改时间</navigator>
+        <navigator wx:if="{{item.State==1}}" url="/pages/user/my_service/tment_eval" class="important Unimportance flex-level">发表评价</navigator>
+        <navigator wx:if="{{item.State==2}}" url="/pages/user/my_service/appment_main" class="important Unimportance flex-level">重新预约</navigator>
       </view>
     </view>
@@ -77,7 +77,7 @@
 </view>
 <!-- 无预约订单 -->
-<view class="empty_order" wx:if="{{tm_order_list.length<1 && is_service_read}}">
+<view class="empty_order" wx:if="{{tm_order_list.length<1 && is_service_read }}">
   <view class="flex-level">
     <image src="{{iurl}}miniapp/images/order/empty_order.png"></image>
   </view>
@@ -89,4 +89,5 @@
   </view>
 </view>
 <!-- 弹出框扫描 -->
-<qr_code id="qc_com"></qr_code>
 \ No newline at end of file
+<qr_code id="qc_com"></qr_code>
+<warn id="warn"></warn>
 \ No newline at end of file
 page {
   height: 100%;
-  background-color: rgb(238, 238, 238);
 }
 .container {