3b41cffbc9
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
721 lines
40 KiB
PHP
721 lines
40 KiB
PHP
{include file="header"}
|
|
<!-- 页面独有样式 -->
|
|
<link rel="stylesheet" href="/{$template_catalog}/template/{$themes}/css/account.css">
|
|
<link rel="stylesheet" href="/{$template_catalog}/template/{$themes}/css/certification.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- mounted之前显示 -->
|
|
<div id="mainLoading">
|
|
<div class="ddr ddr1"></div>
|
|
<div class="ddr ddr2"></div>
|
|
<div class="ddr ddr3"></div>
|
|
<div class="ddr ddr4"></div>
|
|
<div class="ddr ddr5"></div>
|
|
</div>
|
|
<div id="account" class="template">
|
|
<el-container>
|
|
<aside-menu :menu-active-id="2" @getruleslist="getRule"></aside-menu>
|
|
<el-container>
|
|
<top-menu ref="topMenuRef"></top-menu>
|
|
<el-main>
|
|
<!-- 自己的东西 -->
|
|
<div class="main-card">
|
|
<div class="main-card-title">{{lang.account_title1}}</div>
|
|
<div class="content-box">
|
|
<el-tabs v-model="activeIndex" @tab-click="handleClick">
|
|
<el-tab-pane :label="lang.account_menu1" name="1" v-if="showAccountController">
|
|
<div class="box-top">
|
|
<div class="right-name">
|
|
<div>
|
|
<span class="name-text">{{userName}}
|
|
<span v-if="idcsmart_client_level.id"
|
|
:style="{'color':idcsmart_client_level.background_color}">({{idcsmart_client_level.name}})
|
|
</span>
|
|
</span>
|
|
<p class="name-country">
|
|
<img v-show="imgShow" class="country-img" :src="curSrc">
|
|
</p>
|
|
</div>
|
|
<div class="attestation-status" v-plugin="'IdcsmartCertification'"
|
|
v-show="attestationStatusInfo.iocnShow && certification_open == 1" @click="handelAttestation">
|
|
<img :src="attestationStatusInfo.iconUrl" alt="">
|
|
<!-- 企业认证关闭时 -->
|
|
<template v-if="attestationStatusInfo.certification_company_open === 0">
|
|
<span class="attestation-text"
|
|
v-if="attestationStatusInfo.status === 0">{{lang.account_tips20}}<span
|
|
class="bule-text">{{lang.account_tips21}}<i class="el-icon-arrow-right"></i></span></span>
|
|
<span class="attestation-text"
|
|
v-else-if="attestationStatusInfo.status === 10">{{lang.account_tips24}}</span></span>
|
|
</template>
|
|
<template v-else>
|
|
<span class="attestation-text"
|
|
v-if="attestationStatusInfo.status === 0 || attestationStatusInfo.status === 25">{{lang.account_tips20}}<span
|
|
class="bule-text">{{lang.account_tips21}}<i class="el-icon-arrow-right"></i></span></span>
|
|
<span class="attestation-text"
|
|
v-else-if="attestationStatusInfo.status === 10 || attestationStatusInfo.status === 26">{{lang.account_tips22}}<span
|
|
class="bule-text">{{lang.account_tips23}}<i class="el-icon-arrow-right"></i></span></span>
|
|
<span class="attestation-text"
|
|
v-else-if="attestationStatusInfo.status === 20 || attestationStatusInfo.status === 30 ">{{lang.account_tips24}}</span>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box-main">
|
|
<div class="basic">
|
|
<el-row>
|
|
<el-col :span="7">
|
|
<div class="basic-title">
|
|
{{lang.account_menu3}}
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
</el-col>
|
|
<el-col :span="7">
|
|
</el-col>
|
|
<el-col :span="3">
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_label1}}</div>
|
|
<div class="box-item-b">
|
|
<el-input v-model="accountData.username"></el-input>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_label2}}</div>
|
|
<div class="box-item-b">
|
|
<el-select v-model="accountData.language" :disabled="commonData.lang_home_open == 0">
|
|
<el-option v-for="(item,index) in commonData.lang_list" :key="item.display_flag + index"
|
|
:value="item.display_lang" :label="item.display_name"></el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_tips_text9}}
|
|
<el-switch @change="noticeChange" v-model="accountData.notice_open" :active-value="1"
|
|
:inactive-value="0">
|
|
</el-switch>
|
|
</div>
|
|
<div class="box-item-b">
|
|
<el-select v-model="accountData.notice_method" :disabled="accountData.notice_open == 0">
|
|
<el-option value="all" :label="lang.account_tips_text12"></el-option>
|
|
<el-option value="email" :label="lang.account_tips_text11"></el-option>
|
|
<el-option value="sms" :label="lang.account_tips_text10"></el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_label3}}</div>
|
|
<div class="box-item-b">
|
|
<el-input v-model="accountData.company"></el-input>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_label4}}</div>
|
|
<div class="box-item-b">
|
|
<el-select v-model="accountData.country_id" filterable>
|
|
<el-option v-for="item in countryList" :key="item.id" :value="item.id"
|
|
:label="item.name_zh">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_label5}}</div>
|
|
<div class="box-item-b">
|
|
<el-input v-model="accountData.address"></el-input>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
<div class="account">
|
|
<el-row>
|
|
<el-col :span="7">
|
|
<div class="account-title">
|
|
{{lang.account_menu4}}
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
</el-col>
|
|
<el-col :span="7">
|
|
</el-col>
|
|
<el-col :span="3">
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_label6}}</div>
|
|
<div class="box-item-b" @click.capture="showPhone">
|
|
<el-input :readonly="true" v-model="accountData.phone">
|
|
<i class="el-icon-edit edit-icon" slot="suffix"
|
|
v-if="!prohibit_user_information_changes.includes('phone') || orginAcountData.phone == ''"></i>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_label7}}</div>
|
|
<div class="box-item-b" @click="showEmail">
|
|
<el-input :readonly="true" v-model="accountData.email">
|
|
<i class="el-icon-edit edit-icon" slot="suffix"
|
|
v-if="!prohibit_user_information_changes.includes('email') || orginAcountData.email == ''"></i>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span=" 7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_label8}}</div>
|
|
<div class="box-item-b" @click="showPass">
|
|
<el-input :readonly="true" type="password" value="********">
|
|
<i class="el-icon-edit edit-icon" slot="suffix"
|
|
v-if="!prohibit_user_information_changes.includes('password') "></i>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="3">
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span=" 7">
|
|
<div class="box-item">
|
|
<div class="box-item-t">{{lang.account_tips_text3}}</div>
|
|
<div class="box-item-b" @click="openPreaDia">
|
|
<el-input :readonly="true" type="password"
|
|
:value="orginAcountData.set_operate_password ? '********' : '' ">
|
|
<i class="el-icon-edit edit-icon" slot="suffix"></i>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
</el-col>
|
|
<el-col :span="7">
|
|
</el-col>
|
|
<el-col :span="3">
|
|
</el-col>
|
|
</el-row>
|
|
<el-form :model="ruleForm" ref="ruleForm" :rules="rules" label-position="top" class="custom-form"
|
|
v-plugin="'ClientCustomField'">
|
|
<div class="oauth-box">
|
|
<div class="box-item el-col el-col-7" v-for="item in clientCustomFieldList" :key="item.id"
|
|
@click="handleCustomField(Boolean(item.value && prohibit_user_information_changes.includes(item.id)))">
|
|
<el-form-item :prop="item.id + ''" style="margin-bottom: 0;">
|
|
<div class="box-item-t">{{item.name}}</div>
|
|
<div class="box-item-b">
|
|
<el-select v-model="ruleForm[item.id]" :placeholder="item.description"
|
|
v-if="item.type === 'dropdown'"
|
|
:disabled="Boolean(item.value && prohibit_user_information_changes.includes(item.id))">
|
|
<el-option :label="items" :value="items" v-for="(items,indexs) in item.options"
|
|
:key="indexs"></el-option>
|
|
</el-select>
|
|
<el-checkbox true-label="1" false-label="0" :label="item.name"
|
|
:disabled="Boolean(item.value && prohibit_user_information_changes.includes(item.id))"
|
|
v-model="ruleForm[item.id]" v-else-if="item.type === 'tickbox'">
|
|
{{item.description}}
|
|
</el-checkbox>
|
|
<el-input type="textarea" v-model="ruleForm[item.id]"
|
|
:readonly="Boolean(item.value && prohibit_user_information_changes.includes(item.id))"
|
|
v-else-if="item.type === 'textarea'" :placeholder="item.description">
|
|
</el-input>
|
|
<el-input class="input-with-select" :placeholder="item.description"
|
|
:readonly="Boolean(item.value && prohibit_user_information_changes.includes(item.id))"
|
|
v-model="ruleForm[item.id]" v-else-if="item.type === 'dropdown_text'">
|
|
<el-select v-model="item.select_select" slot="prepend" style="width: 1.3rem;"
|
|
:disabled="Boolean(item.value && prohibit_user_information_changes.includes(item.id))">
|
|
<el-option :label="items" :value="items" v-for="(items,indexs) in item.options"
|
|
:key="indexs"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
<el-input :show-password="item.type === 'password'" v-model="ruleForm[item.id]"
|
|
autocomplete="off"
|
|
:readonly="Boolean(item.value && prohibit_user_information_changes.includes(item.id))"
|
|
:placeholder="item.description" v-else>
|
|
</el-input>
|
|
</div>
|
|
</el-form-item>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
<div class="oauth" v-if="oauth.length > 0">
|
|
<el-row>
|
|
<el-col :span="7">
|
|
<div class="account-title">
|
|
{{lang.oauth_text5}}
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="7">
|
|
</el-col>
|
|
<el-col :span="7">
|
|
</el-col>
|
|
<el-col :span="3">
|
|
</el-col>
|
|
</el-row>
|
|
<div class="oauth-box">
|
|
<div class="box-item el-col el-col-7" v-for="item in oauth">
|
|
<div class="box-item-t">{{item.title}}</div>
|
|
<div class="box-item-b">
|
|
<el-input :disabled="true" v-model="item.showStatus">
|
|
<el-popconfirm v-if="item.link" :title="lang.oauth_text10" @confirm="cancelOauth(item)"
|
|
slot="suffix">
|
|
<span slot="reference" v-if="item.link" class="a-text bule-text">{{lang.oauth_text9}}
|
|
</span>
|
|
</el-popconfirm>
|
|
<span slot="suffix" class="a-text bule-text" @click="bingOauth(item)"
|
|
v-else>{{lang.oauth_text8}}</span>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="oauth" v-if="hasWxPlugin && conectInfo.is_subscribe === 1">
|
|
<el-row>
|
|
<el-col :span="7">
|
|
<div class="account-title">
|
|
{{lang.wx_tip2}}
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="wx-switch">
|
|
<div class="box-item">
|
|
<div class="box-item-t">
|
|
{{lang.wx_tip3}}
|
|
<el-switch @change="changeWxPush" v-model="conectInfo.accept_push" :active-value="1"
|
|
:inactive-value="0">
|
|
</el-switch>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<el-button class="btn-save" @click="saveAccount" type="primary"
|
|
:loading="saveLoading">{{lang.account_btn1}}</el-button>
|
|
</div>
|
|
</el-tab-pane>
|
|
<!-- 操作日志开始 -->
|
|
<el-tab-pane :label="lang.account_menu2" name="2" v-if="showLogController">
|
|
<div class="searchbar com-search">
|
|
<el-input v-model="params.keywords" style="width: 3.2rem;margin-left: .2rem;"
|
|
:placeholder="lang.cloud_tip_2" @keypress.enter.native="inputChange" clearable
|
|
@clear="getAccountList">
|
|
<i class="el-icon-search input-search" slot="suffix" @Click="inputChange"></i>
|
|
</el-input>
|
|
</div>
|
|
<div class="content_table">
|
|
<div class="tabledata">
|
|
<el-table v-loading="loading" :data="dataList" style="width: 100%;margin-bottom: .2rem;">
|
|
<el-table-column prop="id" label="ID" width="120" align="left">
|
|
</el-table-column>
|
|
<el-table-column prop="description" min-width="650" :show-overflow-tooltip="true"
|
|
:label="lang.account_label9" align="left">
|
|
|
|
</el-table-column>
|
|
<el-table-column prop="create_time" :label="lang.account_label10" min-width="200" align="left">
|
|
<template slot-scope="scope">
|
|
<span>{{scope.row.create_time | formateTime}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="ip" label="IP" width="150" align="left"></el-table-column>
|
|
</el-table>
|
|
<pagination :page-data="params" @sizechange="sizeChange" @currentchange="currentChange"
|
|
layout="sizes, jumper" :show-custom-buttons="true" :cur-page-length="dataList.length"
|
|
v-if="params.total > 0">
|
|
</pagination>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 移动端显示表格开始 -->
|
|
<div class="mobel">
|
|
<div class="mob-searchbar mob-com-search">
|
|
<el-input class="mob-search-input" v-model="params.keywords" :placeholder="lang.cloud_tip_2"
|
|
@keypress.enter.native="inputChange" clearable @clear="getAccountList">
|
|
<i class="el-icon-search input-search" slot="suffix" @Click="inputChange"></i>
|
|
</el-input>
|
|
</div>
|
|
<div class="mob-tabledata">
|
|
<div class="mob-tabledata-item" v-for="item in dataList" :key="item.id">
|
|
<div class="mob-item-row mob-item-row1">
|
|
<span>{{item.id}}</span>
|
|
<span>
|
|
{{item.ip}}
|
|
</span>
|
|
</div>
|
|
<div class="mob-item-row mob-item-row2">
|
|
<span class="mob-item-row2-name" :title="item.description">
|
|
{{item.description}}
|
|
</span>
|
|
</div>
|
|
<div class="mob-item-row mob-item-row3">
|
|
<span>{{item.create_time | formateTime}}</span>
|
|
<div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom-text">
|
|
<span v-show="isEnd">{{lang.account_tips15}}</span>
|
|
<span v-loading=isShowMore></span>
|
|
</div>
|
|
<img v-show="isShowBackTop" class="back-top-img" @click="goBackTop"
|
|
src="/{$template_catalog}/template/{$themes}/img/common/toTop.png">
|
|
</div>
|
|
|
|
</el-tab-pane>
|
|
<el-tab-pane :label="lang.subaccount_text56" name="3" v-if="havePlugin('ClientCare')">
|
|
<div class="searchbar msg-search">
|
|
<div class="msgsearch-left">
|
|
<el-button @click="handelDelMsg">{{lang.subaccount_text61}}</el-button>
|
|
<el-button @click="handelReadMsg">{{lang.subaccount_text62}}</el-button>
|
|
<el-button @click="handelReadAllMsg">{{lang.subaccount_text63}}</el-button>
|
|
</div>
|
|
<div class="msgsearch-right">
|
|
<el-select v-model="msgParams.read" clearable :placeholder="lang.placeholder_pre2">
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
</el-option>
|
|
</el-select>
|
|
<el-select v-model="msgParams.type" clearable :placeholder="lang.placeholder_pre2">
|
|
<el-option v-for="item in msgTypeOptions" :key="item.name" :label="item.name_lang"
|
|
:value="item.name">
|
|
</el-option>
|
|
</el-select>
|
|
<el-input v-model="msgParams.keywords" style="width: 3.2rem;" :placeholder="lang.cloud_tip_2"
|
|
@keypress.enter.native="msgInputChange" clearable @clear="clearKey">
|
|
</el-input>
|
|
<el-button class="search-btn" @click="msgInputChange">{{lang.subaccount_text64}}</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="content_table">
|
|
<div class="tabledata">
|
|
<el-table v-loading="msgLoading" @selection-change="handleSelectionChange" :data="msgDataList"
|
|
style="width: 100%;margin-bottom: .2rem;">
|
|
<el-table-column type="selection" width="90"></el-table-column>
|
|
<el-table-column :label="lang.subaccount_text58">
|
|
<template slot-scope="scope">
|
|
<span @click="goMsgDetail(scope.row.id)">
|
|
<span class="msg-status"
|
|
:class="scope.row.read === 1 ? 'is-read' : 'no-read'">【{{scope.row.read === 1 ?
|
|
lang.subaccount_text66 : lang.subaccount_text67}}】</span>
|
|
<span class="a-text">{{ scope.row.title }}</span>
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column :label="lang.subaccount_text59" width="200" align="left">
|
|
<template slot-scope="scope">
|
|
<span>{{scope.row.create_time | formateTime}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column :label="lang.subaccount_text60" width="200">
|
|
<template slot-scope="scope">{{ msgType[scope.row.type] }}</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<pagination :page-data="msgParams" @sizechange="msgSizeChange" @currentchange="msgCurrentChange">
|
|
</pagination>
|
|
</div>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</div>
|
|
<!-- 更改密码弹框 -->
|
|
<div class="edit-pass">
|
|
<el-dialog width="6.8rem" :visible.sync="isShowPass" :show-close=false :close-on-click-modal=false>
|
|
<div class="dialog-title">
|
|
{{lang.account_title2}}
|
|
</div>
|
|
<div class="mian-form">
|
|
<el-form :model="passData" label-position="top">
|
|
<el-form-item :label="lang.account_label11">
|
|
<el-input type="password" v-model="passData.old_password" :placeholder="lang.account_tips1">
|
|
</el-input>
|
|
<span class="forget-pass">{{lang.account_tips4}} <a @click="showCodePass">{{lang.account_tips5}}</a>
|
|
</span>
|
|
</el-form-item>
|
|
<el-form-item :label="lang.account_label12">
|
|
<el-input type="password" v-model="passData.new_password" :placeholder="lang.account_tips2">
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="lang.account_label13">
|
|
<el-input type="password" v-model="passData.repassword" :placeholder="lang.account_tips3">
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item v-show="errorText">
|
|
<el-alert show-icon :title="errorText" type="error" :closable="false"></el-alert>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="dialog-footer">
|
|
<el-button class="btn-ok" @click="doPassEdit">{{lang.account_btn2}}</el-button>
|
|
<el-button class="btn-no" @click="isShowPass= false">{{lang.account_btn3}}</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
<!-- 更改操作密码弹窗 -->
|
|
<div class="edit-pass">
|
|
<el-dialog width="6.8rem" :visible.sync="isShowPeratedia" :show-close=false :close-on-click-modal=false>
|
|
<div class="dialog-title">
|
|
{{orginAcountData.set_operate_password ? lang.account_tips_text4 : lang.account_tips_text5}}
|
|
</div>
|
|
<div class="mian-form">
|
|
<el-form :model="operateData" label-position="top" :rules="operaRules" ref="operaForm"
|
|
hide-required-asterisk>
|
|
<el-form-item :label="lang.account_label12" prop="operate_password">
|
|
<el-input type="password" v-model="operateData.operate_password" autocomplete="off"
|
|
:placeholder="lang.account_tips2">
|
|
</el-input>
|
|
</el-form-item>
|
|
<div class="form-tips" style="color: var(--color-text-tips); font-size: 0.14rem;">
|
|
<span style="color:var(--color-danger); margin-right: 4px;">*</span>{{lang.account_tips_text8}}
|
|
</div>
|
|
<el-form-item :label="lang.account_label13" prop="re_operate_password">
|
|
<el-input type="password" autocomplete="off" v-model="operateData.re_operate_password"
|
|
:placeholder="lang.account_tips3">
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="dialog-footer">
|
|
<el-button class="btn-ok" @click="surePerate" :loading="subLoading">{{lang.account_btn2}}</el-button>
|
|
<el-button class="btn-no" @click="closePerate">{{lang.account_btn3}}</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
<!-- 验证码更改密码弹框 -->
|
|
<div class="edit-pass">
|
|
<el-dialog width="6.8rem" :visible.sync="isShowCodePass" :show-close=false :close-on-click-modal=false>
|
|
<div class="dialog-title">
|
|
{{lang.account_title2}}
|
|
</div>
|
|
<div class="login-top">
|
|
<div class="login-email" :class="isEmailOrPhone? 'active':null" @click="isEmailOrPhone = true">
|
|
{{lang.account_label14}}
|
|
</div>
|
|
<div class="login-phone" :class="!isEmailOrPhone? 'active':null" @click="isEmailOrPhone = false">
|
|
{{lang.account_label15}}
|
|
</div>
|
|
</div>
|
|
<div class="form-main">
|
|
<div class="form-item">
|
|
<el-input v-if="isEmailOrPhone" :disabled="true" v-model="formData.email"
|
|
:placeholder="lang.account_tips6">
|
|
</el-input>
|
|
<el-input v-else class="input-with-select" :disabled="true" v-model="formData.phone"
|
|
:placeholder="lang.account_tips7">
|
|
<el-select class="code-pass-select" :disabled="true" filterable slot="prepend"
|
|
v-model="formData.countryCode">
|
|
<el-option v-for="item in countryList" :key="item.name" :value="item.phone_code"
|
|
:label="'+' + item.phone_code">
|
|
+{{item.phone_code}} {{item.name_zh}}
|
|
</el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</div>
|
|
<div class="form-item code-item">
|
|
<!-- 邮箱验证码 -->
|
|
<el-input v-if="isEmailOrPhone" v-model="formData.emailCode" :placeholder="lang.account_tips8">
|
|
</el-input>
|
|
<count-down-button ref="codeEmailCodebtn" @click.native="sendEmailCode('code')" v-if="isEmailOrPhone"
|
|
my-class="code-btn"></count-down-button>
|
|
<!-- <el-button v-if="isEmailOrPhone" class="code-btn" type="primary">获取验证码</el-button> -->
|
|
|
|
<!-- 手机验证码 -->
|
|
<el-input v-if="!isEmailOrPhone" v-model="formData.phoneCode" :placeholder="lang.account_tips9">
|
|
</el-input>
|
|
<count-down-button ref="codePhoneCodebtn" @click.native="sendPhoneCode('code')" v-if="!isEmailOrPhone"
|
|
my-class="code-btn"></count-down-button>
|
|
<!-- <el-button v-if="!isEmailOrPhone" class="code-btn" type="primary">获取验证码</el-button> -->
|
|
|
|
</div>
|
|
<div class="form-item">
|
|
<el-input :placeholder="lang.tip1" v-model="formData.password" type="password">
|
|
</el-input>
|
|
</div>
|
|
<div class="form-item">
|
|
<el-input :placeholder="lang.tip2" v-model="formData.repassword" type="password">
|
|
</el-input>
|
|
</div>
|
|
|
|
<div class="read-item" v-if="errorText">
|
|
<el-alert :title="errorText" type="error" show-icon :closable="false">
|
|
</el-alert>
|
|
</div>
|
|
<div class="form-item dialog-footer">
|
|
<el-button class="btn-ok" @click="doResetPass">{{lang.account_btn2}}</el-button>
|
|
<el-button class="btn-no" @click="quiteCodePass">{{lang.account_btn3}}</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
<!-- 验证手机号弹框 -->
|
|
<div class="check-phone">
|
|
<el-dialog width="6.8rem" :visible.sync="isShowPhone" :show-close=false :close-on-click-modal=false>
|
|
<div class="dialog-title">
|
|
{{lang.account_title3}}
|
|
</div>
|
|
<div class="mian-form">
|
|
<el-form :model="phoneData" label-position="top">
|
|
<el-form-item :label="lang.account_label15">
|
|
<el-input :disabled="true" v-model="phoneData.phone"
|
|
:placeholder="lang.account_tips10 +accountData.phone+ lang.account_tips11"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="lang.account_label16">
|
|
<div class="input-btn">
|
|
<el-input v-model="phoneData.code">
|
|
</el-input>
|
|
<count-down-button ref="phoneCodebtn" @click.native="sendPhoneCode('old')" my-class="code-btn"
|
|
slot="append"></count-down-button>
|
|
</div>
|
|
</el-form-item>
|
|
<el-form-item v-show="errorText">
|
|
<el-alert show-icon :title="errorText" type="error" :closable="false"></el-alert>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="dialog-footer">
|
|
<el-button class="btn-ok" @click="doPhoneEdit">{{lang.account_btn4}}</el-button>
|
|
<el-button class="btn-no" @click="isShowPhone= false">{{lang.account_btn3}}</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
<!-- 修改手机号弹框 -->
|
|
<div class="check-phone">
|
|
<el-dialog width="6.8rem" :visible.sync="isShowRePhone" :show-close=false :close-on-click-modal=false>
|
|
<div class="dialog-title">
|
|
{{accountData.phone?lang.account_title4 : lang.account_title5}}
|
|
</div>
|
|
<div class="mian-form">
|
|
<el-form :model="rePhoneData" label-position="top">
|
|
<el-form-item :label="lang.account_label15">
|
|
<el-input v-model="rePhoneData.phone" :placeholder="lang.account_tips16">
|
|
<el-select class="select-input" filterable slot="prepend" v-model="rePhoneData.countryCode">
|
|
<el-option v-for="item in countryList" :key="item.name" :value="item.phone_code"
|
|
:label="item.name_zh + '+' + item.phone_code"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="lang.account_label16">
|
|
<div class="input-btn">
|
|
<el-input v-model="rePhoneData.code">
|
|
</el-input>
|
|
<count-down-button ref="rePhoneCodebtn" @click.native="sendPhoneCode('new')" my-class="code-btn"
|
|
slot="append"></count-down-button>
|
|
</div>
|
|
</el-form-item>
|
|
<el-form-item v-show="errorText">
|
|
<el-alert show-icon :title="errorText" type="error" :closable="false"></el-alert>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="dialog-footer">
|
|
<el-button class="btn-ok" @click="doRePhoneEdit">{{lang.account_btn4}}</el-button>
|
|
<el-button class="btn-no" @click="isShowRePhone= false">{{lang.account_btn3}}</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
<!-- 验证邮箱弹框 -->
|
|
<div class="check-phone">
|
|
<el-dialog width="6.8rem" :visible.sync="isShowEmail" :show-close=false :close-on-click-modal=false>
|
|
<div class="dialog-title">
|
|
{{lang.account_title6}}
|
|
</div>
|
|
<div class="mian-form">
|
|
<el-form :model="emailData" label-position="top">
|
|
<el-form-item :label="lang.account_label7">
|
|
<el-input :disabled="true" v-model="emailData.email"
|
|
:placeholder="lang.account_tips17 +accountData.email+ lang.account_tips18"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="lang.account_label16">
|
|
<div class="input-btn">
|
|
<el-input v-model="emailData.code">
|
|
</el-input>
|
|
<count-down-button ref="emailCodebtn" @click.native="sendEmailCode('old')" my-class="code-btn"
|
|
slot="append"></count-down-button>
|
|
</div>
|
|
</el-form-item>
|
|
<el-form-item v-show="errorText">
|
|
<el-alert show-icon :title="errorText" type="error" :closable="false"></el-alert>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="dialog-footer">
|
|
<el-button class="btn-ok" @click="doEmailEdit">{{lang.account_btn4}}</el-button>
|
|
<el-button class="btn-no" @click="isShowEmail= false">{{lang.account_btn3}}</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
<!-- 修改邮箱弹框 -->
|
|
<div class="check-phone">
|
|
<el-dialog width="6.8rem" :visible.sync="isShowReEmail" :show-close=false :close-on-click-modal=false>
|
|
<div class="dialog-title">
|
|
{{accountData.email? lang.account_title7 : lang.account_title8}}
|
|
</div>
|
|
<div class="mian-form">
|
|
<el-form :model="reEmailData" label-position="top">
|
|
<el-form-item :label="lang.account_label7">
|
|
<el-input v-model="reEmailData.email" :placeholder="lang.account_tips19"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="lang.account_label16">
|
|
<div class="input-btn">
|
|
<el-input v-model="reEmailData.code">
|
|
</el-input>
|
|
<count-down-button ref="reEmailCodebtn" @click.native="sendEmailCode('new')" my-class="code-btn"
|
|
slot="append"></count-down-button>
|
|
</div>
|
|
</el-form-item>
|
|
<el-form-item v-show="errorText">
|
|
<el-alert show-icon :title="errorText" type="error" :closable="false"></el-alert>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
<div class="dialog-footer">
|
|
<el-button class="btn-ok" @click="doReEmailEdit">{{lang.account_btn4}}</el-button>
|
|
<el-button class="btn-no" @click="isShowReEmail= false">{{lang.account_btn3}}</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
<!-- 安全验证 -->
|
|
<security-verification ref="securityRef" @confirm="hadelSecurityConfirm"
|
|
:action-type="actionType"></security-verification>
|
|
<!-- 验证码 -->
|
|
<captcha-dialog :is-show-captcha="isShowCaptcha" ref="captcha" captcha-id="account-captcha"
|
|
@get-captcha-data="getData" @captcha-cancel="captchaCancel"></captcha-dialog>
|
|
</el-main>
|
|
</el-container>
|
|
</el-container>
|
|
</div>
|
|
<!-- =======页面独有======= -->
|
|
<script src="/{$template_catalog}/template/{$themes}/js/common/jquery.mini.js"></script>
|
|
<script src="/{$template_catalog}/template/{$themes}/api/account.js"></script>
|
|
<script src="/{$template_catalog}/template/{$themes}/api/certification.js"></script>
|
|
<script src="/{$template_catalog}/template/{$themes}/components/captchaDialog/captchaDialog.js"></script>
|
|
<script src="/{$template_catalog}/template/{$themes}/components/countDownButton/countDownButton.js"></script>
|
|
<script
|
|
src="/{$template_catalog}/template/{$themes}/components/securityVerification/securityVerification.js"></script>
|
|
<script src="/{$template_catalog}/template/{$themes}/components/pagination/pagination.js"></script>
|
|
|
|
|
|
<script src="/{$template_catalog}/template/{$themes}/js/account.js"></script>
|
|
|
|
{include file="footer"}
|