tableDetail.vue 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <template>
  2. <view class="container">
  3. <view class="page-block">
  4. <view class="page-title-block">
  5. <view class="title">{{table_manager}}信息</view>
  6. </view>
  7. <view class="content">
  8. <view class="cell flex flex-y-center">
  9. <view class="title-block">
  10. <text>{{table_manager}}名称</text>
  11. </view>
  12. <view class="desc">
  13. <view class="input-box">{{info.name}}</view>
  14. </view>
  15. </view>
  16. <view class="cell flex flex-y-center">
  17. <view class="title-block">
  18. <text>状态</text>
  19. </view>
  20. <view class="desc">
  21. <view class="input-box">{{info.status==1?'已开台':'空闲'}}</view>
  22. </view>
  23. </view>
  24. <view class="cell flex flex-y-center">
  25. <view class="title-block">
  26. <text>{{table_manager}}类型</text>
  27. </view>
  28. <view class="desc">
  29. <view class="input-box">{{info.typename}}</view>
  30. </view>
  31. </view>
  32. <view class="cell flex flex-y-center">
  33. <view class="title-block">
  34. <text>可使用人数</text>
  35. </view>
  36. <view class="desc">
  37. <view class="input-box">{{info.number}}</view>
  38. </view>
  39. </view>
  40. </view>
  41. </view>
  42. <!-- <view class="page-block">
  43. <view class="page-title-block"></view>
  44. <view class="content">
  45. <view class="cell flex flex-y-center arr-r">
  46. <view class="title-block">
  47. <text>生成{{table_manager}}码</text>
  48. </view>
  49. </view>
  50. <view class="cell flex flex-y-center arr-r">
  51. <view class="title-block">
  52. <text>绑定{{table_manager}}码</text>
  53. </view>
  54. </view>
  55. </view>
  56. </view> -->
  57. <view class="page-block">
  58. <view class="page-title-block"></view>
  59. <view class="content">
  60. <view class="cell flex flex-y-center">
  61. <view class="title-block">
  62. <text>{{table_manager}}二维码</text>
  63. </view>
  64. </view>
  65. <view class="qrcode-block">
  66. <image :src="info.wx_url" mode="aspectFit" class="qr-code-img"></image>
  67. </view>
  68. </view>
  69. </view>
  70. <view style="height:30rpx;"></view>
  71. <view class="footer-bar" style="height: 100rpx;">
  72. <view class="content flex flex-center" style="height: 100rpx;">
  73. <view class="detail-btn flex flex-center" style="border-right: 2rpx solid #F4F5F7;" @click="onDel">
  74. <image src="../static/images/icon_16.png" mode="aspectFit" class="btn-icon"></image>
  75. <view style="color:#999999">删除</view>
  76. </view>
  77. <view class="detail-btn flex flex-center" @click="toEdit">
  78. <image src="../static/images/icon_17.png" mode="aspectFit" class="btn-icon"></image>
  79. <view style="color:#3387FF">重新编辑</view>
  80. </view>
  81. <view class="detail-btn flex flex-center" style="border-right: 2rpx solid #F4F5F7;"
  82. @click="onOpen(info.status)">
  83. <image src="../static/images/zhuozi.png" mode="aspectFit" class="btn-icon"></image>
  84. <view style="color:#FF5722">{{info.status==1?`清理`:`开台`}}</view>
  85. </view>
  86. </view>
  87. </view>
  88. </view>
  89. </template>
  90. <script>
  91. export default {
  92. data() {
  93. return {
  94. info: {},
  95. URL: getApp().globalData.URL,
  96. table_manager: ""
  97. }
  98. },
  99. onLoad(options) {
  100. let info = {};
  101. wx.getStorage({
  102. key: 'tabDetail',
  103. success: (res) => {
  104. info = res.data;
  105. info.wx_url = this.URL + res.data.wx_url;
  106. this.info = res.data;
  107. }
  108. })
  109. // this.info = info
  110. this.table_manager = options.table_manager
  111. },
  112. methods: {
  113. toEdit() {
  114. uni.redirectTo({
  115. url: `/saomaDiancan/editTable/editTable?table_id=${this.info.id}&table_manager=${this.table_manager}`
  116. })
  117. },
  118. onOpen(status) {
  119. let a = status == 1 ? `清理${this.table_manager}` : `开台${this.table_manager}`;
  120. uni.showModal({
  121. content: `确定${a}?`,
  122. success: (r) => {
  123. if (r.confirm) {
  124. this.request({
  125. url: "Smdcshop/table_status",
  126. data: {
  127. id: this.info.id,
  128. status: status == 1 ? 0 : 1,
  129. }
  130. }).then(res => {
  131. if (res.code == 200) {
  132. uni.showToast({
  133. title: status == 1 ? '清理成功' : '开台成功',
  134. icon: "none",
  135. })
  136. setTimeout(() => {
  137. uni.navigateBack()
  138. }, 2000)
  139. }
  140. })
  141. }
  142. }
  143. })
  144. },
  145. onDel() {
  146. uni.showModal({
  147. content: `确定删除该${this.table_manager}`,
  148. success: (r) => {
  149. if (r.confirm) {
  150. this.request({
  151. url: "Smdcshop/table_delect",
  152. data: {
  153. id: this.info.id
  154. }
  155. }).then(res => {
  156. if (res.code == 200) {
  157. uni.navigateBack()
  158. }
  159. })
  160. }
  161. }
  162. })
  163. }
  164. }
  165. }
  166. </script>
  167. <style>
  168. @import url("../static/css/common.css");
  169. page {
  170. background-color: #F4F5F7;
  171. }
  172. .qrcode-block {
  173. padding: 56rpx 0;
  174. }
  175. .qrcode-block .qr-code-img {
  176. display: block;
  177. width: 414rpx;
  178. height: 414rpx;
  179. margin: 0 auto;
  180. }
  181. </style>