merchant.vue 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <template>
  2. <view class="content">
  3. <view class="header">
  4. <image src="../static/images/skm_fn_bg.png" mode="aspectFill" class="bg-img"></image>
  5. <view class="info-block flex-y-center">
  6. <view class="info">
  7. <view class="title">商户管理</view>
  8. <view class="desc">查看管理商户应用</view>
  9. </view>
  10. </view>
  11. </view>
  12. <view class="content-row">
  13. <view class="setup flex-y-center ft32">
  14. 常用应用
  15. </view>
  16. <view class="table">
  17. <view class="table-tr">
  18. <navigator class="table-td" url="flow-record?shop=1">
  19. <image src="./static/images/liu.png" mode=""></image>
  20. <view class="">流水记录</view>
  21. </navigator>
  22. <navigator class="table-td" url="coupon">
  23. <image src="./static/images/coupon.png" mode=""></image>
  24. <view class="">优惠券列表</view>
  25. </navigator>
  26. <navigator class="table-td" url="addCoupons">
  27. <image src="./static/images/add-coupon.png" mode=""></image>
  28. <view class="">添加优惠券</view>
  29. </navigator>
  30. <navigator class="table-td" url="Applied">
  31. <image src="./static/images/add-hexiao.png" mode=""></image>
  32. <view class="">核销优惠券</view>
  33. </navigator>
  34. <navigator class="table-td" url="verification">
  35. <image src="./static/images/hexiao.png" mode=""></image>
  36. <view class="">核销记录</view>
  37. </navigator>
  38. <navigator class="table-td" v-if="admin_id" url="../saomaDiancan/index/index?type=1">
  39. <image src="./static/images/hexiao.png" mode=""></image>
  40. <view class="">餐饮管理</view>
  41. </navigator>
  42. </view>
  43. </view>
  44. </view>
  45. </view>
  46. </template>
  47. <script>
  48. export default {
  49. data() {
  50. return {
  51. user_info: {},
  52. admin_id: "",
  53. }
  54. },
  55. onLoad(e) {
  56. this.admin_id = e.admin_id;
  57. if (e.admin_id) {
  58. uni.setStorageSync("admin_id", e.admin_id);
  59. }
  60. },
  61. methods: {
  62. }
  63. }
  64. </script>
  65. <style>
  66. .header {
  67. width: 100%;
  68. height: 198rpx;
  69. position: relative;
  70. }
  71. .header .bg-img {
  72. display: block;
  73. position: absolute;
  74. left: 0;
  75. top: 0;
  76. z-index: 1;
  77. width: 100%;
  78. height: 198rpx;
  79. }
  80. .header .info-block {
  81. padding: 0 40rpx 0 48rpx;
  82. height: 198rpx;
  83. position: relative;
  84. z-index: 2;
  85. }
  86. .header .info-block .title {
  87. font-size: 36rpx;
  88. color: #fff;
  89. font-weight: 500;
  90. line-height: 50rpx;
  91. }
  92. .header .info-block .desc {
  93. font-size: 28rpx;
  94. font-weight: 500;
  95. color: #fff;
  96. line-height: 40rpx;
  97. margin-top: 8rpx;
  98. }
  99. .content-row {
  100. background-color: #fff;
  101. border-radius: 10px 10px 0 0;
  102. margin-top: -10px;
  103. padding: 10px 21px 0;
  104. z-index: 3;
  105. position: relative;
  106. }
  107. .setup {
  108. width: 100%;
  109. height: 90rpx;
  110. opacity: 1;
  111. padding: 0 22rpx;
  112. }
  113. .table,
  114. .table div {
  115. margin: 0 auto;
  116. }
  117. .table {
  118. width: 100%;
  119. border-collapse: collapse;
  120. box-sizing: border-box;
  121. }
  122. .table-tr {}
  123. .table-th {
  124. display: table-cell;
  125. font-weight: bold;
  126. border: 1rpx solid #FAFAFA;
  127. text-align: center;
  128. vertical-align: middle;
  129. }
  130. .table-td {
  131. display: inline-block;
  132. /* border: 1rpx solid #FAFAFA; */
  133. text-align: center;
  134. vertical-align: middle;
  135. background: #fff;
  136. font-size: 27rpx;
  137. color: #666666;
  138. padding: 62rpx 0;
  139. width: 33.333%;
  140. }
  141. .table-td image {
  142. width: 50rpx;
  143. height: 50rpx;
  144. margin-bottom: 23rpx;
  145. }
  146. </style>