work_plan_detail.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="../../css/mui.min.css" rel="stylesheet" />
  8. <style>
  9. /*设置body内边距*/
  10. body {
  11. padding: 10px;
  12. }
  13. /*设置lable宽度*/
  14. label {
  15. width: 30%;
  16. display: block;
  17. float: left;
  18. }
  19. /*标题栏颜色*/
  20. .mui-bar-nav {
  21. background-color: #00C5CB;
  22. }
  23. /*删除 ul 上下方横线*/
  24. .mui-table-view:after {
  25. height: 0px
  26. }
  27. .mui-table-view:before {
  28. height: 0px;
  29. }
  30. /*设置文字间距 已最大长度 部门负责人 为准*/
  31. /*.wjmc{letter-spacing:4px;}
  32. .rbh{letter-spacing:4px;}*/
  33. /*左侧字体颜色*/
  34. .huise {
  35. color: #999999
  36. }
  37. /*按钮颜色*/
  38. .mui-btn-blue,
  39. .mui-btn-primary,
  40. input[type=submit] {
  41. border: 1px solid #00c5cb;
  42. background-color: #00c5cb;
  43. }
  44. </style>
  45. </head>
  46. <body>
  47. <header class="mui-bar mui-bar-nav">
  48. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #FFFFFF;"></a>
  49. <h1 class="mui-title" style="color: #FFFFFF;">工作计划详情</h1>
  50. </header>
  51. <div class="mui-content">
  52. <ul class="mui-table-view">
  53. <li class="mui-table-view-cell huise">
  54. <label style="letter-spacing:1px;">工作计划日期:</label>
  55. <span id="work_date"></span>
  56. </li>
  57. <li class="mui-table-view-cell huise">
  58. <label style="letter-spacing:3px;">发起人:</label>
  59. <span id="initiator"></span>
  60. </li>
  61. <li class="mui-table-view-cell huise">
  62. <label style="letter-spacing:3px;">单位部门:</label>
  63. <span id="department"></span>
  64. </li>
  65. <li class="mui-table-view-cell huise">
  66. <label style="letter-spacing:1px;">工作计划内容:</label>
  67. <span id="work_content"></span>
  68. </li>
  69. </ul>
  70. </div>
  71. <script src="../../js/mui.min.js"></script>
  72. <script src="../../js/dj/flow/flow_download.js"></script>
  73. <script src="../../js/config.js"></script>
  74. <script src="../../js/app.js"></script>
  75. <script type="text/javascript">
  76. mui.init();
  77. mui.plusReady(function() {
  78. var self = plus.webview.currentWebview();
  79. var work_date = self.work_date;
  80. var department = self.department;
  81. var work_content = self.work_content;
  82. var initiator = self.initiator;
  83. document.getElementById("work_date").innerHTML=work_date;
  84. document.getElementById("department").innerHTML=department;
  85. document.getElementById("work_content").innerHTML=work_content;
  86. document.getElementById("initiator").innerHTML=initiator;
  87. });
  88. </script>
  89. </body>
  90. </html>