personalData_tabletop.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  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. <title>框架与桌面</title>
  9. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  11. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  12. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  13. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. <script>document.write("<link href='css/personalData.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  15. <style type="text/css">
  16. .imgColActive{background-color:#dedede;}
  17. </style>
  18. </head>
  19. <body ng-controller="personalDataTabletop as ctl">
  20. <div class="loading" ng-if="ctl.loading">
  21. <div class="loading-msg">
  22. <h3>数据加载中,请等待</h3>
  23. <div class="spinner">
  24. <div class="bounce1"></div>
  25. <div class="bounce2"></div>
  26. <div class="bounce3"></div>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="sp-page">
  31. <div class="sp-center-1000">
  32. <div class="sp-col-20">
  33. <div class="sp-page" style="margin-top:50px;">
  34. <a href="personalData.html"><div class="leftcol-lh"><img src="img/zhanghao.png" /> 账号与安全</div></a>
  35. <a href="personalData_tabletop.html"><div class="leftcol-lh"><img src="img/logo-kj.png" /> 框架与桌面</div></a>
  36. <a href="personalData_phone.html"><div class="leftcol-lh"><img src="img/logo-phone.png" /> 通讯录信息</div></a>
  37. </div>
  38. </div>
  39. <div class="sp-col-80">
  40. <div class="sp-page" style="width:90%; margin-left:5%; margin-top:40px;">
  41. <div class="sp-lh-32 sp-text-center sp-text-weight sp-fs-16" style="margin-bottom:30px;">框架与桌面</div>
  42. <div class="sp-page sp-border-bottom" style="margin-top:10px; margin-bottom: 10px; "></div>
  43. <!--框架-->
  44. <div class="sp-lh-30">
  45. <div class="sp-col-70"><img src="img/logo2-menu.png" style="width:25px; height:25px; margin-right:20px;" /> 请选择自己喜欢的框架</div>
  46. <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_frame()">更改</span></div>
  47. </div>
  48. <div class="sp-page" ng-if="ctl.frameArray.length>0 && ctl.ifHasDefault_frame==1">
  49. <div class="sp-page-col" style="width:200px; margin-left:60px;">
  50. <img ng-src="{{ctl.frameArray_active.IMAGESMALL}}" style="width: 200px; height: 100px;" />
  51. </div>
  52. <div class="sp-page-col sp-ml-20">
  53. <div class="sp-lh-30">{{ctl.frameArray_active.CNAME}}</div>
  54. </div>
  55. </div>
  56. <div class="sp-lh-32" style="text-indent: 60px;" ng-if="ctl.ifHasDefault_frame==0">
  57. 您好,暂未选择框架
  58. </div>
  59. <div class="sp-page sp-border-bottom" style="margin-top:10px; margin-bottom: 10px; "></div>
  60. <!--框架-->
  61. <!--选择桌面-->
  62. <div class="sp-lh-30">
  63. <div class="sp-col-70"><img src="img/logo2-desktop.png" style="width: 25px; height: 25px; margin-right: 20px; " /> 请选择自己喜欢的桌面</div>
  64. <div class="sp-col-30">
  65. <span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_desktop()">更改</span>
  66. </div>
  67. </div>
  68. <div class="sp-page" ng-if="ctl.desktopArray.length>0 && ctl.ifHasDefault_desktop==1">
  69. <div class="sp-page-col" style="width:200px; margin-left:60px;">
  70. <img ng-src="{{ctl.desktopArray_active.IMAGESMALL}}" style="width: 200px; height: 100px;" />
  71. </div>
  72. <div class="sp-page-col sp-ml-20">
  73. <div class="sp-lh-30">{{ctl.desktopArray_active.CNAME}}</div>
  74. </div>
  75. </div>
  76. <div class="sp-lh-32" style="text-indent: 60px;" ng-if="ctl.ifHasDefault_desktop==0">
  77. 您好,暂未选择桌面
  78. </div>
  79. <div class="sp-page sp-border-bottom" style="margin-top:10px; margin-bottom: 10px; "></div>
  80. <!--选择桌面-->
  81. <!--背景图片-->
  82. <div class="sp-lh-30">
  83. <div class="sp-col-70"><img src="img/logo2-img.png" style="width: 25px; height: 25px; margin-right: 20px; " /> 请选择自己喜欢的背景图片</div>
  84. <div class="sp-col-30">
  85. <span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_bkimage()">更改</span>
  86. </div>
  87. </div>
  88. <div class="sp-page" ng-if="ctl.bkimageArray.length>0 && ctl.ifHasDefault_bkimage==1">
  89. <div class="sp-page-col" style="width:200px; margin-left:60px;">
  90. <img ng-src="{{ctl.bkimageArray_active.IMAGESMALL}}" style="width: 200px; height: 100px;" />
  91. </div>
  92. </div>
  93. <div class="sp-lh-32" style="text-indent: 60px;" ng-if="ctl.ifHasDefault_bkimage==0">
  94. 您好,暂未选择背景图片
  95. </div>
  96. <!--背景图片-->
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <!--选择框架-->
  102. <div class="sp-layer" id="layer_frame" data-title="选择框架" style="width: 620px;">
  103. <div class="sp-layer-body">
  104. <div class="sp-page">
  105. <div class="sp-page">
  106. <div ng-repeat="item in ctl.frameArray" class="sp-page-col sp-cursor-pointer" ng-class="{'imgColActive':ctl.imgColActive_code==item.CODE}" ng-click="ctl.frame_imgColClick(item)" style="width: 180px; border:1px solid #dedede; padding:10px 10px 0 10px; margin:10px;">
  107. <div class="sp-page">
  108. <img ng-src="{{item.IMAGESMALL}}" alt="" style="width: 160px; height: 90px; " />
  109. </div>
  110. <div class="sp-lh-30 sp-text-center">{{item.CNAME}}</div>
  111. </div>
  112. </div>
  113. <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
  114. <div class="sp-page sp-text-center sp-mt-20">
  115. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_frame()">
  116. <i class="fa fa-check sp-mr-5"></i>提 交
  117. </button>
  118. <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_frame()">
  119. <i class="fa fa-close sp-mr-5"></i>关 闭
  120. </button>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <!--选择桌面-->
  126. <div class="sp-layer" id="layer_desktop" data-title="选择桌面" style="width: 620px;">
  127. <div class="sp-layer-body">
  128. <div class="sp-page">
  129. <div class="sp-page">
  130. <div ng-repeat="item in ctl.desktopArray" class="sp-page-col sp-cursor-pointer" ng-class="{'imgColActive':ctl.imgColActive_code_desktop==item.CODE}" ng-click="ctl.desktop_imgColClick(item)" style="width: 180px; border:1px solid #dedede; padding:10px 10px 0 10px; margin:10px;">
  131. <div class="sp-page">
  132. <img ng-src="{{item.IMAGESMALL}}" alt="" style="width: 160px; height: 90px; " />
  133. </div>
  134. <div class="sp-lh-30 sp-text-center">{{item.CNAME}}</div>
  135. </div>
  136. </div>
  137. <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
  138. <div class="sp-page sp-text-center sp-mt-20">
  139. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_desktop()">
  140. <i class="fa fa-check sp-mr-5"></i>提 交
  141. </button>
  142. <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_desktop()">
  143. <i class="fa fa-close sp-mr-5"></i>关 闭
  144. </button>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. <!--选择背景图片-->
  150. <div class="sp-layer" id="layer_bkimage" data-title="选择背景图片" style="width: 620px;">
  151. <div class="sp-layer-body">
  152. <div class="sp-page">
  153. <div class="sp-page">
  154. <div ng-repeat="item in ctl.bkimageArray" class="sp-page-col sp-cursor-pointer" ng-class="{'imgColActive':ctl.imgColActive_code_bkimage==item.CODE}" ng-click="ctl.bkimage_imgColClick(item)" style="width: 180px; border:1px solid #dedede; padding:10px 10px 0 10px; margin:10px;">
  155. <div class="sp-page">
  156. <img ng-src="{{item.IMAGESMALL}}" alt="" style="width: 160px; height: 90px; " />
  157. </div>
  158. <div class="sp-lh-30 sp-text-center">{{item.CNAME}}</div>
  159. </div>
  160. </div>
  161. <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
  162. <div class="sp-page sp-text-center sp-mt-20">
  163. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_bkimage()">
  164. <i class="fa fa-check sp-mr-5"></i>提 交
  165. </button>
  166. <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_bkimage()">
  167. <i class="fa fa-close sp-mr-5"></i>关 闭
  168. </button>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  174. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  175. <script src="../../AFrontEnd/js/angularjs/angular-sanitize.js"></script>
  176. <script src="../../apiurljs.js"></script>
  177. <script src="../../js/sm4.js"></script>
  178. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
  179. <script>document.write('<scri' + 'pt src="js/personalData_tabletop.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
  180. </body>
  181. </html>