Commit a4c5a838606ff6d803e8dd99c846fa7992e34639
Merge branch 'main_dev' into 'main'
merge main dev to main See merge request yunteng/thingskit-app!115
Showing
19 changed files
with
622 additions
and
540 deletions
... | ... | @@ -30,7 +30,24 @@ |
30 | 30 | // }) |
31 | 31 | // #endif |
32 | 32 | }, |
33 | - onHide() {} | |
33 | + onHide() {}, | |
34 | + onUnload(){ | |
35 | + uni.setStorageSync('getConfiguration', { | |
36 | + isConfiguration: false | |
37 | + }); | |
38 | + }, | |
39 | + methods:{ | |
40 | + // 判断是否是第三方登录没有绑定账号不请求数据 | |
41 | + getBindNot(){ | |
42 | + // #ifndef H5 | |
43 | + const userInfo = uni.getStorageSync('userInfo'); | |
44 | + // #endif | |
45 | + // #ifdef H5 | |
46 | + const userInfo = JSON.parse(sessionStorage.getItem('userInfo') || localStorage.getItem('userInfo')); | |
47 | + // #endif | |
48 | + return userInfo.isThirdLogin | |
49 | + } | |
50 | + } | |
34 | 51 | }; |
35 | 52 | </script> |
36 | 53 | ... | ... |
... | ... | @@ -36,6 +36,11 @@ |
36 | 36 | class="text-device-muted text-clip">{{ list.details == null ? '暂无数据' : formatDetailText(list.details.data) }}</text> |
37 | 37 | </view> |
38 | 38 | <view class="column"> |
39 | + <text class="text-org-bold">告警场景:</text> | |
40 | + <text | |
41 | + class="text-device-muted text-clip">{{ list.type == null ? '暂无数据' : list.type }}</text> | |
42 | + </view> | |
43 | + <view class="column"> | |
39 | 44 | <text class="text-org-bold">告警时间:</text> |
40 | 45 | <text class="text-device-muted">{{ list.createdTime }}</text> |
41 | 46 | </view> |
... | ... | @@ -169,7 +174,7 @@ |
169 | 174 | const jsonStr = JSON.stringify(e); |
170 | 175 | const str = jsonStr.substring(1, jsonStr.length - 1); |
171 | 176 | const newStr = str.replace(/\"/g, ''); |
172 | - return newStr; | |
177 | + return newStr.slice(0,26); | |
173 | 178 | } |
174 | 179 | } |
175 | 180 | }; | ... | ... |
... | ... | @@ -125,7 +125,9 @@ uni.$u.http.interceptors.response.use( |
125 | 125 | errorData = message || ""; |
126 | 126 | } |
127 | 127 | // console.log('errorData', errorData); |
128 | - uni.$u.toast(message); | |
128 | + if(message != "request:ok"){ | |
129 | + uni.$u.toast(message); | |
130 | + } | |
129 | 131 | // if (show) uni.$u.toast(errorData); |
130 | 132 | return Promise.reject(response); |
131 | 133 | } | ... | ... |
... | ... | @@ -110,12 +110,22 @@ |
110 | 110 | }, |
111 | 111 | { |
112 | 112 | checked: false, |
113 | - name: '成功', | |
113 | + name: '响应成功', | |
114 | 114 | type: 'SUCCESSFUL' |
115 | 115 | }, |
116 | 116 | { |
117 | 117 | checked: false, |
118 | - name: '失败', | |
118 | + name: '发送成功', | |
119 | + type: 'DELIVERED' | |
120 | + }, | |
121 | + { | |
122 | + checked: false, | |
123 | + name: '已过期', | |
124 | + type: 'EXPIRED' | |
125 | + }, | |
126 | + { | |
127 | + checked: false, | |
128 | + name: '响应失败', | |
119 | 129 | type: 'FAILED' |
120 | 130 | } |
121 | 131 | ], | ... | ... |
... | ... | @@ -12,8 +12,8 @@ |
12 | 12 | {{ deviceDetail.alias? deviceDetail.alias: deviceDetail.name }} |
13 | 13 | </view> |
14 | 14 | <view style="margin-left: 20rpx; font-size: 14px;" |
15 | - :style="{ color: deviceDetail.deviceState === 'INACTIVE' ? '#666' : deviceDetail.deviceState === 'ONLINE' ? '#377DFF' : '#DE4437' }"> | |
16 | - {{ deviceDetail.deviceState === 'INACTIVE' ? '待激活' : deviceDetail.deviceState === 'ONLINE' ? '在线' : '离线' }} | |
15 | + :style="{ color: deviceDetail.deviceState === 'INACTIVE' ? '#666' : deviceDetail.deviceState === 'ONLINE' ? '#377DFF' : '#DE4437' }"> | |
16 | + {{ deviceStatus }} | |
17 | 17 | </view> |
18 | 18 | </view> |
19 | 19 | <view style="margin-right: 20rpx;" |
... | ... | @@ -126,8 +126,8 @@ |
126 | 126 | </view> |
127 | 127 | <view style="margin-top: 28rpx;width: 100%;"> |
128 | 128 | <div class="u-flex u-row-between"> |
129 | - <u--textarea placeholder="请输入下发内容(json格式)" v-model="inputCommandVal" /> | |
130 | - <u-icon @click="handleCopy(copyTextValue)" name="question-circle" color="#2979ff" size="28" | |
129 | + <u--textarea :placeholder="`请输入下发内容${isShowTCP?'(字符串格式)':'(json格式)'}`" v-model="inputCommandVal" /> | |
130 | + <u-icon v-if="!isShowTCP" @click="handleCopy(copyTextValue)" name="question-circle" color="#2979ff" size="28" | |
131 | 131 | class="ml-10"> |
132 | 132 | </u-icon> |
133 | 133 | </div> |
... | ... | @@ -187,10 +187,14 @@ |
187 | 187 | showModel: false, |
188 | 188 | commandType: 'OneWay', |
189 | 189 | commandValue: {}, |
190 | - inputCommandVal: '' | |
190 | + inputCommandVal: '', | |
191 | + isShowTCP:false,//用于下发命令时判断是否是TCP/UDP | |
191 | 192 | }; |
192 | 193 | }, |
193 | 194 | computed: { |
195 | + deviceStatus(){ | |
196 | + return this.deviceDetail.deviceState === 'INACTIVE' ? '待激活' : this.deviceDetail.deviceState === 'ONLINE' ? '在线' : '离线' | |
197 | + }, | |
194 | 198 | deviceType() { |
195 | 199 | return this.deviceDetail.deviceType === 'DIRECT_CONNECTION' ? |
196 | 200 | '直连设备' : |
... | ... | @@ -218,18 +222,20 @@ |
218 | 222 | methods: { |
219 | 223 | handleCopy(value) { |
220 | 224 | uni.showModal({ |
221 | - content: JSON.stringify(value), //模板中提示的内容 | |
225 | + content: JSON.stringify(value), | |
222 | 226 | confirmText: '复制内容', |
223 | - success: () => { //点击复制内容的后调函数 | |
227 | + showCancel:false, | |
228 | + success: () => { | |
224 | 229 | uni.setClipboardData({ |
225 | - data: JSON.stringify(value), //要被复制的内容 | |
226 | - success: () => { //复制成功的回调函数 | |
227 | - uni.showToast({ //提示 | |
230 | + data: JSON.stringify(value), | |
231 | + success: () => { | |
232 | + uni.showToast({ | |
228 | 233 | title: '复制成功' |
229 | 234 | }) |
230 | 235 | } |
231 | 236 | }); |
232 | - } | |
237 | + }, | |
238 | + | |
233 | 239 | }); |
234 | 240 | }, |
235 | 241 | radioChange: function(evt) { |
... | ... | @@ -252,11 +258,15 @@ |
252 | 258 | }, |
253 | 259 | showModal(e) { |
254 | 260 | this.modalName = e.currentTarget.dataset.target |
261 | + const {transportType} = this.deviceDetail.deviceProfile | |
262 | + this.isShowTCP = transportType=='TCP'?true:false | |
255 | 263 | this.showNodal = true |
256 | 264 | }, |
257 | 265 | showModalBtn() { |
258 | 266 | this.showModel = true; |
259 | 267 | this.inputCommandVal = ''; |
268 | + const {transportType} = this.deviceDetail.deviceProfile | |
269 | + this.isShowTCP = transportType=='TCP'?true:false | |
260 | 270 | }, |
261 | 271 | disabledScroll() { |
262 | 272 | return; |
... | ... | @@ -271,13 +281,22 @@ |
271 | 281 | }, |
272 | 282 | async confirmCommand() { |
273 | 283 | try { |
274 | - const commandJsonValue = JSON.parse(this.inputCommandVal); | |
284 | + this.commandValue.method = 'methodThingskit'; | |
275 | 285 | this.commandValue.persistent = true; |
276 | 286 | this.commandValue.additionalInfo = { |
277 | 287 | cmdType: 'API' |
278 | 288 | }; |
279 | - this.commandValue.method = 'methodThingskit'; | |
280 | - this.commandValue.params = commandJsonValue | |
289 | + if(this.isShowTCP){//TCP的格式只能是字符串 | |
290 | + const zg = /^[0-9a-zA-Z]*$/ | |
291 | + if(!zg.test(this.inputCommandVal)) { | |
292 | + uni.$u.toast('输入的内容只能是字母和数字的组合') | |
293 | + return | |
294 | + } | |
295 | + this.commandValue.params = this.inputCommandVal | |
296 | + }else{ | |
297 | + const commandJsonValue = JSON.parse(this.inputCommandVal); | |
298 | + this.commandValue.params = commandJsonValue | |
299 | + } | |
281 | 300 | await issueCommand(this.commandType, this.deviceDetail.tbDeviceId, this.commandValue); |
282 | 301 | this.hiddenModal(); |
283 | 302 | uni.$u.toast('下发成功~'); |
... | ... | @@ -390,4 +409,4 @@ |
390 | 409 | width: 300rpx; |
391 | 410 | } |
392 | 411 | } |
393 | -</style> | |
412 | +</style> | ... | ... |
... | ... | @@ -8,7 +8,7 @@ |
8 | 8 | <view class="search"> |
9 | 9 | <view> |
10 | 10 | <view class="search-left"> |
11 | - <u--input prefixIcon="search" placeholder="请输入告警名字" shape="circle" @change="inputChanged"> | |
11 | + <u--input prefixIcon="search" placeholder="请输入告警设备" shape="circle" @change="inputChanged"> | |
12 | 12 | </u--input> |
13 | 13 | </view> |
14 | 14 | </view> |
... | ... | @@ -241,6 +241,9 @@ |
241 | 241 | }, |
242 | 242 | onShow() { |
243 | 243 | this.page.num = 1; |
244 | + if(getApp().getBindNot()){ | |
245 | + return | |
246 | + } | |
244 | 247 | if (this.detailStatus) { |
245 | 248 | this.loadData(1, null, null, null, null, null, null); |
246 | 249 | } |
... | ... | @@ -256,6 +259,9 @@ |
256 | 259 | onLoad(e) { |
257 | 260 | // 隐藏原生的tabbar |
258 | 261 | uni.hideTabBar(); |
262 | + if(getApp().getBindNot()){ | |
263 | + return | |
264 | + } | |
259 | 265 | if (e.type == undefined) { |
260 | 266 | this.loadData(1, null, null, null, null, null, null); |
261 | 267 | } else { |
... | ... | @@ -303,8 +309,9 @@ |
303 | 309 | const formatS = curTime.getTime(); |
304 | 310 | let addMinute = new Date(curTime.setMinutes(curTime.getMinutes() - this.selectTimeVal)); |
305 | 311 | const formatE = addMinute.getTime(); |
306 | - this.timeData.getTimeGapS = formatS; | |
307 | - this.timeData.getTimeGapE = formatE; | |
312 | + this.timeData.getTimeGapS = i>0?formatS:''; | |
313 | + this.timeData.getTimeGapE = i>0?formatE:''; | |
314 | + console.log(this.timeData.getTimeGapS,'this.timeData.getTimeGapS',this.timeData.getTimeGapE) | |
308 | 315 | }, |
309 | 316 | queryData() { |
310 | 317 | this.topBack(); |
... | ... | @@ -345,8 +352,8 @@ |
345 | 352 | this.current4 = 0; |
346 | 353 | this.selectTimeVal = ''; |
347 | 354 | this.timeData.selectTime = []; |
348 | - this.timeDatagetTimeGapS = ''; | |
349 | - this.timeDatagetTimeGapE = ''; | |
355 | + this.timeData.getTimeGapS = ''; | |
356 | + this.timeData.getTimeGapE = ''; | |
350 | 357 | this.range = []; |
351 | 358 | this.searchAlarmText = ''; |
352 | 359 | this.startTimeVa = ''; |
... | ... | @@ -434,7 +441,7 @@ |
434 | 441 | severity: severityV, |
435 | 442 | deviceType: deviceTypeV, |
436 | 443 | organizationId: organizationV, |
437 | - alarmType: alarmName | |
444 | + deviceName: alarmName | |
438 | 445 | }; |
439 | 446 | if (statusV == '') { |
440 | 447 | delete httpData.status; |
... | ... | @@ -480,7 +487,8 @@ |
480 | 487 | organizationName: e.organizationName, |
481 | 488 | details: e.details, |
482 | 489 | createdTime: e.createdTime, |
483 | - status: e.status | |
490 | + status: e.status, | |
491 | + type: e.type | |
484 | 492 | }; |
485 | 493 | uni.navigateTo({ |
486 | 494 | url: '/alarmSubPage/alarmDetailPage/alarmDetail?data=' + JSON.stringify(obj) | ... | ... |
... | ... | @@ -211,6 +211,9 @@ |
211 | 211 | async onLoad(options) { |
212 | 212 | // 隐藏原生的tabbar |
213 | 213 | uni.hideTabBar(); |
214 | + if(getApp().getBindNot()){ | |
215 | + return | |
216 | + } | |
214 | 217 | this.page.num = 1; |
215 | 218 | const { |
216 | 219 | deviceState |
... | ... | @@ -231,6 +234,9 @@ |
231 | 234 | } |
232 | 235 | }, |
233 | 236 | onShow() { |
237 | + if(getApp().getBindNot()){ | |
238 | + return | |
239 | + } | |
234 | 240 | if (this.orgId) { |
235 | 241 | this.loadData(1, { |
236 | 242 | organizationId: this.orgId | ... | ... |
... | ... | @@ -21,13 +21,13 @@ |
21 | 21 | </view> |
22 | 22 | <view @click="navigatorDeviceStatus('OFFLINE')" class="u-flex sigle-child"> |
23 | 23 | <view class="sigle-text"> |
24 | - <text class="home-text-total">{{ deviceData.unLine }}</text> | |
24 | + <text class="home-text-total">{{ deviceData.offLine }}</text> | |
25 | 25 | </view> |
26 | 26 | <view class="sigle-value"><text class="home-text-total-bottom">离线</text></view> |
27 | 27 | </view> |
28 | 28 | <view @click="navigatorDeviceStatus('INACTIVE')" class="u-flex sigle-child"> |
29 | 29 | <view class="sigle-text"> |
30 | - <text class="home-text-total">{{ deviceData.noActive }}</text> | |
30 | + <text class="home-text-total">{{ deviceData.inActive }}</text> | |
31 | 31 | </view> |
32 | 32 | <view class="sigle-value"><text class="home-text-total-bottom">待激活</text></view> |
33 | 33 | </view> |
... | ... | @@ -39,22 +39,22 @@ |
39 | 39 | <text class="item-text home-text-muted">告警统计</text> |
40 | 40 | </view> |
41 | 41 | <view class="item-child-bottom u-flex"> |
42 | - <view @click="navigatorAlarmStatus(['ACTIVE_UNACK', 'ACTIVE_ACK'])" | |
42 | + <view @click="navigatorAlarmStatus(['ACTIVE_UNACK'])" | |
43 | 43 | class="u-flex sigle-child"> |
44 | 44 | <view class="sigle-text"> |
45 | - <text class="home-text-total">{{ alertData.noHandle }}</text> | |
45 | + <text class="home-text-total">{{ alertData.activedAlarm }}</text> | |
46 | 46 | </view> |
47 | 47 | <view class="sigle-value"><text class="home-text-total-bottom">未处理</text></view> |
48 | 48 | </view> |
49 | 49 | <view @click="navigatorAlarmStatus('CLEARED_ACK')" class="u-flex sigle-child"> |
50 | 50 | <view class="sigle-text"> |
51 | - <text class="home-text-total">{{ alertData.doneHandle }}</text> | |
51 | + <text class="home-text-total">{{ alertData.clearedAck }}</text> | |
52 | 52 | </view> |
53 | 53 | <view class="sigle-value"><text class="home-text-total-bottom">已处理</text></view> |
54 | 54 | </view> |
55 | 55 | <view @click="navigatorAlarmStatus('CLEARED_UNACK')" class="u-flex sigle-child"> |
56 | 56 | <view class="sigle-text"> |
57 | - <text class="home-text-total">{{ alertData.errorReport }}</text> | |
57 | + <text class="home-text-total">{{ alertData.clearedUnack }}</text> | |
58 | 58 | </view> |
59 | 59 | <view class="sigle-value"><text class="home-text-total-bottom">误报</text></view> |
60 | 60 | </view> |
... | ... | @@ -105,7 +105,8 @@ |
105 | 105 | import { |
106 | 106 | mapActions |
107 | 107 | } from 'vuex'; |
108 | - import api from '@/api/index.js' | |
108 | + import api from '@/api/index.js' | |
109 | + import { useNavigateTo } from '@/plugins/utils.js' | |
109 | 110 | |
110 | 111 | export default { |
111 | 112 | components: { |
... | ... | @@ -115,36 +116,42 @@ |
115 | 116 | return { |
116 | 117 | deviceData: { |
117 | 118 | onLine: 0, |
118 | - unLine: 0, | |
119 | - noActive: 0 | |
119 | + offLine: 0, | |
120 | + inActive: 0 | |
120 | 121 | }, |
121 | 122 | alertData: { |
122 | - noHandle: 0, | |
123 | - doneHandle: 0, | |
124 | - errorReport: 0 | |
123 | + activedAlarm: 0, | |
124 | + clearedAck: 0, | |
125 | + clearedUnack: 0 | |
125 | 126 | } |
126 | 127 | }; |
127 | 128 | }, |
128 | 129 | onLoad() { |
129 | 130 | // 隐藏原生的tabbar |
130 | 131 | uni.hideTabBar(); |
132 | + if(getApp().getBindNot()){ | |
133 | + return | |
134 | + } | |
131 | 135 | this.getDeviceTotalData(); |
132 | 136 | uni.setStorageSync('getConfiguration', { |
133 | 137 | isConfiguration: false |
134 | 138 | }); |
135 | 139 | uni.removeStorageSync('getConfiguration'); |
140 | + }, | |
141 | + onPullDownRefresh() { | |
142 | + this.getDeviceTotalData(); | |
143 | + setTimeout(function () { | |
144 | + uni.stopPullDownRefresh(); | |
145 | + uni.$u.toast('下拉刷新成功...'); | |
146 | + }, 1000); | |
136 | 147 | }, |
137 | 148 | methods: { |
138 | 149 | ...mapActions(['updateBadgeTotal']), |
139 | 150 | async getDeviceTotalData() { |
140 | 151 | const res = await api.homeApi.getHomeStatisticsApi() |
141 | - if (res) { | |
142 | - this.deviceData.onLine = res.totalDevice?.onLine; | |
143 | - this.deviceData.unLine = res.totalDevice?.offLine; | |
144 | - this.deviceData.noActive = res.totalDevice?.inActive; | |
145 | - this.alertData.noHandle = res.totalAlarm?.activedAlarm; | |
146 | - this.alertData.doneHandle = res.totalAlarm?.clearedAck; | |
147 | - this.alertData.errorReport = res.totalAlarm?.clearedUnack; | |
152 | + if (res) { | |
153 | + for(let i in this.deviceData) Reflect.set(this.deviceData,i,res.totalDevice[i]) | |
154 | + for(let i in this.alertData) Reflect.set(this.alertData,i,res.totalAlarm[i]) | |
148 | 155 | //异步实时更新告警徽标数 |
149 | 156 | this.updateBadgeTotal(res.totalAlarm?.activedAlarm); |
150 | 157 | } |
... | ... | @@ -152,15 +159,11 @@ |
152 | 159 | showToastWip() { |
153 | 160 | uni.$u.toast('拼命开发中 ...'); |
154 | 161 | }, |
155 | - openCamera() { | |
156 | - uni.navigateTo({ | |
157 | - url: 'camera/camera' | |
158 | - }); | |
162 | + openCamera() { | |
163 | + useNavigateTo('camera/camera') | |
159 | 164 | }, |
160 | - openOrgStatus() { | |
161 | - uni.navigateTo({ | |
162 | - url: 'configuration/configuration' | |
163 | - }); | |
165 | + openOrgStatus() { | |
166 | + useNavigateTo('configuration/configuration') | |
164 | 167 | }, |
165 | 168 | //告警状态查询 |
166 | 169 | navigatorAlarmStatus(e) { | ... | ... |
... | ... | @@ -135,6 +135,7 @@ |
135 | 135 | mapState, |
136 | 136 | mapMutations |
137 | 137 | } from 'vuex'; |
138 | + import { loginPasswordReg } from '@/plugins/utils.js' | |
138 | 139 | |
139 | 140 | export default { |
140 | 141 | components: { |
... | ... | @@ -244,14 +245,13 @@ |
244 | 245 | if (this.bindAccountObj.appUserKey == '' || this.bindAccountObj.appUserKey == undefined) { |
245 | 246 | return uni.$u.toast('请输入登录账号~'); |
246 | 247 | } |
247 | - const passReg = /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\d]){1,})(?=(.*[\W]){1,})(?!.*\s).{8,}$/; | |
248 | 248 | if (this.bindAccountObj.appUserSecret == '') { |
249 | 249 | uni.showToast({ |
250 | 250 | title: '请输入登录密码~', |
251 | 251 | icon: 'none' |
252 | 252 | }); |
253 | 253 | return; |
254 | - } else if (!passReg.test(this.bindAccountObj.appUserSecret)) { | |
254 | + } else if (!loginPasswordReg.test(this.bindAccountObj.appUserSecret)) { | |
255 | 255 | uni.showModal({ |
256 | 256 | title: '提示', |
257 | 257 | content: '密码格式不正确(至少一个大写英文字母、至少一个小写英文字母、至少一位数字、至少一个特殊字符、最少八个字符)~', | ... | ... |
1 | -import Vue from "vue"; | |
2 | -import moment from "moment"; | |
3 | -const DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss"; | |
4 | -//手机号中间4位为* | |
5 | -Vue.filter("phone", function (val) { | |
6 | - var tel = val; | |
7 | - tel = "" + tel; | |
8 | - var telShort = tel.replace(tel.substring(3, 7), "****"); | |
9 | - return telShort; | |
10 | -}); | |
11 | -//获取系统信息、判断ipX安全距离 | |
12 | -export const getTabbarHeight = function () { | |
13 | - var systemInfo = uni.getSystemInfoSync(); | |
14 | - var data = { | |
15 | - ...systemInfo, | |
16 | - tabbarH: 50, //tabbar高度--单位px | |
17 | - tabbarPaddingB: 0, //tabbar底部安全距离高度--单位px | |
18 | - device: systemInfo.system.indexOf("iOS") != -1 ? "iOS" : "Android", //苹果或者安卓设备 | |
19 | - }; | |
20 | - let modelArr = [ | |
21 | - "10,3", | |
22 | - "10,6", | |
23 | - "X", | |
24 | - "XR", | |
25 | - "XS", | |
26 | - "11", | |
27 | - "12", | |
28 | - "13", | |
29 | - "14", | |
30 | - "15", | |
31 | - "16", | |
32 | - ]; | |
33 | - let model = systemInfo.model; | |
34 | - model && | |
35 | - modelArr.forEach((item) => { | |
36 | - //适配iphoneX以上的底部,给tabbar一定高度的padding-bottom | |
37 | - if ( | |
38 | - model.indexOf(item) != -1 && | |
39 | - (model.indexOf("iPhone") != -1 || model.indexOf("iphone") != -1) | |
40 | - ) { | |
41 | - data.tabbarH = 70; | |
42 | - data.tabbarPaddingB = 20; | |
43 | - } | |
44 | - }); | |
45 | - return data; | |
46 | -}; | |
47 | - | |
48 | -// px转upx | |
49 | -export const px2upx = function (n) { | |
50 | - return n / (uni.upx2px(n) / n); | |
51 | -}; | |
52 | - | |
53 | -// 小程序获取定位权限判断 | |
54 | -// isOpenSetting 默认false:不检验授权,true:检验授权后获取地址 | |
55 | -function getMpLocation(successCallback, errCallback, isOpenSetting) { | |
56 | - uni.getSetting({ | |
57 | - success: (res) => { | |
58 | - if (res.authSetting["scope.userLocation"] || !isOpenSetting) { | |
59 | - uni.getLocation({ | |
60 | - // #ifndef MP-ALIPAY | |
61 | - type: "gcj02", | |
62 | - // #endif | |
63 | - success(res) { | |
64 | - console.log("successCallback"); | |
65 | - successCallback(res); | |
66 | - }, | |
67 | - fail(err) { | |
68 | - console.log("位置信息错误", err); | |
69 | - errCallback("位置信息获取失败"); | |
70 | - }, | |
71 | - }); | |
72 | - } else { | |
73 | - errCallback("“位置信息”未授权"); | |
74 | - isOpenSetting && | |
75 | - uni.showModal({ | |
76 | - title: "提示", | |
77 | - content: "请先在设置页面打开“位置信息”使用权限", | |
78 | - confirmText: "去设置", | |
79 | - cancelText: "再逛会", | |
80 | - success: (res) => { | |
81 | - if (res.confirm) { | |
82 | - uni.openSetting(); | |
83 | - } | |
84 | - }, | |
85 | - }); | |
86 | - } | |
87 | - }, | |
88 | - }); | |
89 | -} | |
90 | -// 获取地址信息 | |
91 | -let locationAuthorize = true; | |
92 | -export const getAppLatLon = function ( | |
93 | - successCallback, | |
94 | - errCallback, | |
95 | - isOpenSetting | |
96 | -) { | |
97 | - const _this = this; | |
98 | - // #ifdef MP-WEIXIN | |
99 | - if (locationAuthorize && isOpenSetting) { | |
100 | - uni.authorize({ | |
101 | - scope: "scope.userLocation", | |
102 | - success: () => { | |
103 | - getMpLocation(successCallback, errCallback, isOpenSetting); | |
104 | - locationAuthorize = false; | |
105 | - }, | |
106 | - fail: () => { | |
107 | - locationAuthorize = false; | |
108 | - }, | |
109 | - }); | |
110 | - } else { | |
111 | - getMpLocation(successCallback, errCallback, isOpenSetting); | |
112 | - } | |
113 | - // #endif | |
114 | - // #ifdef MP-ALIPAY | |
115 | - getMpLocation(successCallback, errCallback, false); | |
116 | - // #endif | |
117 | - // #ifdef H5 | |
118 | - uni.getLocation({ | |
119 | - type: "gcj02", | |
120 | - success(res) { | |
121 | - console.log("successCallback"); | |
122 | - successCallback(res); | |
123 | - }, | |
124 | - fail(err) { | |
125 | - console.log("位置信息错误", err); | |
126 | - errCallback("位置信息获取失败"); | |
127 | - }, | |
128 | - }); | |
129 | - // #endif | |
130 | -}; | |
131 | - | |
132 | -export function formatToDate(date = undefined, format = DATE_TIME_FORMAT) { | |
133 | - return moment(date).format(format); | |
134 | -} | |
1 | +import Vue from "vue"; | |
2 | +import moment from "moment"; | |
3 | +const DATE_TIME_FORMAT = "YYYY-MM-DD HH:mm:ss"; | |
4 | + | |
5 | +/** | |
6 | + 登录密码正则验证 | |
7 | + 最短8位,最长16位 | |
8 | + 必须包含1个数字 | |
9 | + 必须包含1个小写字母 | |
10 | + 必须包含1个大写字母 | |
11 | + 必须包含1个特殊字符 | |
12 | + */ | |
13 | +export const loginPasswordReg =/^.*(?=.{6,16})(?=.*\d)(?=.*[A-Z]{1,})(?=.*[a-z]{1,})(?=.*[_!@#$%^&*?\(\)]).*$/; | |
14 | + | |
15 | +//手机号中间4位为* | |
16 | +Vue.filter("phone", function (val) { | |
17 | + var tel = val; | |
18 | + tel = "" + tel; | |
19 | + var telShort = tel.replace(tel.substring(3, 7), "****"); | |
20 | + return telShort; | |
21 | +}); | |
22 | +//获取系统信息、判断ipX安全距离 | |
23 | +export const getTabbarHeight = function () { | |
24 | + var systemInfo = uni.getSystemInfoSync(); | |
25 | + var data = { | |
26 | + ...systemInfo, | |
27 | + tabbarH: 50, //tabbar高度--单位px | |
28 | + tabbarPaddingB: 0, //tabbar底部安全距离高度--单位px | |
29 | + device: systemInfo.system.indexOf("iOS") != -1 ? "iOS" : "Android", //苹果或者安卓设备 | |
30 | + }; | |
31 | + let modelArr = [ | |
32 | + "10,3", | |
33 | + "10,6", | |
34 | + "X", | |
35 | + "XR", | |
36 | + "XS", | |
37 | + "11", | |
38 | + "12", | |
39 | + "13", | |
40 | + "14", | |
41 | + "15", | |
42 | + "16", | |
43 | + ]; | |
44 | + let model = systemInfo.model; | |
45 | + model && | |
46 | + modelArr.forEach((item) => { | |
47 | + //适配iphoneX以上的底部,给tabbar一定高度的padding-bottom | |
48 | + if ( | |
49 | + model.indexOf(item) != -1 && | |
50 | + (model.indexOf("iPhone") != -1 || model.indexOf("iphone") != -1) | |
51 | + ) { | |
52 | + data.tabbarH = 70; | |
53 | + data.tabbarPaddingB = 20; | |
54 | + } | |
55 | + }); | |
56 | + return data; | |
57 | +}; | |
58 | + | |
59 | +// px转upx | |
60 | +export const px2upx = function (n) { | |
61 | + return n / (uni.upx2px(n) / n); | |
62 | +}; | |
63 | + | |
64 | +// 小程序获取定位权限判断 | |
65 | +// isOpenSetting 默认false:不检验授权,true:检验授权后获取地址 | |
66 | +function getMpLocation(successCallback, errCallback, isOpenSetting) { | |
67 | + uni.getSetting({ | |
68 | + success: (res) => { | |
69 | + if (res.authSetting["scope.userLocation"] || !isOpenSetting) { | |
70 | + uni.getLocation({ | |
71 | + // #ifndef MP-ALIPAY | |
72 | + type: "gcj02", | |
73 | + // #endif | |
74 | + success(res) { | |
75 | + console.log("successCallback"); | |
76 | + successCallback(res); | |
77 | + }, | |
78 | + fail(err) { | |
79 | + console.log("位置信息错误", err); | |
80 | + errCallback("位置信息获取失败"); | |
81 | + }, | |
82 | + }); | |
83 | + } else { | |
84 | + errCallback("“位置信息”未授权"); | |
85 | + isOpenSetting && | |
86 | + uni.showModal({ | |
87 | + title: "提示", | |
88 | + content: "请先在设置页面打开“位置信息”使用权限", | |
89 | + confirmText: "去设置", | |
90 | + cancelText: "再逛会", | |
91 | + success: (res) => { | |
92 | + if (res.confirm) { | |
93 | + uni.openSetting(); | |
94 | + } | |
95 | + }, | |
96 | + }); | |
97 | + } | |
98 | + }, | |
99 | + }); | |
100 | +} | |
101 | +// 获取地址信息 | |
102 | +let locationAuthorize = true; | |
103 | +export const getAppLatLon = function ( | |
104 | + successCallback, | |
105 | + errCallback, | |
106 | + isOpenSetting | |
107 | +) { | |
108 | + const _this = this; | |
109 | + // #ifdef MP-WEIXIN | |
110 | + if (locationAuthorize && isOpenSetting) { | |
111 | + uni.authorize({ | |
112 | + scope: "scope.userLocation", | |
113 | + success: () => { | |
114 | + getMpLocation(successCallback, errCallback, isOpenSetting); | |
115 | + locationAuthorize = false; | |
116 | + }, | |
117 | + fail: () => { | |
118 | + locationAuthorize = false; | |
119 | + }, | |
120 | + }); | |
121 | + } else { | |
122 | + getMpLocation(successCallback, errCallback, isOpenSetting); | |
123 | + } | |
124 | + // #endif | |
125 | + // #ifdef MP-ALIPAY | |
126 | + getMpLocation(successCallback, errCallback, false); | |
127 | + // #endif | |
128 | + // #ifdef H5 | |
129 | + uni.getLocation({ | |
130 | + type: "gcj02", | |
131 | + success(res) { | |
132 | + console.log("successCallback"); | |
133 | + successCallback(res); | |
134 | + }, | |
135 | + fail(err) { | |
136 | + console.log("位置信息错误", err); | |
137 | + errCallback("位置信息获取失败"); | |
138 | + }, | |
139 | + }); | |
140 | + // #endif | |
141 | +}; | |
142 | + | |
143 | +export function formatToDate(date = undefined, format = DATE_TIME_FORMAT) { | |
144 | + return moment(date).format(format); | |
145 | +} | |
146 | + | |
147 | +//封装uniapp跳转 navigateTo | |
148 | +export const useNavigateTo=(path,param)=>{ | |
149 | + if (!path) return | |
150 | + if(param){ | |
151 | + uni.navigateTo({ | |
152 | + url: path + encodeURIComponent(JSON.stringify(param)) | |
153 | + }); | |
154 | + }else{ | |
155 | + uni.navigateTo({ | |
156 | + url:path | |
157 | + }); | |
158 | + } | |
159 | +} | |
\ No newline at end of file | ... | ... |
... | ... | @@ -52,6 +52,7 @@ |
52 | 52 | |
53 | 53 | <script> |
54 | 54 | import api from '@/api/index.js' |
55 | + import { loginPasswordReg } from '@/plugins/utils.js' | |
55 | 56 | |
56 | 57 | var clear; |
57 | 58 | export default { |
... | ... | @@ -156,14 +157,13 @@ |
156 | 157 | this.nextStatus = false; |
157 | 158 | }, |
158 | 159 | onSubmit() { |
159 | - const passReg = /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\d]){1,})(?=(.*[\W]){1,})(?!.*\s).{8,}$/; | |
160 | 160 | if (this.password == '' && this.rePassword == '') { |
161 | 161 | uni.showToast({ |
162 | 162 | title: '请输入密码~', |
163 | 163 | icon: 'none' |
164 | 164 | }); |
165 | 165 | return; |
166 | - } else if (!passReg.test(this.password) && !passReg.test(this.rePassword)) { | |
166 | + } else if (!loginPasswordReg.test(this.password) && !loginPasswordReg.test(this.rePassword)) { | |
167 | 167 | //uni.showToast,字数过长,会造成手机上显示不完全,官方bug,采用uni.showModal |
168 | 168 | uni.showModal({ |
169 | 169 | title: '提示', | ... | ... |
... | ... | @@ -69,6 +69,7 @@ |
69 | 69 | mapState |
70 | 70 | } from "vuex"; |
71 | 71 | import api from '@/api' |
72 | + import { loginPasswordReg } from '@/plugins/utils.js' | |
72 | 73 | |
73 | 74 | export default { |
74 | 75 | data() { |
... | ... | @@ -97,14 +98,17 @@ |
97 | 98 | }, |
98 | 99 | }); |
99 | 100 | //#endif |
101 | + uni.setStorageSync('getConfiguration', { | |
102 | + isConfiguration: false | |
103 | + }); | |
100 | 104 | }, |
101 | 105 | computed: { |
102 | 106 | ...mapState(["plateInfo"]), |
103 | 107 | }, |
104 | - mounted() { | |
105 | - this.getPlateForm(); | |
106 | - }, | |
107 | 108 | onShow() { |
109 | + uni.setStorageSync('getConfiguration', { | |
110 | + isConfiguration: false | |
111 | + }); | |
108 | 112 | this.getPlateForm(); |
109 | 113 | }, |
110 | 114 | methods: { |
... | ... | @@ -237,18 +241,15 @@ |
237 | 241 | if (this.loginForm.username == "") { |
238 | 242 | return uni.$u.toast("请输入登录账号~"); |
239 | 243 | } |
240 | - const passReg = | |
241 | - /^(?=.*?[A-Z])(?=(.*[a-z]){1,})(?=(.*[\d]){1,})(?=(.*[\W]){1,})(?!.*\s).{8,}$/; | |
242 | - | |
243 | 244 | if (this.loginForm.password == "") { |
244 | 245 | uni.showToast({ |
245 | 246 | title: "请输入登录密码~", |
246 | 247 | icon: "none", |
247 | 248 | }); |
248 | 249 | return; |
249 | - } else if (!passReg.test(this.loginForm.password)) { | |
250 | + } else if (!loginPasswordReg.test(this.loginForm.password)) { | |
250 | 251 | uni.showModal({ |
251 | - title: "提示", | |
252 | + title: "提示", | |
252 | 253 | content: "密码格式不正确(至少一个大写英文字母、至少一个小写英文字母、至少一位数字、至少一个特殊字符、最少八个字符)~", |
253 | 254 | showCancel: false, |
254 | 255 | }); | ... | ... |
1 | -<template> | |
2 | - <view class="notify-detail-page"> | |
3 | - <!-- 公共组件-每个页面必须引入 --> | |
4 | - <public-module></public-module> | |
5 | - <view class="notify-column"> | |
6 | - <view class="column-list"> | |
7 | - <view style="margin-left: 36rpx;position: relative;top: 21rpx;"> | |
8 | - <view class="text-clip" style="width:500rpx"> | |
9 | - <text class="notify-detail-text ">{{ notifyList.title }}</text> | |
10 | - </view> | |
11 | - </view> | |
12 | - <view style="height: 25rpx;"></view> | |
13 | - <u-list height="140rpx"> | |
14 | - <u-list-item> | |
15 | - <u-cell :value="`${notifyList.senderDate}`" :title="`${notifyList.senderName}`"> | |
16 | - <u-avatar slot="icon" shape="circle" size="35" :src="notifyList.avatar"></u-avatar> | |
17 | - </u-cell> | |
18 | - </u-list-item> | |
19 | - </u-list> | |
20 | - <view class="bottom-text"> | |
21 | - <view class="u-flex column"></view> | |
22 | - <view style="margin-top: 21rpx;"> | |
23 | - <!-- 富文本解析 --> | |
24 | - <u-parse :content="notifyList.content"></u-parse> | |
25 | - <!-- 富文本解析 --> | |
26 | - </view> | |
27 | - </view> | |
28 | - </view> | |
29 | - </view> | |
30 | - </view> | |
31 | -</template> | |
32 | - | |
33 | -<script> | |
34 | -export default { | |
35 | - data() { | |
36 | - return { | |
37 | - notifyList: {} | |
38 | - }; | |
39 | - }, | |
40 | - onLoad(e) { | |
41 | - // 隐藏原生的tabbar | |
42 | - uni.hideTabBar(); | |
43 | - if (e.data !== null) { | |
44 | - let params = JSON.parse(decodeURIComponent(e.data)); | |
45 | - if (params) this.notifyList = params; | |
46 | - uni.setStorageSync('storagePre', true); | |
47 | - } | |
48 | - }, | |
49 | - onHide() { | |
50 | - uni.setStorageSync('storagePre', false); | |
51 | - } | |
52 | -}; | |
53 | -</script> | |
54 | - | |
55 | -<style lang="scss" scoped> | |
56 | -@import './static/notifyDetail.scss'; | |
57 | -/deep/ .u-line { | |
58 | - position: relative !important; | |
59 | - width: 640rpx !important; | |
60 | - left: 31rpx !important; | |
61 | -} | |
62 | -</style> | |
1 | +<template> | |
2 | + <view class="notify-detail-page"> | |
3 | + <!-- 公共组件-每个页面必须引入 --> | |
4 | + <public-module></public-module> | |
5 | + <view class="notify-column"> | |
6 | + <view class="column-list"> | |
7 | + <view class="column-title"> | |
8 | + <view class="text-clip" style="width:500rpx"> | |
9 | + <text class="notify-detail-text ">{{ notifyList.title }}</text> | |
10 | + </view> | |
11 | + </view> | |
12 | + <view style="height: 25rpx;"></view> | |
13 | + <u-list height="140rpx"> | |
14 | + <u-list-item> | |
15 | + <u-cell :value="`${notifyList.senderDate}`" :title="`${notifyList.senderName}`"> | |
16 | + <u-avatar slot="icon" shape="circle" size="35" :src="notifyList.avatar"></u-avatar> | |
17 | + </u-cell> | |
18 | + </u-list-item> | |
19 | + </u-list> | |
20 | + <view class="bottom-text"> | |
21 | + <view class="u-flex column"></view> | |
22 | + <view style="margin-top: 21rpx;"> | |
23 | + <!-- 富文本解析 --> | |
24 | + <u-parse :content="notifyList.content"></u-parse> | |
25 | + <!-- 富文本解析 --> | |
26 | + </view> | |
27 | + </view> | |
28 | + </view> | |
29 | + </view> | |
30 | + </view> | |
31 | +</template> | |
32 | + | |
33 | +<script> | |
34 | +export default { | |
35 | + data() { | |
36 | + return { | |
37 | + notifyList: {} | |
38 | + }; | |
39 | + }, | |
40 | + onLoad(e) { | |
41 | + // 隐藏原生的tabbar | |
42 | + uni.hideTabBar(); | |
43 | + if (e.data !== null) { | |
44 | + let params = JSON.parse(decodeURIComponent(e.data)); | |
45 | + if (params) this.notifyList = params; | |
46 | + } | |
47 | + } | |
48 | +}; | |
49 | +</script> | |
50 | + | |
51 | +<style lang="scss" scoped> | |
52 | +@import './static/notifyDetail.scss'; | |
53 | +/deep/ .u-line { | |
54 | + position: relative !important; | |
55 | + width: 640rpx !important; | |
56 | + left: 31rpx !important; | |
57 | +} | |
58 | +</style> | ... | ... |
1 | -.notify-detail-page { | |
2 | - min-height: 100vh; | |
3 | - background-color: #f8f9fa; | |
4 | - padding-top: 10rpx; | |
5 | - padding-left: 27rpx; | |
6 | -} | |
7 | -.notify-column { | |
8 | - .column-list { | |
9 | - border-radius: 10px; | |
10 | - margin-top: 20rpx; | |
11 | - width: 696rpx; | |
12 | - height: 1000rpx; | |
13 | - background-color: #ffffff; | |
14 | - .bottom-text { | |
15 | - margin-left: 33rpx; | |
16 | - .text { | |
17 | - color: #2e384d; | |
18 | - font-size: 15px; | |
19 | - } | |
20 | - .column { | |
21 | - margin-top: 20rpx; | |
22 | - .text { | |
23 | - font-size: 16px; | |
24 | - font-family: PingFangSC-Medium, PingFang SC; | |
25 | - font-weight: 500; | |
26 | - color: #2e384d; | |
27 | - } | |
28 | - } | |
29 | - } | |
30 | - } | |
31 | -} | |
1 | +.notify-detail-page { | |
2 | + min-height: 100vh; | |
3 | + background-color: #f8f9fa; | |
4 | + padding-top: 10rpx; | |
5 | + padding-left: 27rpx; | |
6 | +} | |
7 | +.notify-column { | |
8 | + .column-list { | |
9 | + border-radius: 10px; | |
10 | + margin-top: 20rpx; | |
11 | + width: 696rpx; | |
12 | + height: 1000rpx; | |
13 | + background-color: #ffffff; | |
14 | + .column-title{ | |
15 | + margin-left: 36rpx; | |
16 | + position: relative; | |
17 | + top: 21rpx; | |
18 | + } | |
19 | + .bottom-text { | |
20 | + margin-left: 33rpx; | |
21 | + .text { | |
22 | + color: #2e384d; | |
23 | + font-size: 15px; | |
24 | + } | |
25 | + .column { | |
26 | + margin-top: 20rpx; | |
27 | + .text { | |
28 | + font-size: 16px; | |
29 | + font-family: PingFangSC-Medium, PingFang SC; | |
30 | + font-weight: 500; | |
31 | + color: #2e384d; | |
32 | + } | |
33 | + } | |
34 | + } | |
35 | + } | |
36 | +} | ... | ... |
1 | -.notify-page { | |
2 | - min-height: 100vh; | |
3 | - background-color: #f8f9fa; | |
4 | - padding-top: 10rpx; | |
5 | - padding-left: 27rpx; | |
6 | -} | |
7 | -/deep/.u-list-item { | |
8 | - background: #ffffff; | |
9 | - width: 695rpx; | |
10 | - border-radius: 10px; | |
11 | - margin-top: 20rpx; | |
12 | -} | |
13 | -.notify-main { | |
14 | - .main { | |
15 | - flex-direction: column; | |
16 | - margin-left: -22rpx; | |
17 | - .main-item { | |
18 | - justify-content: space-between; | |
19 | - flex-direction: row; | |
20 | - margin: 15rpx; | |
21 | - width: 700rpx; | |
22 | - height: 136rpx; | |
23 | - background: #ffffff; | |
24 | - border-radius: 10px; | |
25 | - .item { | |
26 | - justify-content: space-between; | |
27 | - flex-direction: row; | |
28 | - .item-avatar { | |
29 | - margin-left: 30rpx; | |
30 | - .avatar { | |
31 | - margin-left: 30rpx; | |
32 | - } | |
33 | - } | |
34 | - .item-content { | |
35 | - margin-left: 30rpx; | |
36 | - text-align: left; | |
37 | - justify-content: space-between; | |
38 | - flex-direction: column; | |
39 | - .text-top { | |
40 | - width: 400rpx; | |
41 | - color: #2e384d; | |
42 | - font-size: 15px; | |
43 | - } | |
44 | - .text-bottom { | |
45 | - width: 400rpx; | |
46 | - color: #999999; | |
47 | - font-size: 13px; | |
48 | - } | |
49 | - } | |
50 | - } | |
51 | - .item-right { | |
52 | - .text { | |
53 | - margin-right: 30rpx; | |
54 | - color: #999999; | |
55 | - font-size: 13px; | |
56 | - } | |
57 | - } | |
58 | - } | |
59 | - } | |
60 | -} | |
1 | +.notify-page { | |
2 | + min-height: 100vh; | |
3 | + background-color: #f8f9fa; | |
4 | + padding-top: 10rpx; | |
5 | + padding-left: 27rpx; | |
6 | + .notify-page-top-select{ | |
7 | + width: 750rpx; | |
8 | + height:53rpx; | |
9 | + background-color: #f8f9fa; | |
10 | + position:fixed; | |
11 | + top:0; | |
12 | + z-index: 99999; | |
13 | + } | |
14 | + .top-select{ | |
15 | + background-color: #f8f9fa; | |
16 | + width: 700rpx; | |
17 | + position: relative; | |
18 | + top: 35rpx; | |
19 | + } | |
20 | +} | |
21 | +/deep/.u-list-item { | |
22 | + background: #ffffff; | |
23 | + width: 695rpx; | |
24 | + border-radius: 10px; | |
25 | + margin-top: 20rpx; | |
26 | +} | |
27 | +.notify-main { | |
28 | + .main { | |
29 | + flex-direction: column; | |
30 | + margin-left: -22rpx; | |
31 | + .main-item { | |
32 | + justify-content: space-between; | |
33 | + flex-direction: row; | |
34 | + margin: 15rpx; | |
35 | + width: 700rpx; | |
36 | + height: 136rpx; | |
37 | + background: #ffffff; | |
38 | + border-radius: 10px; | |
39 | + .item { | |
40 | + justify-content: space-between; | |
41 | + flex-direction: row; | |
42 | + .item-avatar { | |
43 | + margin-left: 30rpx; | |
44 | + .avatar { | |
45 | + margin-left: 30rpx; | |
46 | + } | |
47 | + } | |
48 | + .item-content { | |
49 | + margin-left: 30rpx; | |
50 | + text-align: left; | |
51 | + justify-content: space-between; | |
52 | + flex-direction: column; | |
53 | + .text-top { | |
54 | + width: 400rpx; | |
55 | + color: #2e384d; | |
56 | + font-size: 15px; | |
57 | + } | |
58 | + .text-bottom { | |
59 | + width: 400rpx; | |
60 | + color: #999999; | |
61 | + font-size: 13px; | |
62 | + } | |
63 | + } | |
64 | + } | |
65 | + .item-right { | |
66 | + .text { | |
67 | + margin-right: 30rpx; | |
68 | + color: #999999; | |
69 | + font-size: 13px; | |
70 | + } | |
71 | + } | |
72 | + } | |
73 | + } | |
74 | +} | ... | ... |
1 | -<template> | |
2 | - <view class="notify-page"> | |
3 | - <!-- 公共组件-每个页面必须引入 --> | |
4 | - <public-module></public-module> | |
5 | - <view style="width: 750rpx;height:53rpx;background-color: #f8f9fa;position:fixed;top:0;z-index: 99999;"> | |
6 | - <view @click="openTypeClick" style="background-color: #f8f9fa;width: 700rpx;position: relative;top: 35rpx;"> | |
7 | - <u--input suffixIcon="arrow-down" shape="circle" disabled v-model="model1.userInfo.type" | |
8 | - placeholder="请选择类型" border="surround"></u--input> | |
9 | - <u-action-sheet :show="showType" :actions="actions" title="请选择类型" @close="showType = false" | |
10 | - @select="typeSelect"></u-action-sheet> | |
11 | - </view> | |
12 | - </view> | |
13 | - <view style="height: 110rpx;"></view> | |
14 | - <view class="notify-main"> | |
15 | - <mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" | |
16 | - @up="upCallback"> | |
17 | - <view class="u-flex main"> | |
18 | - <view @click="clickNotifyDetail(item, index)" class="u-flex main-item" v-for="(item, index) in list" | |
19 | - :key="index"> | |
20 | - <view class="u-flex item"> | |
21 | - <view class="item-avatar"> | |
22 | - <u-avatar class="avatar" shape="circle" size="40" :src="item.sysNotice.avatar"> | |
23 | - </u-avatar> | |
24 | - </view> | |
25 | - <view class="u-flex item-content"> | |
26 | - <text class="text-top text-clip">{{ item.sysNotice.title }}</text> | |
27 | - <text class="text-bottom text-clip">{{ item.sysNotice.createTime }}</text> | |
28 | - </view> | |
29 | - </view> | |
30 | - <view class="item-right u-flex" style="justify-content: space-between;"> | |
31 | - <text class="text">{{ formatType(item.sysNotice) }}</text> | |
32 | - <u-badge style="margin-right: 10rpx;" v-if="item.readStatus == '0'" numberType="overflow" | |
33 | - isDot /> | |
34 | - </view> | |
35 | - </view> | |
36 | - </view> | |
37 | - </mescroll-body> | |
38 | - </view> | |
39 | - </view> | |
40 | -</template> | |
41 | - | |
42 | -<script> | |
43 | - import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js'; | |
44 | - import api from '@/api/index.js' | |
45 | - | |
46 | - export default { | |
47 | - mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件) | |
48 | - data() { | |
49 | - return { | |
50 | - model1: { | |
51 | - userInfo: { | |
52 | - type: '' | |
53 | - } | |
54 | - }, | |
55 | - showType: false, | |
56 | - actions: [{ | |
57 | - name: '全部', | |
58 | - value: '' | |
59 | - }, | |
60 | - { | |
61 | - name: '会议', | |
62 | - value: 'MEETING' | |
63 | - }, | |
64 | - { | |
65 | - name: '公告', | |
66 | - value: 'NOTICE' | |
67 | - }, | |
68 | - { | |
69 | - name: '其他', | |
70 | - value: 'OTHER' | |
71 | - } | |
72 | - ], | |
73 | - page: { | |
74 | - num: 0, | |
75 | - size: 10 | |
76 | - }, | |
77 | - downOption: { | |
78 | - auto: false //是否在初始化后,自动执行downCallback; 默认true | |
79 | - }, | |
80 | - list: [], | |
81 | - pre: false, | |
82 | - isJudgeNextPage: '', | |
83 | - distance: 0, | |
84 | - scrollDistance: 0 | |
85 | - }; | |
86 | - }, | |
87 | - onLoad(e) { | |
88 | - // 隐藏原生的tabbar | |
89 | - uni.hideTabBar(); | |
90 | - this.pre = false; | |
91 | - uni.removeStorageSync('storagePre'); | |
92 | - }, | |
93 | - onShow() { | |
94 | - this.pre = uni.getStorageSync('storagePre'); | |
95 | - if (this.pre) {} | |
96 | - }, | |
97 | - onHide() { | |
98 | - uni.removeStorageSync('storagePre'); | |
99 | - }, | |
100 | - methods: { | |
101 | - formatType(e) { | |
102 | - return e?.type == 'OTHER' ? '其他' : e?.type == 'MEETING' ? '会议' : '公告'; | |
103 | - }, | |
104 | - openTypeClick() { | |
105 | - this.showType = true; | |
106 | - uni.hideKeyboard(); | |
107 | - }, | |
108 | - typeSelect(e) { | |
109 | - this.isJudgeNextPage = e.value; | |
110 | - this.page.num = 1; | |
111 | - this.model1.userInfo.type = e.name; | |
112 | - this.loadData(1, this.isJudgeNextPage == '' ? null : this.isJudgeNextPage); | |
113 | - uni.pageScrollTo({ | |
114 | - scrollTop: this.scrollDistance + 20, | |
115 | - duration: 50 | |
116 | - }); | |
117 | - uni.pageScrollTo({ | |
118 | - scrollTop: this.scrollDistance - 20, | |
119 | - duration: 50 | |
120 | - }); | |
121 | - }, | |
122 | - onPageScroll(e) { | |
123 | - this.scrollDistance = e.scrollTop; | |
124 | - }, | |
125 | - /*下拉刷新的回调 */ | |
126 | - downCallback() { | |
127 | - //联网加载数据 | |
128 | - this.list.length = 0; | |
129 | - this.page.num = 1; | |
130 | - this.loadData(1); | |
131 | - this.isJudgeNextPage = ''; | |
132 | - this.model1.userInfo.type = ''; | |
133 | - }, | |
134 | - /*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */ | |
135 | - upCallback() { | |
136 | - if (this.isJudgeNextPage != '') { | |
137 | - //联网加载数据 | |
138 | - this.page.num += 1; | |
139 | - this.loadData(this.page.num, this.isJudgeNextPage); | |
140 | - } else { | |
141 | - //联网加载数据 | |
142 | - this.page.num += 1; | |
143 | - this.loadData(this.page.num); | |
144 | - } | |
145 | - }, | |
146 | - | |
147 | - async loadData(pageNo, t) { | |
148 | - let httpData = { | |
149 | - page: pageNo, | |
150 | - pageSize: 10, | |
151 | - type: t | |
152 | - }; | |
153 | - const res = await api.notifyApi.getNotifyApi({ | |
154 | - params: httpData, | |
155 | - custom: { | |
156 | - load: false | |
157 | - } | |
158 | - }) | |
159 | - uni.stopPullDownRefresh(); | |
160 | - this.mescroll.endByPage(res.items.length, res.total); | |
161 | - if (pageNo == 1) { | |
162 | - this.list = res.items; | |
163 | - } else { | |
164 | - this.list = this.list.concat(res.items); | |
165 | - } | |
166 | - }, | |
167 | - async clickNotifyDetail(e, i) { | |
168 | - this.list[i].readStatus = 1; | |
169 | - await api.notifyApi.byNotifyIdGetDetailApi(e.sysNotice.id) | |
170 | - uni.navigateTo({ | |
171 | - url: './notifyDetail?data=' + encodeURIComponent(JSON.stringify(e.sysNotice)) | |
172 | - }); | |
173 | - } | |
174 | - } | |
175 | - }; | |
176 | -</script> | |
177 | - | |
178 | -<style lang="scss" scoped> | |
179 | - @import './static/systemNotify.scss'; | |
180 | - | |
181 | - /deep/ .u-badge--error { | |
182 | - position: relative; | |
183 | - right: 11rpx; | |
184 | - } | |
185 | -</style> | |
1 | +<template> | |
2 | + <view class="notify-page"> | |
3 | + <!-- 公共组件-每个页面必须引入 --> | |
4 | + <public-module></public-module> | |
5 | + <view class="notify-page-top-select"> | |
6 | + <view @click="handleTypeClick" class="top-select"> | |
7 | + <u--input suffixIcon="arrow-down" shape="circle" disabled v-model="notifyType" | |
8 | + placeholder="请选择类型" border="surround"></u--input> | |
9 | + <u-action-sheet safe-area-inset-bottom :show="showType" :actions="actions" title="请选择类型" @close="showType = false" | |
10 | + @select="handleTypeSelect"></u-action-sheet> | |
11 | + </view> | |
12 | + </view> | |
13 | + <view style="height: 110rpx;"></view> | |
14 | + <view class="notify-main"> | |
15 | + <mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" @down="downCallback" | |
16 | + @up="upCallback"> | |
17 | + <view class="u-flex main"> | |
18 | + <view @click="handleNotifyDetail(item, index)" class="u-flex main-item" v-for="(item, index) in list" | |
19 | + :key="index"> | |
20 | + <view class="u-flex item"> | |
21 | + <view class="item-avatar"> | |
22 | + <u-avatar class="avatar" shape="circle" size="40" :src="item.sysNotice.avatar"> | |
23 | + </u-avatar> | |
24 | + </view> | |
25 | + <view class="u-flex item-content"> | |
26 | + <text class="text-top text-clip">{{ item.sysNotice.title }}</text> | |
27 | + <text class="text-bottom text-clip">{{ item.sysNotice.senderDate }}</text> | |
28 | + </view> | |
29 | + </view> | |
30 | + <view class="item-right u-flex" style="justify-content: space-between;"> | |
31 | + <text class="text">{{ formatType(item.sysNotice.type) }}</text> | |
32 | + <!-- readStatus===0则阅读状态表示未阅读 --> | |
33 | + <u-badge style="margin-right: 10rpx;" v-if="item.readStatus == '0'" numberType="overflow" | |
34 | + isDot /> | |
35 | + </view> | |
36 | + </view> | |
37 | + </view> | |
38 | + </mescroll-body> | |
39 | + </view> | |
40 | + </view> | |
41 | +</template> | |
42 | + | |
43 | +<script> | |
44 | + import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js'; | |
45 | + import api from '@/api/index.js' | |
46 | + import { useNavigateTo } from '@/plugins/utils.js' | |
47 | + | |
48 | + export default { | |
49 | + mixins: [MescrollMixin], | |
50 | + data() { | |
51 | + return { | |
52 | + notifyType:'', | |
53 | + showType: false, | |
54 | + actions: [{ | |
55 | + name: '全部', | |
56 | + value: '' | |
57 | + }, | |
58 | + { | |
59 | + name: '会议', | |
60 | + value: 'MEETING' | |
61 | + }, | |
62 | + { | |
63 | + name: '公告', | |
64 | + value: 'NOTICE' | |
65 | + }, | |
66 | + { | |
67 | + name: '其他', | |
68 | + value: 'OTHER' | |
69 | + } | |
70 | + ], | |
71 | + page: { | |
72 | + page: 0, | |
73 | + pageSize: 10 | |
74 | + }, | |
75 | + downOption: { | |
76 | + auto: false //是否在初始化后,自动执行downCallback; 默认true | |
77 | + }, | |
78 | + list: [], | |
79 | + selectType: '', | |
80 | + distance: 0, | |
81 | + }; | |
82 | + }, | |
83 | + onLoad(e) { | |
84 | + // 隐藏原生的tabbar | |
85 | + uni.hideTabBar(); | |
86 | + }, | |
87 | + methods: { | |
88 | + formatType(e) { | |
89 | + return this.actions.find((item)=>item.value===e && item.value!=='').name | |
90 | + }, | |
91 | + handleTypeClick() { | |
92 | + this.showType = true; | |
93 | + uni.hideKeyboard(); | |
94 | + }, | |
95 | + handleTypeSelect(e) { | |
96 | + this.selectType = e.value; | |
97 | + this.page.page = 1; | |
98 | + this.notifyType = e.name; | |
99 | + this.loadData(1, !this.selectType ? null : this.selectType); | |
100 | + }, | |
101 | + downCallback() { | |
102 | + this.list.length = 0; | |
103 | + this.page.page = 1; | |
104 | + this.loadData(1); | |
105 | + this.selectType = ''; | |
106 | + this.notifyType = ''; | |
107 | + }, | |
108 | + upCallback() { | |
109 | + if (this.selectType) { | |
110 | + this.page.page += 1; | |
111 | + this.loadData(this.page.page, this.selectType); | |
112 | + } else { | |
113 | + this.page.page += 1; | |
114 | + this.loadData(this.page.page); | |
115 | + } | |
116 | + }, | |
117 | + async loadData(page, type) { | |
118 | + let params = { | |
119 | + page, | |
120 | + pageSize: 10, | |
121 | + type | |
122 | + }; | |
123 | + const res = await api.notifyApi.getNotifyApi({ | |
124 | + params, | |
125 | + custom: { | |
126 | + load: false | |
127 | + } | |
128 | + }) | |
129 | + uni.stopPullDownRefresh(); | |
130 | + this.mescroll.endByPage(res.items.length, res.total); | |
131 | + if (page == 1) { | |
132 | + this.list = res.items; | |
133 | + } else { | |
134 | + this.list = this.list.concat(res.items); | |
135 | + } | |
136 | + }, | |
137 | + async handleNotifyDetail(item, index) { | |
138 | + this.list[index].readStatus = 1;//点击了则说明阅读了 | |
139 | + await api.notifyApi.byNotifyIdGetDetailApi(item.sysNotice.id) | |
140 | + useNavigateTo('./notifyDetail?data=', item.sysNotice) | |
141 | + } | |
142 | + } | |
143 | + }; | |
144 | +</script> | |
145 | + | |
146 | +<style lang="scss" scoped> | |
147 | + @import './static/systemNotify.scss'; | |
148 | + | |
149 | + /deep/ .u-badge--error { | |
150 | + position: relative; | |
151 | + right: 11rpx; | |
152 | + } | |
153 | +</style> | ... | ... |