123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta http-equiv="Pragma" content="no-cache" />
- <meta http-equiv="Cache-Control" content="no-cache" />
- <meta http-equiv="Expires" content="0" />
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-
- <title></title>
- <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
- <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- <style>
- /**更改头像页面*/
- #modiyPhotoPart .sp-page-col {
- width: 128px;
- height: 128px;
- cursor: pointer;
- }
- .mod-img-up {
- float: left;
- width: 100%;
- height: 16px;
- margin-top: -70px;
- }
- #modiyPhotoPart img {
- float: left;
- width: 128px;
- height: 128px;
- }
- #modiyDeskPart .sp-page-col {
- width: 200px;
- height: 150px;
- cursor: pointer;
- }
- #modiyDeskPart img {
- float: left;
- width: 200px;
- height: 100px;
- }
- .sp-img-checked {
- background: url('../../AFrontEnd/css/icons/checkbox/chb-blue-checked.png') no-repeat center center;
-
- }
- .sp-desk-checked {
- background: url('../../AFrontEnd/css/icons/checkbox/chb-blue-checked.png') no-repeat center center;
- }
- </style>
- </head>
- <body ng-controller="modifyPhotoCtrl as ctl" ng-cloak>
- <div class="wrapper wrapper-content animated fadeInDown">
- <div class="row">
- <div class="col-md-4">
- <div class="ibox float-e-margins">
- <div class="ibox-title"><h5>个人资料</h5></div>
- <div class="ibox-content">
- <div class="row">
- <div class="col-xs-12">
- <div class="sp-lh-30">
- <span class="sp-col-30">用户名:</span>
- <span class="sp-col-70" ng-bind="ctl.get_username"></span>
- </div>
- <div class="sp-lh-30 sp-mb-15">
- <span class="sp-col-30">中文名:</span>
- <span class="sp-col-70" ng-bind="ctl.get_chineseName"></span>
- </div>
- <div class="sp-lh-16 sp-col-30">目前使用:</div>
- <div class="sp-col-70">
- <div class="sp-col-70">
- <img ng-src="{{ctl.currentImg}}" />
- </div>
- <div class="sp-col-30 sp-pt-30">
- <i class="fa fa-pencil fa-2x" title="修改" style="cursor:pointer" onclick="sp.layer('#headImg')"></i>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-12">
- <div class="col-md-4">
- <div class="ibox float-e-margins">
- <div class="ibox-content">
- <div class="sp-lh-30 sp-mt-15">
- <div class="sp-lh-16 sp-col-30">工作桌面:</div>
- <div class="sp-col-70">
- <div class="sp-col-70">
- <img ng-src="{{ctl.currentDESK}}" style="width:200px" />
- </div>
- <div class="sp-col-30 sp-pt-30">
- <i class="fa fa-pencil fa-2x" title="修改" style="cursor:pointer" onclick="sp.layer('#deskEdit')"></i>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-8">
- </div>
- </div>
- </div>
- </div>
- <div id="headImg" class="sp-layer" style="width: 900px;">
- <div class="sp-layer-head" style="background:#2176d6">
- <div class="sp-page sp-text-center sp-font16">
- 修改头像
- <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
- ×
- </div>
- </div>
- </div>
- <div class="sp-layer-body">
- <div class="ibox float-e-margins">
- <div class="ibox-title">
- <h5>选择头像</h5>
- </div>
- <div class="ibox-content">
- <div class="row">
- <div class="col-md-12" id="modiyPhotoPart" mod-img-click>
- <div class="sp-page-col sp-mr-10 sp-mb-10" ng-repeat="item in ctl.ImgData">
- <img ng-src="../../AFrontEnd/css/icons/photo/{{item.imgName}}" data-name="{{item.imgName}}" />
- <div class="mod-img-up"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="sp-page sp-text-center sp-mt-15">
- <a class="sp-btn-blue sp-radius" ng-click="ctl.savePhoto()"><i class="fa fa-check sp-mr-5"> </i>保 存</a>
- <a class="sp-btn-blue sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all sp-mr-5"> </i>取 消</a>
- </div>
- </div>
- </div>
- <div id="deskEdit" class="sp-layer" style="width: 900px;">
- <div class="sp-layer-head" style="background:#2176d6">
- <div class="sp-page sp-text-center sp-font16">
- 修改桌面
- <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
- ×
- </div>
- </div>
- </div>
- <div class="sp-layer-body">
- <div class="ibox float-e-margins">
- <div class="ibox-content">
- <div class="row">
- <div class="col-md-12" id="modiyDeskPart" mod-desk-click>
- <div class="sp-page-col sp-mr-30 sp-mb-10" ng-repeat="item in ctl.DeskData">
- <h5>模板{{$index+1}}</h5>
- <img ng-src="../../AFrontEnd/css/icons/photo/{{item.deskName}}" data-name="{{item.deskUrl}}" />
- <div class="mod-img-up"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="sp-page sp-text-center sp-mt-15">
- <a class="sp-btn-blue sp-radius" ng-click="ctl.saveDeskTop()"><i class="fa fa-check sp-mr-5"> </i>保 存</a>
- <a class="sp-btn-blue sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all sp-mr-5"> </i>取 消</a>
- </div>
- </div>
- </div>
- <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
- <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
- <script src="../../apiurljs.js"></script>
- <script src="../../js/sm4.js"></script>
- <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
- <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
- <script src="../../AFrontEnd/js/angularjs/angular-sanitize.js"></script>
- <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
- <script>document.write('<scri' + 'pt src="js/modifyPhoto.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
-
- </body>
- </html>
|