couponLog_detail.vue 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  1. <template>
  2. <view class="content">
  3. <view class="headerGetbg"></view>
  4. <view class="bgf mar-24 home-content">
  5. <view class="box-pack-between list flex-y-center br">
  6. <text class="ft32 list-title">基本信息</text>
  7. <view class="flex-y-center">
  8. <!-- <view @click="enit" class="flex-y-center" style="margin-right: 20rpx;color: #1296db;">
  9. <image src="../static/images/gx.png" class="list-icon" mode=""></image> 更新
  10. </view> -->
  11. <!-- <view @click="del" class="flex-y-center" style="margin-right: 0rpx;color: #FF5722;">
  12. <image src="../static/images/fj.png" class="list-icon" mode=""></image> 发劵
  13. </view> -->
  14. </view>
  15. </view>
  16. <view class="flex-y-center home-content-item" style="padding-top: 24rpx;">
  17. <text class="home-left-name">优惠券ID:</text>
  18. <view style="word-break:break-all;">{{info.voucher_id}}</view>
  19. </view>
  20. <view class="flex-y-center home-content-item">
  21. <text class="home-left-name">模板ID:</text>
  22. <text>{{info.template_id}}</text>
  23. </view>
  24. <view class="flex-y-center home-content-item">
  25. <text class="home-left-name">用户ID:</text>
  26. <text>{{info.user_id}}</text>
  27. </view>
  28. <view class="flex-y-center home-content-item">
  29. <text class="home-left-name">登录账号:</text>
  30. <text>{{info.login_id}}</text>
  31. </view>
  32. <view class="flex-y-center home-content-item">
  33. <text class="home-left-name">核销金额:</text>
  34. <text>{{info.amount}}</text>
  35. </view>
  36. <view class="flex-y-center home-content-item">
  37. <text class="home-left-name">状态:</text>
  38. <text>{{info.status == 'ENABLED'?'未使用': info.status=='USED'? '已使用': info.status=='DELETE'?'已删除':
  39. info.status=='REFUNDED'?'已退款': info.status=='EXPIRED'? '已过期':info.status=='UNC' ?'未领取': info.status=='USING'? '使用中':
  40. info.status=='TRANS'? '发放中':info.status=='TRANSFER'? '已转增' :info.status=='REFUNDING'? '使用中' :info.status=='UNACTIVE'? '未激活':
  41. item.status=='DISABLED'?'不可用':'' }} </text>
  42. </view>
  43. <view class="flex-y-center home-content-item">
  44. <text class="home-left-name">账单类型:</text>
  45. <text>{{info.biz_type == '1'? '未使用': info.biz_type=='2'? '已过期': info.biz_type=='V_REFUND'? '已退款': info.biz_type=='V_USE'? '已支付':''}}</text>
  46. </view>
  47. <view class="flex-y-center home-content-item">
  48. <text class="home-left-name">订单状态:</text>
  49. <text> {{info.order_status == '1' ?'未使用':info.order_status=='2'? '已过期': info.order_status=='I' ?'处理中' :info.order_status=='S' ?'已交易':'' }}</text>
  50. </view>
  51. <view class="flex-y-center home-content-item">
  52. <text class="home-left-name">时间:</text>
  53. <text>{{ info.use_time}}</text>
  54. </view>
  55. <!--
  56. <view class="flex-y-center home-content-item">
  57. <text class="home-left-name">使用时间:</text>
  58. <text>{{info.expire_start_time+"至"+info.expire_end_time}}</text>
  59. </view> -->
  60. </view>
  61. </view>
  62. </template>
  63. <script>
  64. export default {
  65. data() {
  66. return {
  67. info: {},
  68. id: '',
  69. is_enit: false,
  70. URL: getApp().globalData.URL,
  71. is_play: false,
  72. is_model: false,
  73. }
  74. },
  75. onLoad(e) {
  76. this.id = e.id;
  77. this.http();
  78. },
  79. methods: {
  80. bindno() {
  81. this.is_model = false;
  82. },
  83. http() {
  84. this.request({
  85. url: "Smdcshop/getCouponListinfo",
  86. data: {
  87. id: this.id,
  88. },
  89. }).then(res => {
  90. console.log(res, "res")
  91. if (res.code === '200') {
  92. this.info = res.data;
  93. }
  94. }).catch((res) => {
  95. uni.showToast({
  96. title: res.message,
  97. icon: 'none',
  98. duration: 2000,
  99. success: (res) => {},
  100. })
  101. });
  102. },
  103. del() {
  104. this.is_model = true;
  105. },
  106. enit() {
  107. let data = {
  108. id: this.id,
  109. admin_id: uni.getStorageSync("admin_id")
  110. }
  111. this.request({
  112. url: "Smdcshop/selectNomoneyTemStatus",
  113. data,
  114. }).then(res => {
  115. console.log(res, "res")
  116. if (res.code === '200') {
  117. uni.showToast({
  118. title: res.message,
  119. icon: 'none',
  120. duration: 1000,
  121. success: (res) => {
  122. setTimeout(() => {
  123. uni.navigateBack();
  124. }, 2e3)
  125. },
  126. })
  127. }
  128. }).catch((res) => {
  129. uni.showToast({
  130. title: res.message,
  131. icon: 'none',
  132. duration: 2000,
  133. success: (res) => {},
  134. })
  135. });
  136. },
  137. onSubmit(e) {
  138. let data = e.detail.value;
  139. data.coupon_type = 2;
  140. data.id = this.id;
  141. data.admin_id = uni.getStorageSync("admin_id");
  142. this.request({
  143. url: "Smdcshop/fa_alipaycoupon",
  144. data,
  145. }).then(res => {
  146. console.log(res, "res")
  147. if (res.code === '200') {
  148. uni.showToast({
  149. title: res.message,
  150. icon: 'none',
  151. duration: 1000,
  152. success: (res) => {
  153. setTimeout(() => {
  154. this.is_model = true;
  155. }, 2e3)
  156. },
  157. })
  158. }
  159. }).catch((res) => {
  160. uni.showToast({
  161. title: res.message,
  162. icon: 'none',
  163. duration: 2000,
  164. success: (res) => {},
  165. })
  166. });
  167. },
  168. },
  169. }
  170. </script>
  171. <style lang="scss">
  172. page {
  173. background: #F5F7FA;
  174. }
  175. .model {
  176. position: fixed;
  177. top: 0;
  178. left: 0;
  179. background: rgba(0, 0, 0, 0.5);
  180. width: 100%;
  181. height: 100%;
  182. }
  183. .model-home {
  184. background: #FFFFFF;
  185. width: 635rpx;
  186. height: 700rpx;
  187. padding: 40rpx 30rpx;
  188. border-radius: 10rpx;
  189. font-size: 26rpx;
  190. }
  191. .model-home button {
  192. text-align: center;
  193. width: 80%;
  194. height: 90rpx;
  195. background: linear-gradient(132deg, #3387FF 0%, #3387FF 100%);
  196. box-shadow: 0px 2rpx 12rpx #3387FF;
  197. opacity: 1;
  198. border-radius: 8rpx;
  199. color: #fff;
  200. margin-top: 40rpx;
  201. }
  202. .border-b {
  203. border-bottom: 1rpx solid #F1F1F1;
  204. padding-top: 40rpx;
  205. padding-bottom: 20rpx;
  206. }
  207. .bottom-bar {
  208. position: fixed;
  209. bottom: 0px;
  210. width: 100%;
  211. z-index: 1000;
  212. background: #FFFFFF;
  213. padding: 30rpx 0;
  214. }
  215. .bottom-bar button {
  216. text-align: center;
  217. width: 690rpx;
  218. height: 90rpx;
  219. background: linear-gradient(132deg, #3387FF 0%, #3387FF 100%);
  220. box-shadow: 0px 2rpx 12rpx #3387FF;
  221. opacity: 1;
  222. border-radius: 8rpx;
  223. color: #fff;
  224. }
  225. .home-content {
  226. width: 690rpx;
  227. opacity: 1;
  228. background: #ffffff;
  229. border-radius: 14rpx;
  230. box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(204, 215, 230, 0.08);
  231. margin: 0 auto;
  232. position: relative;
  233. font-size: 28rpx;
  234. padding: 0 24rpx;
  235. margin-top: 30rpx;
  236. .list {
  237. height: 100rpx;
  238. color: #999999;
  239. .list-title {
  240. color: #000000;
  241. font-size: 30rpx;
  242. }
  243. .list-icon {
  244. width: 29rpx;
  245. height: 29rpx;
  246. margin-right: 6rpx;
  247. }
  248. }
  249. .home-content-item {
  250. padding-bottom: 40rpx;
  251. .home-left-name {
  252. opacity: 1;
  253. font-size: 28rpx;
  254. font-family: PingFang SC, PingFang SC-Regular;
  255. font-weight: 400;
  256. text-align: left;
  257. color: #99a0ad;
  258. min-width: 160rpx;
  259. }
  260. .home-left-input {
  261. border: 1rpx solid #ccc;
  262. padding: 10rpx;
  263. word-break: break-all;
  264. flex: 1;
  265. }
  266. }
  267. }
  268. .info-group {
  269. color: #999999;
  270. display: inline-block;
  271. border: 1rpx solid #F1F1F1;
  272. padding: 10rpx 20rpx;
  273. margin: 20rpx 20rpx;
  274. font-size: 30rpx;
  275. border-radius: 4rpx;
  276. }
  277. .video_path {
  278. width: 98%;
  279. display: block;
  280. margin: 0 auto;
  281. }
  282. .code-img {
  283. margin: 60rpx auto;
  284. text-align: center;
  285. }
  286. .code-img image {
  287. width: 100rpx;
  288. height: 100rpx;
  289. margin-bottom: 20rpx;
  290. }
  291. .logo {
  292. width: 100rpx;
  293. height: 100rpx;
  294. }
  295. </style>