<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8"/>
    <title>GDSM</title>
    <meta name="description" content="GDSM"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" href="../lib/simple-line-icons/css/simple-line-icons.css" type="text/css"/>
    <link rel="stylesheet" href="../lib/app/css/bootstrap.min.css">
    <link rel="stylesheet" href="../lib/toastr/toastr.css">
    <link rel="stylesheet" href="../lib/app/css/site.min.css">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <style>
        a,a:hover{
            color:#000;
            text-decoration:none;
        }
        body {
            padding-top: 50px;
            padding-bottom: 40px;
            color: #5a5a5a;
        }
        /* 轮播广告 */
        .carousel {
            height: 500px;
            margin-bottom: 60px;
        }
        .carousel .item {
            height: 500px;
            background-color: #000;
        }
        .carousel .item img {
            width: 100%;
        }
        .carousel-caption {
            z-index: 10;
        }
        .carousel-caption p {
            margin-bottom: 20px;
            font-size: 20px;
            line-height: 1.8;
        }
        /* 简介 */
        .summary {
            padding-right: 15px;
            padding-left: 15px;
        }
        .summary .col-md-4 {
            margin-bottom: 20px;
            text-align: center;
        }
        /* 特性 */
        .feature-divider {
            margin: 40px 0;
        }
        .feature {
            padding: 30px 0;
        }
        .feature-heading {
            font-size: 50px;
            color: #2a6496;
        }
        .feature-heading .text-muted {
            font-size: 28px;
        }
        /* 响应式布局 */
        @media (max-width: 768px) {
            .summary {
                padding-right: 3px;
                padding-left: 3px;
            }
            .carousel {
                height: 300px;
                margin-bottom: 30px;
            }

            .carousel .item {
                height: 300px;
            }

            .carousel img {
                min-height: 300px;
            }

            .carousel-caption p {
                font-size: 16px;
                line-height: 1.4;
            }

            .feature-heading {
                font-size: 34px;
            }

            .feature-heading .text-muted {
                font-size: 22px;
            }
            .col-sm-3 {
                width: 23%;
            }
        }

        @media (min-width: 992px) {
            .feature-heading {
                margin-top: 120px;
            }
            .col-md-3 {
                width: 23%;
            }
        }
        h2{
            margin: 30px;
            font-family: "Montserrat", sans-serif;
        }
        .center{
            text-align: center;
        }
        .pbottom10{
            margin-bottom: 10px;
        }

        .odoo{
            border: 1px solid #ced4da;
            height: 71px;
            margin: 8px 8px;
            padding: 0 15px 0 0
        }
        @media (min-width: 1200px){
            .col-lg-3 {
                width: 23%;
            }
        }

        .padd10{
            padding-top: 10px;
        }
    </style>
</head>
<body>
<!-- 顶部导航 -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="menu-nav">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">GDSM</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav active">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">应用程序<span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#" data-tab="tab-chrome">任务管理</a></li>
                        <li><a href="#" data-tab="tab-firefox">信息管理</a></li>
                        <li><a href="#" data-tab="tab-safari">工时管理</a></li>
                        <li><a href="#" data-tab="tab-opera">合同管理</a></li>
                        <li><a href="#" data-tab="tab-ie">产品管理</a></li>
                    </ul>
                </li>
                <li><a href="#">游览</a></li>
                <li><a href="#">社区</a></li>
                <li><a href="#" data-toggle="modal" data-target="#about-modal">文档</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="/page/ui/video/list" target="_blank">
                        <i class="icon-question"></i>
                        <span>帮助</span>
                    </a>
                </li>
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle clear" data-toggle="dropdown">
                        <i class="icon-user icon text-success-lter m-r-xs"></i>
                        <span class="hidden-sm hidden-md">{{.CtxUserName}}</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="divider"></li>
                        <li>
                            <a class="auto" data-toggle="modal" data-target="#mdyPwdDlg">
                                <i class="icon-lock"></i>
                                <span>修改密码</span>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="auto" data-toggle="modal" data-target="#MnumberModel">
                                <i class="icon-call-end"></i>
                                <span>修改号码</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li><a href="/logout"><i class="icon-arrow-right icon text-success-lter"></i></a></li>
            </ul>
        </div>
    </div>
