gyzz/openerp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

给首页增加安卓、苹果、小程序的图标

Browse Source
This commit is contained in:
季圣华 2023-07-14 00:38:54 +08:00
parent 7dcc32e899
commit a140bce0f1
7 changed files with 83 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
jshERP-web/public/static/Android.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
jshERP-web/public/static/android-code.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
jshERP-web/public/static/iPhone.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
jshERP-web/public/static/mini-program.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

82
jshERP-web/src/components/layouts/UserLayout.vue
View File

@ -23,12 +23,41 @@
</div>
</div>
<div class="footer" v-if="device === 'desktop'">
<div class="third-party-platform" v-if="isShowRight">
<div class="platform-info" @click="openAndroid()">
<img src="/static/Android.png" style="height:30px" >
<span>安卓版</span>
</div>
<div style="width:50px"></div>
<div class="platform-info" @click="openIPhone()">
<img src="/static/iPhone.png" style="height:30px" >
<span>iPhone版</span>
</div>
<div style="width:50px"></div>
<div class="platform-info" @click="openMiniProgram()">
<img src="/static/mini-program.png" style="height:30px" >
<span>小程序版</span>
</div>
</div>
<p>
© 2015-2030 {{systemTitle}} - All Right Reserved
<a style="color:#00458a;" :href="systemUrl" target="_blank">官方网站</a>
版权所有
<span v-if="this.isShowRight">华丽软件</span>
© 2015-2030 {{systemTitle}} - All Right Reserved 版权所有
<a style="color:#00458a; padding-right: 10px" :href="systemUrl" target="_blank">官方网站</a>
<span v-if="this.isShowRight"><a href="http://beian.miit.gov.cn/" target="_blank">苏ICP备2021042833号</a></span>
</p>
</div>
<a-modal v-model="isAndroidShow" title="微信扫一扫下载安卓手机版" width="200" centered>
<template slot="footer">
<a-button key="back" @click="handleAndroidCancel">取消</a-button>
</template>
<div class="platform-modal"><img src="/static/android-code.png" style="width:200px" /></div>
</a-modal>
<a-modal v-model="isMiniProgramShow" title="微信扫一扫使用小程序版" width="200" centered>
<template slot="footer">
<a-button key="back" @click="handleMiniProgramCancel">取消</a-button>
</template>
<div class="platform-modal"><img src="/static/weixin.jpg" style="width:200px;" /></div>
</a-modal>
</div>
</template>
@ -44,6 +73,9 @@
return {
systemTitle: window.SYS_TITLE,
systemUrl: window.SYS_URL,
isShowRight: false,
isAndroidShow: false,
isMiniProgramShow: false,
}
},
mounted () {
@ -52,6 +84,31 @@
beforeDestroy () {
document.body.classList.remove('userLayout')
},
created () {
let host = window.location.host
if(host === 'cloud.huaxiaerp.vip' || host === 'cloud.huaxiaerp.com') {
this.isShowRight = true
} else {
this.isShowRight = false
}
},
methods: {
handleAndroidCancel() {
this.isAndroidShow = false
},
handleMiniProgramCancel() {
this.isMiniProgramShow = false
},
openAndroid() {
this.isAndroidShow = true
},
openIPhone() {
this.$message.warning('敬请期待！');
},
openMiniProgram() {
this.isMiniProgramShow = true
}
}
}
</script>
@ -71,6 +128,25 @@
top: 10%;
margin-left: 0px;
}
.third-party-platform {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom:15px;
opacity:0.7
}
.third-party-platform .platform-info {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
color:#1890ff
}
.platform-modal {
padding:20px;
margin:20px 50px;
border:1px solid #eee;
}
</style>
<style lang="less" scoped>
#userLayout.user-layout-wrapper {

37
jshERP-web/src/views/user/Login.vue
View File

