b2894lxlx/yunxinwei-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新提示内容

Browse Source
This commit is contained in:
gxwebsoft
2024-05-02 14:14:20 +08:00
parent aafe1e5313
commit 23d6b5d848
3 changed files with 122 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@@ -1,2 +1,2 @@
VITE_APP_NAME=云芯威BMS VITE_APP_NAME=云芯威BMS
API_URL=http://127.0.0.1:8081/api API_URL=https://yxw.wsdns.cn/api

2
.env.production
View File

@@ -1,2 +1,2 @@
VITE_APP_NAME=云芯威BMS VITE_APP_NAME=云芯威BMS
VITE_API_URL=https://open.gxwebsoft.com/api VITE_API_URL=https://yxw.wsdns.cn/api

223
pages/index/index.vue
View File

@@ -6,9 +6,11 @@
<text class="info">授权登录、获取头像昵称，加入安博驰</text> <text class="info">授权登录、获取头像昵称，加入安博驰</text>
<text class="login" @click="navTo('pages/user/user')">立即登录</text> <text class="login" @click="navTo('pages/user/user')">立即登录</text>
</view> </view>
<map id="map" class="map" :scale="scale" :show-location="true" :latitude="latitude" :longitude="longitude"></map> <map id="map" class="map" :scale="scale" :show-location="true" :latitude="latitude"
:longitude="longitude"></map>
<view class="bottom-bar" @click="scan()">扫码设备二维码下单租赁</view> <view class="bottom-bar" @click="scan()">扫码设备二维码下单租赁</view>
<u-modal @confirm="showNotice = false" @cancel="hideNotice" v-model="showNotice" title="注意事项" :content='content' showCancelButton cancel-text="不再提醒"> <u-modal @confirm="showNotice = false" @cancel="hideNotice" v-model="showNotice" title="注意事项" :content='content'
showCancelButton cancel-text="不再提醒">
<view class="slot-content"> <view class="slot-content">
<text> {{content}}</text> <text> {{content}}</text>
</view> </view>
@@ -17,9 +19,15 @@
</template> </template>
<script> <script>
import { userId } from '@/config.js'; import {
import { getUser } from '@/websoft/api/user.js' userId
import { login } from '@/websoft/api/login.js' } from '@/config.js';
import {
getUser
} from '@/websoft/api/user.js'
import {
login
} from '@/websoft/api/login.js'
import store from '@/store/index.js' import store from '@/store/index.js'
import storage from '@/utils/storage' import storage from '@/utils/storage'
import { import {
@@ -40,36 +48,37 @@
canIUseAuthButton: my.canIUse('button.open-type.getAuthorize'), canIUseAuthButton: my.canIUse('button.open-type.getAuthorize'),
// #endif // #endif
showNotice: false, showNotice: false,
content: `△禁止将电池浸入水中或投入火中，请将电池远离热源及儿童触及不到的地方 content: `
注意事项
△禁止将电池浸入水中或投入火中请将电池远离热源及儿童触及不到的地方
△禁止将锂电池正负极端口与金属物质接触，以避免短路和发生危险 △禁止将锂电池正负极端口与金属物质接触，以避免短路和发生危险
△出现充电器外观损坏、充电器无法正常工作的情况，请客户及时归还交回，并联系我司更换 △出现充电器外观损坏、充电器无法正常工作的情况，请客户及时归还交回，并联系我司更换
△禁止私自拆解电池组 △禁止私自拆解电池组
△请在使用锂电池前检查其外观是否有任何损坏，如变形、裂纹或漏液等 △请在使用锂电池前检查其外观是否有任何损坏，如变形、裂纹或漏液等△使用锂电池时，请确保不要过度放电或充电，以避免电池损坏公请使用本公司适配的专用充电器放电后让电池冷却30分钟再充电
△使用锂电池时，请确保不要过度放电或充电，以避免电池损坏
△请使用本公司适配的专用充电器，放电后让电池冷却30分钟再充电
△充电位置严禁阻碍人员疏散及逃生的路线 △充电位置严禁阻碍人员疏散及逃生的路线
△在使用期间如出现任何问题，请立即通知租赁服务商 △在使用期间如出现任何问题，请立即通知租赁服务商
△当不再需要使用锂电池时，请将其归还给租赁服务商，并确保其在运输过程中保证安全 △当不再需要使用锂电池时，请将其归还给租赁服务商，并确保其在运输过程中保证安全
△因个人原因使用不当引起的事故及电池故障租赁服务商不承担任何责任 △使用期间请按时或提前缴纳租金，租金按月计算，如不足一个月的按一个月计算，退租时订单有逾期则收取10元1天逾期费用
如果您有任何疑问或需要进一步的支持，请随时联系我们的微信或电话17776499804,我们将竭诚为您解答并提供解决方案。` △因个人原因使用不当引起的事故及电池故障租赁服务商不承担任何责任如果您有任何疑问或需要进一步的支持，请随时联系我们的微信或电话17776499804,我们将竭诚为您解答并提供解决方案。
`
} }
}, },
onLoad() { onLoad() {
const app = this const app = this
app.getLocation(res => { app.getLocation(res => {
if(res.latitude &&res.longitude){ if (res.latitude && res.longitude) {
app.latitude = res.latitude app.latitude = res.latitude
app.longitude = res.longitude app.longitude = res.longitude
app.scale = 16 app.scale = 16
} }
}) })
const hideNotice = uni.getStorageSync("hideNotice"); const hideNotice = uni.getStorageSync("hideNotice");
this.showNotice = !hideNotice this.showNotice = !hideNotice
}, },
onShow(){ onShow() {
this.getUserInfo() this.getUserInfo()
}, },
methods: { methods: {
@@ -78,18 +87,20 @@
this.showNotice = false this.showNotice = false
}, },
getUserInfo() { getUserInfo() {
const { form } = this const {
form
} = this
const app = this const app = this
getUser().then(res => { getUser().then(res => {
if( res.code == 0 && res.data.username != 'www') { if (res.code == 0 && res.data.username != 'www') {
app.isLogin = true app.isLogin = true
} }
}) })
}, },
// 检查是否登录 // 检查是否登录
checkLogin(){ checkLogin() {
if(!!store.getters.userId && store.getters.userId != userId){ if (!!store.getters.userId && store.getters.userId != userId) {
this.isLogin = true this.isLogin = true
} }
}, },
@@ -109,7 +120,7 @@
navTo(url) { navTo(url) {
uni.$u.route(url); uni.$u.route(url);
}, },
scan(){ scan() {
const app = this const app = this
// 只允许从相机扫码 // 只允许从相机扫码
// uni.scanCode({ // uni.scanCode({
@@ -121,13 +132,13 @@
// } // }
// }) // })
my.ap.openAlipayApp({ my.ap.openAlipayApp({
appCode: 'alipayScan', appCode: 'alipayScan',
success: res => { success: res => {
console.log('openAlipayApp success', res); console.log('openAlipayApp success', res);
}, },
fail: err => { fail: err => {
console.log('openAlipayApp fail', err); console.log('openAlipayApp fail', err);
} }
}); });
// my.scan({ // my.scan({
@@ -144,82 +155,88 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
background: #fff; background: #fff;
} }
.top-bar{
position: fixed; .top-bar {
top: 10rpx; position: fixed;
left: 25rpx; top: 10rpx;
line-height: 50rpx; left: 25rpx;
height: 50rpx; line-height: 50rpx;
z-index: 1000; height: 50rpx;
background-color: #fff; z-index: 1000;
width: 700rpx; background-color: #fff;
border-radius: 12rpx; width: 700rpx;
text-align: center; border-radius: 12rpx;
} text-align: center;
.get-phone-number{ }
position: fixed;
top: 300rpx; .get-phone-number {
left: 25rpx; position: fixed;
z-index: 1000; top: 300rpx;
line-height: 70rpx; left: 25rpx;
height: 70rpx; z-index: 1000;
background-color: #0f80ff; line-height: 70rpx;
color: #fff; height: 70rpx;
width: 700rpx; background-color: #0f80ff;
margin: 25rpx auto; color: #fff;
border-radius: 12rpx; width: 700rpx;
text-align: center; margin: 25rpx auto;
} border-radius: 12rpx;
.bottom-bar{ text-align: center;
position: fixed; }
/* #ifdef H5 */
bottom: 100rpx; .bottom-bar {
/* #endif */ position: fixed;
/* #ifndef H5 */ /* #ifdef H5 */
bottom: 10rpx; bottom: 100rpx;
/* #endif */ /* #endif */
left: 25rpx; /* #ifndef H5 */
z-index: 1000; bottom: 10rpx;
line-height: 70rpx; /* #endif */
height: 70rpx; left: 25rpx;
background-color: #0f80ff; z-index: 1000;
color: #fff; line-height: 70rpx;
width: 700rpx; height: 70rpx;
margin: 25rpx auto; background-color: #0f80ff;
border-radius: 12rpx; color: #fff;
text-align: center; width: 700rpx;
margin: 25rpx auto;
} border-radius: 12rpx;
.login-bar{ text-align: center;
position: fixed;
top: 10rpx; }
left: 25rpx;
z-index: 1000; .login-bar {
line-height: 70rpx; position: fixed;
height: 70rpx; top: 10rpx;
color: #fff; left: 25rpx;
width: 700rpx; z-index: 1000;
margin: 17rpx auto; line-height: 70rpx;
display: flex; height: 70rpx;
justify-content: space-between; color: #fff;
.info{ width: 700rpx;
margin: 17rpx auto;
display: flex;
justify-content: space-between;
.info {
padding-left: 20rpx; padding-left: 20rpx;
background-color: #000000; background-color: #000000;
opacity: 0.5; opacity: 0.5;
width: 100%; width: 100%;
} }
.login{
width: 200rpx; .login {
padding: 0 20rpx; width: 200rpx;
background-color: #0f80ff !important; padding: 0 20rpx;
opacity: 1; background-color: #0f80ff !important;
} opacity: 1;
} }
}
.slot-content{
padding: 30rpx; .slot-content {
} padding: 30rpx;
</style> }
</style>