</div>
<div class="container-fluid o_bg_fit-H" style="background-image:url('//odoocdn.com/openerp_website/static/src/img/2016/all-apps/apps_top_banner.jpg');margin-bottom: 60px">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 mt48 text-center text-md-left">
                <h1 class="mt96 mb0 display-2">一种<b>需求</b>，一款<b>应用</b></h1>
                <h3 class="lead mt0">随你成长而扩展</h3>
            </div>
            <div class="col-lg-6">
                <img class="img-fluid" style="max-height:500px" src="//odoocdn.com/openerp_website/static/src/img/2016/all-apps/apps_top_banner-girl.jpg" alt="">
            </div>
        </div>
    </div>
</div>
<!-- 主要内容 -->
<style>
    .joint-paper {
        width: 800px
    }
</style>
<div class="container">
    <div class="col-md-3 col-sm-6"  href="/product/ui/list">
        <div class="thumbnail" style="height: 336px;">
            <div class="joint-paper" style="background-color: rgb(220, 220, 220); width: 220px; height: 200px;text-align: center;margin: 0px auto">
                <img src="/static/images/account.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption">
                <h3 class="center"><a href="/product/ui/list">产品管理</a></h3>
                <h3 class="center">
                    <a class="btn btn-md btn-primary" href="">查看</a><a class="btn btn-md btn-default" href="">管理</a>
                </h3>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="thumbnail" style="height: 336px;">
            <div class="joint-paper" style="background-color: rgb(220, 220, 220); width: 220px; height: 200px;text-align: center;margin: 0px auto">
                <img src="/static/images/helpdesk.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption">
                <h3 class="center"><a href="#">信息管理</a></h3>
                <h3 class="center">
                    <a class="btn btn-md btn-primary" href="">查看</a><a class="btn btn-md btn-default" href="">管理</a>
                </h3>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="thumbnail" style="height: 336px;">
            <div class="joint-paper" style="background-color: rgb(220, 220, 220); width: 220px; height: 200px;text-align: center;margin: 0px auto">
                <img src="/static/images/helpdesk.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption">
                <h3 class="center"><a href="#">工时管理</a></h3>
                <h3 class="center">
                    <a class="btn btn-md btn-primary" href="">查看</a><a class="btn btn-md btn-default" href="">管理</a>
                </h3>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="thumbnail" style="height: 336px;">
            <div class="joint-paper" style="background-color: rgb(220, 220, 220); width: 220px; height: 200px;text-align: center;margin: 0px auto">
                <img src="/static/images/helpdesk.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption">
                <h3 class="center"><a href="#">任务管理</a></h3>
                <h3 class="center">
                    <a class="btn btn-md btn-primary" href="">查看</a><a class="btn btn-md btn-default" href="">管理</a>
                </h3>
            </div>
        </div>
    </div>
    <div class="row col-lg-3 col-md-3 col-sm-3 col-xs-12 odoo">
        <div class="media">
            <div class="media-body">
                <div class="media" href="/index?url=/agreement/ui/list">
                    <a class="media-left">
                        <img src="/static/images/crm.jpg" width="70" height="70"/>
                    </a>
                    <div class="media-body padd10">
                        <h4 class="media-heading"><b>合同管理</b></h4>
                        <p>销售合同</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row col-lg-3 col-md-3 col-sm-3 col-xs-12 odoo">
        <div class="media">
            <div class="media-body">
                <div class="media" href="/index?url=/checks/ui/opticlist">
                    <a class="media-left">
                        <img src="/static/images/account_accountant.jpg" width="70" height="70"/>
                    </a>
                    <div class="media-body padd10">
                        <h4 class="media-heading"><b>开票审批</b></h4>
                        <p>发票审核</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row col-lg-3 col-md-3 col-sm-3 col-xs-12 odoo">
        <div class="media">
            <div class="media-body">
                <div class="media" href="/index?url=/commission/ui/sale/noreview/list">
                    <a class="media-left">
                        <img src="/static/images/appraisal.jpg" width="70" height="70"/>
                    </a>
                    <div class="media-body padd10">
                        <h4 class="media-heading"><b>提成核算</b></h4>
                        <p>销售、质保金提成核算</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row col-lg-3 col-md-3 col-sm-3 col-xs-12 odoo">
        <div class="media">
            <div class="media-body">
                <div class="media" href="/index?url=/account/ui/list">
                    <a class="media-left">
                        <img src="/static/images/crm.jpg" width="70" height="70"/>
                    </a>
                    <div class="media-body padd10">
                        <h4 class="media-heading"><b>收付款管理</b></h4>
                        <p>收款付款</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row col-lg-3 col-md-3 col-sm-3 col-xs-12 odoo">
        <div class="media">
            <div class="media-body">
                <div class="media" href="/index?url=/payment/ui/wait/list">
                    <a class="media-left">
                        <img src="/static/images/helpdesk.jpg" width="70" height="70"/>
                    </a>
                    <div class="media-body padd10">
                        <h4 class="media-heading"><b>我的付款</b></h4>
                        <p>打款、新建打款</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row col-lg-3 col-md-3 col-sm-3 col-xs-12 odoo">
        <div class="media">
            <div class="media-body">
                <div class="media" href="/index?url=/payment/ui/ticket/list">
                    <a class="media-left">
                        <img src="/static/images/hr.jpg" width="70" height="70"/>
                    </a>
                    <div class="media-body padd10">
                        <h4 class="media-heading"><b>我的来票</b></h4>
                        <p>新来发票</p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="row col-lg-3 col-md-3 col-sm-3 col-xs-12 odoo">
        <div class="media">
            <div class="media-body">
                <div class="media" href="/index?url=/commission/ui/sale/noreview/list">
                    <a class="media-left">
                        <img src="/static/images/appraisal.jpg" width="70" height="70"/>
                    </a>
                    <div class="media-body padd10">
                        <h4 class="media-heading"><b>提成核算</b></h4>
                        <p>销售、质保金提成核算</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row col-lg-3 col-md-3 col-sm-3 col-xs-12 odoo">
        <div class="media">
            <div class="media-body">
                <div class="media" href="/index?url=/account/ui/list">
                    <a class="media-left">
                        <img src="/static/images/crm.jpg" width="70" height="70"/>
                    </a>
                    <div class="media-body padd10">
                        <h4 class="media-heading"><b>收付款管理</b></h4>
                        <p>收款付款</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        body {
            /*background-color: #3A3F51;*/
        }
        .m_odoo{
            height: 130px;border: 0;background-color: rgba(0, 0, 0, 0);
        }
        .m_img{
            background-color: rgb(220, 220, 220); width: 80px; height: 80px;text-align: center;margin: 0px auto
        }
        .padd0{
            padding: 0px;
        }
        .m_a{
            /*color:#ffffff;*/
            text-align: center;
        }
    </style>

    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/crm.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/appraisal.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/account.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/account_accountant.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/appraisal.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/helpdesk.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/hr.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/hr_expense.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/hr_holidays.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/hr_recruitment.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/project.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6"  href="/product/ui/list" style="width: 20%">
        <div class="thumbnail m_odoo">
            <div class="joint-paper m_img">
                <img src="/static/images/im_livechat.jpg" alt="" width="100%" height="100%"/>
            </div>
            <div class="caption padd0">
                <div class="m_a" href="/product/ui/list">采购</div>
            </div>
        </div>
    </div>



