292 lines
12 KiB
HTML
292 lines
12 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" class="active">首页</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">个人中心</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 base">
|
||
<div class="self-left">
|
||
<div class="base-input">
|
||
<span>昵称</span>
|
||
<input type="text" name="nickname" id="nickname" placeholder="请输入昵称" />
|
||
</div>
|
||
<div class="base-input">
|
||
<span>手机号码</span>
|
||
<input type="tel" name="phone" id="phone" placeholder="请输入手机号码" />
|
||
<button onclick="updatePhone()">修改</button>
|
||
</div>
|
||
<div class="base-input">
|
||
<span>账号密码</span>
|
||
<input type="password" name="passWord" id="passWord" placeholder="请输入账号密码" />
|
||
<button onclick="updatePass()">修改</button>
|
||
</div>
|
||
<div class="base-input">
|
||
<span>企业名称</span>
|
||
<input type="text" name="companyName" id="companyName" placeholder="请输入公司名称" />
|
||
</div>
|
||
<div class="base-input">
|
||
<span>统一社会信用代码</span>
|
||
<input type="text" name="tyshxydm" id="tyshxydm" placeholder="请输入统一社会信用代码" />
|
||
</div>
|
||
<div class="base-input">
|
||
<span>公司简介</span>
|
||
<textarea name="remark" id="remark" rows="4" placeholder="请输入内容"></textarea>
|
||
</div>
|
||
<div class="base-btn">
|
||
<a href="javascript:window.history.back();">返回</a>
|
||
<a href="javascript:saveUserInfo();">保存</a>
|
||
</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)
|
||
$('#nickName').html(`<span>昵称：</span> ${userInfo.nick_name}`)
|
||
$('#nickname').val(userInfo.nick_name)
|
||
$('#phone').val(userInfo.tel)
|
||
$('#passWord').val(userInfo.password)
|
||
$('#companyName').val(userInfo.company_name)
|
||
$('#tyshxydm').val(userInfo.company_code)
|
||
$('#remark').val(userInfo.company_desc)
|
||
$('#userID').html(`<span>账号ID：</span> ${userInfo.id}`)
|
||
$('#userTel').html(`<span>手机号码：</span> ${userInfo.tel} <button onclick="updatePhone()">修改</button>`)
|
||
}
|
||
})
|
||
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'
|
||
});
|
||
}
|
||
function updatePass() {
|
||
layer.open({
|
||
type: 2,
|
||
skin: 'update-box update-pass',
|
||
title: '修改密码',
|
||
content: './update-pass.html'
|
||
});
|
||
}
|
||
function saveUserInfo() {
|
||
layer.load(1)
|
||
ajax('/user/update', {
|
||
id: userInfo.id,
|
||
token: userInfo.token,
|
||
header_url: userInfo.header_url,
|
||
nick_name: $('#nickname').val() || userInfo.nick_name,
|
||
company_name: $('#companyName').val() || userInfo.company_name,
|
||
company_code: $('#tyshxydm').val() || userInfo.company_code,
|
||
company_desc: $('#remark').val() || userInfo.company_desc
|
||
}, function(data) {
|
||
layer.closeAll('loading')
|
||
if (window.localStorage.getItem('_HEATUserInfo')) {
|
||
window.localStorage.removeItem('_HEATUserInfo')
|
||
}
|
||
window.localStorage.setItem('_HEATUserInfo', JSON.stringify(data.info))
|
||
$('#nickName').html(`<span>昵称：</span> ${$('#nickname').val()}`)
|
||
userInfo = JSON.parse(window.localStorage.getItem('_HEATUserInfo'))
|
||
layer.msg('修改成功')
|
||
})
|
||
}
|
||
</script>
|
||
</body>
|
||
|
||
</html> |