pdkj
/
lcny-admin-mobile-vue
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

小程序认证

wechat
ihzero 2023-11-12 16:40:46 +08:00
parent 5f3df387e7
commit 4cba12d49c
6 changed files with 345 additions and 318 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.env.development
View File

@ -1,3 +1,6 @@
ENV = 'development' ENV = 'development'
VUE_APP_BASE_API = 'http://lcny.sk797.cn' # VUE_APP_BASE_API = 'http://lcny.sk797.cn'
VUE_APP_BASE_API = 'http://36.133.205.221:81'
VUE_APP_BASE_URL = 'http://36.133.205.221:91'

2
.env.production
View File

@ -2,3 +2,5 @@ ENV = 'production'
VUE_APP_BASE_API = 'http://36.133.205.221:81' VUE_APP_BASE_API = 'http://36.133.205.221:81'
VUE_APP_BASE_URL = 'http://36.133.205.221:91'

587
src/pages.json
View File

@ -1,299 +1,292 @@
{ {
"easycom": { "easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
}, },
"pages": [ "pages": [
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "隆昌农业大数据监控平台" "navigationBarTitleText": "隆昌农业大数据监控平台"
} }
} },
,{ {
"path" : "pages/login/login", "path": "pages/login/login",
"style" : "style": {
{ "navigationBarTitleText": "",
"navigationBarTitleText": "", "enablePullDownRefresh": false,
"enablePullDownRefresh": false, "navigationStyle": "custom"
"navigationStyle": "custom" }
} },
{
} "path": "pages/user/user",
,{ "style": {
"path" : "pages/user/user", "navigationBarTitleText": "个人中心",
"style" : "enablePullDownRefresh": false,
{ "navigationStyle": "custom"
"navigationBarTitleText": "个人中心", }
"enablePullDownRefresh": false, },
"navigationStyle": "custom" // {
} // "path": "pages/user/password-edit",
// "style": {
} // "navigationBarTitleText": "修改密码",
,{ // "enablePullDownRefresh": false
"path" : "pages/user/password-edit", // }
"style" : // },
{ // {
"navigationBarTitleText": "修改密码", // "path": "pages/system/role",
"enablePullDownRefresh": false // "style": {
} // "navigationBarTitleText": "角色管理",
// "enablePullDownRefresh": false
} // }
,{ // },
"path" : "pages/system/role", {
"style" : "path": "pages/webview/index",
{ "style": {
"navigationBarTitleText": "角色管理", "navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false,
} "navigationStyle": "custom"
}
},{ }
"path" : "pages/webview/index", // ,{
"style" : // "path" : "pages/index/meteorological",
{ // "style" :
"navigationBarTitleText": "webview", // {
"enablePullDownRefresh": false // "navigationBarTitleText": "气象监测",
} // "enablePullDownRefresh": false
// }
}
// ,{ // }
// "path" : "pages/index/meteorological", // ,{
// "style" : // "path" : "pages/index/monitor",
// { // "style" :
// "navigationBarTitleText": "气象监测", // {
// "enablePullDownRefresh": false // "navigationBarTitleText": "智能监控",
// } // "enablePullDownRefresh": false
// }
// }
// ,{ // }
// "path" : "pages/index/monitor", // ,{
// "style" : // "path" : "pages/index/soil-monitoring",
// { // "style" :
// "navigationBarTitleText": "智能监控", // {
// "enablePullDownRefresh": false // "navigationBarTitleText": "土壤监控",
// } // "enablePullDownRefresh": false
// }
// }
// ,{ // }
// "path" : "pages/index/soil-monitoring", // ,{
// "style" : // "path" : "pages/index/water-quality",
// { // "style" :
// "navigationBarTitleText": "土壤监控", // {
// "enablePullDownRefresh": false // "navigationBarTitleText": "水质监控",
// } // "enablePullDownRefresh": false
// }
// }
// ,{ // }
// "path" : "pages/index/water-quality", // ,{
// "style" : // "path" : "pages/system/account",
// { // "style" :
// "navigationBarTitleText": "水质监控", // {
// "enablePullDownRefresh": false // "navigationBarTitleText": "账号管理",
// } // "enablePullDownRefresh": false
// }
// }
// ,{ // }
// "path" : "pages/system/account", // ,{
// "style" : // "path" : "pages/system/log",
// { // "style" :
// "navigationBarTitleText": "账号管理", // {
// "enablePullDownRefresh": false // "navigationBarTitleText": "系统日志",
// } // "enablePullDownRefresh": false
// }
// }
// ,{ // }
// "path" : "pages/system/log", // ,{
// "style" : // "path" : "pages/system/links",
// { // "style" :
// "navigationBarTitleText": "系统日志", // {
// "enablePullDownRefresh": false // "navigationBarTitleText": "友情链接",
// } // "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// } // }
// ,{
// "path" : "pages/system/links", // }
// "style" : // ,{
// { // "path" : "pages/device/warning",
// "navigationBarTitleText": "友情链接", // "style" :
// "enablePullDownRefresh": false, // {
// "navigationStyle": "custom" // "navigationBarTitleText": "警报明细",
// } // "enablePullDownRefresh": false
// }
// }
// ,{ // }
// "path" : "pages/device/warning", // ,{
// "style" : // "path" : "pages/device/index",
// { // "style" :
// "navigationBarTitleText": "警报明细", // {
// "enablePullDownRefresh": false // "navigationBarTitleText": "设备管理",
// } // "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// } // }
// ,{
// "path" : "pages/device/index", // }
// "style" : // ,{
// { // "path" : "pages/index/insect-monitors",
// "navigationBarTitleText": "设备管理", // "style" :
// "enablePullDownRefresh": false, // {
// "navigationStyle": "custom" // "navigationBarTitleText": "昆虫性诱监测",
// } // "enablePullDownRefresh": false
// }
// }
// ,{ // }
// "path" : "pages/index/insect-monitors", // ,{
// "style" : // "path" : "pages/estate/estate-price",
// { // "style" :
// "navigationBarTitleText": "昆虫性诱监测", // {
// "enablePullDownRefresh": false // "navigationBarTitleText": "稻虾价格",
// } // "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// } // }
// ,{
// "path" : "pages/estate/estate-price", // }
// "style" : // ,{
// { // "path" : "pages/estate/estate-week-price",
// "navigationBarTitleText": "稻虾价格", // "style" :
// "enablePullDownRefresh": false, // {
// "navigationStyle": "custom" // "navigationBarTitleText": "稻虾每周价格",
// } // "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// } // }
// ,{
// "path" : "pages/estate/estate-week-price", // }
// "style" : // ,{
// { // "path" : "pages/estate/estate-industry",
// "navigationBarTitleText": "稻虾每周价格", // "style" :
// "enablePullDownRefresh": false, // {
// "navigationStyle": "custom" // "navigationBarTitleText": "稻虾产业",
// } // "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// } // }
// ,{
// "path" : "pages/estate/estate-industry", // }
// "style" : // ,{
// { // "path" : "pages/estate/estate-flows",
// "navigationBarTitleText": "稻虾产业", // "style" :
// "enablePullDownRefresh": false, // {
// "navigationStyle": "custom" // "navigationBarTitleText": "稻虾流向",
// } // "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// } // }
// ,{
// "path" : "pages/estate/estate-flows", // }
// "style" : // ,{
// { // "path" : "pages/estate/estate-materiels",
// "navigationBarTitleText": "稻虾流向", // "style" :
// "enablePullDownRefresh": false, // {
// "navigationStyle": "custom" // "navigationBarTitleText": "大宗物资",
// } // "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// } // }
// ,{
// "path" : "pages/estate/estate-materiels", // }
// "style" : // ,{
// { // "path" : "pages/index/warning-list",
// "navigationBarTitleText": "大宗物资", // "style" :
// "enablePullDownRefresh": false, // {
// "navigationStyle": "custom" // "navigationBarTitleText": "预警列表",
// } // "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// } // }
// ,{
// "path" : "pages/index/warning-list", // },{
// "style" : // "path" : "pages/index/pests",
// { // "style" :
// "navigationBarTitleText": "预警列表", // {
// "enablePullDownRefresh": false, // "navigationBarTitleText": "虫情监测",
// "navigationStyle": "custom" // "enablePullDownRefresh": false
// } // }
// },{ // },{
// "path" : "pages/index/pests", // "path" : "pages/index/insecticidal-lamp",
// "style" : // "style" :
// { // {
// "navigationBarTitleText": "虫情监测", // "navigationBarTitleText": "杀虫灯监测",
// "enablePullDownRefresh": false // "enablePullDownRefresh": false
// } // }
// },{ // },{
// "path" : "pages/index/insecticidal-lamp", // "path" : "pages/basics/town-base",
// "style" : // "style" :
// { // {
// "navigationBarTitleText": "杀虫灯监测", // "navigationBarTitleText": "城镇数据",
// "enablePullDownRefresh": false // "enablePullDownRefresh": false
// } // }
// },{
// },{ // "path" : "pages/basics/basics-base",
// "path" : "pages/basics/town-base", // "style" :
// "style" : // {
// { // "navigationBarTitleText": "基地数据",
// "navigationBarTitleText": "城镇数据", // "enablePullDownRefresh": false,
// "enablePullDownRefresh": false // "navigationStyle":"custom"
// } // }
// },{ // },{
// "path" : "pages/basics/basics-base", // "path" : "pages/crop/town-crop",
// "style" : // "style" :
// { // {
// "navigationBarTitleText": "基地数据", // "navigationBarTitleText": "城镇农作物",
// "enablePullDownRefresh": false, // "enablePullDownRefresh": false,
// "navigationStyle":"custom" // "navigationStyle":"custom"
// } // }
// },{ // },{
// "path" : "pages/crop/town-crop", // "path" : "pages/crop/basics-crop",
// "style" : // "style" :
// { // {
// "navigationBarTitleText": "城镇农作物", // "navigationBarTitleText": "基地农作物",
// "enablePullDownRefresh": false, // "enablePullDownRefresh": false,
// "navigationStyle":"custom" // "navigationStyle":"custom"
// } // }
// },{ // },{
// "path" : "pages/crop/basics-crop", // "path" : "pages/yield/town-yield",
// "style" : // "style" :
// { // {
// "navigationBarTitleText": "基地农作物", // "navigationBarTitleText": "城镇产量",
// "enablePullDownRefresh": false, // "enablePullDownRefresh": false,
// "navigationStyle":"custom" // "navigationStyle":"custom"
// } // }
// },{ // },{
// "path" : "pages/yield/town-yield", // "path" : "pages/yield/basics-yield",
// "style" : // "style" :
// { // {
// "navigationBarTitleText": "城镇产量", // "navigationBarTitleText": "基地产量",
// "enablePullDownRefresh": false, // "enablePullDownRefresh": false,
// "navigationStyle":"custom" // "navigationStyle":"custom"
// } // }
// },{ // }
// "path" : "pages/yield/basics-yield", ],
// "style" : "globalStyle": {
// { "navigationBarTextStyle": "white",
// "navigationBarTitleText": "基地产量", "navigationBarTitleText": "隆昌农业大数据监控平台",
// "enablePullDownRefresh": false, "navigationBarBackgroundColor": "#2a7dc9",
// "navigationStyle":"custom" "backgroundColor": "#2a7dc9"
// } },
// } "tabBar": {
], "color": "#6c6b6b",
"globalStyle": { "selectedColor": "#1296db",
"navigationBarTextStyle": "white", "borderStyle": "black",
"navigationBarTitleText": "隆昌农业大数据监控平台", "backgroundColor": "#ffffff",
"navigationBarBackgroundColor": "#2a7dc9", "list": [
"backgroundColor": "#2a7dc9" {
}, "pagePath": "pages/index/index",
"tabBar": { "iconPath": "static/tab/tab_home.png",
"color": "#6c6b6b", "selectedIconPath": "static/tab/tab_home_h.png",
"selectedColor": "#1296db", "text": "工作台"
"borderStyle": "black", },
"backgroundColor": "#ffffff", {
"list": [{ "pagePath": "pages/user/user",
"pagePath": "pages/index/index", "iconPath": "static/tab/tab_user.png",
"iconPath": "static/tab/tab_home.png", "selectedIconPath": "static/tab/tab_user_h.png",
"selectedIconPath": "static/tab/tab_home_h.png", "text": "我的"
"text": "工作台" }
}, ]
{ }
"pagePath": "pages/user/user",
"iconPath": "static/tab/tab_user.png",
"selectedIconPath": "static/tab/tab_user_h.png",
"text": "我的"
}
]
}
} }