</div>
<div class="container summary">
    <hr class="feature-divider">
    <footer>
        <p class="pull-right"><a href="#top">回到顶部</a></p>
        <p>&copy; 2019&nbsp&nbspGDSM</p>
    </footer>
</div>
<div class="modal fade" role="dialog" id="mdyPwdDlg">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">修改密码</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <form id="mdyPwdForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span class="wb-require-star">*</span>旧密码:</label>
                            <div class="col-sm-7">
                                <input type="text" class="input-block-level form-control " name="oldPassword"
                                       id="oldPassword" autocomplete="off" value=""
                                       data-validate="{required: true,  messages:{required:'请输入旧密码!'}}"/>
                                <span class="help-block" id="oldPasswordHelpBlock"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span class="wb-require-star">*</span>新密码:</label>
                            <div class="col-sm-7">
                                <input type="text" class="input-block-level form-control " name="newPassword"
                                       id="newPassword" autocomplete="off" value=""
                                       data-validate="{required: true,  messages:{required:'请输入新密码!'}}"/>
                                <span class="help-block" id="newPasswordHelpBlock"></span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" id="mdyPwdBtn" class="btn btn-primary">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade" role="dialog" id="MnumberModel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">修改号码</h4>
            </div>
            <div class="modal-body">
                <div class="alert alert-info" role="alert">
                    <a class="alert-link">长号用于请购系统中的短信通知功能</a>
                </div>
                <div class="container-fluid">
                    <form id="numberForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">长号</label>
                            <div class="col-sm-7">
                                <input type="text" onkeyup="value=value.replace(/[^\d.]/g,'')" class="input-block-level form-control " name="mnumber"
                                       id="mnumber" autocomplete="off" value=""
                                       data-validate="{required: true,  messages:{required:'请输入长号!'}}"/>
                                <span class="help-block" id="mnumberHelpBlock"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">短号</label>
                            <div class="col-sm-7">
                                <input type="text" class="input-block-level form-control " name="shortnum"
                                       id="shortnum" autocomplete="off" value=""
                                       data-validate="{required: false,  messages:{required:'请输入短号!'}}"/>
                                <span class="help-block" id="shortnumHelpBlock"></span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" id="btnDefine" class="btn btn-primary">确定</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script src="../lib/jquery/jquery/jquery.js"></script>
