menu.wxml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. <wxs module="filter" src="./util.wxs"></wxs>
  2. <view>
  3. <!-- 头部 -->
  4. <view class="head-bg">
  5. <image style="width:100%;height:100%" mode="scaleToFill" src="{{imgUrl}}index_bg.png"></image>
  6. </view>
  7. <!-- 弹窗 -->
  8. <view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
  9. <view class="evaluate" wx:if="{{showModal}}">
  10. <view class="conment-release">
  11. <view class="title">
  12. <image src="{{dishesDetails.imgurl ? baseUrl + '/' + dishesDetails.imgurl : imgUrl + 'empty-dish-pic.png'}}" alt="" class="image"></image>
  13. <view class="contl">{{dishesDetails.dishesName}}</view>
  14. </view>
  15. <view class="score">
  16. <view style="font-weight: 600;">评分:</view>
  17. <view>
  18. <image style="width: 30rpx;height: 30rpx;margin: 0 5rpx;" wx:for="{{starsList}}" wx:key="index" bindtap="chooseStars" data-index="{{index}}" src="{{item}}" alt="" />
  19. </view>
  20. </view>
  21. <view class="message">
  22. <view style="font-weight: 600;">评论:</view>
  23. <textarea bindinput='blurEvaluation' cols="30" rows="10" maxlength="200" placeholder="说说菜品亮点和不足吧(不少于10字)"></textarea>
  24. </view>
  25. <view class="upload">
  26. <view style="position: relative;width: 120rpx;" wx:for="{{imgList}}" wx:key="index">
  27. <image style="width: 80rpx;height: 80rpx;" src="{{item}}" alt="" />
  28. <view class="uploadDelete" bindtap="deleteFile" data-index="{{index}}">X</view>
  29. </view>
  30. <view wx:if="{{imgList.length < 4}}" class="photo" bindtap="choosePhoto">
  31. <image style="width: 40rpx;height: 35rpx;" src="{{imgUrl}}photo.png" alt=""></image>
  32. <p style="margin-top: 4rpx;font-size: 20rpx;">上传照片</p>
  33. </view>
  34. </view>
  35. <view class="release">
  36. <view bindtap="postComment">发布</view>
  37. </view>
  38. </view>
  39. <image src="{{imgUrl}}close.png" bindtap="closeItem" class="close"></image>
  40. <!-- <button bindtap="closeItem">点我可以关掉对话框</button> -->
  41. </view>
  42. <!-- 弹窗结尾 -->
  43. <!-- content -->
  44. <view style="position: relative;width: 100%;">
  45. <view class="content" style="position: absolute;width: 100%;top: -20rpx;">
  46. <!-- title -->
  47. <view class="title">
  48. <view style="font-size: 38rpx;">食堂菜单</view>
  49. <view style="height:100%;display: flex;align-items: center;justify-content: center;">
  50. <image style="width:45rpx;height:45rpx;padding-right:5rpx;" mode="aspectFit" src="{{imgUrl}}feedback.png">
  51. </image>
  52. <view style="font-size: 27rpx;font-weight: 500;color: #222222;">反馈</view>
  53. </view>
  54. </view>
  55. <!-- 日期 -->
  56. <view class="years">{{dateStr.startWeek == dateStr.endWeek?dateStr.startWeek:dateStr.startWeek + "-" + dateStr.endWeek}}</view>
  57. <view class="week">
  58. <view>一</view>
  59. <view>二</view>
  60. <view>三</view>
  61. <view>四</view>
  62. <view>五</view>
  63. <view style="color: #aaaaaa;">六</view>
  64. <view style="color: #aaaaaa;">七</view>
  65. </view>
  66. <view class="date">
  67. <view wx:for="{{dateStr.weekList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="{{dateSelectIndex == index?'click':''}}" bindtap="selectDate" data-item="{{index}}" style="font-size: 32rpx;height: 50rpx;width: 50rpx;display: flex;align-items: center;justify-content: center;border-radius: 4rpx;{{index >= 5 && dateSelectIndex != index?'color:#aaaaaa':'' }}">{{filter.getDate(item)}}
  68. </view>
  69. </view>
  70. <!-- tip -->
  71. <view>
  72. <view style="background-image: url({{imgUrl}}tips.png);margin-bottom: 30rpx;" class="tips">小贴士:请在当天11点后查看菜品!</view>
  73. </view>
  74. <!-- 菜单 -->
  75. <view class="variety">
  76. <!-- 左侧时间 -->
  77. <view class="time-solt">
  78. <view class="taps-title">
  79. <view class="{{selectTimeNode==0 ? 'click time-node' : 'time-node'}}" bindtap="tapTimeNode" data-item="{{0}}">
  80. <image style="height:45rpx;width:45rpx;" src="{{imgUrl}}breakfast.png" mode="aspectFit"></image>
  81. <view style="padding-left:10rpx">早餐</view>
  82. </view>
  83. <view class="{{selectTimeNode==1 ? 'click time-node' : 'time-node'}}" bindtap="tapTimeNode" data-item="{{1}}">
  84. <image style="height:45rpx;width:45rpx;" src="{{imgUrl}}lunch.png" mode="aspectFit"></image>
  85. <view style="padding-left:10rpx">中餐</view>
  86. </view>
  87. <view class="{{selectTimeNode==2 ? 'click time-node' : 'time-node'}}" bindtap="tapTimeNode" data-item="{{2}}">
  88. <image style="height:45rpx;width:45rpx;" src="{{imgUrl}}lunch.png" mode="aspectFit"></image>
  89. <view style="padding-left:10rpx">晚餐</view>
  90. </view>
  91. <view class="{{selectTimeNode==3 ? 'click takeout-all' : 'takeout-all'}}" bindtap="tapTimeNode" data-item="{{3}}">
  92. <view class="takeout">
  93. <image style="height:45rpx;width:45rpx;" src="{{imgUrl}}take_out.png" mode="aspectFit"></image>
  94. <view style="padding-left:10rpx">外卖预告</view>
  95. </view>
  96. <view class="sale-time">
  97. <view>售卖时间</view>
  98. <view>{{filter.getTakeoutTime(menuOrigin)}}</view>
  99. <!-- <view>节日前一天:15:30</view> -->
  100. </view>
  101. </view>
  102. </view>
  103. <!-- taps-title结尾 -->
  104. </view>
  105. <!-- 左侧时间结尾 -->
  106. <!-- 菜品 -->
  107. <view class="food-all">
  108. <!-- 早餐 -->
  109. <view class="food-type" wx:if="{{selectTimeNode==0}}">
  110. <!-- 菜品分类 -->
  111. <view wx:for="{{menuCanteen.breakfastCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  112. <view class="food-title">{{item.type}}</view>
  113. <view class="food-type">
  114. <!-- 1 -->
  115. <view wx:for="{{item.list}}" wx:for-item="subItem" wx:for-index="subIndex" wx:key="subIndex" class="food-item" bindtap="gotoComment" data-id="{{subItem.id}}">
  116. <image wx:if="{{isManager}}" catchtap="photograph" data-id="{{subItem.id}}" src="{{subItem.imgurl ? baseUrl + '/' + subItem.imgurl : imgUrl + 'empty-dish-pic.png'}}" binderror="imageError" data-name="breakfastCanteen" data-index="{{index}}" data-subIndex="{{subIndex}}" alt="" class="image"></image>
  117. <image wx:else="{{isManager}}" data-id="{{subItem.id}}" src="{{subItem.imgurl ? baseUrl + '/' + subItem.imgurl : imgUrl + 'empty-dish-pic.png'}}" binderror="imageError" data-name="breakfastCanteen" data-index="{{index}}" data-subIndex="{{subIndex}}" alt="" class="image"></image>
  118. <view class="cont">
  119. <p catchtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  120. <view class="comment">
  121. <view catchtap="openItem" data-item="{{subItem}}" id="comentBtn">
  122. <image src="{{imgUrl}}discuss.png" alt=""></image>
  123. <view class="comment-word">评论</view>
  124. </view>
  125. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  126. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  127. <view class="comment-word">点赞</view>
  128. </view>
  129. </view>
  130. </view>
  131. </view>
  132. <!-- 1 -->
  133. </view>
  134. </view>
  135. <!-- 菜品分类结尾 -->
  136. </view>
  137. <!-- 早餐结尾 -->
  138. <!-- 中餐 -->
  139. <view class="food-type" wx:if="{{selectTimeNode==1}}">
  140. <!-- 菜品分类 -->
  141. <view wx:for="{{menuCanteen.lunchCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  142. <view class="food-title">{{item.type}}</view>
  143. <view class="food-type">
  144. <!-- 1 -->
  145. <view wx:for="{{item.list}}" wx:for-item="subItem" wx:for-index="subIndex" wx:key="subIndex" class="food-item" bindtap="gotoComment" data-id="{{subItem.id}}">
  146. <image wx:if="{{isManager}}" catchtap="photograph" data-id="{{subItem.id}}" src="{{subItem.imgurl ? baseUrl + '/' + subItem.imgurl : imgUrl + 'empty-dish-pic.png'}}" binderror="imageError" data-name="lunchCanteen" data-index="{{index}}" data-subIndex="{{subIndex}}" class="image" />
  147. <image wx:else="{{isManager}}" data-id="{{subItem.id}}" src="{{subItem.imgurl ? baseUrl + '/' + subItem.imgurl : imgUrl + 'empty-dish-pic.png'}}" binderror="imageError" data-name="lunchCanteen" data-index="{{index}}" data-subIndex="{{subIndex}}" class="image" />
  148. <view class="cont">
  149. <p catchtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  150. <view class="comment">
  151. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  152. <image src="{{imgUrl}}discuss.png" alt=""></image>
  153. <view class="comment-word">评论</view>
  154. </view>
  155. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  156. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  157. <view class="comment-word">点赞</view>
  158. </view>
  159. </view>
  160. </view>
  161. </view>
  162. <!-- 1 -->
  163. </view>
  164. </view>
  165. <!-- 菜品分类结尾 -->
  166. </view>
  167. <!-- 中餐结尾 -->
  168. <!-- 晚餐 -->
  169. <view class="food-type" wx:if="{{selectTimeNode==2}}">
  170. <!-- 菜品分类 -->
  171. <view wx:for="{{menuCanteen.dinnerCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  172. <view class="food-title">{{item.type}}</view>
  173. <view class="food-type">
  174. <!-- 1 -->
  175. <view wx:for="{{item.list}}" wx:for-item="subItem" wx:for-index="subIndex" wx:key="subIndex" class="food-item" bindtap="gotoComment" data-id="{{subItem.id}}">
  176. <image wx:if="{{isManager}}" catchtap="photograph" data-id="{{subItem.id}}" src="{{subItem.imgurl ? baseUrl + '/' + subItem.imgurl : imgUrl + 'empty-dish-pic.png'}}" binderror="imageError" data-name="dinnerCanteen" data-index="{{index}}" data-subIndex="{{subIndex}}" alt="" class="image" />
  177. <image wx:else="{{isManager}}" data-id="{{subItem.id}}" src="{{subItem.imgurl ? baseUrl + '/' + subItem.imgurl : imgUrl + 'empty-dish-pic.png'}}" binderror="imageError" data-name="dinnerCanteen" data-index="{{index}}" data-subIndex="{{subIndex}}" alt="" class="image" />
  178. <view class="cont">
  179. <p catchtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  180. <view class="comment">
  181. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  182. <image src="{{imgUrl}}discuss.png" alt=""></image>
  183. <view class="comment-word">评论</view>
  184. </view>
  185. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  186. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  187. <view class="comment-word">点赞</view>
  188. </view>
  189. </view>
  190. </view>
  191. </view>
  192. <!-- 1 -->
  193. </view>
  194. </view>
  195. <!-- 菜品分类结尾 -->
  196. </view>
  197. <!-- 晚餐结尾 -->
  198. <!-- 外卖 -->
  199. <view class="food-type" wx:if="{{selectTimeNode==3}}">
  200. <!-- 菜品分类 -->
  201. <view wx:for="{{menuCanteen.takeoutCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  202. <view class="food-title">{{item.type}}</view>
  203. <view class="food-type">
  204. <!-- 1 -->
  205. <view wx:for="{{item.list}}" wx:for-item="subItem" wx:for-index="subIndex" wx:key="subIndex" class="food-item" bindtap="gotoComment" data-id="{{subItem.id}}">
  206. <image wx:if="{{isManager}}" catchtap="photograph" data-id="{{subItem.id}}" src="{{subItem.imgurl ? baseUrl + '/' + subItem.imgurl : imgUrl + 'empty-dish-pic.png'}}" binderror="imageError" data-name="takeoutCanteen" data-index="{{index}}" data-subIndex="{{subIndex}}" alt="" class="image" />
  207. <image wx:else="{{isManager}}" data-id="{{subItem.id}}" src="{{subItem.imgurl ? baseUrl + '/' + subItem.imgurl : imgUrl + 'empty-dish-pic.png'}}" binderror="imageError" data-name="takeoutCanteen" data-index="{{index}}" data-subIndex="{{subIndex}}" alt="" class="image" />
  208. <view class="cont">
  209. <p catchtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  210. <view class="comment">
  211. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  212. <image src="{{imgUrl}}discuss.png" alt=""></image>
  213. <view class="comment-word">评论</view>
  214. </view>
  215. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  216. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  217. <view class="comment-word">点赞</view>
  218. </view>
  219. </view>
  220. </view>
  221. </view>
  222. <!-- 1 -->
  223. </view>
  224. </view>
  225. <!-- 菜品分类结尾 -->
  226. </view>
  227. <!-- 外卖结尾 -->
  228. </view>
  229. <!-- 菜品结尾 -->
  230. </view>
  231. <!-- 菜单结尾 -->
  232. </view>
  233. <!-- content结尾 -->
  234. </view>
  235. </view>