三元财务UI

company.html 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html>
  2. <html style="height: 100%;">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>我的公司</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="../css/mui.css">
  10. <link rel="stylesheet" href="../css/iconfont.css" />
  11. <link rel="stylesheet" href="css/companyl.css" />
  12. </head>
  13. <body style="height: 100%;">
  14. <!--页面主内容区开始-->
  15. <div class="mui-content">
  16. <div class='Content'>
  17. <ul class="mui-table-view">
  18. <li class="mui-table-view-cell mui-media">
  19. <a href="javascript:;">
  20. <img id="companyLogo" class="mui-media-object mui-pull-left img_1" src>
  21. <div class="mui-media-body">
  22. <h4 class="text_h_1" id="companyName"></h4>
  23. <h5 class="text_h_2" id="customerCode">公司税号:56152462452366</h5>
  24. <h5>地址:<span>河南省郑州市西三环大学科技园东区</span></h5>
  25. </div>
  26. </a>
  27. </li>
  28. </ul>
  29. <ul class="mui-table-view mui-grid-view mui-grid-9 frist_list">
  30. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-col-sm-12 Managment">
  31. <a>
  32. <div class="mui-text-left mui-pull-left">
  33. <h4>
  34. <span class="text_s_1">服务周期</span>
  35. <span style="margin-left: 30px;" id="cycleTime"></span>
  36. </h4>
  37. </div>
  38. </a>
  39. </li>
  40. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-col-sm-12 Managment">
  41. <a>
  42. <div class="mui-text-left mui-pull-left">
  43. <h4>
  44. <span class="text_s_1">收费标准 </span>
  45. <span style="margin-left: 30px;" id="chargeType"></span>
  46. </h4>
  47. </div>
  48. </a>
  49. </li>
  50. <li class="mui-table-view-cell mui-media mui-col-xs-12 mui-col-sm-12 Managment">
  51. <a>
  52. <div class="mui-text-left mui-pull-left">
  53. <h4>
  54. <span class="text_s_1">代理费到期日期</span>
  55. <span style="margin-left: 30px;" id="feeExpires"></span>
  56. </h4>
  57. </div>
  58. </a>
  59. </li>
  60. </ul>
  61. <!--<ul class="mui-table-view mui-grid-view mui-grid-9 frist_list" style="margin-bottom: 10px;">
  62. <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4 Managment ">
  63. <div class="mui-text-left mui-pull-left mui_card">
  64. <p class="text_p_1">月收费</p>
  65. <p class="text_p_2">¥19</p>
  66. <span>每月自动续费,可随时关闭</span>
  67. </div>
  68. <span class="text_posi">当前</span>
  69. </li>
  70. </ul>-->
  71. <ul class="mui-table-view mui-table-view-chevron" style="margin-top: 15px;">
  72. <li class="mui-table-view-cell mui-media">
  73. <a class="mui-navigate-right noticeList">
  74. <div class="mui-media-body">
  75. <h5 class="text_h_3">公告列表</h5>
  76. </div>
  77. </a>
  78. </li>
  79. <li class="mui-table-view-cell mui-media">
  80. <a class="mui-navigate-right orderList">
  81. <div class="mui-media-body">
  82. <h5 class="text_h_3">工单列表</h5>
  83. </div>
  84. </a>
  85. </li>
  86. <li class="mui-table-view-cell mui-media">
  87. <a class="mui-navigate-right invoiceList">
  88. <div class="mui-media-body">
  89. <h5 class="text_h_3">服务记录</h5>
  90. </div>
  91. </a>
  92. </li>
  93. <li class="mui-table-view-cell mui-media">
  94. <a class="mui-navigate-right editBtn">
  95. <div class="mui-media-body">
  96. <h5 class="text_h_3">修改密码</h5>
  97. </div>
  98. </a>
  99. </li>
  100. <li class="mui-table-view-cell mui-media">
  101. <a class="mui-navigate-right" id="quit">
  102. <div class="mui-media-body">
  103. <h5 class="text_h_3">退出登录</h5>
  104. </div>
  105. </a>
  106. </li>
  107. </ul>
  108. </div>
  109. </div>
  110. </body>
  111. <script src="../js/mui.min.js"></script>
  112. <script src="../js/jquery.min.js"></script>
  113. <script src="../Script/Common/huayi.config.js"></script>
  114. <script src="../Script/Common/huayi.http.js"></script>
  115. <script src="js/company.js"></script>
  116. <script>
  117. var menucode = helper.request.queryString("menucode");
  118. var turn=1;
  119. $("#quit").click(function() {
  120. //点击图片后发送跳转到指定页面的事件。
  121. var btnArray = ['否', '是'];
  122. mui.confirm('确定返回?', '提示', btnArray, function(f) {
  123. if(f.index == 1) {
  124. helper.cookies.set("openid", "", -1);
  125. window.location.href = "../index.html?menucode="+menucode;
  126. } else {
  127. mui.toast("取消");
  128. }
  129. })
  130. })
  131. // 工单列表
  132. $(".noticeList").click(function() {
  133. //点击图片后发送跳转到指定页面的事件。
  134. window.location.href = "noticeList.html?turn="+turn;
  135. })
  136. // 工单列表
  137. $(".orderList").click(function() {
  138. //点击图片后发送跳转到指定页面的事件。
  139. window.location.href = "orderList.html?turn="+turn;
  140. })
  141. // 服务记录
  142. $(".invoiceList").click(function() {
  143. //点击图片后发送跳转到指定页面的事件。
  144. window.location.href = "invoiceList.html?turn="+turn;
  145. })
  146. // 修改密码
  147. $(".editBtn").click(function() {
  148. //点击图片后发送跳转到指定页面的事件。
  149. window.location.href = "edit.html";
  150. })
  151. </script>
  152. </html>