310 lines
10 KiB
HTML
310 lines
10 KiB
HTML
<!--{template common/container/pc/header_start}-->
|
||
<link rel="stylesheet" href="static/scss/default/index.css?{VERHASH}">
|
||
<style>
|
||
.maxWidth{
|
||
width:370px;
|
||
max-width:100%;
|
||
}
|
||
.el-form-item__content{
|
||
display: block;
|
||
}
|
||
.content {
|
||
position: relative;
|
||
padding: 40px 20px 40px 20px;
|
||
background: var(--el-bg-color);
|
||
border: var(--el-border);
|
||
border-radius: 5px;
|
||
}
|
||
.tipTxt {
|
||
color: var(--el-text-color-placeholder);
|
||
font-size: 12px;
|
||
line-height: 20px;
|
||
margin-top: 6px;
|
||
}
|
||
.tipTxt:hover {
|
||
color: var(--el-text-color);
|
||
}
|
||
.el-input.is-disabled .el-input__wrapper {
|
||
background-color: var(--el-input-bg-color);
|
||
box-shadow: none;
|
||
border: 1px solid var(--el-border-color);
|
||
}
|
||
.el-input.is-disabled .el-input__inner{
|
||
background-color: var(--el-input-bg-color);
|
||
color: var(--el-input-text-color);
|
||
border: 0
|
||
}
|
||
.register-dialog .el-dialog__header{
|
||
display: none;
|
||
}
|
||
.register-dialog .main-title{
|
||
font-size: 22px;
|
||
margin: 11px 0;
|
||
margin-bottom: 25px;
|
||
color: var(--header-active);
|
||
vertical-align: middle;
|
||
text-align: center;
|
||
}
|
||
.register-dialog .main-title a{
|
||
color: var(--el-color-primary);
|
||
}
|
||
.register-dialog .sub-title{
|
||
text-align: center;
|
||
font-size: 22px;
|
||
margin: 11px 0;
|
||
color: var(--el-text-color-primary);
|
||
vertical-align: middle;
|
||
}
|
||
.register-dialog .tip{
|
||
color: var(--el-text-color-secondary);
|
||
line-height: 50px;
|
||
text-align: center;
|
||
font-size: 16px;
|
||
margin-top: 15px;
|
||
display: block;
|
||
text-decoration: none;
|
||
}
|
||
.el-upload{
|
||
display:inline-block;
|
||
}
|
||
</style>
|
||
<!--{template common/container/pc/header_end}-->
|
||
<div id="dzzoffice">
|
||
<el-container class="page-main">
|
||
<!--{template common/container/pc/ad_pic_header}-->
|
||
<el-main>
|
||
<div class="container">
|
||
<div class="content" >
|
||
<el-form ref="form" :model="formdata" label-width="200px">
|
||
<el-form-item label="版本信息：">
|
||
<el-input class="maxWidth" disabled v-model="formdata.versions"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="授权用户数：">
|
||
<el-input class="maxWidth" disabled v-model="formdata.num"></el-input>
|
||
<!--{if !defined('NOLIMITUSER')}-->
|
||
<el-button icon="Plus" style="margin-left: 6px;width: 122px;" type="primary" @click="handleAddUser()">增购用户</el-button>
|
||
<!--{/if}-->
|
||
<p class="tipTxt">增购任意数量用户后，系统即可升级为团队版</p>
|
||
</el-form-item>
|
||
<el-form-item label="机器识别码：">
|
||
<el-input class="maxWidth" disabled v-model="formdata.code"></el-input>
|
||
<el-button icon="Copy-Document" style="margin-left: 6px;width: 122px;" type="primary" @click="handleCopyCode">复制识别码</el-button>
|
||
<p class="tipTxt">增购用户时需复制机器识别码，用于授权文件绑定</p>
|
||
</el-form-item>
|
||
<el-form-item label="授权时间：">
|
||
<el-input class="maxWidth" disabled v-model="formdata.time"></el-input>
|
||
<el-button type="primary" icon="Download" style="margin-left: 6px;width: 122px;" @click="handleupdate">在线获取授权</el-button>
|
||
<el-upload
|
||
style="display:inline-block;margin-left: 6px;"
|
||
:show-file-list="false"
|
||
accept=".lic"
|
||
action="{MOD_URL}&do=authorize&operation=upload"
|
||
:on-success="handleUploadSuccess">
|
||
<el-button type="success" ><el-icon><Upload /></el-icon>上传授权文件</el-button>
|
||
</el-upload>
|
||
<p class="tipTxt">点击在线获取授权，或手动上传授权文件</p>
|
||
</el-form-item>
|
||
</el-form>
|
||
<div style="padding-top: 20px;">
|
||
<div style="color: var(--content-text);font-size: 14px;overflow: hidden;margin-bottom: 10px;">
|
||
<div style="width: 200px;text-align:right;padding-right: 12px;">购买规则：</div>
|
||
</div>
|
||
<div class="tipTxt" style="padding-left: 117px;line-height: 25px;font-size: 14px;">
|
||
<p class="">1、个人版1用户永久免费使用，增购1用户，系统即可升级为团队版</p>
|
||
<p class="">2、99元/用户，需要多少用户购买多少即可。也可以随着人员增加陆续增购用户。累计购买100用户后，系统自动升级为无限用户</p>
|
||
<p class="">3、如果是首次增购用户，增购用户后可在系统工具中在线更新系统到团队版程序</p>
|
||
</div>
|
||
<div style="color: var(--content-text);font-size: 14px;overflow: hidden;margin-top: 20px;margin-bottom: 10px;">
|
||
<div style="width: 200px;text-align:right;padding-right: 12px;">购买方法：</div>
|
||
</div>
|
||
<div class="tipTxt" style="padding-left: 117px;font-size: 14px;">
|
||
<p class="">1、在线购买自动更新方法：</p>
|
||
<el-image
|
||
src="{MOD_PATH}/images/authorize1.png"
|
||
fit="contain"></el-image>
|
||
|
||
<p class="">2、手动购买上传更新方法：</p>
|
||
<el-image
|
||
src="{MOD_PATH}/images/authorize2.png"
|
||
fit="contain"></el-image>
|
||
<p class=""></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-main>
|
||
</el-container>
|
||
<el-dialog
|
||
v-model="dialogVisible"
|
||
custom-class="register-dialog"
|
||
:show-close="false"
|
||
@closed="registerdialogClose"
|
||
width="410px">
|
||
<div class="main-title">输入<a href="https://oaooa.com/member" target="_blank">欧奥官网用户中心</a>的账号密码</div>
|
||
<div class="sub-title">验证后自动更新授权文件</div>
|
||
<el-form :model="registerform" @submit.native.prevent style="width: 350px;margin: 0 auto;padding-top: 30px;" :rules="rules" ref="ruleForm">
|
||
<el-form-item label="" prop="username">
|
||
<el-input v-model="registerform.username" type="text" placeholder="欧奥用户中心账号"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="" prop="password">
|
||
<el-input v-model="registerform.password" type="password" placeholder="欧奥用户中心密码" autocomplete="new-password"></el-input>
|
||
</el-form-item>
|
||
<el-form-item style="margin: 0;">
|
||
<el-button type="primary" native-type="submit" style="width: 100%;" @click="registerSubmit()">提交获取</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
<a class="tip" href="https://oaooa.com/user.php?mod=login&op=logging&action=lostpasswd" target="_blank">如忘记密码可在欧奥用户中心使用找回密码</a>
|
||
</el-dialog>
|
||
</div>
|
||
<script type="text/javascript">
|
||
function CopyTxt(item,text){
|
||
var input = document.createElement('input'); input.setAttribute('id', 'copyInput');
|
||
input.setAttribute('value', text);
|
||
document.getElementsByTagName('body')[0].appendChild(input);
|
||
document.getElementById('copyInput').select();
|
||
document.execCommand('copy')
|
||
item.$message({
|
||
message: '成功复制到剪切板',
|
||
type: 'success'
|
||
});
|
||
document.getElementById('copyInput').remove();
|
||
};
|
||
const { createApp, reactive, toRefs, toRef, ref, onMounted, nextTick, watch } = Vue;
|
||
const dzzoffice = createApp({
|
||
data() {
|
||
return {
|
||
DocumentThemeColor:'',
|
||
loading:false,
|
||
formdata:{
|
||
versions:'{$version}',//版本信息
|
||
num:'{$limitusernum}',//授权用户数
|
||
code:'{$_G[setting][machinecode]}',//机器识别码
|
||
time:'{$authdate}',//授权时间
|
||
},
|
||
dialogVisible:false,
|
||
registerform:{
|
||
username:'',
|
||
password:''
|
||
},
|
||
rules: {
|
||
username: [
|
||
{ required: true, message: '请输入账号', trigger: 'blur' },
|
||
],
|
||
password: [
|
||
{ required: true, message: '请输入密码', trigger: 'blur' },
|
||
],
|
||
},
|
||
}
|
||
},
|
||
created() {
|
||
//主题颜色
|
||
let theme = localStorage.getItem('theme');
|
||
if(theme){
|
||
this.DocumentThemeColor=theme;
|
||
}else{
|
||
this.DocumentThemeColor = 'light'
|
||
}
|
||
let self = this;
|
||
<!--{if defined('LICENSE_VERSION') && LICENSE_VERSION != CORE_VERSION_LEVEL}-->
|
||
self.$alert('您的系统现在为个人版，可以升级到团队版程序。', '授权文件更新成功', {
|
||
confirmButtonText: '开始升级',
|
||
cancelButtonText:'关闭窗口',
|
||
showCancelButton:true,
|
||
callback: function(action ){
|
||
if(action == 'confirm'){
|
||
window.location.href = '/admin.php?mod=system#/systemupgrade';
|
||
}
|
||
}
|
||
});
|
||
<!--{/if}-->
|
||
},
|
||
mixins:[HeaderMixin],
|
||
watch:{
|
||
DocumentThemeColor:{
|
||
handler(newval){
|
||
document.querySelector('html').className = newval
|
||
},
|
||
deep:true,
|
||
// immediate:true
|
||
}
|
||
},
|
||
methods: {
|
||
DocumentThemeChange(){
|
||
if(this.DocumentThemeColor=='light'){
|
||
this.DocumentThemeColor='dark';
|
||
localStorage.setItem('theme','dark');
|
||
}else{
|
||
this.DocumentThemeColor='light';
|
||
localStorage.setItem('theme','light');
|
||
}
|
||
|
||
},
|
||
handleupdate(){
|
||
this.dialogVisible = true;
|
||
},
|
||
|
||
handleUploadSuccess(response){
|
||
var self = this;
|
||
if(response.success){
|
||
window.location.reload();
|
||
}else{
|
||
self.$message.error('上传文件失败');
|
||
}
|
||
},
|
||
registerSubmit(){
|
||
var self = this;
|
||
self.$refs['ruleForm'].validate(async function(valid){
|
||
if (valid) {
|
||
var res = await axios.post(MOD_URL+'&do=updateauth',{
|
||
submit:true,
|
||
formhash:'{FORMHASH}',
|
||
username:self.registerform.username,
|
||
password:self.registerform.password
|
||
});
|
||
if(res == 'intercept'){
|
||
return false;
|
||
}
|
||
var json = res.data;
|
||
if(json.success){
|
||
window.location.reload();
|
||
}else{
|
||
self.$message.error(json.error);
|
||
}
|
||
self.dialogVisible = false;
|
||
} else {
|
||
console.log('error submit!!');
|
||
return false;
|
||
}
|
||
});
|
||
},
|
||
registerdialogClose(){
|
||
var self = this;
|
||
self.$refs['ruleForm'].resetFields();
|
||
},
|
||
handleCopyCode(){
|
||
CopyTxt(this,this.formdata.code);
|
||
},
|
||
handleAddUser(){
|
||
window.open('https://oaooa.com/index.php?mod=member&op=buy&id=1&mcode='+this.formdata.code)
|
||
}
|
||
|
||
},
|
||
mounted() {
|
||
const self = this;
|
||
|
||
}
|
||
});
|
||
dzzoffice.use(ElementPlus, {
|
||
locale: ElementPlusLocaleZhCn,
|
||
});
|
||
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
||
dzzoffice.component(key, component)
|
||
}
|
||
dzzoffice.component('comavatar', comavatar);
|
||
// 屏蔽警告信息
|
||
dzzoffice.config.warnHandler = function(){return null};
|
||
dzzoffice.mount('#dzzoffice');
|
||
</script>
|
||
|
||
<!--{template common/container/pc/footer}-->
|