308 lines
14 KiB
HTML
308 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport"
|
||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
|
||
<title>个人中心</title>
|
||
<link rel="stylesheet" href="./css/swiper.min.css" />
|
||
<link rel="stylesheet" href="./css/aos.css" />
|
||
<link rel="stylesheet" href="./css/index.css" />
|
||
<link rel="stylesheet" href="./css/media.css" />
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 桌面端顶部 -->
|
||
<div class="header">
|
||
<div class="header-container">
|
||
<a href="index.html" class="header-logo">
|
||
<img src="./images/logo.svg" alt="" height="32" />
|
||
</a>
|
||
<div class="header-menu">
|
||
<div class="header-item">
|
||
<a href="index.html">首页</a>
|
||
</div>
|
||
<div class="header-item">
|
||
<a href="javascript:void(0);">产品中心</a>
|
||
<img src="./images/down.png" alt="" height="8" />
|
||
<div class="header-find find-3">
|
||
<div class="find-left">
|
||
<a href="javascript:void(0);">云通讯</a>
|
||
<a href="move-mess.html">视频短信</a>
|
||
<a href="inter-mess.html">国际短信</a>
|
||
<a href="tel-test.html">号码检测</a>
|
||
<a href="voice-service.html">语音服务</a>
|
||
</div>
|
||
<div class="find-right">
|
||
<div class="find-item">
|
||
<a href="code-mess.html">验证码短信</a>
|
||
<a href="notice-mess.html">通知短信</a>
|
||
<a href="vip-mess.html">会员营销短信</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="header-item">
|
||
<a href="javascript:void(0);">解决方案</a>
|
||
<img src="./images/down.png" alt="" height="8" />
|
||
<div class="header-find">
|
||
<div class="find-other">
|
||
<a href="food.html">餐饮</a>
|
||
<a href="shop.html">电商</a>
|
||
<a href="game.html">游戏</a>
|
||
<a href="logistics.html">物流</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="header-item">
|
||
<a href="developer.html">开发者中心</a>
|
||
</div>
|
||
<div class="header-item">
|
||
<a href="about.html">关于我们</a>
|
||
</div>
|
||
<div class="header-item">
|
||
<a href="content.html" class="active">个人中心</a>
|
||
</div>
|
||
</div>
|
||
<div class="header-user">
|
||
<!-- 未登录 -->
|
||
<a href="register.html" class="register">注册</a>
|
||
<a href="login.html" class="login">登录</a>
|
||
<!-- 已登录 -->
|
||
<div class="user-info" style="display: none;">
|
||
<img src="./images/avatar.png" alt="" class="user-avatar" />
|
||
<img src="./images/down.png" alt="" height="8" class="user-icon" />
|
||
<div class="user-item">
|
||
<a href="content.html">个人中心</a>
|
||
<a href="userInfo.html">基本信息</a>
|
||
<a href="javascript:logout();">退出登录</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 移动端顶部 -->
|
||
<div class="mHeader">
|
||
<a href="index.html" class="header-logo">
|
||
<img src="./images/logo.svg" alt="" height="20" />
|
||
</a>
|
||
<p class="m-title">首页</p>
|
||
<div class="m-user">
|
||
<!-- 未登录 -->
|
||
<a href="register.html" class="m-register">注册</a>
|
||
<a href="login.html" class="m-login">登录</a>
|
||
<!-- 已登录 -->
|
||
<a href="content.html" class="m-name" style="display: none;">用户名</a>
|
||
</div>
|
||
</div>
|
||
<!-- 移动端底部 -->
|
||
<div class="mFooter">
|
||
<a href="index.html">
|
||
<img src="" alt="" />
|
||
<p>首页</p>
|
||
</a>
|
||
<a href="code-mess.html">
|
||
<img src="" alt="" />
|
||
<p>产品中心</p>
|
||
</a>
|
||
<a href="food.html">
|
||
<img src="" alt="" />
|
||
<p>解决方案</p>
|
||
</a>
|
||
<a href="developer.html">
|
||
<img src="" alt="" />
|
||
<p>开发者中心</p>
|
||
</a>
|
||
<a href="about.html">
|
||
<img src="" alt="" />
|
||
<p>关于我们</p>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="container" style="background-color: #F5F5F5;">
|
||
<div class="self">
|
||
<div class="self-left">
|
||
<!-- <div class="self-wdcp">
|
||
<div class="self-head">
|
||
<img src="./images/wdcp.svg" height="24" alt=""> 我的产品
|
||
</div>
|
||
<div class="self-list">
|
||
<div class="self-item">
|
||
<div class="self-icon" style="background: linear-gradient(180deg, #97E1C7 0%, #63B095 100%);">
|
||
<img src="./images/icon1-1.svg" height="22" alt="">
|
||
</div>
|
||
<p class="self-name">验证码短信</p>
|
||
<p class="self-desc">平台群发，接口调用，高性价比会员营销必选方案</p>
|
||
<p class="self-num">• 余额条数： 10</p>
|
||
</div>
|
||
<div class="self-item">
|
||
<div class="self-icon" style="background: linear-gradient(180deg, #89C6FF 0%, #6692E8 100%);">
|
||
<img src="./images/icon2-1.svg" height="22" alt="">
|
||
</div>
|
||
<p class="self-name">通知短信</p>
|
||
<p class="self-desc">平台群发，接口调用，高性价比会员营销必选方案</p>
|
||
<p class="self-num">• 余额条数： 10</p>
|
||
</div>
|
||
<div class="self-item">
|
||
<div class="self-icon" style="background: linear-gradient(180deg, #EF7FD6 0%, #C155CA 100%);">
|
||
<img src="./images/icon3-1.svg" height="22" alt="">
|
||
</div>
|
||
<p class="self-name">会员营销短信</p>
|
||
<p class="self-desc">平台群发，接口调用，高性价比会员营销必选方案</p>
|
||
<p class="self-num">• 余额条数： 10</p>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<!-- 若需要显示 我的产品 需将下方 style 删除 -->
|
||
<div class="self-gnwt" style="margin-top: 0;">
|
||
<div class="self-wdcp">
|
||
<div class="self-cjgn">
|
||
<p>
|
||
<img src="./images/cjgn.svg" height="23" alt=""> 常用功能
|
||
</p>
|
||
</div>
|
||
<div class="cjgn-list">
|
||
<a href="">验证码短信</a>
|
||
<a href="">验证码短信</a>
|
||
<a href="">验证码短信</a>
|
||
<a href="">验证码短信</a>
|
||
<a href="">验证码短信</a>
|
||
<a href="">验证码短信</a>
|
||
<a href="">验证码短信</a>
|
||
<a href="">验证码短信</a>
|
||
</div>
|
||
</div>
|
||
<div class="self-wdcp">
|
||
<div class="self-cjgn">
|
||
<p>
|
||
<img src="./images/cjwt.svg" height="23" alt=""> 常见问题
|
||
</p>
|
||
<a href="question.html">查看更多 <img src="./images/more.svg" alt=""></a>
|
||
</div>
|
||
<div class="cjgn-list" id="cjwtList"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="self-right">
|
||
<div class="self-avatar">
|
||
<img src="./images/avatar.png" width="80" alt="">
|
||
<div class="self-file">
|
||
<img src="./images/avatar.svg" height="12" alt="">
|
||
</div>
|
||
<input type="file" name="avatar" id="avatar" onchange="getAvatar(event)" />
|
||
</div>
|
||
<p class="self-info" id="nickName">
|
||
<span>昵称：</span>
|
||
</p>
|
||
<p class="self-info" id="userID"></p>
|
||
<p class="self-info" id="userTel"></p>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<p class="copy-right">
|
||
Copyright @ 2023 上海河滔信息科技有限公司 地址：上海市松江区九泾路655号嘉南红塔8号楼805室 <br>
|
||
版权所有沪ICP备2023008024号-1
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="kf">
|
||
<!-- <div class="kf-item kf-item1">
|
||
<div class="kf-box">
|
||
<p>在线客服工作时段</p>
|
||
<span>00:00-24:00</span>
|
||
<div class="kf-jt">
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<div class="kf-item kf-item2">
|
||
<div class="kf-box">
|
||
<p>24小时客服热线</p>
|
||
<span>400-1351-425</span>
|
||
<div class="kf-jt">
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="kf-item kf-item3">
|
||
<div class="kf-box">
|
||
<p style="text-align: center;">扫码咨询</p>
|
||
<img src="./images/code-img.png" width="113" alt="">
|
||
<div class="kf-jt">
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="kf-item kf-item4" onclick="workOrder()">
|
||
<div class="kf-box">
|
||
<p>工单</p>
|
||
<div class="kf-jt">
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="./js/jquery-3.7.1.min.js"></script>
|
||
<script src="./layer/layer.js"></script>
|
||
<script src="./js/aos.js"></script>
|
||
<script src="./js/swiper-bundle.min.js"></script>
|
||
<script src="./js/index.js"></script>
|
||
<script>
|
||
$(function() {
|
||
if (userInfo) {
|
||
if (userInfo.header_url) $('.self-avatar > img').attr('src', baseApi + userInfo.header_url)
|
||
if (userInfo.nick_name) $('#nickName').html(`<span>昵称：</span> ${userInfo.nick_name}`)
|
||
$('#userID').html(`<span>账号ID：</span> ${userInfo.id}`)
|
||
$('#userTel').html(`<span>手机号码：</span> ${userInfo.tel} <button onclick="updatePhone()">修改</button>`)
|
||
} else {
|
||
window.open('./login.html', '_self')
|
||
}
|
||
ajax('/problem/lists', {
|
||
page: 1,
|
||
pageSize: 3
|
||
}, function(data) {
|
||
var _html = ''
|
||
$.each(data.lists, function (i, v) {
|
||
_html += `<a href="wtxq.html?id=${v.id}" class="news-info">
|
||
<div class="news-head">
|
||
<p>${v.title}</p>
|
||
<span>
|
||
<img src="./images/time.svg" height="12" alt="">
|
||
${v.sys_create_time.split(' ')[0]}
|
||
</span>
|
||
</div>
|
||
<p class="news-desc">${v.content}</p>
|
||
</a>`
|
||
});
|
||
$('#cjwtList').html(_html)
|
||
})
|
||
})
|
||
function getAvatar(event) {
|
||
layer.load(1)
|
||
var formData = new FormData()
|
||
formData.append('file', event.target.files[0])
|
||
upload(formData, function(data) {
|
||
layer.closeAll('loading')
|
||
layer.msg('修改成功')
|
||
userInfo.header_url = data.data.src
|
||
window.localStorage.removeItem('_HEATUserInfo')
|
||
window.localStorage.setItem('_HEATUserInfo', JSON.stringify(userInfo))
|
||
$('.user-avatar, .self-avatar > img').attr('src', baseApi + userInfo.header_url)
|
||
})
|
||
}
|
||
function updatePhone() {
|
||
layer.open({
|
||
type: 2,
|
||
skin: 'update-box update-phone',
|
||
title: '修改手机号码',
|
||
content: './update-phone.html'
|
||
});
|
||
}
|
||
</script>
|
||
</body>
|
||
|
||
</html> |