Skip to content

上
上药订单生命周期升级
Commit dd0f14cc authored by 琉璃丶c's avatar 琉璃丶c
Browse files
Options

1.修改二维码扫描页面具体显示样式

parent 3aa86477
Show whitespace changes
Inline Side-by-side
Showing with 129 additions and 111 deletions
src/views/scanQRCode/index.vue
View file @ dd0f14cc
...@@ -13,38 +13,39 @@ ...@@ -13,38 +13,39 @@
<img style="height: 40px;width: 35px; margin-top: 0px" :src="guideImage" alt=""> <img style="height: 40px;width: 35px; margin-top: 0px" :src="guideImage" alt="">
</div> </div>
</div> </div>
<van-empty class="customEmpty" :description="activeTab" :image="sphImage"> <div class="customEmpty" :image="sphImage"
<div slot="description" class="description"> :style="{backgroundImage: 'url(' + bagImage + ')' }" style="background-repeat: no-repeat">
<img class='subImg' :src="sphImage"/>
<div class="subTitle">上药移动APP</div> <div class="subTitle">上药移动APP</div>
</div>
<van-button @click="versionUpdateHttpAction('41')" round type="info" class="bottom-button">iOS版下载</van-button> <van-button @click="versionUpdateHttpAction('41')" round type="info" class="bottom-button">iOS版下载</van-button>
<van-button @click="versionUpdateHttpAction('40')" round type="info" class="bottom-button">Android下载</van-button> <van-button @click="versionUpdateHttpAction('40')" round type="info" style="margin-top: 10px" class="bottom-button">Android下载</van-button>
</van-empty> </div>
</div> </div>
</template> </template>
<script> <script>
import { activityQueryDocList } from '@/api/scanQRCode' import {activityQueryDocList} from '@/api/scanQRCode'
import {getFormateDate} from '@/utils/common' import {getFormateDate} from '@/utils/common'
import { bridge } from "@/utils"; import {bridge} from '@/utils'
export default { export default {
name: 'ScanQRCode', name: 'ScanQRCode',
components: { components: {},
},
data() { data() {
return { return {
tabsTitle: [], tabsTitle: [],
moreSearchShow: false, moreSearchShow: false,
activeTab: '', activeTab: '',
isFirst: false, isFirst: false,
isShowNoticeBar: true, isShowNoticeBar: false,
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')
} }
}, },
computed: { computed: {
linkInfo () { linkInfo() {
return this.$store.state.linkInfo return this.$store.state.linkInfo
}, },
routKey() { routKey() {
...@@ -54,6 +55,9 @@ export default { ...@@ -54,6 +55,9 @@ export default {
let time = this.time.start + '/' + this.time.end let time = this.time.start + '/' + this.time.end
return time return time
} }
},
created() {
}, },
activated() { activated() {
// let _this = this // let _this = this
...@@ -85,30 +89,31 @@ export default { ...@@ -85,30 +89,31 @@ export default {
getJudgeBrowserAction() { getJudgeBrowserAction() {
this.activeTab = '' this.activeTab = ''
var browser = { var browser = {
versions: function() { versions: (function () {
var u = navigator.userAgent var u = navigator.userAgent
console.log(u) console.log(u)
return { return {
trident: u.indexOf('Trident') > -1, //IE内核 trident: u.indexOf('Trident') > -1, // IE内核
presto: u.indexOf('Presto') > -1, //opera内核 presto: u.indexOf('Presto') > -1, // opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 webKit: u.indexOf('AppleWebKit') > -1, // 苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, // 火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 mobile: !!u.match(/AppleWebKit.*Mobile.*/), // 是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端 android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, // android终端
iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器 iPhone: u.indexOf('iPhone') > -1, // 是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad iPad: u.indexOf('iPad') > -1, // 是否iPad
webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部 webApp: u.indexOf('Safari') == -1, // 是否web应该程序，没有头部与底部
Safari: u.indexOf('Safari') > -1, //是否web应该程序，没有头部与底部 Safari: u.indexOf('Safari') > -1, // 是否web应该程序，没有头部与底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增） weixin: u.indexOf('MicroMessenger') > -1, // 是否微信 （2015-01-22新增）
qq: u.match(/\sQQ/i) == " qq", //是否QQ qq: u.match(/\sQQ/i) == ' qq', // 是否QQ
isBaidu: u.indexOf('baiduboxapp') !== -1, //是否为百度浏览器 isBaidu: u.indexOf('baiduboxapp') !== -1, // 是否为百度浏览器
isqqBrowser: u.indexOf('mqqbrowser') !== -1, //是否为qq浏览器 isqqBrowser: u.indexOf('mqqbrowser') !== -1, // 是否为qq浏览器
isWxBrowser: u.indexOf('micromessenger') !== -1,//是否为微信浏览器 isWxBrowser: u.indexOf('micromessenger') !== -1, // 是否为微信浏览器
isUc: u.indexOf('ucbrowser') !== -1,//是否为uc浏览器 isUc: u.indexOf('ucbrowser') !== -1// 是否为uc浏览器
}; }
}(), }())
} }
this.ua = browser
if (browser.versions.webKit) { if (browser.versions.webKit) {
this.activeTab = '苹果、谷歌内核' this.activeTab = '苹果、谷歌内核'
if (browser.versions.mobile) { if (browser.versions.mobile) {
...@@ -135,23 +140,24 @@ export default { ...@@ -135,23 +140,24 @@ export default {
} }
} }
} }
} else if (browser.versions.weixin){ } else if (browser.versions.weixin) {
this.activeTab = 'weixin' this.activeTab = 'weixin'
} }
}, }
// 版本更新接口 ,
// 版本更新接口
versionUpdateHttpAction(type) { versionUpdateHttpAction(type) {
let _this = this let _this = this
let dict = { let dict = {
'attr':{'empid':''}, 'attr': {'empid': ''},
'filters':[ 'filters': [
{'key':'type','opt':'LIKE','type':'S','value':type} {'key': 'type', 'opt': 'LIKE', 'type': 'S', 'value': type}
], ],
'logic':'or', 'logic': 'or',
'sort':'desc', 'sort': 'desc',
'orderby':'createon', 'orderby': 'createon',
'pageNum':1, 'pageNum': 1,
'pageSize':10 'pageSize': 10
} }
activityQueryDocList(dict).then(rt => { activityQueryDocList(dict).then(rt => {
if (rt) { if (rt) {
...@@ -163,28 +169,33 @@ export default { ...@@ -163,28 +169,33 @@ export default {
}).catch(e => { }).catch(e => {
this.$toast('获取信息失败！') this.$toast('获取信息失败！')
}) })
}, }
,
postDataListAction(item) { postDataListAction(item) {
const removeItem = item const removeItem = item
removeItem.cellId = item.id + item.erp_user removeItem.cellId = item.id + item.erp_user
return item return item
}, }
,
openPager(path) { openPager(path) {
this.$router.push({ this.$router.push({
path: path, path: path,
query: this.$store.state.linkInfo query: this.$store.state.linkInfo
}) })
}, }
,
onBrowserBack() { onBrowserBack() {
if (this.moreSearchShow) { if (this.moreSearchShow) {
this.moreSearchShow = false this.moreSearchShow = false
return return
} }
this.$router.go(-1) this.$router.go(-1)
}, }
,
onSearch() { onSearch() {
}, }
,
closeAppPage() { closeAppPage() {
console.log('关闭页面') console.log('关闭页面')
bridge.closeWindow_c() bridge.closeWindow_c()
...@@ -194,58 +205,65 @@ export default { ...@@ -194,58 +205,65 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#scanQRCode { #scanQRCode {
height: 100%; height: 100%;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
.head{ background-color: #FFFFFF;
height: 130px;
.head {
height: 100px;
width: 100%; width: 100%;
background-color: #343434; background-color: #343434;
display: flex; display: flex;
padding: 10px; padding: 10px;
.headTitle{
.headTitle {
color: #737172; color: #737172;
width: 90%; width: 90%;
font-size: 20px; font-size: 18px;
font-weight: 600; font-weight: 600;
line-height: 28px; line-height: 28px;
margin: auto; margin: auto;
} }
.headimage{
.headimage {
width: 10%; width: 10%;
} }
} }
.van-empty{
.customEmpty {
height: 100%; height: 100%;
.description{ width: 100%;
font-size: 16px; display: flex;
color: #666666; align-items: center;
text-align: center; flex-direction: column;
margin-top: -230px; //text-align: center;
.subTitle{ }
.subTitle {
padding: 5px; padding: 5px;
color: #333333; color: #333333;
font-size: 20px; font-size: 20px;
font-weight: 600; font-weight: 600;
} margin-top: 20px;
.sub{
padding: 5px;
} }
.subImg {
width:80px;
height:80px;
display: block;
margin-top:30%;
border-radius: 8px;
} }
/deep/ .van-empty__bottom{
width: 60%; .bottom-button {
.bottom-button{ width: 50%;
width: 100%; margin-top:50px;
background-color: #1989fa; background-color: #1989fa;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 16px; font-size: 16px;
} }
}
/deep/ .van-empty__image { }
margin-top: -120px;
}
}
}
</style> </style>
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