churen/app/factory/assets/pc/html/inc/nav.html

<div id="load_style" style="display:none;">
</div>
<style>
@media screen and (max-width: 1024px) {
    .nav{
        display: none;
    }
}
</style>
<div id="dever-name" style="display:none;"></div>
<div class="layui-header" id="nav">
<!-- 头部区域 -->
<ul class="layui-nav layui-layout-left" id="top">
  <li class="layui-nav-item layadmin-flexible" lay-unselect>
    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
      <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
    </a>
  </li><li class="layui-nav-item" lay-unselect>
    <a href="javascript:;" layadmin-event="back" title="上一页">
      <i class="layui-icon layui-icon-return"></i>
    </a>
  </li><li class="layui-nav-item" lay-unselect>
    <a href="javascript:;" layadmin-event="refresh" title="刷新">
      <i class="layui-icon layui-icon-refresh-3"></i>
    </a>
  </li>
</ul>

<ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

  <li class="layui-nav-item auth-top" lay-unselect style="display:none;">
    <a href="javascript:;">
      <cite><span></span></cite>
    </a>
    <ul class="layui-nav-child">
      <li><a lay-href="set/user/info.html">基本资料</a></li>
    </ul>
  </li>

  <li class="layui-nav-item" lay-unselect style="display:none;">
    <a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心">
      <i class="layui-icon layui-icon-notice"></i>  
      
      <!-- 如果有新消息，则显示小圆点 -->
      <span class="layui-badge-dot"></span>
    </a>
  </li>
  <li class="layui-nav-item layui-hide-xs" lay-unselect>
    <a href="javascript:;" layadmin-event="theme">
      <i class="layui-icon layui-icon-theme"></i>
    </a>
  </li>
  <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
    <a href="javascript:;" layadmin-event="note">
      <i class="layui-icon layui-icon-note"></i>
    </a>
  </li>
  <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
    <a href="javascript:;" layadmin-event="fullscreen">
      <i class="layui-icon layui-icon-screen-full"></i>
    </a>
  </li>
  <li class="layui-nav-item" lay-unselect>
    <a href="javascript:;">
      <cite id="manage-name"></cite>
    </a>
    <dl class="layui-nav-child">
      <dd><a id="edit_password" onclick="pass($(this));" style="cursor: pointer;display: none;">修改密码</a></dd>
      <dd><a id="edit_user" href="javascript:;" onclick="editUser($(this));" style="cursor: pointer;">修改资料</a></dd>
      <hr>
      <dd style="text-align: center;"><a id="logout-url" href="javascript:;">退出</a></dd>
    </dl>
  </li>
  
  <li class="layui-nav-item layui-hide-xs" lay-unselect style="display:none;">
    <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>
  </li>
  <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
    <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
  </li>
</ul>
</div>

<script>
function editUser(e)
{
  var name = e.attr('data-name');
  var mobile = e.attr('data-mobile');
  var html = '<style>.password_edit div{margin:10px;}.password_edit input{width:200px;}</style><div class="password_edit">';
  html += '<div><label class="layui-form-label">姓名：</label><input type="text" class="form-control form_margin layui-input" id="edit_name" value="'+name+'"/></div>';
  html += '<div><label class="layui-form-label">手机号：</label><input type="text" class="form-control form_margin layui-input" id="edit_mobile" value="'+mobile+'"/></div>';
  html += '</div>';

  var edit = function()
  {
    var edit_name = $("#edit_name").val();
    var edit_mobile = $("#edit_mobile").val();
    
    if(!edit_name || !edit_mobile)
    {
      layer.msg('请输入姓名或者手机号');
      return;
    }
    $.getJSON(config.host + 'admin/auth.edit?json=1', {name:edit_name,mobile:edit_mobile}, function(t)
    {
        msg(t);
    })
  };

  console.info(html);

  showAlert(html, edit, '修改资料');
}
</script>