meetingInfoMypublish.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  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. <link href="../../css/OA-style.css" rel="stylesheet" />
  9. <style type="text/css">
  10. .mui-content {
  11. background-color: #FFFFFF;
  12. }
  13. #title {
  14. font-size: 20px;
  15. color: #000000;
  16. text-align: center;
  17. padding: 10px 5px 5px 5px;
  18. }
  19. #time {
  20. padding: 0px 5px;
  21. line-height: 16px;
  22. text-align: center;
  23. margin-bottom: 15px;
  24. }
  25. #noticeType {
  26. padding: 0px 5px;
  27. line-height: 16px;
  28. text-align: center;
  29. margin-bottom: 15px;
  30. }
  31. .line {
  32. margin: 0 auto;
  33. border-top: 1px solid #ddd
  34. }
  35. #content {
  36. padding: 10px 15px;
  37. overflow: hidden;
  38. width: 100%;
  39. line-height: 30px;
  40. }
  41. #affix {
  42. padding: 10px 15px;
  43. overflow: hidden;
  44. width: 100%;
  45. line-height: 30px;
  46. }
  47. video {
  48. max-width: 100%;
  49. }
  50. img { max-width: 100%;}
  51. </style>
  52. </head>
  53. <body>
  54. <header class="mui-bar mui-bar-nav">
  55. <a href="" class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
  56. <h1 class="mui-title">会议详情</h1>
  57. </header>
  58. <div class="mui-content">
  59. <div class="mui-card-header tongzhi_title"><b>会议标题: <font id="meeting_title"></b></div>
  60. <div class="top">
  61. <br /><span class="tongzhi_div1">会议地点: <font id="meeting_address"></font> </span>
  62. <br /><span class="tongzhi_div1">缓急: <font id="desc"></font> </span>
  63. <br /><span class="tongzhi_div1">参会时间: <font id="meeting_start_date"></font> </span>
  64. <span class="tongzhi_div1">至 <font id="meeting_end_date"></font> </span>
  65. <br /><span class="tongzhi_div1">会议内容: <font id="meeting_content"></font> </span>
  66. <br /><span class="tongzhi_div1">接收人: <font id="sendUser"></font> </span>
  67. <br /><span class="tongzhi_div1">是否短信通知: <font id="meeting_issms_name"></font> </span>
  68. <br /><span class="tongzhi_div1">已签收人员: <font id="YetSignList"></font> </span>
  69. <br /><span class="tongzhi_div1">未签收人员: <font id="NotSignList"></font> </span>
  70. </div>
  71. <div class="line"></div>
  72. <div id="affix"></div>
  73. <div class="line"></div>
  74. <div id="aaaa">
  75. </div>
  76. </div>
  77. <script src="../../js/mui.min.js"></script>
  78. <script src="../../js/app.js"></script>
  79. <script src="../../js/config.js"></script>
  80. <script type="text/javascript">
  81. mui.init();
  82. mui.plusReady(function(){
  83. var self = plus.webview.currentWebview();
  84. var meeting_id = self.meeting_id;
  85. var meeting_user_id = self.meeting_user_id;
  86. var type = self.type;
  87. getData(meeting_id,meeting_user_id,type);
  88. })
  89. function openFile33(path){
  90. mui.openWindow({
  91. createNew: true,
  92. url: path,
  93. });
  94. }
  95. function getData(meeting_id,meeting_user_id,type) {
  96. var meeting_title = mui('#meeting_title');
  97. var meeting_address = mui('#meeting_address');
  98. var desc = mui('#desc');
  99. var meeting_start_date = mui('#meeting_start_date');
  100. var meeting_end_date = mui('#meeting_end_date');
  101. var meeting_content = mui('#meeting_content');
  102. var sendUser = mui('#sendUser');
  103. var meeting_issms_name = mui('#meeting_issms_name');
  104. var YetSignList = mui('#YetSignList');
  105. var NotSignList = mui('#NotSignList');
  106. var affix = mui('#affix');
  107. var url = API.API_URL();
  108. var serviceId = "oa_2018V001PHONE_public_info";
  109. var state = app.getState(); //获取登陆信息
  110. var staffId = state.user.useId;
  111. var obj = {
  112. meeting_id: meeting_id,
  113. meeting_user_id: meeting_user_id,
  114. type: type
  115. };
  116. app.ajax(serviceId,obj, function(data) {
  117. //服务器返回响应
  118. console.log(JSON.stringify(data));
  119. var affixHtml = "";
  120. var affixURL = data.fileList;
  121. for(var i = 0, len = affixURL.length; i < len; i++) {
  122. var url = API.API_IP_PORT+affixURL[i].path;
  123. affixHtml += "<a href='#' onclick=\"openFile33('"+url+"')\">"+affixURL[i].srcFile+"</a><br>";
  124. }
  125. affix[0].innerHTML = affixHtml;
  126. meeting_title[0].innerHTML = data.meeting_title;
  127. meeting_address[0].innerHTML = data.meeting_address;
  128. desc[0].innerHTML = data.meeting_level_name;
  129. meeting_start_date[0].innerHTML = data.meeting_start_date;
  130. meeting_end_date[0].innerHTML = data.meeting_end_date;
  131. meeting_content[0].innerHTML = data.meeting_content;
  132. sendUser[0].innerHTML = data.sendUser;
  133. meeting_issms_name[0].innerHTML = data.meeting_issms_name;
  134. var affixHtml = "";
  135. var yet = '';
  136. var not = '';
  137. var signList = data.signList;
  138. for(var i = 0, len = signList.length; i < len; i++) {
  139. if(signList[i].meeting_user_type == '0'){
  140. not += signList[i].name;
  141. }
  142. if(signList[i].meeting_user_type == '1'){
  143. yet += '<p style="color:#7a7a7a;"> '+signList[i].name + ' 签收时间:' + signList[i].meeting_user_sign_date+' 反馈内容: ' + signList[i].meeting_user_feedback+'</p>';
  144. }
  145. }
  146. /* console.log("signList" + signList + '--yet--' + yet + '---not---'+not);*/
  147. YetSignList[0].innerHTML = yet;
  148. NotSignList[0].innerHTML = not;
  149. var meetingListData = data.meetingListData;
  150. var table = '<table border="1" style="color:#7a7a7a;">';
  151. table += '<tr> <th>姓名</th><th>是否已签收</th>';
  152. table += '<th>是否参加</th><th>代替参会人</th>';
  153. table += '<th>反馈内容</th></tr>';
  154. for(var i = 0, len = meetingListData.length; i < len; i++) {
  155. table += '<tr><th>'+meetingListData[i].name+'</th>';
  156. if(meetingListData[i].meeting_user_type == '1'){
  157. table += '<th> 是 </th>';
  158. }else{
  159. table += '<th> 否 </th>';
  160. }
  161. if(meetingListData[i].participate == '0'){
  162. table += '<th> 不参加 </th>';
  163. }else if(meetingListData[i].participate == '1'){
  164. table += '<th> 本人参加 </th>';
  165. }else if(meetingListData[i].participate == '2'){
  166. table += '<th> 他人参加 </th>';
  167. }else{
  168. table += '<th> </th>';
  169. }
  170. if(meetingListData[i].replace_person == null){
  171. table += '<th></th>';
  172. }else{
  173. table += '<th>' + meetingListData[i].replace_person + '</th>';
  174. }
  175. if(meetingListData[i].meeting_user_feedback == null ){
  176. table += '<th> </th>';
  177. }else{
  178. table += '<th>' + meetingListData[i].meeting_user_feedback + '</th></tr>';
  179. }
  180. }
  181. table += '</table>';
  182. console.log(table);
  183. mui('#aaaa')[0].innerHTML = table;
  184. });
  185. };
  186. </script>
  187. </body>
  188. </html>