<script src="../lib/app/js/app.js"></script>
<script src="../lib/webo/js/validate.js"></script>
<script src="../lib/toastr/toastr.js"></script>
<script src="../lib/jquery/jquery/jquery.form.js"></script>
<script>
    clickToHref();
    //点击链接事件,IE8及以下不支持，IE9 strict mode不支持,20181019 by 阿提
    function clickToHref() {
        var eles = document.querySelectorAll("div[href]");
        eles.forEach(function (item) {
            item.addEventListener("click", function () {
                var href = item.getAttribute("href");
                var target = item.getAttribute("target");
                if (!target) {
                    location.href = href;
                }
                else {
                    window.open(href, target);
                }
            });
        })
    }
    $(function () {
        $("#mdyPwdBtn").off("click").on("click", function () {
            if (!$("#mdyPwdForm").valid()) {
                return
            }
            $("#mdyPwdForm").ajaxSubmit({
                type: "post",
                url: "/user/item/mdypasswd",
                success: function (resp) {
                    if (resp.ret == "success") {
                        toastr.success("密码修改成功 !")
                    } else if (resp.result == "password_check_failed") {
                        toastr.error("密码修改失败，旧密码错误 !");
                    } else {
                        toastr.error("密码修改失败 !")
                    }
                    $("#oldPassword").val("");
                    $("#newPassword").val("");
                    $("#mdyPwdDlg").modal("hide");
                }
            });
        });
        $("#btnDefine").off("click").on("click", function () {
            if (!$("#numberForm").valid()) {
                return
            }
            var mnumber = $("#mnumber").val();
            var shortnum = $("#shortnum").val();
            if (mnumber.length != 11) {
                toastr.warning("请输入正确的11位手机号码 !")
            } else {
                $("#btnDefine").ajaxSubmit({
                    type: "post",
                    url: "/item/update/user",
                    data:{
                        "sn":"{{.CtxUserSn}}",
                        "mnumber":mnumber,
                        "shortnum":shortnum
                    },
                    success: function (resp) {
                        if (resp.ret == "success") {
                            toastr.success("号码修改成功 !")
                        } else {
                            toastr.error("号码修改失败 !");
                        }
                        $("#mnumber").val("");
                        $("#shortnum").val("");
                        $('#MnumberModel').modal("hide")
                    }
                });
            }
        })
    });


</script>
</body>
</html>