9
src/pages/index/index.vue
View File

@ -175,7 +175,7 @@ export default {
} }
}, },
computed: { computed: {
...mapGetters(['userInfo']), ...mapGetters(['userInfo','token']),
menus(){ menus(){
return this.filterAsyncRoutes(this.menuList, this.userInfo?.permissions_slug ?? []) return this.filterAsyncRoutes(this.menuList, this.userInfo?.permissions_slug ?? [])
@ -206,12 +206,9 @@ export default {
linknavFn(item) { linknavFn(item) {
if(!item.url) return if(!item.url) return
const host = 'http://36.133.205.221:91' const url = encodeURIComponent(`${item.url}`)
// uni.navigateTo({
// url: `/pages/webview/index?url=${host}/#${item.url}`,
// })
uni.navigateTo({ uni.navigateTo({
url: `/pages/webview/index?url=${host}/#/pages/login/login`, url: `/pages/webview/index?url=${url}`,
}) })
}, },
}, },

8
src/pages/user/user.vue
View File

@ -134,10 +134,14 @@
}) })
}, },
linnavF(url){ linnavF(uri){
const url = encodeURIComponent(`${uri}`)
uni.navigateTo({ uni.navigateTo({
url:url url: `/pages/webview/index?url=${url}`,
}) })
// uni.navigateTo({
// url:url
// })
}, },
loginOut(){ loginOut(){
this.show = true; this.show = true;

52
src/pages/webview/index.vue
View File

@ -1,15 +1,22 @@
<template> <template>
<view > <view>
<web-view :fullscreen="false" ref="webview" style="height: 500rpx;" :src="src" @onPostMessage="message"> </web-view> <web-view
<button class="button" @click="evalJs">evalJs(改变webview背景颜色)</button> :fullscreen="true"
ref="webview"
style="height: 500rpx"
:src="src"
@onPostMessage="message"
>
</web-view>
</view> </view>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex'
export default { export default {
data() { data() {
return { return {
src: 'https://www.baidu.com', src: '',
webview_styles: { webview_styles: {
progress: { progress: {
color: '#FF3333', color: '#FF3333',
@ -17,23 +24,44 @@ export default {
}, },
} }
}, },
computed: {
...mapGetters(['token']),
},
onLoad({ url }) { onLoad({ url }) {
// this.src = decodeURIComponent(url) const host = process.env.VUE_APP_BASE_URL
const queryParams = this.queryURLParams(decodeURIComponent(url))
const query = {
...queryParams.query,
token: this.token,
appbar: 'hidden',
}
this.src = `${host}/#${queryParams.path}${uni.$u.queryParams(query)}`
}, },
onReady() { onReady() {
this.writeToWebView() this.writeToWebView()
// this.webviewContext = uni.createWebviewContext('web-view', this) // this.webviewContext = uni.createWebviewContext('web-view', this)
}, },
mounted() {
setTimeout(()=>{
console.log(this.$refs.webview);
},2000)
},
methods: { methods: {
queryURLParams(URL) {
// const url = location.search; // 项目中可直接通过search方法获取url中"?"符后的字串
let url = URL.split('?')[1]
let obj = {} // 声明参数对象
if (url) {
let arr = url.split('&') // 以&符号分割为数组
for (let i = 0; i < arr.length; i++) {
let arrNew = arr[i].split('=') // 以"="分割为数组
obj[arrNew[0]] = arrNew[1]
}
}
return {
query: obj,
path: URL.split('?')[0],
}
},
writeToWebView(data) {}, writeToWebView(data) {},
evalJs: function () { evalJs: function () {
console.log(this.$refs.webview); console.log(this.$refs.webview)
this.$refs.webview.evalJs("document.body.style.background ='#00FF00'") this.$refs.webview.evalJs("document.body.style.background ='#00FF00'")
}, },
message(event) { message(event) {