mixin.js 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. /*
  2. * 全局注入器
  3. */
  4. let page = {
  5. data() {
  6. return {
  7. emptyType: -1, // 0正确,1空,2错误
  8. isNoMore: false, // 没有更多
  9. errMsg: '暂无数据',
  10. pageIndex: 0,
  11. pageSize: 15,
  12. isLoad: true, // 是否加载
  13. isPull: false, // 是否下拉刷新
  14. isReach: false, // 是否上拉加载
  15. isFrefresh: false, // 是否加载数据中
  16. isFirstLoad: true, //是否第一次加载
  17. isEnabledReachBottom: true, //是否启动上拉加载
  18. loadOptions: {}, //加载参数
  19. themeColor: '',
  20. memberInfo: {},
  21. isLogin:false, // 当前是否登录,未登录就是游客状态
  22. }
  23. },
  24. computed: {
  25. //ios底部安全区域
  26. safeAreaBottom() {
  27. let info = uni.getSystemInfoSync()
  28. let safe = 20
  29. if (
  30. info &&
  31. ['devtools', 'ios'].includes(info.platform) &&
  32. info.statusBarHeight > safe
  33. ) {
  34. return info.statusBarHeight - safe
  35. }
  36. return 0
  37. }
  38. },
  39. methods: {
  40. // 社区begin
  41. setData: function(obj, callback) {
  42. let that = this;
  43. const handleData = (tepData, tepKey, afterKey) => {
  44. tepKey = tepKey.split('.');
  45. tepKey.forEach(item => {
  46. if (tepData[item] === null || tepData[item] === undefined) {
  47. let reg = /^[0-9]+$/;
  48. tepData[item] = reg.test(afterKey) ? [] : {};
  49. tepData = tepData[item];
  50. } else {
  51. tepData = tepData[item];
  52. }
  53. });
  54. return tepData;
  55. };
  56. const isFn = function(value) {
  57. return typeof value == 'function' || false;
  58. };
  59. Object.keys(obj).forEach(function(key) {
  60. let val = obj[key];
  61. key = key.replace(/\]/g, '').replace(/\[/g, '.');
  62. let front, after;
  63. let index_after = key.lastIndexOf('.');
  64. if (index_after != -1) {
  65. after = key.slice(index_after + 1);
  66. front = handleData(that, key.slice(0, index_after), after);
  67. } else {
  68. after = key;
  69. front = that;
  70. }
  71. if (front.$data && front.$data[after] === undefined) {
  72. Object.defineProperty(front, after, {
  73. get() {
  74. return front.$data[after];
  75. },
  76. set(newValue) {
  77. front.$data[after] = newValue;
  78. that.$forceUpdate();
  79. },
  80. enumerable: true,
  81. configurable: true
  82. });
  83. front[after] = val;
  84. } else {
  85. that.$set(front, after, val);
  86. }
  87. });
  88. // this.$forceUpdate();
  89. isFn(callback) && this.$nextTick(callback);
  90. },
  91. // 社区end
  92. //获取数据列表
  93. getDataList(res) {
  94. this.isFrefresh = false
  95. let list = []
  96. if (typeof res == 'object') {
  97. if (Object.prototype.toString.call(res) == '[object Array]') {
  98. //data是数组
  99. list = res
  100. }
  101. if (list.length > 0) {
  102. //正常列表数据
  103. this.pageIndex += 1
  104. this.emptyType = 0
  105. } else {
  106. if (this.pageIndex <= 0) {
  107. //第1页时显示空
  108. this.emptyType = 1
  109. this.isNoMore = false
  110. } else {
  111. //不是第1页显示没有更多
  112. this.emptyType = 0
  113. this.isNoMore = true
  114. }
  115. }
  116. }
  117. return list
  118. },
  119. //停止下拉加载器
  120. stopPullDownRefresh() {
  121. this.isFrefresh = false
  122. uni.stopPullDownRefresh()
  123. },
  124. onPageLoad(options) {
  125. //页面加载 页面使用该函数会覆盖此函数
  126. if (this.isPull) {
  127. }
  128. },
  129. onLoadPage(options) {
  130. wx.hideShareMenu();
  131. this.onPageLoad(options)
  132. },
  133. onPullDownRefresh() {
  134. this.onPullDownRefreshPage()
  135. },
  136. onPullDownRefreshPage() {
  137. //下拉刷新
  138. //需要在 page.json 文件设置"enablePullDownRefresh": true
  139. this.isLoad = false
  140. this.isPull = true
  141. this.isReach = false
  142. this.pageIndex = 1
  143. this.isNoMore = false
  144. this.isFrefresh = true
  145. this.onLoadPage(this.loadOptions)
  146. },
  147. onReachBottom() {
  148. this.onReachBottomPage()
  149. },
  150. onReachBottomPage() {
  151. if (this.isEnabledReachBottom) {
  152. if (!this.isNoMore && !this.isFrefresh) {
  153. //底部上拉加载更多
  154. this.isLoad = false
  155. this.isPull = false
  156. this.isReach = true
  157. this.isFrefresh = true
  158. this.onLoadPage(this.loadOptions)
  159. }
  160. }
  161. },
  162. onShow() {
  163. this.onShowPage()
  164. },
  165. onShowPage() {
  166. if (!this.isFirstLoad) {
  167. let route = this.$util.getCurrentRoute()
  168. if (this.$util.doIsRefreshPage(route)) {
  169. this.onPullDownRefresh()
  170. }
  171. } else {
  172. this.isFirstLoad = false
  173. }
  174. },
  175. getSceneValue(scene, name) {
  176. var arr,
  177. reg = new RegExp('(^|-)' + name + ':([^-]*)(-|$)')
  178. if ((arr = scene.match(reg))) {
  179. return unescape(arr[2])
  180. } else {
  181. return ''
  182. }
  183. },
  184. getSceneParams(options) {
  185. //s:来源Id
  186. //p:跳转路径
  187. //r:推荐人Id
  188. //o:营业点Id
  189. //pr:路径参数
  190. // options.scene = "sd:1-ph:goods_des-rmd:1-od:1-par:1_2_3";
  191. //options.scene="pr%3A175-r%3A3742-p%3A3-o%3A20";
  192. // options.scene="1-goods_des-1-1-1_2_3";
  193. // sourceId(来源)+ "-" + path(跳转路径) + "-" + recommond_member_id(推荐人Id)+"-"+org_id(营业点)"-"+params(跳转路径的参数)
  194. let scene = decodeURIComponent(options.scene)
  195. if (scene) {
  196. let obj = {}
  197. let pat = /\w+:\w+/gi
  198. let isNewMethod = pat.test(scene)
  199. if (isNewMethod) {
  200. obj.s = this.getSceneValue(scene, 's')
  201. obj.p = this.getSceneValue(scene, 'p')
  202. obj.r = this.getSceneValue(scene, 'r')
  203. obj.o = this.getSceneValue(scene, 'o')
  204. obj.pr = this.getSceneValue(scene, 'pr')
  205. } else {
  206. let arr = scene.split('-')
  207. if (arr.length == 5) {
  208. obj.s = arr[0]
  209. obj.p = arr[1]
  210. obj.r = arr[2]
  211. obj.o = arr[3]
  212. obj.pr = arr[4]
  213. }
  214. }
  215. return obj
  216. }
  217. return {}
  218. },
  219. getSharePageEnume(value) {
  220. for (let key in this.$global.sharePageList) {
  221. if (this.$global.sharePageList[key] == value) {
  222. return key
  223. }
  224. }
  225. return null
  226. },
  227. setSceneParamsStr(obj) {
  228. let arr = Object.keys(obj)
  229. let scene = ''
  230. for (let item of arr) {
  231. scene += item + ':' + obj[item] + '-'
  232. }
  233. scene = scene.slice(0, scene.length - 1)
  234. return scene
  235. },
  236. /**
  237. * 验证方法
  238. * @param {Object} rules 规则
  239. * @param {Context} prop 属性归属的对象
  240. *
  241. * @return 无
  242. */
  243. validate(rules, prop = this) {
  244. let keys = Object.keys(rules)
  245. let state = 'continue' // interrupt, finished
  246. outer: for (let key of keys) {
  247. let _rule = rules[key]
  248. for (let o of _rule) {
  249. let _propValue = prop[key]
  250. if (o.required) {
  251. if (o.opt === 'trim') {
  252. _propValue = _propValue.trim()
  253. }
  254. if (!_propValue || _propValue == '') {
  255. this.$dialog.alert({
  256. content: o.message
  257. })
  258. state = 'interrupt'
  259. break outer
  260. }
  261. }
  262. if (o.type === 'mobile') {
  263. if (!this.$util.isPhone(_propValue)) {
  264. this.$dialog.alert({
  265. content: o.message
  266. })
  267. state = 'interrupt'
  268. break outer
  269. }
  270. }
  271. }
  272. }
  273. if (state === 'continue') {
  274. return true
  275. }
  276. return false
  277. },
  278. //打电话
  279. makePhoneCall(phoneNumber, content) {
  280. let platform = uni.getSystemInfoSync().platform
  281. if (['ios', 'devtools'].includes(platform)) {
  282. uni.makePhoneCall({
  283. phoneNumber: phoneNumber
  284. })
  285. return
  286. } else {
  287. this.$dialog.confirm({
  288. content: content || '确认拨打电话:' + phoneNumber + ' 吗?',
  289. success: function success(res) {
  290. if (res.confirm) {
  291. uni.makePhoneCall({
  292. phoneNumber: phoneNumber
  293. })
  294. }
  295. }
  296. })
  297. }
  298. }
  299. },
  300. onLoad(options) {
  301. //请直接使用methods的onPageLoad函数
  302. this.loadOptions = options
  303. this.isLoad = true
  304. this.isPull = false
  305. this.isReach = false
  306. this.isFrefresh = true
  307. this.onLoadPage(options)
  308. }
  309. }
  310. export default page