index.vue 5.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. <template>
  2. <view class="content">
  3. <view class="content_top">
  4. <view class="icon_box" style="" v-for="(item,index) in images" :key="index">
  5. <view class="icon" style="" @click='urinometer_click(index)'>
  6. <img class="image" style="" :src="item.url" alt="" />
  7. <view class="">领透智能尿检仪</view>
  8. </view>
  9. </view>
  10. </view>
  11. <view class="content_bottom" style="">
  12. <view class="button_box" style="">
  13. <view class="button border" style="" @click='scanCode_click'>扫码添加</view>
  14. <view class="button" style="flex: 1;">手动添加</view>
  15. </view>
  16. </view>
  17. </view>
  18. </template>
  19. <script>
  20. export default{
  21. data(){
  22. return{
  23. images:[{id:1,url:'../../static/urine/4.png'},{id:2,url:'../../static/urine/4.png'},
  24. {id:3,url:'../../static/urine/4.png'},{id:4,url:'../../static/urine/4.png'}],
  25. }
  26. },
  27. onLoad(){
  28. const _that = this
  29. // wx.startWifi({
  30. // success(res) {
  31. // console.log('success',res);
  32. // // _this.getWifiInfo();
  33. // // _that.getWifilist()
  34. // _that.authorize()
  35. // },
  36. // fail: function (res) {
  37. // // _that.authorize()
  38. // console.log('请连接路由器',res);
  39. // // _this.showPopIs5G();
  40. // // uni.showToast({
  41. // // title: "请连接路由器",
  42. // // duration: 2000,
  43. // // });
  44. // },
  45. // });
  46. },
  47. methods:{
  48. urinometer_click(index){
  49. console.log('index',index);
  50. // uni.openBluetoothAdapter({
  51. // success(res) {
  52. // console.log('success',res)
  53. // uni.startBluetoothDevicesDiscovery({
  54. // success: function(res) {
  55. // console.log('搜索蓝牙设备success',res)
  56. // uni.getBluetoothDevices({
  57. // success: function(res) {
  58. // // if()
  59. // console.log('获取蓝牙列表success',res)
  60. // uni.createBLEConnection({
  61. // // deviceId: this.deviceId, // 在第 3 步可以拿到蓝牙的 deviceId 的值
  62. // success: (res) => {
  63. // console.log("连接成功", res)
  64. // uni.stopBluetoothDevicesDiscovery({
  65. // success(res) {
  66. // console.log('停止搜索蓝牙',res)
  67. // }
  68. // })
  69. // },
  70. // fail: (error) => {
  71. // console.log("连接失败", error)
  72. // }
  73. // })
  74. // },
  75. // fail: function() {
  76. // console.log("获取蓝牙设备列表失败")
  77. // }
  78. // })
  79. // },
  80. // fail: function() {
  81. // console.log("获取蓝牙设备列表失败")
  82. // }
  83. // })
  84. // },
  85. // })
  86. wx.navigateTo({
  87. url:'/pages/Health_monitor/urinometer'
  88. })
  89. },
  90. getWifilist(){
  91. wx.getWifiList({
  92. success(res) {
  93. console.log('获取wifi列表',res);
  94. wx.onGetWifiList({
  95. success(res){
  96. console.log('监听wifi列表',res);
  97. }
  98. })
  99. },
  100. fail(res){
  101. console.log('获取wifi列表失败',res);
  102. }
  103. })
  104. },
  105. // 获取用户授权设置
  106. authorize() {
  107. let that = this
  108. wx.getSetting({
  109. success(res) {
  110. console.log('setting', res)
  111. console.log('dingwei',res.authSetting['scope.userLocation'] === undefined);
  112. if (res.authSetting['scope.userLocation'] === undefined) {
  113. uni.showModal({
  114. title: '是否授权当前位置',
  115. content: '需要获取您的地理位置,请确认授权,否则无法相关功能!',
  116. success(res){
  117. if(res.confirm){
  118. wx.openSetting({
  119. success: (add => {
  120. if (dataAu.authSetting['scope.userLocation'] === true){
  121. wx.getLocation({
  122. success(res){
  123. console.log('获取位置',res);
  124. that.getWifilist()
  125. }
  126. })
  127. }
  128. })
  129. })
  130. }
  131. }
  132. })
  133. // 申请获取地理位置权限
  134. // wx.authorize({
  135. // scope: 'scope.userLocation',
  136. // success: (res) => {
  137. // console.log('authorize succ', res)
  138. // },
  139. // fail: (e) => {
  140. // console.log('authorize fail', e)
  141. // }
  142. // })
  143. }else{
  144. // 开始wifi模块使用
  145. that.getWifilist()
  146. }
  147. }
  148. })
  149. },
  150. // 提示用户打开设置页,打开
  151. openSetting() {
  152. wx.openSetting({
  153. success: (res => {
  154. // res也会返回用户设置的权限,可以把权限判断部分的代码单独抽出来
  155. this.authorize() // 获取用户授权设置
  156. })
  157. })
  158. },
  159. scanCode_click(){
  160. uni.scanCode({
  161. success: function (res) {
  162. console.log('条码类型:' + res.scanType);
  163. console.log('条码内容:' + res.result);
  164. }
  165. })
  166. }
  167. }
  168. }
  169. </script>
  170. <style lang="scss" scoped>
  171. .content{
  172. .content_top{
  173. height: 80%;
  174. .icon_box{
  175. width: 49%;
  176. display: inline-block;
  177. flex-wrap: wrap;
  178. background: white;
  179. box-sizing: border-box;
  180. border: 1px solid #dcdcdc4d;
  181. .icon{
  182. width: 100%;
  183. text-align: center;
  184. padding: 10px;
  185. display: inline-block;
  186. // box-sizing: border-box;
  187. .image{
  188. height: 100rpx;
  189. width: 100rpx;
  190. }
  191. }
  192. }
  193. }
  194. .content_bottom{
  195. width: 100%;
  196. position: fixed;
  197. bottom: 30rpx;
  198. .button_box{
  199. margin: 0 auto;
  200. width: 80%;
  201. background:linear-gradient(#4dc691,#66cfa1,#7ad7ae);
  202. border-radius: 100rpx;
  203. display: flex;
  204. .button{
  205. flex: 1;
  206. line-height:90rpx;
  207. color: white;
  208. text-align: center;
  209. }
  210. .border{
  211. border-right:1px solid white;
  212. }
  213. }
  214. }
  215. }
  216. </style>