modifyPhoto.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Pragma" content="no-cache" />
  6. <meta http-equiv="Cache-Control" content="no-cache" />
  7. <meta http-equiv="Expires" content="0" />
  8. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  9. <title></title>
  10. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  11. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  12. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  13. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  14. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  15. <style>
  16. /**更改头像页面*/
  17. #modiyPhotoPart .sp-page-col {
  18. width: 128px;
  19. height: 128px;
  20. cursor: pointer;
  21. }
  22. .mod-img-up {
  23. float: left;
  24. width: 100%;
  25. height: 16px;
  26. margin-top: -70px;
  27. }
  28. #modiyPhotoPart img {
  29. float: left;
  30. width: 128px;
  31. height: 128px;
  32. }
  33. #modiyDeskPart .sp-page-col {
  34. width: 200px;
  35. height: 150px;
  36. cursor: pointer;
  37. }
  38. #modiyDeskPart img {
  39. float: left;
  40. width: 200px;
  41. height: 100px;
  42. }
  43. .sp-img-checked {
  44. background: url('../../AFrontEnd/css/icons/checkbox/chb-blue-checked.png') no-repeat center center;
  45. }
  46. .sp-desk-checked {
  47. background: url('../../AFrontEnd/css/icons/checkbox/chb-blue-checked.png') no-repeat center center;
  48. }
  49. </style>
  50. </head>
  51. <body ng-controller="modifyPhotoCtrl as ctl" ng-cloak>
  52. <div class="wrapper wrapper-content animated fadeInDown">
  53. <div class="row">
  54. <div class="col-md-4">
  55. <div class="ibox float-e-margins">
  56. <div class="ibox-title"><h5>个人资料</h5></div>
  57. <div class="ibox-content">
  58. <div class="row">
  59. <div class="col-xs-12">
  60. <div class="sp-lh-30">
  61. <span class="sp-col-30">用户名:</span>
  62. <span class="sp-col-70" ng-bind="ctl.get_username"></span>
  63. </div>
  64. <div class="sp-lh-30 sp-mb-15">
  65. <span class="sp-col-30">中文名:</span>
  66. <span class="sp-col-70" ng-bind="ctl.get_chineseName"></span>
  67. </div>
  68. <div class="sp-lh-16 sp-col-30">目前使用:</div>
  69. <div class="sp-col-70">
  70. <div class="sp-col-70">
  71. <img ng-src="{{ctl.currentImg}}" />
  72. </div>
  73. <div class="sp-col-30 sp-pt-30">
  74. <i class="fa fa-pencil fa-2x" title="修改" style="cursor:pointer" onclick="sp.layer('#headImg')"></i>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="col-md-12">
  83. <div class="col-md-4">
  84. <div class="ibox float-e-margins">
  85. <div class="ibox-content">
  86. <div class="sp-lh-30 sp-mt-15">
  87. <div class="sp-lh-16 sp-col-30">工作桌面:</div>
  88. <div class="sp-col-70">
  89. <div class="sp-col-70">
  90. <img ng-src="{{ctl.currentDESK}}" style="width:200px" />
  91. </div>
  92. <div class="sp-col-30 sp-pt-30">
  93. <i class="fa fa-pencil fa-2x" title="修改" style="cursor:pointer" onclick="sp.layer('#deskEdit')"></i>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="col-md-8">
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <div id="headImg" class="sp-layer" style="width: 900px;">
  106. <div class="sp-layer-head" style="background:#2176d6">
  107. <div class="sp-page sp-text-center sp-font16">
  108. 修改头像
  109. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  110. ×
  111. </div>
  112. </div>
  113. </div>
  114. <div class="sp-layer-body">
  115. <div class="ibox float-e-margins">
  116. <div class="ibox-title">
  117. <h5>选择头像</h5>
  118. </div>
  119. <div class="ibox-content">
  120. <div class="row">
  121. <div class="col-md-12" id="modiyPhotoPart" mod-img-click>
  122. <div class="sp-page-col sp-mr-10 sp-mb-10" ng-repeat="item in ctl.ImgData">
  123. <img ng-src="../../AFrontEnd/css/icons/photo/{{item.imgName}}" data-name="{{item.imgName}}" />
  124. <div class="mod-img-up"></div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="sp-page sp-text-center sp-mt-15">
  131. <a class="sp-btn-blue sp-radius" ng-click="ctl.savePhoto()"><i class="fa fa-check sp-mr-5"> </i>保 存</a>
  132. <a class="sp-btn-blue sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all sp-mr-5"> </i>取 消</a>
  133. </div>
  134. </div>
  135. </div>
  136. <div id="deskEdit" class="sp-layer" style="width: 900px;">
  137. <div class="sp-layer-head" style="background:#2176d6">
  138. <div class="sp-page sp-text-center sp-font16">
  139. 修改桌面
  140. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  141. ×
  142. </div>
  143. </div>
  144. </div>
  145. <div class="sp-layer-body">
  146. <div class="ibox float-e-margins">
  147. <div class="ibox-content">
  148. <div class="row">
  149. <div class="col-md-12" id="modiyDeskPart" mod-desk-click>
  150. <div class="sp-page-col sp-mr-30 sp-mb-10" ng-repeat="item in ctl.DeskData">
  151. <h5>模板{{$index+1}}</h5>
  152. <img ng-src="../../AFrontEnd/css/icons/photo/{{item.deskName}}" data-name="{{item.deskUrl}}" />
  153. <div class="mod-img-up"></div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. <div class="sp-page sp-text-center sp-mt-15">
  160. <a class="sp-btn-blue sp-radius" ng-click="ctl.saveDeskTop()"><i class="fa fa-check sp-mr-5"> </i>保 存</a>
  161. <a class="sp-btn-blue sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all sp-mr-5"> </i>取 消</a>
  162. </div>
  163. </div>
  164. </div>
  165. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  166. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  167. <script src="../../apiurljs.js"></script>
  168. <script src="../../js/sm4.js"></script>
  169. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  170. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  171. <script src="../../AFrontEnd/js/angularjs/angular-sanitize.js"></script>
  172. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
  173. <script>document.write('<scri' + 'pt src="js/modifyPhoto.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
  174. </body>
  175. </html>