@ -7,7 +7,6 @@
size="large"
v-decorator="['loginName',{initialValue:'', rules: validatorRules.loginName.rules}]"
type="text"
@mouseover="initWeixin"
placeholder="请输入用户名">
<a-icon slot="prefix" type="user" :style="{ color: 'rgba(0,0,0,.25)' }"/>
</a-input>
@ -18,7 +17,6 @@
v-decorator="['password',{initialValue:'', rules: validatorRules.password.rules}]"
size="large"
type="password"
@mouseover="initWeixin"
autocomplete="false"
placeholder="请输入密码">
<a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }"/>
@ -39,7 +37,6 @@
htmlType="submit"
class="login-button"
:loading="loginBtn"
@mouseover="initWeixin"
@click.stop.prevent="handleSubmit"
:disabled="loginBtn">登 录
</a-button>
@ -53,11 +50,6 @@
</a-col>
</a-row>
</div>
<div v-if="showWeixinFlag" style="text-align: center; padding-top: 20px;">
<img src="/static/weixin.jpg" style="width:160px" />
<div style="font-size:16px;padding-top:10px;font-weight:bold">欢迎【扫一扫】<br/>{{systemTitle}}微信小程序</div>
</div>
</a-form>
</div>
</template>
@ -112,8 +104,7 @@
currdatetime:'',
randCodeImage:'',
registerFlag:'',
requestCodeSuccess:false,
showWeixinFlag:false,
requestCodeSuccess:false
}
},
created () {
@ -293,32 +284,6 @@
}
})
},
initWeixin() {
if(this.showWeixinSpan()) {
let that = this
setTimeout(function() {
that.showWeixin()
},1000)
}
},
showWeixinSpan() {
let host = window.location.host
if(host === 'cloud.huaxiaerp.vip' || host === 'cloud.huaxiaerp.com') {
return true
} else {
return false
}
},
showWeixin() {
this.showWeixinFlag = true
},
changeWeixinStatus() {
if(this.showWeixinFlag) {
this.showWeixinFlag = false
} else {
this.showWeixinFlag = true
}
},
checkScreen() {
let percentage = '100%'
let basicWidth = 1920

41
jshERP-web/src/views/user/Register.vue
View File

@ -5,7 +5,7 @@
<a-form-item
fieldDecoratorId="username"
:fieldDecoratorOptions="{rules: [{ required: true, message: '用户名不能为空'}, { validator: this.handleUserName}], validateTrigger: ['change', 'blur'], validateFirst: true}">
<a-input size="large" type="text" @focus="initWeixin" @mouseover="initWeixin" autocomplete="false"
<a-input size="large" type="text" autocomplete="false"
placeholder="请输入用户名"></a-input>
</a-form-item>
@ -22,8 +22,7 @@
<a-form-item
fieldDecoratorId="password"
:fieldDecoratorOptions="{rules: [{ required: false}, { validator: this.handlePasswordLevel }], validateTrigger: ['change', 'blur'], validateFirst: true}">
<a-input size="large" type="password" @click="handlePasswordInputClick" @mouseover="initWeixin"
autocomplete="false" placeholder="至少6位密码，区分大小写"></a-input>
<a-input size="large" type="password" @click="handlePasswordInputClick" autocomplete="false" placeholder="至少6位密码，区分大小写"></a-input>
</a-form-item>
</a-popover>
@ -42,7 +41,6 @@
size="large"
type="text"
default-value=""
@mouseover="initWeixin"
placeholder="请输入验证码">
<a-icon slot="prefix" type="smile" :style="{ color: 'rgba(0,0,0,.25)' }"/>
</a-input>
@ -61,7 +59,6 @@
htmlType="submit"
class="register-button"
:loading="registerBtn"
@mouseover="initWeixin"
@click.stop.prevent="handleSubmit"
:disabled="registerBtn">注册租户
</a-button>
@ -76,11 +73,6 @@
</a-col>
</a-row>
</div>
<div v-if="showWeixinFlag" style="text-align: center; padding-top: 20px;">
<img src="/static/weixin.jpg" style="width:160px" />
<div style="font-size:16px;padding-top:10px;font-weight:bold">欢迎【扫一扫】<br/>{{systemTitle}}微信小程序</div>
</div>
</a-form>
</div>
</template>
@ -129,7 +121,6 @@
progressColor: '#FF0000'
},
registerBtn: false,
showWeixinFlag:false,
}
},
computed: {
@ -278,33 +269,7 @@
duration: 4,
});
this.registerBtn = false;
},
initWeixin() {
if(this.showWeixinSpan()) {
let that = this
setTimeout(function() {
that.showWeixin()
},1000)
}
},
showWeixinSpan() {
let host = window.location.host
if(host === 'cloud.huaxiaerp.vip' || host === 'cloud.huaxiaerp.com') {
return true
} else {
return false
}
},
showWeixin() {
this.showWeixinFlag = true
},
changeWeixinStatus() {
if(this.showWeixinFlag) {
this.showWeixinFlag = false
} else {
this.showWeixinFlag = true
}
},
}
},
watch: {
'state.passwordLevel'(val) {