interface.vue 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <template>
  2. <view>
  3. <view class="step">
  4. <uni-steps active-color="#07c160" :options="options" :active="3"></uni-steps>
  5. </view>
  6. <view style="height: 130rpx;"></view>
  7. <view class="main">
  8. <view class="mainHeader">
  9. 地理位置
  10. </view>
  11. <view class="box-pack-between mainItem">
  12. <view class="">
  13. <view class="mainItemJk">
  14. 获取当前的地理位置、速度
  15. </view>
  16. <view class="mainItemdesc">
  17. 接口:wx.getLocation
  18. </view>
  19. <view class="red" v-if="obj.wx_getLocation_reason">
  20. {{obj.wx_getLocation_reason}}
  21. </view>
  22. </view>
  23. <view class="flex-center">
  24. <!-- 已开通 -->
  25. <!-- 1 待申请开通
  26. 2 无权限
  27. 3 申请中
  28. 4 申请失败
  29. 5 已开通 -->
  30. <block v-if="obj.wx_getLocation_status==1">
  31. <button @click="go_Out('wx.getLocation')" type="primary" size="mini">
  32. 去开通
  33. </button>
  34. </block>
  35. <block v-else-if="obj.wx_getLocation_status==2">
  36. 无权限
  37. </block>
  38. <block v-else-if="obj.wx_getLocation_status==3">
  39. 申请中
  40. </block>
  41. <block v-else-if="obj.wx_getLocation_status==4">
  42. <text>申请失败</text>
  43. <button @click="go_Out('wx.getLocation')" type="primary" size="mini">
  44. 重新开通
  45. </button>
  46. </block>
  47. <block v-else-if="obj.wx_getLocation_status==5">
  48. 已开通
  49. </block>
  50. </view>
  51. </view>
  52. <view class="box-pack-between mainItem">
  53. <view class="">
  54. <view class="mainItemJk">
  55. 打开地图选择位置
  56. </view>
  57. <view class="mainItemdesc">
  58. 接口:wx.chooseLocation
  59. </view>
  60. <view class="red" v-if="obj.wx_chooseLocation_reason">
  61. {{obj.wx_chooseLocation_reason}}
  62. </view>
  63. </view>
  64. <view class="flex-center">
  65. <!-- 已开通 -->
  66. <block v-if="obj.wx_chooseLocation_status==1">
  67. <button @click="go_Out('wx.chooseLocation')" type="primary" size="mini">去开通</button>
  68. </block>
  69. <block v-else-if="obj.wx_chooseLocation_status==2">
  70. 无权限
  71. </block>
  72. <block v-else-if="obj.wx_chooseLocation_status==3">
  73. 申请中
  74. </block>
  75. <block v-else-if="obj.wx_chooseLocation_status==4">
  76. <text>申请失败</text>
  77. <button @click="go_Out('wx.chooseLocation')" type="primary" size="mini">重新开通</button>
  78. </block>
  79. <block v-else-if="obj.wx_chooseLocation_status==5">
  80. 已开通
  81. </block>
  82. </view>
  83. </view>
  84. <view class="box-pack-between mainItem">
  85. <view class="">
  86. <view class="mainItemJk">
  87. 获取用户收货地址
  88. </view>
  89. <view class="mainItemdesc">
  90. 接口:wx.chooseAddress
  91. </view>
  92. <view class="red" v-if="obj.wx_chooseAddress_reason">
  93. {{obj.wx_chooseAddress_reason}}
  94. </view>
  95. </view>
  96. <view class="flex-center">
  97. <!-- 已开通 -->
  98. <block v-if="obj.wx_chooseAddress_status==1">
  99. <button @click="go_Out('wx.chooseAddress')" type="primary" size="mini">去开通</button>
  100. </block>
  101. <block v-else-if="obj.wx_chooseAddress_status==2">
  102. 无权限
  103. </block>
  104. <block v-else-if="obj.wx_chooseAddress_status==3">
  105. 申请中
  106. </block>
  107. <block v-else-if="obj.wx_chooseAddress_status==4">
  108. <text>申请失败</text>
  109. <button @click="go_Out('wx.chooseAddress')" type="primary" size="mini">去开通</button>
  110. </block>
  111. <block v-else-if="obj.wx_chooseAddress_status==5">
  112. 已开通
  113. </block>
  114. </view>
  115. </view>
  116. </view>
  117. </view>
  118. </template>
  119. <script>
  120. import optionsData from './data.js'
  121. export default {
  122. data() {
  123. return {
  124. obj: {},
  125. options: optionsData.options,
  126. }
  127. },
  128. onShow() {
  129. this.getData()
  130. },
  131. methods: {
  132. getData() {
  133. this.request({
  134. url: "Smdcshop/privacy_interface_info",
  135. data: {
  136. admin_id: uni.getStorageSync("admin_id"),
  137. },
  138. }).then(res => {
  139. /*
  140. "wx_getLocation_status": 5, //状态码
  141. 1 待申请开通
  142. 2 无权限
  143. 3 申请中
  144. 4 申请失败
  145. 5 已开通
  146. "wx_chooseLocation_status": 5, //状态码
  147. 1 待申请开通
  148. 2 无权限
  149. 3 申请中
  150. 4 申请失败
  151. 5 已开通
  152. "wx_chooseAddress_status": 5, //状态码
  153. 1 待申请开通
  154. 2 无权限
  155. 3 申请中
  156. 4 申请失败
  157. 5 已开通
  158. "wx_getLocation_reason": "", //失败原因 记得做判断 有内容的时候再显示出来
  159. "wx_chooseLocation_reason": "", //失败原因 记得做判断 有内容的时候再显示出来
  160. "wx_chooseAddress_reason": "" //失败原因 记得做判断 有内容的时候再显示出来
  161. */
  162. if (res.code == '200' || res.code == 200) {
  163. console.log(res, "res")
  164. this.obj = res.data
  165. }
  166. })
  167. },
  168. go_Out(e) {
  169. uni.navigateTo({
  170. url: "./interfaceDetail?api_name=" + e
  171. })
  172. },
  173. }
  174. }
  175. </script>
  176. <style>
  177. .main {
  178. padding: 0 20rpx;
  179. }
  180. .mainHeader {
  181. font-size: 32rpx;
  182. padding: 20rpx 0;
  183. }
  184. .mainItem {
  185. font-size: 28rpx;
  186. box-shadow: 0 1px 2px #f0f0f0;
  187. border: 1px solid #f0f0f0;
  188. padding: 50rpx 30rpx;
  189. border-radius: 6rpx;
  190. margin-bottom: 40rpx;
  191. }
  192. .mainItemJk {
  193. margin-bottom: 20rpx;
  194. }
  195. .mainItemdesc {
  196. color: #999;
  197. font-size: 26rpx;
  198. }
  199. .red{
  200. margin-top: 6rpx;
  201. color: red;
  202. }
  203. </style>