初始化
This commit is contained in:
commit
e4a9775327
|
|
@ -0,0 +1,5 @@
|
|||
node_modules/
|
||||
unpackage/
|
||||
.hbuilderx/
|
||||
.DS_Store
|
||||
.codex-tasks/
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<script>
|
||||
import { ensureCurrentPageAuth } from './utils/auth'
|
||||
|
||||
export default {
|
||||
onLaunch() {
|
||||
console.log('App Launch')
|
||||
},
|
||||
onShow() {
|
||||
console.log('App Show')
|
||||
ensureCurrentPageAuth()
|
||||
},
|
||||
onHide() {
|
||||
console.log('App Hide')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/*每个页面公共css */
|
||||
</style>
|
||||
|
|
@ -0,0 +1,258 @@
|
|||
import { DEFAULT_BASE_URL, DEFAULT_TIMEOUT, SUCCESS_CODE } from '@/constants/request'
|
||||
import { clearAuth, getToken, isAuthEnabled, redirectToLogin } from '@/utils/auth'
|
||||
import { showToast } from '@/utils/toast'
|
||||
|
||||
let baseURL = DEFAULT_BASE_URL
|
||||
|
||||
function buildUrl(url = '') {
|
||||
if (!url) {
|
||||
return baseURL
|
||||
}
|
||||
|
||||
if (/^https?:\/\//.test(url)) {
|
||||
return url
|
||||
}
|
||||
|
||||
if (url.startsWith('/')) {
|
||||
return `${baseURL}${url}`
|
||||
}
|
||||
|
||||
return `${baseURL}/${url}`
|
||||
}
|
||||
|
||||
/**
|
||||
* 构造请求头。
|
||||
* @param {Record<string, string>} customHeader 自定义请求头
|
||||
* @param {boolean} needAuth 是否需要携带 token
|
||||
* @param {boolean} withJson 是否设置 JSON Content-Type
|
||||
* @returns {Record<string, string>}
|
||||
*/
|
||||
function buildHeaders(customHeader = {}, needAuth = true, withJson = true) {
|
||||
const headers = {
|
||||
...(withJson ? { 'Content-Type': 'application/json' } : {}),
|
||||
...customHeader
|
||||
}
|
||||
|
||||
if (needAuth && isAuthEnabled()) {
|
||||
const token = getToken()
|
||||
if (token) {
|
||||
headers.Authorization = `Bearer ${token}`
|
||||
}
|
||||
}
|
||||
|
||||
return headers
|
||||
}
|
||||
|
||||
function handleUnauthorized() {
|
||||
if (!isAuthEnabled()) {
|
||||
return
|
||||
}
|
||||
|
||||
clearAuth()
|
||||
redirectToLogin()
|
||||
}
|
||||
|
||||
/**
|
||||
* 统一解析后端响应结构。
|
||||
* 约定：`code === 0` 为成功，最终返回 `data` 字段。
|
||||
*/
|
||||
function resolveResponseData(responseData) {
|
||||
const code = typeof responseData?.code === 'number' ? responseData.code : SUCCESS_CODE
|
||||
|
||||
if (code !== SUCCESS_CODE) {
|
||||
const error = new Error(responseData?.message || '业务处理失败')
|
||||
error.code = code
|
||||
throw error
|
||||
}
|
||||
|
||||
return responseData?.data !== undefined ? responseData.data : responseData
|
||||
}
|
||||
|
||||
/**
|
||||
* 通用请求方法。
|
||||
* @param {object} options uni.request 参数扩展
|
||||
* @returns {Promise<any>}
|
||||
*/
|
||||
function request(options = {}) {
|
||||
const {
|
||||
url,
|
||||
method = 'GET',
|
||||
data,
|
||||
header,
|
||||
timeout = DEFAULT_TIMEOUT,
|
||||
needAuth = true,
|
||||
showErrorToast = true,
|
||||
showToast: showToastLegacy
|
||||
} = options
|
||||
|
||||
const shouldShowErrorToast = typeof showToastLegacy === 'boolean'
|
||||
? showToastLegacy
|
||||
: showErrorToast
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.request({
|
||||
url: buildUrl(url),
|
||||
method: String(method).toUpperCase(),
|
||||
data,
|
||||
timeout,
|
||||
header: buildHeaders(header, needAuth, true),
|
||||
success: (res) => {
|
||||
const { statusCode = 0, data: responseData = {} } = res
|
||||
|
||||
if (statusCode === 401) {
|
||||
handleUnauthorized()
|
||||
reject(new Error('登录状态已失效'))
|
||||
return
|
||||
}
|
||||
|
||||
if (statusCode < 200 || statusCode >= 300) {
|
||||
const message = responseData?.message || `网络错误(${statusCode})`
|
||||
if (shouldShowErrorToast) {
|
||||
showToast(message)
|
||||
}
|
||||
reject(new Error(message))
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const finalData = resolveResponseData(responseData)
|
||||
resolve(finalData)
|
||||
} catch (error) {
|
||||
if (error.code === 401) {
|
||||
handleUnauthorized()
|
||||
}
|
||||
if (shouldShowErrorToast) {
|
||||
showToast(error.message)
|
||||
}
|
||||
reject(error)
|
||||
}
|
||||
},
|
||||
fail: (error) => {
|
||||
if (shouldShowErrorToast) {
|
||||
showToast('网络异常，请稍后重试')
|
||||
}
|
||||
reject(error)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
request.get = (url, params = {}, config = {}) => {
|
||||
return request({
|
||||
url,
|
||||
method: 'GET',
|
||||
data: params,
|
||||
...config
|
||||
})
|
||||
}
|
||||
|
||||
request.post = (url, data = {}, config = {}) => {
|
||||
return request({
|
||||
url,
|
||||
method: 'POST',
|
||||
data,
|
||||
...config
|
||||
})
|
||||
}
|
||||
|
||||
request.put = (url, data = {}, config = {}) => {
|
||||
return request({
|
||||
url,
|
||||
method: 'PUT',
|
||||
data,
|
||||
...config
|
||||
})
|
||||
}
|
||||
|
||||
request.delete = (url, data = {}, config = {}) => {
|
||||
return request({
|
||||
url,
|
||||
method: 'DELETE',
|
||||
data,
|
||||
...config
|
||||
})
|
||||
}
|
||||
|
||||
request.upload = (url, filePath, name = 'file', formData = {}, config = {}) => {
|
||||
const {
|
||||
header = {},
|
||||
needAuth = true,
|
||||
showErrorToast = true,
|
||||
showToast: showToastLegacy
|
||||
} = config
|
||||
|
||||
const shouldShowErrorToast = typeof showToastLegacy === 'boolean'
|
||||
? showToastLegacy
|
||||
: showErrorToast
|
||||
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.uploadFile({
|
||||
url: buildUrl(url),
|
||||
filePath,
|
||||
name,
|
||||
formData,
|
||||
header: buildHeaders(header, needAuth, false),
|
||||
success: (res) => {
|
||||
if (res.statusCode === 401) {
|
||||
handleUnauthorized()
|
||||
reject(new Error('登录状态已失效'))
|
||||
return
|
||||
}
|
||||
|
||||
if (res.statusCode < 200 || res.statusCode >= 300) {
|
||||
const message = `上传失败(${res.statusCode})`
|
||||
if (shouldShowErrorToast) {
|
||||
showToast(message)
|
||||
}
|
||||
reject(new Error(message))
|
||||
return
|
||||
}
|
||||
|
||||
let responseData = {}
|
||||
try {
|
||||
responseData = JSON.parse(res.data || '{}')
|
||||
} catch (error) {
|
||||
if (shouldShowErrorToast) {
|
||||
showToast('上传返回数据格式错误')
|
||||
}
|
||||
reject(error)
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const finalData = resolveResponseData(responseData)
|
||||
resolve(finalData)
|
||||
} catch (error) {
|
||||
if (error.code === 401) {
|
||||
handleUnauthorized()
|
||||
}
|
||||
if (shouldShowErrorToast) {
|
||||
showToast(error.message)
|
||||
}
|
||||
reject(error)
|
||||
}
|
||||
},
|
||||
fail: (error) => {
|
||||
if (shouldShowErrorToast) {
|
||||
showToast('上传失败，请稍后重试')
|
||||
}
|
||||
reject(error)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 动态设置 API 基础地址。
|
||||
*/
|
||||
request.setBaseUrl = (url) => {
|
||||
if (!url || typeof url !== 'string') {
|
||||
return
|
||||
}
|
||||
|
||||
baseURL = url.replace(/\/$/, '')
|
||||
}
|
||||
|
||||
request.getBaseUrl = () => baseURL
|
||||
|
||||
export default request
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
import request from '@/api/http/client'
|
||||
|
||||
/**
|
||||
* 发送短信验证码。
|
||||
* @param {string} mobile 手机号
|
||||
*/
|
||||
export function sendSmsCode(mobile) {
|
||||
return request.post('/auth/sms-code', { mobile }, { needAuth: false })
|
||||
}
|
||||
|
||||
/**
|
||||
* 手机号 + 验证码登录。
|
||||
*/
|
||||
export function loginByMobile(mobile, code) {
|
||||
return request.post('/auth/mobile-login', { mobile, code }, { needAuth: false })
|
||||
}
|
||||
|
||||
/**
|
||||
* 微信登录。
|
||||
*/
|
||||
export function loginByWechat(loginCode) {
|
||||
return request.post('/auth/wechat-login', { code: loginCode }, { needAuth: false })
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取当前用户信息。
|
||||
*/
|
||||
export function getUserProfile() {
|
||||
return request.get('/user/profile')
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
/**
|
||||
* 本地存储 key。
|
||||
*/
|
||||
export const AUTH_STORAGE_KEYS = Object.freeze({
|
||||
TOKEN: 'smarthome_token',
|
||||
USER: 'smarthome_user'
|
||||
})
|
||||
|
||||
/**
|
||||
* 登录开关：当前为 false，便于功能联调。
|
||||
* 恢复鉴权时改为 true 即可。
|
||||
*/
|
||||
export const AUTH_ENABLED = false
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
/**
|
||||
* 目标服务 UUID（用于优先识别特定设备）。
|
||||
*/
|
||||
export const TARGET_SERVICE_UUID = '0000F400-0000-1000-8000-00805F9B34FB'
|
||||
export const TARGET_SHORT_UUID = '00F4'
|
||||
|
||||
/**
|
||||
* 蓝牙常见错误提示映射。
|
||||
*/
|
||||
export const BLUETOOTH_ERROR_MESSAGES = Object.freeze({
|
||||
10001: '蓝牙不可用，请先开启手机蓝牙',
|
||||
10003: '连接失败，请重试',
|
||||
10012: '操作超时，请重试'
|
||||
})
|
||||
|
||||
export const DEFAULT_BLUETOOTH_ERROR_MESSAGE = '蓝牙搜索启动失败'
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* 接口请求默认配置。
|
||||
*/
|
||||
export const SUCCESS_CODE = 0
|
||||
export const DEFAULT_TIMEOUT = 15000
|
||||
export const DEFAULT_BASE_URL = 'https://api.example.com'
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
/**
|
||||
* 统一维护页面路由，避免页面内散落硬编码字符串。
|
||||
*/
|
||||
export const ROUTES = Object.freeze({
|
||||
LOGIN: '/pages/login/index',
|
||||
HOME: '/pages/index/index',
|
||||
EVENT: '/pages/event/index',
|
||||
MINE: '/pages/mine/index',
|
||||
DEVICE_ADD: '/pages/device/add',
|
||||
DEVICE_CONFIG: '/pages/device/config'
|
||||
})
|
||||
|
||||
/**
|
||||
* TabBar 页面集合，供登录跳转与路由守卫判断使用。
|
||||
*/
|
||||
export const TAB_ROUTES = Object.freeze([ROUTES.HOME, ROUTES.EVENT, ROUTES.MINE])
|
||||
|
|
@ -0,0 +1,186 @@
|
|||
import {
|
||||
BLUETOOTH_ERROR_MESSAGES,
|
||||
DEFAULT_BLUETOOTH_ERROR_MESSAGE,
|
||||
TARGET_SERVICE_UUID,
|
||||
TARGET_SHORT_UUID
|
||||
} from '@/constants/bluetooth'
|
||||
import { showToast } from '@/utils/toast'
|
||||
|
||||
/**
|
||||
* 蓝牙设备搜索逻辑封装。
|
||||
* 通过回调把状态同步给页面，减少页面文件复杂度。
|
||||
*/
|
||||
export function createBluetoothDiscovery(options = {}) {
|
||||
const {
|
||||
onSearchingChange = () => {},
|
||||
onDeviceMapChange = () => {},
|
||||
onDeviceListChange = () => {}
|
||||
} = options
|
||||
|
||||
let isSearching = false
|
||||
let deviceMap = {}
|
||||
let deviceFoundHandler = null
|
||||
|
||||
function setSearching(value) {
|
||||
isSearching = Boolean(value)
|
||||
onSearchingChange(isSearching)
|
||||
}
|
||||
|
||||
function setDeviceMap(nextMap) {
|
||||
deviceMap = nextMap
|
||||
onDeviceMapChange({ ...deviceMap })
|
||||
emitDeviceList()
|
||||
}
|
||||
|
||||
function emitDeviceList() {
|
||||
const list = Object.values(deviceMap).sort((a, b) => {
|
||||
if (a.hasTargetService !== b.hasTargetService) {
|
||||
return a.hasTargetService ? -1 : 1
|
||||
}
|
||||
|
||||
const aSignal = typeof a.RSSI === 'number' ? a.RSSI : -999
|
||||
const bSignal = typeof b.RSSI === 'number' ? b.RSSI : -999
|
||||
return bSignal - aSignal
|
||||
})
|
||||
|
||||
onDeviceListChange(list)
|
||||
}
|
||||
|
||||
function normalizeUuid(uuid) {
|
||||
return String(uuid || '').replace(/[^0-9a-fA-F]/g, '').toUpperCase()
|
||||
}
|
||||
|
||||
function hasTargetService(device) {
|
||||
if (!Array.isArray(device.advertisServiceUUIDs)) {
|
||||
return false
|
||||
}
|
||||
|
||||
const targetUuid = normalizeUuid(TARGET_SERVICE_UUID)
|
||||
return device.advertisServiceUUIDs.some((uuid) => {
|
||||
const value = normalizeUuid(uuid)
|
||||
return value === targetUuid || value.endsWith(TARGET_SHORT_UUID)
|
||||
})
|
||||
}
|
||||
|
||||
function openBluetoothAdapter() {
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.openBluetoothAdapter({
|
||||
success: resolve,
|
||||
fail: reject
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function startDiscoveryWithServices(services = []) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const options = {
|
||||
allowDuplicatesKey: true,
|
||||
interval: 0,
|
||||
success: resolve,
|
||||
fail: reject
|
||||
}
|
||||
|
||||
if (services.length) {
|
||||
options.services = services
|
||||
}
|
||||
|
||||
uni.startBluetoothDevicesDiscovery(options)
|
||||
})
|
||||
}
|
||||
|
||||
function upsertDevice(rawDevice) {
|
||||
if (!rawDevice || !rawDevice.deviceId) {
|
||||
return
|
||||
}
|
||||
|
||||
const existing = deviceMap[rawDevice.deviceId] || {}
|
||||
const merged = {
|
||||
...existing,
|
||||
...rawDevice,
|
||||
showName: rawDevice.name || rawDevice.localName || existing.showName || '未命名设备',
|
||||
hasTargetService: hasTargetService(rawDevice) || existing.hasTargetService
|
||||
}
|
||||
|
||||
setDeviceMap({
|
||||
...deviceMap,
|
||||
[rawDevice.deviceId]: merged
|
||||
})
|
||||
}
|
||||
|
||||
function registerDeviceFoundHandler() {
|
||||
if (deviceFoundHandler) {
|
||||
return
|
||||
}
|
||||
|
||||
deviceFoundHandler = (res) => {
|
||||
const devices = Array.isArray(res.devices) ? res.devices : [res]
|
||||
devices.forEach((device) => {
|
||||
upsertDevice(device)
|
||||
})
|
||||
}
|
||||
|
||||
uni.onBluetoothDeviceFound(deviceFoundHandler)
|
||||
}
|
||||
|
||||
function stopSearch(showStopToast = true) {
|
||||
return new Promise((resolve) => {
|
||||
uni.stopBluetoothDevicesDiscovery({
|
||||
complete: () => {
|
||||
setSearching(false)
|
||||
if (showStopToast) {
|
||||
showToast('已停止搜索')
|
||||
}
|
||||
resolve()
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function cleanupDiscovery() {
|
||||
if (isSearching) {
|
||||
uni.stopBluetoothDevicesDiscovery({
|
||||
complete: () => {}
|
||||
})
|
||||
}
|
||||
|
||||
setSearching(false)
|
||||
|
||||
if (deviceFoundHandler && uni.offBluetoothDeviceFound) {
|
||||
uni.offBluetoothDeviceFound(deviceFoundHandler)
|
||||
}
|
||||
|
||||
deviceFoundHandler = null
|
||||
}
|
||||
|
||||
function getBluetoothErrorText(error) {
|
||||
const errCode = error && error.errCode
|
||||
return BLUETOOTH_ERROR_MESSAGES[errCode] || DEFAULT_BLUETOOTH_ERROR_MESSAGE
|
||||
}
|
||||
|
||||
async function startSearch() {
|
||||
setDeviceMap({})
|
||||
|
||||
try {
|
||||
await openBluetoothAdapter()
|
||||
registerDeviceFoundHandler()
|
||||
|
||||
try {
|
||||
await startDiscoveryWithServices([TARGET_SERVICE_UUID])
|
||||
} catch (error) {
|
||||
await startDiscoveryWithServices([])
|
||||
}
|
||||
|
||||
setSearching(true)
|
||||
} catch (error) {
|
||||
setSearching(false)
|
||||
showToast(getBluetoothErrorText(error))
|
||||
throw error
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
startSearch,
|
||||
stopSearch,
|
||||
cleanupDiscovery
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
/**
|
||||
* 创建一个简单倒计时控制器，适配 Vue2 Options API。
|
||||
* @param {object} options
|
||||
* @param {number} options.duration 倒计时总秒数
|
||||
* @param {(value:number)=>void} options.onChange 每次变化回调
|
||||
*/
|
||||
export function createCountdown(options = {}) {
|
||||
const {
|
||||
duration = 60,
|
||||
onChange = () => {}
|
||||
} = options
|
||||
|
||||
let timer = null
|
||||
let current = 0
|
||||
|
||||
function emit() {
|
||||
onChange(current)
|
||||
}
|
||||
|
||||
function clear() {
|
||||
if (timer) {
|
||||
clearInterval(timer)
|
||||
timer = null
|
||||
}
|
||||
}
|
||||
|
||||
function start() {
|
||||
clear()
|
||||
current = duration
|
||||
emit()
|
||||
|
||||
timer = setInterval(() => {
|
||||
current -= 1
|
||||
if (current <= 0) {
|
||||
current = 0
|
||||
emit()
|
||||
clear()
|
||||
return
|
||||
}
|
||||
|
||||
emit()
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
return {
|
||||
start,
|
||||
clear
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<script>
|
||||
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
|
||||
CSS.supports('top: constant(a)'))
|
||||
document.write(
|
||||
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||
</script>
|
||||
<title></title>
|
||||
<!--preload-links-->
|
||||
<!--app-context-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"><!--app-html--></div>
|
||||
<script type="module" src="/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
import App from './App'
|
||||
import { setupAuthInterceptors } from './utils/auth'
|
||||
|
||||
setupAuthInterceptors()
|
||||
|
||||
// #ifndef VUE3
|
||||
import Vue from 'vue'
|
||||
import './uni.promisify.adaptor'
|
||||
Vue.config.productionTip = false
|
||||
App.mpType = 'app'
|
||||
const app = new Vue({
|
||||
...App
|
||||
})
|
||||
app.$mount()
|
||||
// #endif
|
||||
|
||||
// #ifdef VUE3
|
||||
import { createSSRApp } from 'vue'
|
||||
export function createApp() {
|
||||
const app = createSSRApp(App)
|
||||
return {
|
||||
app
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
{
|
||||
"name" : "smarthome",
|
||||
"appid" : "",
|
||||
"description" : "",
|
||||
"versionName" : "1.0.0",
|
||||
"versionCode" : "100",
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus" : {
|
||||
"usingComponents" : true,
|
||||
"nvueStyleCompiler" : "uni-app",
|
||||
"compilerVersion" : 3,
|
||||
"splashscreen" : {
|
||||
"alwaysShowBeforeRender" : true,
|
||||
"waiting" : true,
|
||||
"autoclose" : true,
|
||||
"delay" : 0
|
||||
},
|
||||
/* 模块配置 */
|
||||
"modules" : {},
|
||||
/* 应用发布信息 */
|
||||
"distribute" : {
|
||||
/* android打包配置 */
|
||||
"android" : {
|
||||
"permissions" : [
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
|
||||
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CAMERA\"/>",
|
||||
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
|
||||
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
|
||||
"<uses-feature android:name=\"android.hardware.camera\"/>",
|
||||
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
|
||||
]
|
||||
},
|
||||
/* ios打包配置 */
|
||||
"ios" : {},
|
||||
/* SDK配置 */
|
||||
"sdkConfigs" : {}
|
||||
}
|
||||
},
|
||||
/* 快应用特有相关 */
|
||||
"quickapp" : {},
|
||||
/* 小程序特有相关 */
|
||||
"mp-weixin" : {
|
||||
"appid" : "wx7f272a672efe6c04",
|
||||
"setting" : {
|
||||
"urlCheck" : false
|
||||
},
|
||||
"usingComponents" : true
|
||||
},
|
||||
"mp-alipay" : {
|
||||
"usingComponents" : true
|
||||
},
|
||||
"mp-baidu" : {
|
||||
"usingComponents" : true
|
||||
},
|
||||
"mp-toutiao" : {
|
||||
"usingComponents" : true
|
||||
},
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
},
|
||||
"vueVersion" : "3"
|
||||
}
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
{
|
||||
"pages": [
|
||||
{
|
||||
"path": "pages/login/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/event/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/mine/index",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/device/add",
|
||||
"style": {
|
||||
"navigationBarTitleText": "添加设备"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/device/config",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black",
|
||||
"navigationBarTitleText": "智慧养老",
|
||||
"navigationBarBackgroundColor": "#F8F8F8",
|
||||
"backgroundColor": "#F1F1F4"
|
||||
},
|
||||
"tabBar": {
|
||||
"color": "#666666",
|
||||
"selectedColor": "#2CCB98",
|
||||
"backgroundColor": "#FFFFFF",
|
||||
"borderStyle": "black",
|
||||
"list": [
|
||||
{
|
||||
"pagePath": "pages/index/index",
|
||||
"text": "首页"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/event/index",
|
||||
"text": "事件"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/mine/index",
|
||||
"text": "我的"
|
||||
}
|
||||
]
|
||||
},
|
||||
"uniIdRouter": {}
|
||||
}
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<template>
|
||||
<view class="page page-base">
|
||||
<view class="card card-base">
|
||||
<text class="title">添加设备（静态）</text>
|
||||
<text class="desc">这里用于后续接入设备连接流程，例如蓝牙/Wi-Fi 配网。</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import '@/styles/common.css';
|
||||
|
||||
.page {
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 28rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
|
||||
.desc {
|
||||
color: #666666;
|
||||
font-size: 30rpx;
|
||||
line-height: 1.8;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,298 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<view class="top-nav top-nav-base">
|
||||
<text class="back" @click="goBack">‹</text>
|
||||
<text class="title">设备配置</text>
|
||||
</view>
|
||||
|
||||
<view class="search-wrap">
|
||||
<view class="search-btn" :class="{ 'is-searching': isSearching }" @click="toggleSearch">
|
||||
<text>{{ searchBtnText }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tip-row">
|
||||
*手机需开启蓝牙功能，Android手机还需开启定位功能
|
||||
</view>
|
||||
|
||||
<view class="list-header">
|
||||
<text class="list-title">搜索到的设备列表</text>
|
||||
</view>
|
||||
|
||||
<view class="list-body">
|
||||
<view v-if="!deviceList.length" class="empty-row">暂无搜索结果</view>
|
||||
<view v-for="device in deviceList" :key="device.deviceId" class="device-card">
|
||||
<view class="device-icon"></view>
|
||||
<view class="device-main">
|
||||
<view class="device-name-row">
|
||||
<text class="device-name">{{ device.showName }}</text>
|
||||
<text v-if="device.hasTargetService" class="device-tag">00F4</text>
|
||||
</view>
|
||||
<text class="device-id">{{ device.deviceId }}</text>
|
||||
<view class="device-actions">
|
||||
<view class="action-btn">网络配置</view>
|
||||
<view class="action-btn">参数配置</view>
|
||||
<view class="action-btn">服务器配置</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { createBluetoothDiscovery } from '@/hooks/useBluetoothDiscovery'
|
||||
import { navigateBack } from '@/utils/navigation'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isSearching: false,
|
||||
deviceList: [],
|
||||
deviceMap: {},
|
||||
discoveryController: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
searchBtnText() {
|
||||
return this.isSearching ? '搜索中' : '搜索'
|
||||
}
|
||||
},
|
||||
created() {
|
||||
/**
|
||||
* 蓝牙搜索控制器：统一处理设备发现、排序、清理逻辑。
|
||||
*/
|
||||
this.discoveryController = createBluetoothDiscovery({
|
||||
onSearchingChange: (value) => {
|
||||
this.isSearching = value
|
||||
},
|
||||
onDeviceMapChange: (value) => {
|
||||
this.deviceMap = value
|
||||
},
|
||||
onDeviceListChange: (value) => {
|
||||
this.deviceList = value
|
||||
}
|
||||
})
|
||||
},
|
||||
onHide() {
|
||||
this.cleanupDiscovery()
|
||||
},
|
||||
onUnload() {
|
||||
this.cleanupDiscovery()
|
||||
},
|
||||
methods: {
|
||||
cleanupDiscovery() {
|
||||
if (!this.discoveryController) {
|
||||
return
|
||||
}
|
||||
|
||||
this.discoveryController.cleanupDiscovery()
|
||||
},
|
||||
|
||||
goBack() {
|
||||
this.cleanupDiscovery()
|
||||
navigateBack(1)
|
||||
},
|
||||
|
||||
async toggleSearch() {
|
||||
if (!this.discoveryController) {
|
||||
return
|
||||
}
|
||||
|
||||
if (this.isSearching) {
|
||||
await this.discoveryController.stopSearch(false)
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
await this.discoveryController.startSearch()
|
||||
} catch (error) {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import '@/styles/common.css';
|
||||
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #e9eaed;
|
||||
}
|
||||
|
||||
.top-nav {
|
||||
border-bottom: 1rpx solid #ececec;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: absolute;
|
||||
left: 24rpx;
|
||||
top: 30rpx;
|
||||
font-size: 64rpx;
|
||||
color: #111111;
|
||||
width: 64rpx;
|
||||
line-height: 64rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 50rpx;
|
||||
font-weight: 700;
|
||||
color: #2a2d33;
|
||||
}
|
||||
|
||||
.search-wrap {
|
||||
height: 500rpx;
|
||||
background: #ffffff;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.search-btn {
|
||||
width: 260rpx;
|
||||
height: 260rpx;
|
||||
border-radius: 130rpx;
|
||||
background: #43c996;
|
||||
color: #ffffff;
|
||||
font-size: 56rpx;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
.search-btn:active {
|
||||
transform: scale(0.97);
|
||||
}
|
||||
|
||||
.search-btn.is-searching {
|
||||
animation: searchPulse 1.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes searchPulse {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
box-shadow: 0 0 0 0 rgba(67, 201, 150, 0.42);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: scale(1.04);
|
||||
box-shadow: 0 0 0 30rpx rgba(67, 201, 150, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
box-shadow: 0 0 0 0 rgba(67, 201, 150, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.tip-row {
|
||||
min-height: 78rpx;
|
||||
padding: 12rpx 16rpx;
|
||||
background: #efeff1;
|
||||
color: #ff0000;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.list-header {
|
||||
height: 116rpx;
|
||||
background: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 38rpx;
|
||||
}
|
||||
|
||||
.list-title {
|
||||
font-size: 52rpx;
|
||||
color: #101217;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.list-body {
|
||||
min-height: calc(100vh - 814rpx);
|
||||
background: #e9eaed;
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.empty-row {
|
||||
padding: 36rpx;
|
||||
text-align: center;
|
||||
color: #8c9097;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.device-card {
|
||||
background: #ffffff;
|
||||
margin-top: 12rpx;
|
||||
padding: 24rpx;
|
||||
display: flex;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.device-icon {
|
||||
width: 92rpx;
|
||||
height: 92rpx;
|
||||
border-radius: 46rpx;
|
||||
border: 2rpx solid #d8d8d8;
|
||||
box-shadow: inset 0 0 0 10rpx #f1f1f1;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.device-main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.device-name-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.device-name {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
font-size: 38rpx;
|
||||
color: #30343a;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.device-tag {
|
||||
font-size: 22rpx;
|
||||
color: #17b474;
|
||||
border: 1rpx solid #17b474;
|
||||
border-radius: 20rpx;
|
||||
padding: 2rpx 10rpx;
|
||||
}
|
||||
|
||||
.device-id {
|
||||
display: block;
|
||||
margin-top: 8rpx;
|
||||
font-size: 30rpx;
|
||||
color: #8a8f98;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.device-actions {
|
||||
display: flex;
|
||||
gap: 10rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
|
||||
.action-btn {
|
||||
padding: 8rpx 16rpx;
|
||||
border: 2rpx solid #42c995;
|
||||
color: #22b47a;
|
||||
font-size: 30rpx;
|
||||
border-radius: 6rpx;
|
||||
background: #f8fffc;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<template>
|
||||
<view class="page page-base">
|
||||
<view class="top-nav top-nav-base">
|
||||
<view class="title top-nav-title-base">事件</view>
|
||||
</view>
|
||||
|
||||
<view class="filters">
|
||||
<view class="filter-item">全部场所</view>
|
||||
<view class="filter-item">全部状态</view>
|
||||
<view class="filter-item">时间</view>
|
||||
</view>
|
||||
|
||||
<view class="empty-area empty-state">
|
||||
<view class="empty-box empty-state-box"></view>
|
||||
<text class="empty-text empty-state-text">暂无数据</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import '@/styles/common.css';
|
||||
|
||||
.filters {
|
||||
height: 92rpx;
|
||||
background: #ffffff;
|
||||
border-top: 1rpx solid #ededed;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.filter-item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 42rpx;
|
||||
color: #3a3a3a;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.empty-area {
|
||||
min-height: 980rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,149 @@
|
|||
<template>
|
||||
<view class="page page-base">
|
||||
<view class="top-nav top-nav-base">
|
||||
<view class="title">智慧养老</view>
|
||||
</view>
|
||||
|
||||
<view class="banner">
|
||||
<view class="banner-left">
|
||||
<text class="banner-title">智慧养老云助手</text>
|
||||
<text class="banner-sub">一键开启智慧好生活</text>
|
||||
</view>
|
||||
<view class="banner-illus">
|
||||
<view class="phone"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="site-row" @click="goConfig">
|
||||
<text class="menu">☰</text>
|
||||
<text class="site-text">请选择场所</text>
|
||||
<text class="down">⌄</text>
|
||||
</view>
|
||||
|
||||
<view class="empty-area empty-state">
|
||||
<view class="empty-box empty-state-box"></view>
|
||||
<text class="empty-text empty-state-text">暂无数据</text>
|
||||
</view>
|
||||
|
||||
<view class="fab" @click="goAdd">+</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ROUTES } from '@/constants/routes'
|
||||
import { navigateTo } from '@/utils/navigation'
|
||||
|
||||
export default {
|
||||
methods: {
|
||||
goAdd() {
|
||||
navigateTo(ROUTES.DEVICE_ADD)
|
||||
},
|
||||
goConfig() {
|
||||
navigateTo(ROUTES.DEVICE_CONFIG)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import '@/styles/common.css';
|
||||
|
||||
.page {
|
||||
position: relative;
|
||||
padding-bottom: 160rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 48rpx;
|
||||
font-weight: 700;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin: 0;
|
||||
height: 380rpx;
|
||||
background: #28cda0;
|
||||
padding: 56rpx 52rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.banner-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.banner-title {
|
||||
font-size: 58rpx;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.banner-sub {
|
||||
font-size: 46rpx;
|
||||
color: #e9fff8;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.banner-illus {
|
||||
width: 220rpx;
|
||||
height: 220rpx;
|
||||
border-radius: 16rpx;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.phone {
|
||||
width: 120rpx;
|
||||
height: 170rpx;
|
||||
border: 8rpx solid rgba(255, 255, 255, 0.92);
|
||||
border-radius: 22rpx;
|
||||
}
|
||||
|
||||
.site-row {
|
||||
height: 108rpx;
|
||||
padding: 0 36rpx;
|
||||
background: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 46rpx;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.menu {
|
||||
margin-right: 22rpx;
|
||||
}
|
||||
|
||||
.site-text {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.down {
|
||||
margin-left: 10rpx;
|
||||
color: #26c996;
|
||||
}
|
||||
|
||||
.empty-area {
|
||||
margin-top: 40rpx;
|
||||
min-height: 760rpx;
|
||||
}
|
||||
|
||||
.fab {
|
||||
position: fixed;
|
||||
right: 38rpx;
|
||||
bottom: 220rpx;
|
||||
width: 118rpx;
|
||||
height: 118rpx;
|
||||
border-radius: 59rpx;
|
||||
background: #2cc998;
|
||||
color: #ffffff;
|
||||
font-size: 88rpx;
|
||||
line-height: 110rpx;
|
||||
text-align: center;
|
||||
box-shadow: 0 12rpx 24rpx rgba(29, 177, 130, 0.3);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,346 @@
|
|||
<template>
|
||||
<view class="page">
|
||||
<view class="hero">
|
||||
<text class="title">欢迎使用智慧养老</text>
|
||||
<text class="sub">登录后可管理设备与查看事件</text>
|
||||
</view>
|
||||
|
||||
<view class="card">
|
||||
<view class="form-row">
|
||||
<text class="prefix">+86</text>
|
||||
<input
|
||||
v-model="mobile"
|
||||
class="input"
|
||||
type="number"
|
||||
maxlength="11"
|
||||
placeholder="请输入手机号"
|
||||
/>
|
||||
</view>
|
||||
|
||||
<view class="form-row code-row">
|
||||
<input
|
||||
v-model="code"
|
||||
class="input"
|
||||
type="number"
|
||||
maxlength="6"
|
||||
placeholder="请输入验证码"
|
||||
/>
|
||||
<button class="code-btn" :disabled="countdown > 0" @click="sendCode">
|
||||
{{ codeBtnText }}
|
||||
</button>
|
||||
</view>
|
||||
|
||||
<button class="login-btn" @click="loginByMobileSubmit">手机号验证码登录</button>
|
||||
|
||||
<view class="split">
|
||||
<view class="line"></view>
|
||||
<text class="split-text">或</text>
|
||||
<view class="line"></view>
|
||||
</view>
|
||||
|
||||
<button class="wx-btn" @click="loginByWechatSubmit">微信一键登录</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { loginByMobile, loginByWechat, sendSmsCode } from '@/api/user'
|
||||
import { createCountdown } from '@/hooks/useCountdown'
|
||||
import { goAfterLogin, isLoggedIn, setAuth } from '@/utils/auth'
|
||||
import { showToast } from '@/utils/toast'
|
||||
import { isValidMobile, isValidSmsCode } from '@/utils/validators'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
mobile: '',
|
||||
code: '',
|
||||
countdown: 0,
|
||||
redirect: '',
|
||||
countdownController: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
codeBtnText() {
|
||||
return this.countdown > 0 ? `${this.countdown}s后重试` : '获取验证码'
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.countdownController = createCountdown({
|
||||
duration: 60,
|
||||
onChange: (value) => {
|
||||
this.countdown = value
|
||||
}
|
||||
})
|
||||
},
|
||||
onLoad(query) {
|
||||
this.redirect = query.redirect || ''
|
||||
|
||||
if (isLoggedIn()) {
|
||||
goAfterLogin(this.redirect)
|
||||
}
|
||||
},
|
||||
onUnload() {
|
||||
this.clearCountdown()
|
||||
},
|
||||
methods: {
|
||||
clearCountdown() {
|
||||
if (!this.countdownController) {
|
||||
return
|
||||
}
|
||||
|
||||
this.countdownController.clear()
|
||||
},
|
||||
|
||||
validateMobileOrToast() {
|
||||
if (isValidMobile(this.mobile)) {
|
||||
return true
|
||||
}
|
||||
|
||||
showToast('请输入正确手机号')
|
||||
return false
|
||||
},
|
||||
|
||||
finishLogin(payload = {}) {
|
||||
const token = payload.token || `mock-token-${Date.now()}`
|
||||
const user = payload.user || {
|
||||
name: '微信用户',
|
||||
mobile: '',
|
||||
loginType: 'wechat'
|
||||
}
|
||||
|
||||
setAuth({ token, user })
|
||||
goAfterLogin(this.redirect)
|
||||
},
|
||||
|
||||
async sendCode() {
|
||||
if (!this.validateMobileOrToast()) {
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
await sendSmsCode(this.mobile)
|
||||
} catch (error) {
|
||||
return
|
||||
}
|
||||
|
||||
showToast('验证码已发送')
|
||||
this.countdownController.start()
|
||||
},
|
||||
|
||||
async loginByMobileSubmit() {
|
||||
if (!this.validateMobileOrToast()) {
|
||||
return
|
||||
}
|
||||
|
||||
if (!isValidSmsCode(this.code)) {
|
||||
showToast('请输入6位验证码')
|
||||
return
|
||||
}
|
||||
|
||||
uni.showLoading({
|
||||
title: '登录中'
|
||||
})
|
||||
|
||||
try {
|
||||
const data = await loginByMobile(this.mobile, this.code)
|
||||
this.finishLogin({
|
||||
token: data?.token,
|
||||
user: data?.user || {
|
||||
name: `用户${this.mobile.slice(-4)}`,
|
||||
mobile: this.mobile,
|
||||
loginType: 'mobile'
|
||||
}
|
||||
})
|
||||
} catch (error) {
|
||||
} finally {
|
||||
uni.hideLoading()
|
||||
}
|
||||
},
|
||||
|
||||
async loginByWechatSubmit() {
|
||||
// #ifdef MP-WEIXIN
|
||||
uni.showLoading({
|
||||
title: '微信登录中'
|
||||
})
|
||||
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: async (res) => {
|
||||
try {
|
||||
const data = await loginByWechat(res.code || '')
|
||||
this.finishLogin({
|
||||
token: data?.token,
|
||||
user: data?.user || {
|
||||
name: '微信用户',
|
||||
mobile: '',
|
||||
loginType: 'wechat'
|
||||
}
|
||||
})
|
||||
} catch (error) {
|
||||
} finally {
|
||||
uni.hideLoading()
|
||||
}
|
||||
},
|
||||
fail: () => {
|
||||
uni.hideLoading()
|
||||
showToast('微信登录失败，请重试')
|
||||
}
|
||||
})
|
||||
// #endif
|
||||
|
||||
// #ifndef MP-WEIXIN
|
||||
uni.showLoading({
|
||||
title: '微信登录中'
|
||||
})
|
||||
|
||||
try {
|
||||
const data = await loginByWechat('')
|
||||
this.finishLogin({
|
||||
token: data?.token,
|
||||
user: data?.user || {
|
||||
name: '微信用户',
|
||||
mobile: '',
|
||||
loginType: 'wechat'
|
||||
}
|
||||
})
|
||||
} catch (error) {
|
||||
} finally {
|
||||
uni.hideLoading()
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(180deg, #ecf9f5 0%, #f5f6f8 48%, #f1f1f4 100%);
|
||||
padding: 80rpx 32rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.hero {
|
||||
margin: 30rpx 8rpx 46rpx;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: block;
|
||||
font-size: 54rpx;
|
||||
color: #18242f;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.sub {
|
||||
display: block;
|
||||
margin-top: 16rpx;
|
||||
font-size: 30rpx;
|
||||
color: #6f7782;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
padding: 38rpx 30rpx 42rpx;
|
||||
box-shadow: 0 16rpx 40rpx rgba(10, 63, 48, 0.08);
|
||||
}
|
||||
|
||||
.form-row {
|
||||
min-height: 98rpx;
|
||||
border: 1rpx solid #e8eaef;
|
||||
border-radius: 16rpx;
|
||||
padding: 0 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-row + .form-row {
|
||||
margin-top: 22rpx;
|
||||
}
|
||||
|
||||
.prefix {
|
||||
width: 86rpx;
|
||||
color: #1f2b37;
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.input {
|
||||
flex: 1;
|
||||
height: 98rpx;
|
||||
font-size: 30rpx;
|
||||
color: #1f2b37;
|
||||
}
|
||||
|
||||
.code-row {
|
||||
padding-right: 12rpx;
|
||||
}
|
||||
|
||||
.code-btn {
|
||||
width: 190rpx;
|
||||
height: 70rpx;
|
||||
line-height: 70rpx;
|
||||
border-radius: 36rpx;
|
||||
background: #e9faf4;
|
||||
color: #15b880;
|
||||
font-size: 26rpx;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.code-btn::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.code-btn[disabled] {
|
||||
color: #8f98a3;
|
||||
background: #f1f3f6;
|
||||
}
|
||||
|
||||
.login-btn,
|
||||
.wx-btn {
|
||||
margin-top: 26rpx;
|
||||
width: 100%;
|
||||
height: 92rpx;
|
||||
line-height: 92rpx;
|
||||
border-radius: 16rpx;
|
||||
color: #ffffff;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.login-btn {
|
||||
background: linear-gradient(90deg, #23c797, #11b880);
|
||||
}
|
||||
|
||||
.login-btn::after,
|
||||
.wx-btn::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.split {
|
||||
margin: 34rpx 0 8rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.line {
|
||||
flex: 1;
|
||||
height: 1rpx;
|
||||
background: #eceef1;
|
||||
}
|
||||
|
||||
.split-text {
|
||||
padding: 0 20rpx;
|
||||
font-size: 26rpx;
|
||||
color: #9aa2ad;
|
||||
}
|
||||
|
||||
.wx-btn {
|
||||
margin-top: 24rpx;
|
||||
background: #07c160;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,173 @@
|
|||
<template>
|
||||
<view class="page page-base">
|
||||
<view class="top-nav top-nav-base">
|
||||
<view class="title top-nav-title-base">我的</view>
|
||||
</view>
|
||||
|
||||
<view class="user-card" @click="goLogin">
|
||||
<view class="avatar"></view>
|
||||
<view>
|
||||
<text class="user-name">{{ userName }}</text>
|
||||
<text class="user-tip">{{ loginTip }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="menu-card">
|
||||
<view class="item" @click="goConfig">
|
||||
<text class="left">设备配置</text>
|
||||
<text class="right">›</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="left">分享的设备</text>
|
||||
<text class="right">›</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="left">场所管理</text>
|
||||
<text class="right">›</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="left">接警人管理</text>
|
||||
<text class="right">›</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="left">手机号</text>
|
||||
<text class="mid">{{ phoneText }}</text>
|
||||
<text class="right">›</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="left">语音广播</text>
|
||||
<text class="right">›</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="left">当前版本</text>
|
||||
<text class="mid">2.8.44</text>
|
||||
</view>
|
||||
<view class="item" @click="logout">
|
||||
<text class="left">退出登录</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ROUTES } from '@/constants/routes'
|
||||
import { clearAuth, getUser, isLoggedIn, LOGIN_PAGE, redirectToLogin } from '@/utils/auth'
|
||||
import { navigateTo } from '@/utils/navigation'
|
||||
import { showToast } from '@/utils/toast'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
userInfo: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
userName() {
|
||||
return this.userInfo?.name || '微信用户'
|
||||
},
|
||||
phoneText() {
|
||||
return this.userInfo?.mobile || '未绑定'
|
||||
},
|
||||
loginTip() {
|
||||
return this.userInfo?.loginType === 'mobile' ? '手机号验证码登录' : '微信登录'
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.userInfo = getUser()
|
||||
},
|
||||
methods: {
|
||||
goConfig() {
|
||||
navigateTo(ROUTES.DEVICE_CONFIG)
|
||||
},
|
||||
goLogin() {
|
||||
if (isLoggedIn()) {
|
||||
return
|
||||
}
|
||||
|
||||
navigateTo(LOGIN_PAGE)
|
||||
},
|
||||
logout() {
|
||||
clearAuth()
|
||||
showToast('已退出登录')
|
||||
redirectToLogin(ROUTES.HOME)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import '@/styles/common.css';
|
||||
|
||||
.page {
|
||||
padding-bottom: 120rpx;
|
||||
}
|
||||
|
||||
.user-card {
|
||||
margin: 24rpx;
|
||||
min-height: 200rpx;
|
||||
border-radius: 24rpx;
|
||||
background: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 20rpx 34rpx;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
width: 132rpx;
|
||||
height: 132rpx;
|
||||
border-radius: 66rpx;
|
||||
background: radial-gradient(circle at 35% 35%, #95d347 0 32%, #6ba83a 33% 100%);
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
display: block;
|
||||
font-size: 46rpx;
|
||||
color: #2a2d33;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.user-tip {
|
||||
display: block;
|
||||
margin-top: 12rpx;
|
||||
color: #9ea1a6;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.menu-card {
|
||||
margin: 24rpx;
|
||||
border-radius: 24rpx;
|
||||
background: #ffffff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item {
|
||||
min-height: 94rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 30rpx;
|
||||
border-bottom: 1rpx solid #efefef;
|
||||
}
|
||||
|
||||
.item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.left {
|
||||
flex: 1;
|
||||
font-size: 48rpx;
|
||||
color: #2f3135;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.mid {
|
||||
margin-right: 16rpx;
|
||||
color: #9ea1a6;
|
||||
font-size: 44rpx;
|
||||
}
|
||||
|
||||
.right {
|
||||
color: #9ea1a6;
|
||||
font-size: 54rpx;
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
|
|
@ -0,0 +1,46 @@
|
|||
.page-base {
|
||||
min-height: 100vh;
|
||||
background: #f1f1f4;
|
||||
}
|
||||
|
||||
.top-nav-base {
|
||||
height: 120rpx;
|
||||
padding: 24rpx 24rpx 0;
|
||||
background: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-nav-title-base {
|
||||
font-size: 50rpx;
|
||||
font-weight: 700;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #a7a9ad;
|
||||
}
|
||||
|
||||
.empty-state-box {
|
||||
width: 220rpx;
|
||||
height: 180rpx;
|
||||
border-radius: 12rpx;
|
||||
background: linear-gradient(180deg, #eef0f4, #e3e6eb);
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.empty-state-text {
|
||||
font-size: 52rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.card-base {
|
||||
background: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
uni.addInterceptor({
|
||||
returnValue (res) {
|
||||
if (!(!!res && (typeof res === "object" || typeof res === "function") && typeof res.then === "function")) {
|
||||
return res;
|
||||
}
|
||||
return new Promise((resolve, reject) => {
|
||||
res.then((res) => {
|
||||
if (!res) return resolve(res)
|
||||
return res[0] ? reject(res[0]) : resolve(res[1])
|
||||
});
|
||||
});
|
||||
},
|
||||
});
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
|
||||
/* 颜色变量 */
|
||||
|
||||
/* 行为相关颜色 */
|
||||
$uni-color-primary: #007aff;
|
||||
$uni-color-success: #4cd964;
|
||||
$uni-color-warning: #f0ad4e;
|
||||
$uni-color-error: #dd524d;
|
||||
|
||||
/* 文字基本颜色 */
|
||||
$uni-text-color:#333;//基本色
|
||||
$uni-text-color-inverse:#fff;//反色
|
||||
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
|
||||
$uni-text-color-placeholder: #808080;
|
||||
$uni-text-color-disable:#c0c0c0;
|
||||
|
||||
/* 背景颜色 */
|
||||
$uni-bg-color:#ffffff;
|
||||
$uni-bg-color-grey:#f8f8f8;
|
||||
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
|
||||
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
|
||||
|
||||
/* 边框颜色 */
|
||||
$uni-border-color:#c8c7cc;
|
||||
|
||||
/* 尺寸变量 */
|
||||
|
||||
/* 文字尺寸 */
|
||||
$uni-font-size-sm:12px;
|
||||
$uni-font-size-base:14px;
|
||||
$uni-font-size-lg:16px;
|
||||
|
||||
/* 图片尺寸 */
|
||||
$uni-img-size-sm:20px;
|
||||
$uni-img-size-base:26px;
|
||||
$uni-img-size-lg:40px;
|
||||
|
||||
/* Border Radius */
|
||||
$uni-border-radius-sm: 2px;
|
||||
$uni-border-radius-base: 3px;
|
||||
$uni-border-radius-lg: 6px;
|
||||
$uni-border-radius-circle: 50%;
|
||||
|
||||
/* 水平间距 */
|
||||
$uni-spacing-row-sm: 5px;
|
||||
$uni-spacing-row-base: 10px;
|
||||
$uni-spacing-row-lg: 15px;
|
||||
|
||||
/* 垂直间距 */
|
||||
$uni-spacing-col-sm: 4px;
|
||||
$uni-spacing-col-base: 8px;
|
||||
$uni-spacing-col-lg: 12px;
|
||||
|
||||
/* 透明度 */
|
||||
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
|
||||
|
||||
/* 文章场景相关 */
|
||||
$uni-color-title: #2C405A; // 文章标题颜色
|
||||
$uni-font-size-title:20px;
|
||||
$uni-color-subtitle: #555555; // 二级标题颜色
|
||||
$uni-font-size-subtitle:26px;
|
||||
$uni-color-paragraph: #3F536E; // 文章段落颜色
|
||||
$uni-font-size-paragraph:15px;
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
export {
|
||||
getUserProfile,
|
||||
loginByMobile,
|
||||
loginByWechat,
|
||||
sendSmsCode
|
||||
} from '@/api/user'
|
||||
|
|
@ -0,0 +1,210 @@
|
|||
import { AUTH_ENABLED, AUTH_STORAGE_KEYS } from '@/constants/auth'
|
||||
import { ROUTES, TAB_ROUTES } from '@/constants/routes'
|
||||
|
||||
export const LOGIN_PAGE = ROUTES.LOGIN
|
||||
export const HOME_PAGE = ROUTES.HOME
|
||||
export const TAB_PAGES = TAB_ROUTES
|
||||
|
||||
let hasSetupInterceptors = false
|
||||
|
||||
/**
|
||||
* 规范化路由，保证以 `/` 开头。
|
||||
*/
|
||||
function normalizeUrl(url = '') {
|
||||
if (!url) {
|
||||
return ''
|
||||
}
|
||||
|
||||
if (url.startsWith('/')) {
|
||||
return url
|
||||
}
|
||||
|
||||
return `/${url}`
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取不带 query 的路径。
|
||||
*/
|
||||
function getPath(url = '') {
|
||||
return normalizeUrl(url).split('?')[0]
|
||||
}
|
||||
|
||||
function safeDecode(value = '') {
|
||||
try {
|
||||
return decodeURIComponent(value)
|
||||
} catch (error) {
|
||||
return value
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 把页面 options 组装成 query 字符串。
|
||||
*/
|
||||
function buildQuery(options = {}) {
|
||||
const keys = Object.keys(options)
|
||||
if (!keys.length) {
|
||||
return ''
|
||||
}
|
||||
|
||||
const query = keys
|
||||
.map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(options[key] || '')}`)
|
||||
.join('&')
|
||||
|
||||
return query ? `?${query}` : ''
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取当前页面完整地址（path + query）。
|
||||
*/
|
||||
function getCurrentPageUrl() {
|
||||
const pages = getCurrentPages()
|
||||
if (!pages.length) {
|
||||
return ''
|
||||
}
|
||||
|
||||
const current = pages[pages.length - 1]
|
||||
const currentPath = current.route ? `/${current.route}` : ''
|
||||
const currentQuery = current.options ? buildQuery(current.options) : ''
|
||||
|
||||
return `${currentPath}${currentQuery}`
|
||||
}
|
||||
|
||||
function isLoginPage(url = '') {
|
||||
return getPath(url) === LOGIN_PAGE
|
||||
}
|
||||
|
||||
function needLogin(url = '') {
|
||||
return !isLoginPage(url)
|
||||
}
|
||||
|
||||
export function isAuthEnabled() {
|
||||
return AUTH_ENABLED
|
||||
}
|
||||
|
||||
export function isTabPage(url = '') {
|
||||
return TAB_PAGES.includes(getPath(url))
|
||||
}
|
||||
|
||||
export function getToken() {
|
||||
return uni.getStorageSync(AUTH_STORAGE_KEYS.TOKEN) || ''
|
||||
}
|
||||
|
||||
export function isLoggedIn() {
|
||||
if (!AUTH_ENABLED) {
|
||||
return true
|
||||
}
|
||||
|
||||
return Boolean(getToken())
|
||||
}
|
||||
|
||||
export function getUser() {
|
||||
return uni.getStorageSync(AUTH_STORAGE_KEYS.USER) || null
|
||||
}
|
||||
|
||||
/**
|
||||
* 保存登录态。
|
||||
*/
|
||||
export function setAuth({ token, user } = {}) {
|
||||
if (token) {
|
||||
uni.setStorageSync(AUTH_STORAGE_KEYS.TOKEN, token)
|
||||
}
|
||||
|
||||
if (user) {
|
||||
uni.setStorageSync(AUTH_STORAGE_KEYS.USER, user)
|
||||
}
|
||||
}
|
||||
|
||||
export function clearAuth() {
|
||||
uni.removeStorageSync(AUTH_STORAGE_KEYS.TOKEN)
|
||||
uni.removeStorageSync(AUTH_STORAGE_KEYS.USER)
|
||||
}
|
||||
|
||||
/**
|
||||
* 跳转到登录页并携带重定向地址。
|
||||
*/
|
||||
export function redirectToLogin(targetUrl = '') {
|
||||
if (!AUTH_ENABLED) {
|
||||
return
|
||||
}
|
||||
|
||||
const redirect = normalizeUrl(targetUrl || getCurrentPageUrl())
|
||||
if (isLoginPage(redirect)) {
|
||||
return
|
||||
}
|
||||
|
||||
const loginUrl = redirect
|
||||
? `${LOGIN_PAGE}?redirect=${encodeURIComponent(redirect)}`
|
||||
: LOGIN_PAGE
|
||||
|
||||
uni.reLaunch({
|
||||
url: loginUrl
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 登录成功后按 redirect 返回目标页。
|
||||
*/
|
||||
export function goAfterLogin(redirect = '') {
|
||||
const target = normalizeUrl(safeDecode(redirect) || HOME_PAGE)
|
||||
const targetPath = getPath(target)
|
||||
|
||||
if (isLoginPage(targetPath)) {
|
||||
uni.switchTab({
|
||||
url: HOME_PAGE
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
if (isTabPage(targetPath)) {
|
||||
uni.switchTab({
|
||||
url: targetPath
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
uni.reLaunch({
|
||||
url: target
|
||||
})
|
||||
}
|
||||
|
||||
function guardPage(url = '') {
|
||||
if (!AUTH_ENABLED) {
|
||||
return true
|
||||
}
|
||||
|
||||
if (!needLogin(url) || isLoggedIn()) {
|
||||
return true
|
||||
}
|
||||
|
||||
redirectToLogin(url)
|
||||
return false
|
||||
}
|
||||
|
||||
/**
|
||||
* 初始化 uni 路由拦截器，只注册一次。
|
||||
*/
|
||||
export function setupAuthInterceptors() {
|
||||
if (hasSetupInterceptors) {
|
||||
return
|
||||
}
|
||||
|
||||
const methods = ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab']
|
||||
methods.forEach((method) => {
|
||||
uni.addInterceptor(method, {
|
||||
invoke(args) {
|
||||
return guardPage(args.url)
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
hasSetupInterceptors = true
|
||||
}
|
||||
|
||||
export function ensureCurrentPageAuth() {
|
||||
const currentUrl = getCurrentPageUrl()
|
||||
if (!currentUrl) {
|
||||
return
|
||||
}
|
||||
|
||||
guardPage(currentUrl)
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
/**
|
||||
* 统一路由跳转封装，减少页面层重复样板代码。
|
||||
*/
|
||||
export function navigateTo(url) {
|
||||
if (!url) {
|
||||
return
|
||||
}
|
||||
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
}
|
||||
|
||||
export function navigateBack(delta = 1) {
|
||||
uni.navigateBack({
|
||||
delta
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
import request from '@/api/http/client'
|
||||
|
||||
/**
|
||||
* 兼容层：保留旧导入路径 `@/utils/request`。
|
||||
*/
|
||||
export default request
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* 统一的轻提示封装。
|
||||
* @param {string} title 提示文案
|
||||
*/
|
||||
export function showToast(title = '') {
|
||||
uni.showToast({
|
||||
title,
|
||||
icon: 'none'
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
/**
|
||||
* 校验中国大陆手机号。
|
||||
* @param {string} value 手机号
|
||||
* @returns {boolean}
|
||||
*/
|
||||
export function isValidMobile(value = '') {
|
||||
return /^1\d{10}$/.test(String(value))
|
||||
}
|
||||
|
||||
/**
|
||||
* 校验 6 位短信验证码。
|
||||
* @param {string} value 验证码
|
||||
* @returns {boolean}
|
||||
*/
|
||||
export function isValidSmsCode(value = '') {
|
||||
return /^\d{6}$/.test(String(value))
|
||||
}
|
||||
Loading…
Reference in New Issue