个人开源项目 / XP-EKP部分代码

#### MailTable.setTableData(JSONObject tableData) ```js tableData = { formBoxType: "form_boxB", // 表格类型:Bform_boxA、form_boxB、form_boxC、form_boxD, 默认为 form_box headerHtml: "This is a list of employee info", // 默认为空(可为html) infoHtml: "You must check it and reply to me in two days from now on", // 默认为空(可为html) tableHeader: ["序号", "姓名", "职务", "入职时间", "升职时间"], // 默认为空(JSONArray、Array) tableRowData: [// 默认为空(JSONArray、Array) ["黎令魁1", "助理工程师1", "1998-01-01", "lilingkui@xinpoint.com"], ["黎令魁2", "助理工程师2", "1998-01-02", "lilingkui@xinpoint.com"], ["黎令魁3", "助理工程师3", "1998-01-03", "lilingkui@xinpoint.com"], ["黎令魁4", "助理工程师4", "1998-01-04", "lilingkui@xinpoint.com"], ["黎令魁5", "助理工程师5", "1998-01-05", "lilingkui@xinpoint.com"] ], bottomHTML: "2022年6月18日21:13:00",// 可为html footerHTML: "XinPoint" // 默认为 <a title='oa.xinpoint.com' href='https://oa.xinpoint.com'>XinPoint-OA</a> } ``` #### MailTable.getHtmlMailStr() 最后将得到以下类似的html代码 ```html <style> html,body{margin:0px;padding:0px;height:100%;line-height:100%;width:100%;border:none} .f_cA{color:#1fbba6} .f_cB{color:#e32727} .f_cC{color:#3085be} .f_cD{color:#4a91b9} .msg{padding:10px 0px 10px 10px;color:#414141;font-size:12px} address{text-align:center;font-style:normal;line-height:1.8em;color:#999;border-top:#dfe4e7 solid 1px;padding:20px 0px} address span{color:#8c9bc1;padding-right:45px} #Contents{padding:25px 20px 25px 20px;height:auto;overflow:auto} #BtmMain .ttl{font-size:16px;float:left;padding:8px 20px 0px 0px} #MainForm{background-color:#FFF;-webkit-box-shadow:#e0e0e0 0px 0px 10px;-moz-box-shadow:#e0e0e0 0px 0px 10px;box-shadow:#e0e0e0 0px 0px 10px;clear:both} #MainForm h2{background-color:#f9f9f9;font-size:16px;padding:15px 20px 12px 20px;color:#333;font-weight:normal;border-bottom:#e8e8e8 solid 1px} .form_boxA{} .form_boxA table{width:100%} .form_boxA th{border-bottom:#e3e3e3 solid 2px;text-align:center;font-size:14px;padding:10px 0px} .form_boxA td{border-bottom:#e3e3e3 solid 1px;text-align:center;font-size:12px;padding:8px 15px} .form_boxA a{color:#3085be;text-decoration:none} .form_boxA a:hover{color:#1e628f;text-decoration:underline} .info_boxA{text-align:left !important;font-size:16px;font-weight:bold;padding-left:20px !important;border-right:none !important} .form_boxB{} .form_boxB table{width:100%} .form_boxB th{border-bottom:#e3e3e3 solid 2px;text-align:center;font-size:14px;padding:10px 0px} .form_boxB td{border-bottom:#e3e3e3 solid 1px;border-right:#e3e3e3 solid 1px;text-align:center;font-size:12px;padding:8px 15px} .form_boxB td.last{border-right:none !important} .form_boxB a{color:#3085be;text-decoration:none} .form_boxB a:hover{color:#1e628f;text-decoration:underline} .info_boxB{text-align:left !important;font-size:16px;font-weight:bold;padding-left:20px !important;border-right:none !important} .btn_boxB{-webkit-box-shadow:#e0e0e0 0px 0px 10px;-moz-box-shadow:#e0e0e0 0px 0px 10px;box-shadow:#e0e0e0 0px 0px 10px} .btn_boxB input{height:33px;line-height:33px;vertical-align:middle;border:none;font-size:16px;background-color:#888;padding:0px 10px;color:#FFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer .form_boxC{padding:0px 20px} .form_boxC th{font-size:14px;font-weight:normal;text-align:left;padding:5px 15px 5px 0px} .form_boxC td{font-size:12px;padding:5px 0px} .form_boxD{padding:0px 20px} .form_boxD th{font-size:14px;font-weight:normal;text-align:left;padding:5px 15px 5px 0px;border-top:#e3e3e3 solid 1px} .form_boxD td{font-size:12px;padding:5px 0px;border-top:#e3e3e3 solid 1px} .form_boxD tr.ttl th{border-bottom:#CCC solid 1px;border-top:none !important} .txtbox{padding:3px;background-color:#FFF;-webkit-box-shadow:#e0e0e0 0px 0px 10px;-moz-box-shadow:#e0e0e0 0px 0px 10px;box-shadow:#e0e0e0 0px 0px 10px} .txtbox input{border:none;height:29px;line-height:29px;float:left;font-size:16px;padding:0px 10px} .txtbox textarea{border:none;font-size:16px;padding:10px} .btn_box {-webkit-box-shadow:#e0e0e0 0px 0px 10px;-moz-box-shadow:#e0e0e0 0px 0px 10px;box-shadow:#e0e0e0 0px 0px 10px} .btn_box input{height:33px;line-height:33px;vertical-align:middle;border:none;font-size:16px;background-color:#1fbba6;padding:0px 10px;color:#FFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer} </style> <!-- Contents --> <div id="Contents"> <!-- MainForm --> <div id="MainForm"> <div class="form_boxA"> <h2>This Is A List</h2> <table> <tr> <td colspan="10" class="info_boxA">You Must Check It And Reply To Me In Time</td> </tr> <tr> <th>姓名</th> <th>职位</th> <th>入职时间</th> <th>邮箱</th> </tr> <tr><td>黎令魁1</td><td>助理工程师1</td><td>1998-01-01</td><td class='last'><a title='Click To Send Email' href='Mailto:lilingkui@xinpoint.com'>lilingkui@xinpoint.com</a></td></tr><tr><td>黎令魁2</td><td>助理工程师2</td><td>1998-01-02</td><td class='last'><a title='Click To Send Email' href='Mailto:lilingkui@xinpoint.com'>lilingkui@xinpoint.com</a></td></tr><tr><td>黎令魁3</td><td>助理工程师3</td><td>1998-01-03</td><td class='last'><a title='Click To Send Email' href='Mailto:lilingkui@xinpoint.com'>lilingkui@xinpoint.com</a></td></tr><tr><td>黎令魁4</td><td>助理工程师4</td><td>1998-01-04</td><td class='last'><a title='Click To Send Email' href='Mailto:lilingkui@xinpoint.com'>lilingkui@xinpoint.com</a></td></tr><tr><td>黎令魁5</td><td>助理工程师5</td><td>1998-01-05</td><td class='last'><a title='Click To Send Email' href='Mailto:lilingkui@xinpoint.com'>lilingkui@xinpoint.com</a></td></tr> </table> <div class="msg">制表时间：2022年6月19日15:55:17</div> </div> </div> <!-- /MainForm --> </div> <!-- /Contents --> <!-- /footer --> <footer> <address><a title='oa.xinpoint.com' href='https://oa.xinpoint.com'>XinPoint-OA</a></address> </footer> <!-- /footer --> ```