小程序认证

wechat
ihzero 2023-11-12 16:40:46 +08:00
parent 5f3df387e7
commit 4cba12d49c
6 changed files with 345 additions and 318 deletions

View File

@ -1,3 +1,6 @@
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'

View File

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

View File

@ -1,299 +1,292 @@
{
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "隆昌农业大数据监控平台"
}
}
,{
"path" : "pages/login/login",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"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": "webview",
"enablePullDownRefresh": false
}
}
// ,{
// "path" : "pages/index/meteorological",
// "style" :
// {
// "navigationBarTitleText": "气象监测",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/index/monitor",
// "style" :
// {
// "navigationBarTitleText": "智能监控",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/index/soil-monitoring",
// "style" :
// {
// "navigationBarTitleText": "土壤监控",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/index/water-quality",
// "style" :
// {
// "navigationBarTitleText": "水质监控",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/system/account",
// "style" :
// {
// "navigationBarTitleText": "账号管理",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/system/log",
// "style" :
// {
// "navigationBarTitleText": "系统日志",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/system/links",
// "style" :
// {
// "navigationBarTitleText": "友情链接",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/device/warning",
// "style" :
// {
// "navigationBarTitleText": "警报明细",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/device/index",
// "style" :
// {
// "navigationBarTitleText": "设备管理",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/index/insect-monitors",
// "style" :
// {
// "navigationBarTitleText": "昆虫性诱监测",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/estate/estate-price",
// "style" :
// {
// "navigationBarTitleText": "稻虾价格",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/estate/estate-week-price",
// "style" :
// {
// "navigationBarTitleText": "稻虾每周价格",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/estate/estate-industry",
// "style" :
// {
// "navigationBarTitleText": "稻虾产业",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/estate/estate-flows",
// "style" :
// {
// "navigationBarTitleText": "稻虾流向",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/estate/estate-materiels",
// "style" :
// {
// "navigationBarTitleText": "大宗物资",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/index/warning-list",
// "style" :
// {
// "navigationBarTitleText": "预警列表",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// },{
// "path" : "pages/index/pests",
// "style" :
// {
// "navigationBarTitleText": "虫情监测",
// "enablePullDownRefresh": false
// }
// },{
// "path" : "pages/index/insecticidal-lamp",
// "style" :
// {
// "navigationBarTitleText": "杀虫灯监测",
// "enablePullDownRefresh": false
// }
// },{
// "path" : "pages/basics/town-base",
// "style" :
// {
// "navigationBarTitleText": "城镇数据",
// "enablePullDownRefresh": false
// }
// },{
// "path" : "pages/basics/basics-base",
// "style" :
// {
// "navigationBarTitleText": "基地数据",
// "enablePullDownRefresh": false,
// "navigationStyle":"custom"
// }
// },{
// "path" : "pages/crop/town-crop",
// "style" :
// {
// "navigationBarTitleText": "城镇农作物",
// "enablePullDownRefresh": false,
// "navigationStyle":"custom"
// }
// },{
// "path" : "pages/crop/basics-crop",
// "style" :
// {
// "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": "我的"
}
]
}
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "隆昌农业大数据监控平台"
}
},
{
"path": "pages/login/login",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"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/index/monitor",
// "style" :
// {
// "navigationBarTitleText": "智能监控",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/index/soil-monitoring",
// "style" :
// {
// "navigationBarTitleText": "土壤监控",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/index/water-quality",
// "style" :
// {
// "navigationBarTitleText": "水质监控",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/system/account",
// "style" :
// {
// "navigationBarTitleText": "账号管理",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/system/log",
// "style" :
// {
// "navigationBarTitleText": "系统日志",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/system/links",
// "style" :
// {
// "navigationBarTitleText": "友情链接",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/device/warning",
// "style" :
// {
// "navigationBarTitleText": "警报明细",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/device/index",
// "style" :
// {
// "navigationBarTitleText": "设备管理",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/index/insect-monitors",
// "style" :
// {
// "navigationBarTitleText": "",
// "enablePullDownRefresh": false
// }
// }
// ,{
// "path" : "pages/estate/estate-price",
// "style" :
// {
// "navigationBarTitleText": "稻虾价格",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/estate/estate-week-price",
// "style" :
// {
// "navigationBarTitleText": "稻虾每周价格",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/estate/estate-industry",
// "style" :
// {
// "navigationBarTitleText": "稻虾产业",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/estate/estate-flows",
// "style" :
// {
// "navigationBarTitleText": "稻虾流向",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/estate/estate-materiels",
// "style" :
// {
// "navigationBarTitleText": "大宗物资",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// }
// ,{
// "path" : "pages/index/warning-list",
// "style" :
// {
// "navigationBarTitleText": "预警列表",
// "enablePullDownRefresh": false,
// "navigationStyle": "custom"
// }
// },{
// "path" : "pages/index/pests",
// "style" :
// {
// "navigationBarTitleText": "虫情监测",
// "enablePullDownRefresh": false
// }
// },{
// "path" : "pages/index/insecticidal-lamp",
// "style" :
// {
// "navigationBarTitleText": "杀虫灯监测",
// "enablePullDownRefresh": false
// }
// },{
// "path" : "pages/basics/town-base",
// "style" :
// {
// "navigationBarTitleText": "城镇数据",
// "enablePullDownRefresh": false
// }
// },{
// "path" : "pages/basics/basics-base",
// "style" :
// {
// "navigationBarTitleText": "基地数据",
// "enablePullDownRefresh": false,
// "navigationStyle":"custom"
// }
// },{
// "path" : "pages/crop/town-crop",
// "style" :
// {
// "navigationBarTitleText": "城镇农作物",
// "enablePullDownRefresh": false,
// "navigationStyle":"custom"
// }
// },{
// "path" : "pages/crop/basics-crop",
// "style" :
// {
// "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": "我的"
}
]
}
}

View File

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

View File

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

View File

@ -1,15 +1,22 @@
<template>
<view >
<web-view :fullscreen="false" ref="webview" style="height: 500rpx;" :src="src" @onPostMessage="message"> </web-view>
<button class="button" @click="evalJs">evalJs(webview)</button>
<view>
<web-view
:fullscreen="true"
ref="webview"
style="height: 500rpx"
:src="src"
@onPostMessage="message"
>
</web-view>
</view>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
data() {
return {
src: 'https://www.baidu.com',
src: '',
webview_styles: {
progress: {
color: '#FF3333',
@ -17,23 +24,44 @@ export default {
},
}
},
computed: {
...mapGetters(['token']),
},
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() {
this.writeToWebView()
// this.webviewContext = uni.createWebviewContext('web-view', this)
},
mounted() {
setTimeout(()=>{
console.log(this.$refs.webview);
},2000)
},
methods: {
queryURLParams(URL) {
// const url = location.search; // searchurl"?"
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) {},
evalJs: function () {
console.log(this.$refs.webview);
console.log(this.$refs.webview)
this.$refs.webview.evalJs("document.body.style.background ='#00FF00'")
},
message(event) {