Commit a2eb5892b1be2bc6efd26fcc458823fe7d019b34

Authored by taiyuan
1 parent 54967b4c

帮你预约

packageA/pages/my_service/appment_main.js
@@ -44,15 +44,6 @@ Page({ @@ -44,15 +44,6 @@ Page({
44 validay: "", //服务项目有效期 44 validay: "", //服务项目有效期
45 is_sub: 0, //判断是否重复提交 45 is_sub: 0, //判断是否重复提交
46 is_textea: 1, //备注是否是可输入 46 is_textea: 1, //备注是否是可输入
47 -  
48 -  
49 - // 拖拽参数  
50 - writePosition: [80, 90], //默认定位参数  
51 - writesize: [0, 0],// X Y 定位  
52 - window: [0, 0], //屏幕尺寸  
53 - write: [0, 0], //定位参数  
54 - scrolltop: 0,//据顶部距离  
55 - v:{},  
56 }, 47 },
57 //控制备注输入 48 //控制备注输入
58 check_text: function() { 49 check_text: function() {
@@ -542,10 +533,6 @@ Page({ @@ -542,10 +533,6 @@ Page({
542 * 生命周期函数--监听页面加载 533 * 生命周期函数--监听页面加载
543 */ 534 */
544 onLoad: function(options) { 535 onLoad: function(options) {
545 -  
546 -  
547 -  
548 -  
549 var th = this; 536 var th = this;
550 th.setData({ 537 th.setData({
551 options, 538 options,
@@ -660,11 +647,6 @@ Page({ @@ -660,11 +647,6 @@ Page({
660 is_textea: 1 647 is_textea: 1
661 }) 648 })
662 th.query_project(); 649 th.query_project();
663 -  
664 - th.queryMultipleNodes();  
665 -  
666 -  
667 -  
668 }, 650 },
669 //获取单个服务项目信息 651 //获取单个服务项目信息
670 query_project: function() { 652 query_project: function() {
@@ -761,129 +743,8 @@ Page({ @@ -761,129 +743,8 @@ Page({
761 743
762 } 744 }
763 }) 745 })
764 - },  
765 -  
766 -  
767 -  
768 - //计算默认定位值  
769 - getSysdata: function () {  
770 - var that = this;  
771 - wx.getSystemInfo({  
772 - success: function (e) {  
773 - that.data.window = [e.windowWidth, e.windowHeight];  
774 - var write = [];  
775 - write[0] = that.data.window[0] * that.data.writePosition[0] / 100;  
776 - write[1] = that.data.window[1] * that.data.writePosition[1] / 100;  
777 - console.log(write,45)  
778 - that.setData({  
779 - write: write  
780 - }, function () {  
781 - // 获取元素宽高  
782 - wx.createSelectorQuery().select('.td').boundingClientRect(function (res) {  
783 - // console.log('0x0x',res.width)  
784 - that.data.writesize = [res.width, res.height];  
785 - }).exec();  
786 - })  
787 - },  
788 - fail: function (e) {  
789 - console.log(e)  
790 - }  
791 - });  
792 - },  
793 - //开始拖拽  
794 - touchmove: function (e) {  
795 - // console.log(123);  
796 - var that = this;  
797 - var position = [e.touches[0].pageX - that.data.writesize[0] / 2, e.touches[0].pageY - that.data.writesize[1] / 2 - this.data.scrolltop];  
798 - that.setData({  
799 - write: position  
800 - });  
801 - this.getSysdata();  
802 - },  
803 - onPageScroll(e) {  
804 - this.data.scrolltop = e.scrollTop;  
805 - }, 746 + }
  747 +
806 748
807 - scroll(e) {  
808 - // console.log('scroll', e);  
809 - },  
810 -  
811 - rect() {  
812 - // console.log('click');  
813 - // wx.createSelectorQuery().select('.td').boundingClientRect(function (res) {  
814 - // console.log('0x0x',res);  
815 - // }).exec();  
816 - },  
817 -  
818 - print(e) {  
819 - console.log('e', e);  
820 - wx.createSelectorQuery().select('.td').boundingClientRect(function (res) {  
821 - console.log('0x0x',res);  
822 - // that.data.writesize = [res.width, res.height];  
823 - }).exec();  
824 - },  
825 -  
826 - //开始拖拽  
827 - touchmove: function (e) {  
828 - var that = this,th=that;  
829 - var position = [e.touches[0].pageX - that.data.writesize[0] / 2, e.touches[0].pageY - that.data.writesize[1] / 2 - this.data.scrolltop];  
830 - that.setData({  
831 - write: position  
832 - });  
833 -  
834 - },  
835 -  
836 -  
837 - touchend:function(e){  
838 - var that = this,th=that;  
839 - var position =th.data.write;  
840 - for(var i=0;i<7;i++){  
841 - for(var j=0; j<2;j++){  
842 - //如果坐标在网格内  
843 - if( position[0]>th.data.f_x+i*th.data.f_width && position[0]<th.data.f_x+ (i+1)*th.data.f_width &&  
844 - position[1]>th.data.f_y +j*th.data.f_hei && position[1]<th.data.f_y+(j+1)*th.data.f_hei ){  
845 -  
846 - var txt="v["+i+"]["+j+"]";  
847 - wx.showToast({  
848 - title:"222"+i+j  
849 - })  
850 -  
851 - th.setData({[txt]:123456});  
852 -  
853 - break;  
854 - }  
855 -  
856 - }  
857 - }  
858 - th.setData({copy_btn:0})  
859 -  
860 - },  
861 -  
862 -  
863 - //声明节点查询的方法  
864 - queryMultipleNodes: function() {  
865 - var th=this;  
866 - const query = wx.createSelectorQuery() // 创建节点查询器 query  
867 - query.select('.content_view').boundingClientRect() // 这段代码的意思是选择Id=productServe的节点,获取节点位置信息的查询请求  
868 - query.selectViewport().scrollOffset() // 这段代码的意思是获取页面滑动位置的查询请求  
869 - query.exec(res => {  
870 - console.log(res);  
871 - th.data.f_x=res[0].left;  
872 - th.data.f_y=res[0].top;  
873 - th.data.f_hei=res[0].height;  
874 - th.data.f_width=res[0].width;  
875 -  
876 - })  
877 - },  
878 -  
879 - getcopy:function(e){  
880 - var that=this;  
881 - var position = [e.detail.x - that.data.writesize[0] / 2, e.detail.y - that.data.writesize[1] / 2 - this.data.scrolltop];  
882 - that.setData({  
883 - write: position,copy_btn:1  
884 - });  
885 -  
886 - }  
887 -  
888 749
889 }) 750 })
890 \ No newline at end of file 751 \ No newline at end of file
packageA/pages/my_service/appment_main.wxml
1 <wxs module="filters" src="../../../utils/filter.wxs"></wxs> 1 <wxs module="filters" src="../../../utils/filter.wxs"></wxs>
2 <view class="container" catchtap="close"> 2 <view class="container" catchtap="close">
3 <image class="main" src="{{iurl}}/miniapp/images/yyservice/main.png"></image> 3 <image class="main" src="{{iurl}}/miniapp/images/yyservice/main.png"></image>
4 - <!-- Fram -->  
5 - <view class=""> 4 +
  5 + <view class="Fram">
6 <!-- 选择门店 --> 6 <!-- 选择门店 -->
7 - <view class="flex-vertical pdv20 jc-center"> 7 + <view class="flex-vertical mabot">
8 <!-- 门店 --> 8 <!-- 门店 -->
9 <view class="flex-vertical-between head fs30"> 9 <view class="flex-vertical-between head fs30">
10 <view>门</view> 10 <view>门</view>
@@ -17,187 +17,54 @@ @@ -17,187 +17,54 @@
17 <view class="angle">∟</view> 17 <view class="angle">∟</view>
18 </view> 18 </view>
19 </view> 19 </view>
20 -  
21 -  
22 - <view class="table flex fs26">  
23 - <view class="left t-c">  
24 - <view class="td pr">  
25 - <view class="time-box"><view class="time">时间</view></view>  
26 - <view class="md-box"><view class="md">美导</view></view>  
27 - </view>  
28 - <view class="td">8:00</view>  
29 - <view class="td">9:00</view>  
30 - </view>  
31 - <scroll-view scroll-x class="right" bindscroll="scroll">  
32 - <view class="flex t-c" bindtap="rect">  
33 - <view bindtap="rect">  
34 - <view class="td bg-pink">张三</view>  
35 - <view class="td" bindtap="print">100</view>  
36 - <view class="td">200</view>  
37 - <view class="td">200</view>  
38 - <view class="td">200</view>  
39 - <view class="td">200</view>  
40 - <view class="td">200</view>  
41 - <view class="td">200</view>  
42 - <view class="td">200</view>  
43 - <view class="td">200</view>  
44 - <view class="td">200</view>  
45 - <view class="td">200</view>  
46 - <view class="td">200</view>  
47 - <view class="td">200</view>  
48 - <view class="td">200</view>  
49 - <view class="td">200</view>  
50 - <view class="td">200</view>  
51 - <view class="td">200</view>  
52 - </view>  
53 -  
54 - <view>  
55 - <!-- <view class="td bg-pink">张三</view>  
56 - <view class="td">100</view>  
57 - <view class="td">200</view> -->  
58 - <view class="td blue">张三</view>  
59 - <view class="td content_view {{v[0][0]?'121':''}}" bindtap="print">{{v[0][0]}}</view>  
60 - <view class="td">{{v[0][1]}}</view>  
61 - </view>  
62 - <view>  
63 - <view class="td blue">张三</view>  
64 - <view class="td">{{v[1][0]}}</view>  
65 - <view class="td">{{v[1][1]}}</view>  
66 - </view>  
67 - <view>  
68 - <view class="td blue">张三</view>  
69 - <view class="td" bindtap="print">{{v[2][0]}}</view>  
70 - <view class="td">{{v[2][1]}}</view>  
71 - </view>  
72 - <view>  
73 - <view class="td blue">张三</view>  
74 - <view class="td">{{v[3][0]}}</view>  
75 - <view class="td">{{v[3][1]}}</view>  
76 - </view>  
77 -  
78 - <view>  
79 - <view class="td bg-pink">1张三</view>  
80 - <view class="td">300</view>  
81 - <view class="td">300</view>  
82 - </view>  
83 - <view>  
84 - <view class="td bg-pink">张三</view>  
85 - <view class="td">100</view>  
86 - <view class="td">200</view>  
87 - </view>  
88 - <view>  
89 - <view class="td bg-pink">张三</view>  
90 - <view class="td">100</view>  
91 - <view class="td">200</view>  
92 - </view>  
93 - <view>  
94 - <view class="td bg-pink">1张三</view>  
95 - <view class="td">300</view>  
96 - <view class="td">300</view>  
97 - </view>  
98 - <view>  
99 - <view class="td bg-pink">张三</view>  
100 - <view class="td">100</view>  
101 - <view class="td">200</view>  
102 - </view>  
103 - <view>  
104 - <view class="td bg-pink">张三</view>  
105 - <view class="td">100</view>  
106 - <view class="td">200</view>  
107 - </view>  
108 - <view>  
109 - <view class="td bg-pink">1张三</view>  
110 - <view class="td blue">张三</view>  
111 - <view class="td">300</view>  
112 - <view class="td">300</view>  
113 - </view>  
114 - </view>  
115 - </scroll-view>  
116 -  
117 - <view class="card">  
118 -  
119 - <view class="t-c c-c7"><text class="iconfont icon-sandian"></text></view>  
120 - <view class="t-c pd20">  
121 -  
122 - <view class="t-c pd20 " bindlongtap="getcopy" bindtouchmove="touchmove" bindtouchend="touchend" catch:touchmove >  
123 - <text class="iconfont icon-meirong fs40"></text>  
124 - <view class="fs24">项目1</view>  
125 - </view>  
126 -  
127 -  
128 - <view class="t-c pd20">  
129 - <text class="iconfont icon-meirong fs40"></text>  
130 - <view class="fs24">项目2</view>  
131 - </view>  
132 - <view class="t-c pd20">  
133 - <text class="iconfont icon-meirong fs40"></text>  
134 - <view class="fs24">项目3</view>  
135 - </view>  
136 - <view class="t-c pd20">  
137 - <text class="iconfont icon-meirong fs40"></text>  
138 - <view class="fs24">项目4</view>  
139 - </view>  
140 - <view class="t-c pd20">  
141 - <text class="iconfont icon-meirong fs40"></text>  
142 - <view class="fs24">项目5</view>  
143 - </view>  
144 - <view class="t-c pd20">  
145 - <text class="iconfont icon-meirong fs40"></text>  
146 - <view class="fs24">项目6</view>  
147 - </view>  
148 - </view>  
149 - </view>  
150 -  
151 -  
152 -  
153 <!-- 选择美容师 --> 20 <!-- 选择美容师 -->
154 - <!-- <view class="flex-vertical mabot"> --> 21 + <view class="flex-vertical mabot">
155 <!-- 门店 --> 22 <!-- 门店 -->
156 - <!-- <view class="flex-vertical-between head fs30"> 23 + <view class="flex-vertical-between head fs30">
157 <view>美</view> 24 <view>美</view>
158 <view>容</view> 25 <view>容</view>
159 <view>师</view> 26 <view>师</view>
160 - </view> --> 27 + </view>
161 28
162 <!-- 选择美容师 --> 29 <!-- 选择美容师 -->
163 - <!-- <view class="rel fs26"> -->  
164 - <!-- <view class="flex-vertical-between Cosmetology" bindtap="query_beautician"> 30 + <view class="rel fs26">
  31 + <view class="flex-vertical-between Cosmetology" bindtap="query_beautician">
165 <view class="{{beautician_name==''?'color':''}} value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view> 32 <view class="{{beautician_name==''?'color':''}} value ellipsis-1">{{beautician_name==''?'选择美容师':beautician_name}}</view>
166 <view class="angle">∟</view> 33 <view class="angle">∟</view>
167 - </view> --> 34 + </view>
168 <!-- 美容师下拉列表 --> 35 <!-- 美容师下拉列表 -->
169 - <!-- <view class="beauticians abs" wx:if="{{beautician}}"> --> 36 + <view class="beauticians abs" wx:if="{{beautician}}">
170 <!-- 到时候要做判断如果是index==循环的最后一个则把下边线去掉:(beaclone去掉的css) --> 37 <!-- 到时候要做判断如果是index==循环的最后一个则把下边线去掉:(beaclone去掉的css) -->
171 - <!-- <view class="beautician flex-vertical fs26" wx:for="{{beautician_list}}" bindtap="choice_beautician" data-baaindex="{{key}}" wx:for-index="key"> 38 + <view class="beautician flex-vertical fs26" wx:for="{{beautician_list}}" bindtap="choice_beautician" data-baaindex="{{key}}" wx:for-index="key">
172 <view class="StaffName ellipsis-1">{{item.StaffName}}</view> 39 <view class="StaffName ellipsis-1">{{item.StaffName}}</view>
173 </view> 40 </view>
174 <view> 41 <view>
175 </view> 42 </view>
176 - </view> -->  
177 - <!-- </view> -->  
178 - <!-- <view class="flex-center users" bindtap="nav_bea"> 43 + </view>
  44 + </view>
  45 + <view class="flex-center users" bindtap="nav_bea">
179 <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image> 46 <image class="user" src="{{iurl}}/miniapp/images/yyservice/user.png"></image>
180 - </view> -->  
181 - <!-- </view> --> 47 + </view>
  48 + </view>
182 49
183 <!-- 选择时间 --> 50 <!-- 选择时间 -->
184 - <!-- <view class="flex-vertical mabot"> --> 51 + <view class="flex-vertical mabot">
185 <!-- 门店 --> 52 <!-- 门店 -->
186 - <!-- <view class="head fs30"> 53 + <view class="head fs30">
187 <view>预约时间</view> 54 <view>预约时间</view>
188 - </view> --> 55 + </view>
189 56
190 <!-- 选择时间 --> 57 <!-- 选择时间 -->
191 - <!-- <view class="flex-vertical-between fs26 select" data-url="/packageA/pages/my_service/beauty_deta?url={{url}}&StorageId={{StorageId}}&BeauticianID={{beauticianID}}&itemId={{itemId}}&modify=0&projectId={{project_id}}" bindtap="goto"> 58 + <view class="flex-vertical-between fs26 select" data-url="/packageA/pages/my_service/beauty_deta?url={{url}}&StorageId={{StorageId}}&BeauticianID={{beauticianID}}&itemId={{itemId}}&modify=0&projectId={{project_id}}" bindtap="goto">
192 <view class="{{time==''?'color':''}}">{{time==""?'选择时间':time}}</view> 59 <view class="{{time==''?'color':''}}">{{time==""?'选择时间':time}}</view>
193 <view class="angle angler">∟</view> 60 <view class="angle angler">∟</view>
194 - </view> -->  
195 - <!-- </view> --> 61 + </view>
  62 + </view>
196 63
197 <!-- 备注 --> 64 <!-- 备注 -->
198 - <!-- <view class="flex Remarks"> --> 65 + <view class="flex Remarks">
199 <!-- 门店 --> 66 <!-- 门店 -->
200 - <!-- <view class="flex-space-between head fs30"> 67 + <view class="flex-space-between head fs30">
201 <view>备</view> 68 <view>备</view>
202 <view>注</view> 69 <view>注</view>
203 </view> 70 </view>
@@ -210,20 +77,20 @@ @@ -210,20 +77,20 @@
210 <view class="textarea {{remarks==''?'color':''}}" bindtap="check_text">{{remarks==''?'填写备注':remarks}} 77 <view class="textarea {{remarks==''?'color':''}}" bindtap="check_text">{{remarks==''?'填写备注':remarks}}
211 </view> 78 </view>
212 </block> 79 </block>
213 - </view> -->  
214 - <!-- </view> 80 + </view>
  81 + </view>
215 <view wx:if="{{tment_count!=''}}" class="notes flex-level-right fs24 color"> 82 <view wx:if="{{tment_count!=''}}" class="notes flex-level-right fs24 color">
216 <view>注:剩余可预约人数{{tment_count}}人</view> 83 <view>注:剩余可预约人数{{tment_count}}人</view>
217 - </view> --> 84 + </view>
218 85
219 - <!-- <view class="submitMax flex-space-center fs32"> --> 86 + <view class="submitMax flex-space-center fs32">
220 <!-- <navigator class="appment flex-center" url="/pages/user/my_service/tment_order_list"> 87 <!-- <navigator class="appment flex-center" url="/pages/user/my_service/tment_order_list">
221 <view>我的预约</view> 88 <view>我的预约</view>
222 </navigator> --> 89 </navigator> -->
223 - <!-- <form report-submit='true' bindtap="sub_success"> 90 + <form report-submit='true' bindtap="sub_success">
224 <button form-type="submit" class="sub_appment flex-center">帮你预约</button> 91 <button form-type="submit" class="sub_appment flex-center">帮你预约</button>
225 - </form> -->  
226 - <!-- </view> --> 92 + </form>
  93 + </view>
227 </view> 94 </view>
228 95
229 </view> 96 </view>
@@ -280,6 +147,4 @@ @@ -280,6 +147,4 @@
280 <view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view> 147 <view wx:if="{{store}}" class="disgraceful" bindtap="onclickstore"></view>
281 <warn id="warn"></warn> 148 <warn id="warn"></warn>
282 <!-- 制作一个圆球导航 --> 149 <!-- 制作一个圆球导航 -->
283 -<!-- <nav_b id="nav_b"></nav_b> -->  
284 -  
285 -<view wx:if="{{copy_btn}}" style="position:absolute;left:{{write[0]}}px;top:{{write[1]}}px;">项目1</view>  
286 \ No newline at end of file 150 \ No newline at end of file
  151 +<!-- <nav_b id="nav_b"></nav_b> -->
287 \ No newline at end of file 152 \ No newline at end of file
packageA/pages/my_service/appment_main.wxss
@@ -286,90 +286,3 @@ button { @@ -286,90 +286,3 @@ button {
286 height: 80rpx; 286 height: 80rpx;
287 color: rgb(159, 159, 159); 287 color: rgb(159, 159, 159);
288 } 288 }
289 -  
290 -  
291 -.table {  
292 - background-color: white;  
293 - border-top: 2rpx solid rgba(218, 217, 217, 1);  
294 - border-left: 2rpx solid rgba(218, 217, 217, 1);  
295 -}  
296 -.blue {  
297 - background: rgba(241, 252, 255, 1);  
298 -}  
299 -.bg-pink {  
300 - background-color: #FFDEF0;  
301 -}  
302 -.td {  
303 - width: 100rpx;  
304 - height: 100rpx;  
305 - display: flex;  
306 - align-items: center;  
307 - justify-content: center;  
308 - border-right: 2rpx solid rgba(218, 217, 217, 1);  
309 - border-bottom: 2rpx solid rgba(218, 217, 217, 1);  
310 -}  
311 -  
312 -.left {  
313 - box-shadow: 4px 0px 6px #e7e9eb;  
314 -}  
315 -  
316 -.right {  
317 - width: calc(100% - 102rpx);  
318 -  
319 - box-sizing: border-box;  
320 -}  
321 -  
322 -.card {  
323 - position: fixed;  
324 - top: 50%;  
325 - right: 0;  
326 - transform: translateY(-50%);  
327 - background-color: white;  
328 -  
329 - border-radius: 10rpx;  
330 - box-shadow: -2px 0px 6px #ccc;  
331 -}  
332 -  
333 -.icon-meirong {  
334 - color: pink;  
335 -}  
336 -  
337 -  
338 -  
339 -.time-box {  
340 - width: 0;  
341 - height: 0;  
342 - border-width: 50rpx;  
343 - border-style: solid;  
344 - border-color: transparent transparent white white;  
345 - position: absolute;  
346 - left: 0;  
347 - bottom: 0;  
348 -}  
349 -.time {  
350 - position: absolute;  
351 - bottom: -22px;  
352 - width: 53rpx;  
353 - z-index: 999;  
354 - left: -22px;  
355 - font-size: 12px;  
356 -}  
357 -  
358 -.md-box {  
359 - width: 0;  
360 - height: 0;  
361 - border-width: 50rpx;  
362 - border-style: solid;  
363 - border-color: #FFDEF0 #FFDEF0 transparent transparent;  
364 - position: absolute;  
365 - right: 0;  
366 - top: 0;  
367 -}  
368 -.md {  
369 - position: absolute;  
370 - top: -18px;  
371 - width: 53rpx;  
372 - z-index: 999;  
373 - right: -24px;  
374 - font-size: 12px;  
375 -}