¶Ô±ÈÐÂÎļþ |
| | |
| | | <style lang="scss"> |
| | | /* 注æè¦åå¨ç¬¬ä¸è¡ï¼åæ¶ç»styleæ ç¾å å
¥lang="scss"屿§ */ |
| | | @import "@/uni_modules/uview-ui/index.scss"; |
| | | </style> |
| | | <script> |
| | | export default { |
| | | onLaunch: function() { |
| | | console.log('App Launch') |
| | | }, |
| | | onShow: function() { |
| | | console.log('App Show') |
| | | }, |
| | | onHide: function() { |
| | | console.log('App Hide') |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | /*æ¯ä¸ªé¡µé¢å
Œ
±css */ |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import request from "request"; |
| | | |
| | | export function login(account,passward) { |
| | | return request({ |
| | | 'url': '/login', |
| | | 'method' : 'post' |
| | | }) |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | module.exports = { |
| | | baseUrl:"http://localhost:9999", |
| | | projectType: 'hk',//å·²ç»éæä¹äº¿élyt,å¾®çµwd,æ ¼ææ³°gltï¼æ³¢è¾¾boda |
| | | Bluetooth:'false',//æ¯å¦åå§åèçåè½ |
| | | PlayYes:'false',//æ¯å¦ææ¾æ«ç æå |
| | | PlayNo:'false',//æ¯å¦ææ¾æä½å¤±è´¥ |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <!DOCTYPE html> |
| | | <html lang="en"> |
| | | <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> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import App from './App' |
| | | import uView from '@/uni_modules/uview-ui' |
| | | |
| | | // #ifndef VUE3 |
| | | import Vue from 'vue' |
| | | import './uni.promisify.adaptor' |
| | | Vue.config.productionTip = false |
| | | App.mpType = 'app' |
| | | Vue.use(uView) |
| | | const app = new Vue({ |
| | | ...App |
| | | }) |
| | | app.$mount() |
| | | // #endif |
| | | |
| | | // #ifdef VUE3 |
| | | import { createSSRApp } from 'vue' |
| | | export function createApp() { |
| | | const app = createSSRApp(App) |
| | | return { |
| | | app |
| | | } |
| | | } |
| | | // #endif |
¶Ô±ÈÐÂÎļþ |
| | |
| | | { |
| | | "name" : "hk_pda_vue", |
| | | "appid" : "__UNI__26663F5", |
| | | "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" : "", |
| | | "setting" : { |
| | | "urlCheck" : false |
| | | }, |
| | | "usingComponents" : true |
| | | }, |
| | | "mp-alipay" : { |
| | | "usingComponents" : true |
| | | }, |
| | | "mp-baidu" : { |
| | | "usingComponents" : true |
| | | }, |
| | | "mp-toutiao" : { |
| | | "usingComponents" : true |
| | | }, |
| | | "uniStatistics" : { |
| | | "enable" : false |
| | | }, |
| | | "vueVersion" : "2" |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | { |
| | | "pages": [ |
| | | { |
| | | "path": "pages/login/login", |
| | | "style": { |
| | | "navigationBarTitleText": "ç»å½" |
| | | } |
| | | }, |
| | | { |
| | | "path": "pages/index/index", |
| | | "style": { |
| | | "navigationBarTitleText": "MES-ç§»å¨ç»ç«¯" |
| | | } |
| | | } |
| | | ], |
| | | "globalStyle": { |
| | | "navigationBarTextStyle": "black", |
| | | "navigationBarTitleText": "uni-app", |
| | | "navigationBarBackgroundColor": "#F8F8F8", |
| | | "backgroundColor": "#F8F8F8" |
| | | }, |
| | | "uniIdRouter": {} |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <u-grid :col="3" @click="gotoPage" border> |
| | | <u-grid-item v-for="item in grid" :index="item[0]"> |
| | | <u-icon name="photo" :size="46"></u-icon> |
| | | <view class="grid-text">{{item[0]}}</view> |
| | | </u-grid-item> |
| | | </u-grid> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | grid: [ |
| | | [ |
| | | "å·¡æ£é¦æ£", "touliao" |
| | | ], |
| | | [ |
| | | "éè´å
¥åº", "touliao" |
| | | ], |
| | | [ |
| | | "ç产éæ", "touliao" |
| | | ], |
| | | [ |
| | | "å
¶å®å
¥åº", "touliao" |
| | | ], |
| | | [ |
| | | "ç产å
¥åº", "touliao" |
| | | ], |
| | | [ |
| | | "éè´éè´§", "touliao" |
| | | ], |
| | | [ |
| | | "å
¶å®åºåº", "touliao" |
| | | ], |
| | | [ |
| | | "è°æåºåº", "touliao" |
| | | ], |
| | | [ |
| | | "è°æå
¥åº", "touliao" |
| | | ], |
| | | [ |
| | | "ç产æ¥å·¥", "touliao" |
| | | ], |
| | | [ |
| | | "æå°è®¾ç½®", "touliao" |
| | | ], |
| | | [ |
| | | "çäº§å¤æ", "touliao" |
| | | ] |
| | | |
| | | ], |
| | | title: 'Hello' |
| | | } |
| | | }, |
| | | onLoad() { |
| | | |
| | | }, |
| | | methods: { |
| | | gotoPage(e) { |
| | | console.log(this.grid[e]) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .content { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .logo { |
| | | height: 200rpx; |
| | | width: 200rpx; |
| | | margin-top: 200rpx; |
| | | margin-left: auto; |
| | | margin-right: auto; |
| | | margin-bottom: 50rpx; |
| | | } |
| | | |
| | | .text-area { |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .title { |
| | | font-size: 36rpx; |
| | | color: #8f8f94; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <view> |
| | | <view> |
| | | <image src="../../static/img/bg2.jpg" style="width: 100%; display: block;"></image> |
| | | </view> |
| | | <view> |
| | | <u--form labelPosition="left" :model="userInfo" ref="uForm"> |
| | | <u-form-item label="ç¨æ·å" labelWidth=65 prop="userInfo.account" borderBottom> |
| | | <u--input v-model="userInfo.account" border="none" placeholder="请è¾å
¥ç¨æ·å"></u--input> |
| | | </u-form-item> |
| | | <u-form-item label="å¯ç " labelWidth=65 prop="userInfo.passward"> |
| | | <u--input v-model="userInfo.passward" placeholder="请è¾å
¥ç¨æ·å¯ç " border="none" :password="showPassward" |
| | | @click="this.showPassward = !this.showPassward " suffixIcon="eye-fill" |
| | | suffixIconStyle="color: #909399"></u--input> |
| | | </u-form-item> |
| | | </u--form> |
| | | <u-button text="ç»é" type="primary" style="margin-top: 10px;" @click="login()"></u-button> |
| | | </view> |
| | | <u-toast ref="uToast" /> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | showPassward: true, |
| | | userInfo: { |
| | | account: '', |
| | | passward: '' |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | login() { |
| | | // è¾å
¥æ£éª |
| | | if (this.userInfo.account == null || this.userInfo.account == '') { |
| | | this.$refs.uToast.show({ |
| | | message: 'ç¨æ·å为空', |
| | | type: 'error' |
| | | }) |
| | | return |
| | | } |
| | | |
| | | if (this.userInfo.passward == null || this.userInfo.passward == '') { |
| | | this.$refs.uToast.show({ |
| | | message: 'å¯ç 为空', |
| | | type: 'error' |
| | | }) |
| | | return |
| | | } |
| | | |
| | | |
| | | console.log(this.userInfo) |
| | | |
| | | uni.navigateTo({ |
| | | url:'/pages/index/index' |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .uni-input { |
| | | height: 28px; |
| | | line-height: 28px; |
| | | font-size: 15px; |
| | | padding: 0px; |
| | | flex: 1; |
| | | background-color: #FFFFFF; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | 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) => res[0] ? reject(res[0]) : resolve(res[1])); |
| | | }); |
| | | }, |
| | | }); |
¶Ô±ÈÐÂÎļþ |
| | |
| | | /* uni.scss */ |
| | | @import '@/uni_modules/uview-ui/theme.scss'; |
| | | /** |
| | | * è¿éæ¯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:16; |
| | | |
| | | /* å¾ç尺寸 */ |
| | | $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; |
¶Ô±ÈÐÂÎļþ |
| | |
| | | export function toast(content) { |
| | | uni.showToast({ |
| | | icon:'none', |
| | | title:content |
| | | }) |
| | | } |
¶Ô±ÈÐÂÎļþ |
| | |
| | | const { error } = require("jquery") |
| | | const { toast } = require("./common") |
| | | |
| | | let timeout = 10000 |
| | | const baseUrl = config.baseUrl |
| | | |
| | | const request = config => { |
| | | return new Promise((resolve,reject) => { |
| | | uni.request({ |
| | | method:config.method || 'GET', |
| | | timeout:config.timeoue || timeout, |
| | | url:config.baseUrl || baseUrl + config.url, |
| | | data:config.data, |
| | | header: config.header || {'Content-Type': 'application/json'}, |
| | | dataType: 'json' |
| | | }).then(response => { |
| | | let [error,res] = response |
| | | if(error) { |
| | | toast('ç½ç»å¼å¸¸,请ç¨åéè¯') |
| | | return |
| | | } |
| | | const result = res.data.result || true |
| | | const msg = errorCode[code] || res.data.msg || ErrorCode['defalut'] |
| | | |
| | | if(!res) { |
| | | toast(msg) |
| | | return |
| | | } |
| | | resolve(res.data) |
| | | }).catch(error => { |
| | | let {message} = error |
| | | if(message === 'Network Error') { |
| | | message = 'å端æ¥å£è¿æ¥å¼å¸¸' |
| | | } else if(message.includes('timeout')) { |
| | | message = 'ç³»ç»æ¥å£è¯·æ±è¶
æ¶' |
| | | } else if (message.includes('Request failed with status code')) { |
| | | message = 'ç³»ç»æ¥å£' + message.substr(message.length - 3) + 'å¼å¸¸' |
| | | } |
| | | toast(message) |
| | | }) |
| | | }) |
| | | } |