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'

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