menu.wxml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  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">
  116. <image bindtap="gotoComment" 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. <view class="cont">
  118. <p bindtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  119. <view class="comment">
  120. <view bindtap="openItem" data-item="{{subItem}}" id="comentBtn">
  121. <image src="{{imgUrl}}discuss.png" alt=""></image>
  122. <view class="comment-word">评论</view>
  123. </view>
  124. <view id="fabulousBtn" bindtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  125. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  126. <view class="comment-word">点赞</view>
  127. </view>
  128. </view>
  129. </view>
  130. </view>
  131. <!-- 1 -->
  132. </view>
  133. </view>
  134. <!-- 菜品分类结尾 -->
  135. </view>
  136. <!-- 早餐结尾 -->
  137. <!-- 中餐 -->
  138. <view class="food-type" wx:if="{{selectTimeNode==1}}">
  139. <!-- 菜品分类 -->
  140. <view wx:for="{{menuCanteen.lunchCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  141. <view class="food-title">{{item.type}}</view>
  142. <view class="food-type">
  143. <!-- 1 -->
  144. <view wx:for="{{item.list}}" wx:for-item="subItem" wx:for-index="subIndex" wx:key="subIndex" class="food-item">
  145. <image bindtap="gotoComment" 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" />
  146. <view class="cont">
  147. <p bindtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  148. <view class="comment">
  149. <view id="comentBtn" bindtap="openItem" data-item="{{subItem}}">
  150. <image src="{{imgUrl}}discuss.png" alt=""></image>
  151. <view class="comment-word">评论</view>
  152. </view>
  153. <view id="fabulousBtn" bindtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  154. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  155. <view class="comment-word">点赞</view>
  156. </view>
  157. </view>
  158. </view>
  159. </view>
  160. <!-- 1 -->
  161. </view>
  162. </view>
  163. <!-- 菜品分类结尾 -->
  164. </view>
  165. <!-- 中餐结尾 -->
  166. <!-- 晚餐 -->
  167. <view class="food-type" wx:if="{{selectTimeNode==2}}">
  168. <!-- 菜品分类 -->
  169. <view wx:for="{{menuCanteen.dinnerCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  170. <view class="food-title">{{item.type}}</view>
  171. <view class="food-type">
  172. <!-- 1 -->
  173. <view wx:for="{{item.list}}" wx:for-item="subItem" wx:for-index="subIndex" wx:key="subIndex" class="food-item">
  174. <image bindtap="gotoComment" 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" />
  175. <view class="cont">
  176. <p bindtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  177. <view class="comment">
  178. <view id="comentBtn" bindtap="openItem" data-item="{{subItem}}">
  179. <image src="{{imgUrl}}discuss.png" alt=""></image>
  180. <view class="comment-word">评论</view>
  181. </view>
  182. <view id="fabulousBtn" bindtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  183. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  184. <view class="comment-word">点赞</view>
  185. </view>
  186. </view>
  187. </view>
  188. </view>
  189. <!-- 1 -->
  190. </view>
  191. </view>
  192. <!-- 菜品分类结尾 -->
  193. </view>
  194. <!-- 晚餐结尾 -->
  195. <!-- 外卖 -->
  196. <view class="food-type" wx:if="{{selectTimeNode==3}}">
  197. <!-- 菜品分类 -->
  198. <view wx:for="{{menuCanteen.takeoutCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  199. <view class="food-title">{{item.type}}</view>
  200. <view class="food-type">
  201. <!-- 1 -->
  202. <view wx:for="{{item.list}}" wx:for-item="subItem" wx:for-index="subIndex" wx:key="subIndex" class="food-item">
  203. <image bindtap="gotoComment" 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" />
  204. <view class="cont">
  205. <p bindtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  206. <view class="comment">
  207. <view id="comentBtn" bindtap="openItem" data-item="{{subItem}}">
  208. <image src="{{imgUrl}}discuss.png" alt=""></image>
  209. <view class="comment-word">评论</view>
  210. </view>
  211. <view id="fabulousBtn" bindtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  212. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  213. <view class="comment-word">点赞</view>
  214. </view>
  215. </view>
  216. </view>
  217. </view>
  218. <!-- 1 -->
  219. </view>
  220. </view>
  221. <!-- 菜品分类结尾 -->
  222. </view>
  223. <!-- 外卖结尾 -->
  224. </view>
  225. <!-- 菜品结尾 -->
  226. </view>
  227. <!-- 菜单结尾 -->
  228. </view>
  229. <!-- content结尾 -->
  230. </view>
  231. </view>