Skip to content

上
上药订单生命周期升级
Commit 43d2ed84 authored by xiejb's avatar xiejb
Browse files
Options

添加w二维码

parent d144b900
Show whitespace changes
Inline Side-by-side
Showing with 36 additions and 16 deletions
index.html
View file @ 43d2ed84
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>上药ERP</title> <title>上药移动</title>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=2.0&key=061c2a328572b71e2b26d9dc1a0cc703&plugin=AMap.GraspRoad"></script> <script type="text/javascript" src="http://webapi.amap.com/maps?v=2.0&key=061c2a328572b71e2b26d9dc1a0cc703&plugin=AMap.GraspRoad"></script>
</head> </head>
<body> <body>
......
src/views/scanQRCode/index.vue
View file @ 43d2ed84
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
</div> </div>
</van-notice-bar> --> </van-notice-bar> -->
<div class="head" v-if="isShowNoticeBar"> <div class="head" v-if="isShowNoticeBar">
<!-- <div style="width:100%;height:100%;"></div> -->
<div class="headTitle"> <div class="headTitle">
请点击右上角按钮，使用默认浏览器打开本页面！ 请点击右上角按钮，使用默认浏览器打开本页面！
</div> </div>
...@@ -14,12 +15,14 @@ ...@@ -14,12 +15,14 @@
</div> </div>
</div> </div>
<div class="customEmpty" :image="sphImage" <div class="customEmpty" :image="sphImage"
:style="{backgroundImage: 'url(' + bagImage + ')' }" style="background-repeat: no-repeat"> :style="{backgroundImage: 'url(' + bagImage + ')' }" style="background-repeat: no-repeat;background-size: contain;">
<img class='subImg' :src="sphImage"/> <img class='subImg' :src="sphImage"/>
<div class="subTitle">上药移动APP</div> <div class="subTitle">上药移动APP</div>
<div class="updateTime">版本：{{versionNumber}}</div>
<van-button @click="versionUpdateHttpAction('42')" round type="info" class="bottom-button">iOS版下载({{this.iosInfo.title}})</van-button> <div class="updateTime">更新时间：2021-04-30</div>
<van-button @click="versionUpdateHttpAction('43')" round type="info" style="margin-top: 10px" class="bottom-button">Android下载({{this.androidInfo.title}})</van-button> <img class='qrImg' :src="qrImage"/>
<!-- <van-button @click="versionUpdateHttpAction('42')" round type="info" class="bottom-button">iOS版下载(V.{{this.iosInfo.title}})</van-button> -->
<!-- <van-button @click="versionUpdateHttpAction('43')" round type="info" style="margin-top: 10px" class="bottom-button">Android下载(V.{{this.androidInfo.title}})</van-button> -->
</div> </div>
</div> </div>
</template> </template>
...@@ -43,7 +46,9 @@ export default { ...@@ -43,7 +46,9 @@ export default {
iosInfo: {}, iosInfo: {},
guideImage: require('@/assets/img/guide.png'), guideImage: require('@/assets/img/guide.png'),
sphImage: require('@/assets/img/icon_sph.png'), sphImage: require('@/assets/img/icon_sph.png'),
bagImage: require('@/assets/img/bagImage.png') bagImage: require('@/assets/img/bagImage.png'),
qrImage: require('@/assets/img/qrImage.png'),
versionNumber: ''
} }
}, },
computed: { computed: {
...@@ -84,8 +89,8 @@ export default { ...@@ -84,8 +89,8 @@ export default {
// this.moreSearchShow = true // this.moreSearchShow = true
this.getJudgeBrowserAction() this.getJudgeBrowserAction()
// this.tabsTitleData() // this.tabsTitleData()
this.versionUpdateHttpAction('42',true) // ios // this.versionUpdateHttpAction('42',true) // ios
this.versionUpdateHttpAction('43',true) // android // this.versionUpdateHttpAction('43',true) // android
}, },
destroyed() { destroyed() {
}, },
...@@ -131,7 +136,7 @@ export default { ...@@ -131,7 +136,7 @@ export default {
if (browser.versions.Safari) { if (browser.versions.Safari) {
this.activeTab = this.activeTab + '/Safari' this.activeTab = this.activeTab + '/Safari'
// window.location.href = 'https://www.baidu.com/' // window.location.href = 'https://www.baidu.com/'
this.versionUpdateHttpAction('42') this.versionUpdateHttpAction('42',true)
} }
} }
if (browser.versions.android) { if (browser.versions.android) {
...@@ -140,7 +145,7 @@ export default { ...@@ -140,7 +145,7 @@ export default {
this.isShowNoticeBar = true this.isShowNoticeBar = true
} else { } else {
this.activeTab = this.activeTab + '/android' this.activeTab = this.activeTab + '/android'
this.versionUpdateHttpAction('43') this.versionUpdateHttpAction('43',true)
} }
} }
} }
...@@ -167,9 +172,11 @@ export default { ...@@ -167,9 +172,11 @@ export default {
// ios // ios
if (type === '42') { if (type === '42') {
this.iosInfo = rt.list[0] this.iosInfo = rt.list[0]
this.versionNumber = this.iosInfo.title
// android // android
} else if (type === '43') { } else if (type === '43') {
this.androidInfo = rt.list[0] this.androidInfo = rt.list[0]
this.versionNumber = this.androidInfo.title
} }
if(!isFirst) { if(!isFirst) {
window.location.href = rt.list[0].comments window.location.href = rt.list[0].comments
...@@ -216,19 +223,22 @@ export default { ...@@ -216,19 +223,22 @@ export default {
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
background-color: #FFFFFF; background-color: #F5F5F5;
.head { .head {
height: 100px; height: 80px;
width: 100%; width: 100%;
background-color: #343434; background-color: #343434;
display: flex; display: flex;
padding: 10px; padding: 10px;
// position: absolute;
// opacity: 0.2;
// background: transparent;
.headTitle { .headTitle {
color: #737172; color: #737172;
width: 90%; width: 90%;
font-size: 18px; font-size: 16px;
font-weight: 600; font-weight: 600;
line-height: 28px; line-height: 28px;
margin: auto; margin: auto;
...@@ -247,7 +257,11 @@ export default { ...@@ -247,7 +257,11 @@ export default {
flex-direction: column; flex-direction: column;
//text-align: center; //text-align: center;
} }
.updateTime{
color: #999999;
font-size: 15px;
margin-top: 5px;
}
.subTitle { .subTitle {
padding: 5px; padding: 5px;
color: #333333; color: #333333;
...@@ -260,10 +274,16 @@ export default { ...@@ -260,10 +274,16 @@ export default {
width:80px; width:80px;
height:80px; height:80px;
display: block; display: block;
margin-top:30%; margin-top:25%;
border-radius: 8px;
}
.qrImg{
width:180px;
height:180px;
display: block;
margin-top:25px;
border-radius: 8px; border-radius: 8px;
} }
.bottom-button { .bottom-button {
width: 50%; width: 50%;
margin-top:50px; margin-top:50px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment