addCoupon.vue 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. <template>
  2. <view class="container">
  3. <form @submit="onSubmit">
  4. <view class="page-block">
  5. <view class="content">
  6. <view class="cell flex flex-y-center box-pack-between">
  7. <view class="title-block required">
  8. <text>品牌信息</text>
  9. </view>
  10. <view class="desc">
  11. <input type="text" name="brand_name" class="input-box" placeholder="请输入品牌信息"
  12. placeholder-class="desc-placeholder">
  13. </view>
  14. </view>
  15. <view class="cell flex flex-y-center box-pack-between">
  16. <view class="title-block required">
  17. <text>优惠券总金额</text>
  18. </view>
  19. <view class="desc">
  20. <input type="number" name="total_amount" class="input-box" placeholder="请输入优惠券总金额"
  21. placeholder-class="desc-placeholder">
  22. </view>
  23. </view>
  24. <view class="cell flex flex-y-center box-pack-between">
  25. <view class="title-block required">
  26. <text>使用门槛</text>
  27. </view>
  28. <view class="desc">
  29. <input type="number" name="floor_amount" class="input-box" placeholder="请输入使用门槛"
  30. placeholder-class="desc-placeholder">
  31. </view>
  32. </view>
  33. <view class="cell flex-y-center box-pack-between">
  34. <view class="title-block required">发放时间</view>
  35. <view class="timeSelete flex-y-center">
  36. <picker mode="date" :start="startDate" :end="endDate"
  37. @change="bindDateChangeStart1">
  38. <view class="uni-input">{{startDates}}</view>
  39. </picker>
  40. <view class="timeSelete-left">
  41. </view>
  42. <picker mode="date" :start="startDate" :end="endDate"
  43. @change="bindDateChangeStart2">
  44. <view class="uni-input">{{endDates}}</view>
  45. </picker>
  46. </view>
  47. </view>
  48. <view class="cell flex-y-center box-pack-between">
  49. <view class="title-block required">有效时间</view>
  50. <view class="timeSelete flex-y-center">
  51. <picker mode="date" :start="startDate" :end="endDate"
  52. @change="bindDateChangeStart3">
  53. <view class="uni-input">{{startDates2}}</view>
  54. </picker>
  55. <view class="timeSelete-left">
  56. </view>
  57. <picker mode="date" :start="startDate" :end="endDate"
  58. @change="bindDateChangeStart4">
  59. <view class="uni-input">{{endDates2}}</view>
  60. </picker>
  61. </view>
  62. </view>
  63. </view>
  64. </view>
  65. <view class="footer-bar">
  66. <view class="content flex flex-center" style="background: none;">
  67. <!-- <view class="btn">立即添加</view> -->
  68. <button class="btn" hover-class="none" form-type="submit">
  69. 立即添加
  70. </button>
  71. </view>
  72. </view>
  73. </form>
  74. </view>
  75. </template>
  76. <script>
  77. export default {
  78. data() {
  79. return {
  80. tableTypeList: ['大桌', '中桌', '小桌'],
  81. tableType: "",
  82. store_id:"",
  83. info:{},
  84. startDate:'2020-10-1',
  85. endDate:'2080-10-1',
  86. startDates:"开始时间",
  87. endDates:"结束时间",
  88. startDates2:"开始时间",
  89. endDates2:"结束时间",
  90. }
  91. },
  92. onLoad(e) {
  93. this.store_id=uni.getStorageSync("store_id");
  94. },
  95. methods: {
  96. // 开始时间
  97. bindDateChangeStart1(e) {
  98. this.startDates = e.target.value;
  99. },
  100. //结束时间
  101. bindDateChangeStart2(e) {
  102. this.endDates = e.target.value;
  103. },
  104. // 开始时间
  105. bindDateChangeStart3(e) {
  106. this.startDates2 = e.target.value;
  107. },
  108. //结束时间
  109. bindDateChangeStart4(e) {
  110. this.endDates2 = e.target.value;
  111. },
  112. onSubmit(e) {
  113. let params = {
  114. admin_id:uni.getStorageSync("admin_id"),
  115. id:0,
  116. brand_name: e.detail.value.brand_name,
  117. total_amount:e.detail.value.total_amount,
  118. floor_amount:e.detail.value.floor_amount,
  119. publish_start_time:this.startDates,
  120. publish_end_time:this.endDates,
  121. expire_start_time:this.startDates2,
  122. expire_end_time:this.endDates2,
  123. },url;
  124. if (params.name == "") {
  125. uni.showToast({
  126. title: "请输入名称",
  127. icon: 'none'
  128. })
  129. return false
  130. }
  131. this.request({
  132. url:"Smdcshop/add_alipaycoupon",
  133. data: params
  134. }).then(res => {
  135. if (res.code == 200) {
  136. uni.showToast({
  137. title: res.message,
  138. icon: 'none'
  139. })
  140. setTimeout(()=>{
  141. uni.navigateBack()
  142. },2000)
  143. }
  144. }).catch((res) => {
  145. uni.showToast({
  146. title: res.message,
  147. icon: 'none'
  148. })
  149. });
  150. },
  151. }
  152. }
  153. </script>
  154. <style>
  155. @import url("../static/css/common.css");
  156. page {
  157. background-color: #F4F5F7;
  158. }
  159. .timeSelete-left{
  160. margin: 0 20rpx;
  161. }
  162. .timeSelete {
  163. font-size: 28rpx;
  164. }
  165. .desc{
  166. text-align: right;
  167. }
  168. </style>