menu.wxml 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  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>
  100. </view> -->
  101. <!-- <view>节日前一天:15:30</view> -->
  102. <view wx:for="{{timePeriodMeals}}" wx:key="index" >
  103. <view wx:if="{{item.value ==3}}" class="{{selectTimeNode==3 ? 'click takeout-all' : 'takeout-all'}}" bindtap="tapTimeNode" data-item="{{3}}">
  104. <view class="takeout">
  105. <image style="height:45rpx;width:45rpx;" src="{{imgUrl}}take_out.png" mode="aspectFit"></image>
  106. <view style="padding-left:10rpx">外卖预告</view>
  107. </view>
  108. <view class="sale-time">
  109. <view>售卖时间</view>
  110. <view>{{filter.getTakeoutTime(menuOrigin)}}</view>
  111. </view>
  112. </view>
  113. <view wx:else class="{{selectTimeNode==item.value ? 'click time-node' : 'time-node'}}" bindtap="tapTimeNode" data-item="{{item.value}}">
  114. <image style="height:45rpx;width:45rpx;" src="{{item.icon}}" mode="aspectFit"></image>
  115. <view style="padding-left:10rpx">{{item.name}}</view>
  116. </view>
  117. </view>
  118. </view>
  119. <!-- taps-title结尾 -->
  120. </view>
  121. <!-- 左侧时间结尾 -->
  122. <!-- 菜品 -->
  123. <view class="food-all">
  124. <!-- 早餐 -->
  125. <view class="food-type" wx:if="{{selectTimeNode==0}}">
  126. <!-- 菜品分类 -->
  127. <view wx:for="{{menuCanteen.breakfastCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  128. <view class="food-title">{{item.type}}</view>
  129. <view class="food-type">
  130. <!-- 1 -->
  131. <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}}">
  132. <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>
  133. <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>
  134. <view wx:if="{{isManager}}" class="cont">
  135. <p data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  136. <!-- <view class="comment">
  137. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  138. <image src="{{imgUrl}}discuss.png" alt=""></image>
  139. <view class="comment-word">评论</view>
  140. </view>
  141. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  142. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  143. <view class="comment-word">点赞</view>
  144. </view>
  145. </view> -->
  146. </view>
  147. <view wx:else="{{isManager}}" class="cont">
  148. <p catchtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  149. <view class="comment">
  150. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  151. <image src="{{imgUrl}}discuss.png" alt=""></image>
  152. <view class="comment-word">评论</view>
  153. </view>
  154. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  155. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  156. <view class="comment-word">点赞</view>
  157. </view>
  158. </view>
  159. </view>
  160. </view>
  161. <!-- 1 -->
  162. </view>
  163. </view>
  164. <!-- 菜品分类结尾 -->
  165. </view>
  166. <!-- 早餐结尾 -->
  167. <!-- 中餐 -->
  168. <view class="food-type" wx:if="{{selectTimeNode==1}}">
  169. <!-- 菜品分类 -->
  170. <view wx:for="{{menuCanteen.lunchCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  171. <view class="food-title">{{item.type}}</view>
  172. <view class="food-type">
  173. <!-- 1 -->
  174. <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}}">
  175. <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" />
  176. <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" />
  177. <view wx:if="{{isManager}}" class="cont">
  178. <p data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  179. <!-- <view class="comment">
  180. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  181. <image src="{{imgUrl}}discuss.png" alt=""></image>
  182. <view class="comment-word">评论</view>
  183. </view>
  184. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  185. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  186. <view class="comment-word">点赞</view>
  187. </view>
  188. </view> -->
  189. </view>
  190. <view wx:else="{{isManager}}" class="cont">
  191. <p catchtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  192. <view class="comment">
  193. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  194. <image src="{{imgUrl}}discuss.png" alt=""></image>
  195. <view class="comment-word">评论</view>
  196. </view>
  197. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  198. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  199. <view class="comment-word">点赞</view>
  200. </view>
  201. </view>
  202. </view>
  203. </view>
  204. <!-- 1 -->
  205. </view>
  206. </view>
  207. <!-- 菜品分类结尾 -->
  208. </view>
  209. <!-- 中餐结尾 -->
  210. <!-- 晚餐 -->
  211. <view class="food-type" wx:if="{{selectTimeNode==2}}">
  212. <!-- 菜品分类 -->
  213. <view wx:for="{{menuCanteen.dinnerCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  214. <view class="food-title">{{item.type}}</view>
  215. <view class="food-type">
  216. <!-- 1 -->
  217. <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}}">
  218. <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" />
  219. <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" />
  220. <view wx:if="{{isManager}}" class="cont">
  221. <p data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  222. <!-- <view class="comment">
  223. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  224. <image src="{{imgUrl}}discuss.png" alt=""></image>
  225. <view class="comment-word">评论</view>
  226. </view>
  227. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  228. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  229. <view class="comment-word">点赞</view>
  230. </view>
  231. </view> -->
  232. </view>
  233. <view wx:else="{{isManager}}" class="cont">
  234. <p catchtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  235. <view class="comment">
  236. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  237. <image src="{{imgUrl}}discuss.png" alt=""></image>
  238. <view class="comment-word">评论</view>
  239. </view>
  240. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  241. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  242. <view class="comment-word">点赞</view>
  243. </view>
  244. </view>
  245. </view>
  246. </view>
  247. <!-- 1 -->
  248. </view>
  249. </view>
  250. <!-- 菜品分类结尾 -->
  251. </view>
  252. <!-- 晚餐结尾 -->
  253. <!-- 外卖 -->
  254. <view class="food-type" wx:if="{{selectTimeNode==3}}">
  255. <!-- 菜品分类 -->
  256. <view wx:for="{{menuCanteen.takeoutCanteen}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="food-width">
  257. <view class="food-title">{{item.type}}</view>
  258. <view class="food-type">
  259. <!-- 1 -->
  260. <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}}">
  261. <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" />
  262. <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" />
  263. <view wx:if="{{isManager}}" class="cont">
  264. <p data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  265. <!-- <view class="comment">
  266. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  267. <image src="{{imgUrl}}discuss.png" alt=""></image>
  268. <view class="comment-word">评论</view>
  269. </view>
  270. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  271. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  272. <view class="comment-word">点赞</view>
  273. </view>
  274. </view> -->
  275. </view>
  276. <view wx:else="{{isManager}}" class="cont">
  277. <p catchtap="gotoComment" data-id="{{subItem.id}}">{{subItem.dishesName}}</p>
  278. <view class="comment">
  279. <view id="comentBtn" catchtap="openItem" data-item="{{subItem}}">
  280. <image src="{{imgUrl}}discuss.png" alt=""></image>
  281. <view class="comment-word">评论</view>
  282. </view>
  283. <view id="fabulousBtn" catchtap="clickLike" data-parent="{{index}}" data-index="{{subIndex}}" data-item="{{subItem}}">
  284. <image src="{{subItem.liked==1?imgUrl+'thumb2.png':imgUrl+'thumb.png'}}" alt=""></image>
  285. <view class="comment-word">点赞</view>
  286. </view>
  287. </view>
  288. </view>
  289. </view>
  290. <!-- 1 -->
  291. </view>
  292. </view>
  293. <!-- 菜品分类结尾 -->
  294. </view>
  295. <!-- 外卖结尾 -->
  296. </view>
  297. <!-- 菜品结尾 -->
  298. </view>
  299. <!-- 菜单结尾 -->
  300. </view>
  301. <!-- content结尾 -->
  302. </view>
  303. </view>