Home Explore Help
Register Sign In
ZYjames12345
/
zhujian_OA
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 0535b0bc7d
Branches Tags
zhujian_OA
/
tpl_意见时间带小时分钟
/
flowchart_formbuilder
/
HTML
/
2019
/
201906
/
20190617214009035100065.html

20190617214009035100065.html 9.3 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 
  1. <!DOCTYPE html>
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. <head>
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    5. 

  5.     <meta http-equiv="Expires" content="0" />
    6. 

  6.     <meta http-equiv="Pragma" content="no-cache" />
    7. 

  7.     <meta http-equiv="Cache-control" content="no-cache" />
    8. 

  8.     <meta http-equiv="Cache" content="no-cache" />
    9. 

  9.     <title>活动报名表单</title> 
    10. 

  10.     <link href="../../../../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
    11. 

  11.     <link href="../../../../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
    12. 

  12.     <link href="../../../../../AFrontEnd/css/style.css" rel="stylesheet" />
    13. 

  13.     <link href="../../../../../AFrontEnd/css/special.css" rel="stylesheet" />
    14. 

  14.     <link href="../../../../../AFrontEnd/css/sp.mobile.css" rel="stylesheet" />
    15. 

  15.     <link href="../../../css.page/temp_html.css" rel="stylesheet" />   
    16. 

  16. </head>
    17. 

  17. <body>    
    18. 

  18.     <div class="sp-page sp-bg-white" id="tempHtmlDesignPart">
    19. 

  19.          
    20. 

  20.             <div class="sp-color-orange sp-fs-16 sp-text-weight" style="float: left; width: 100%; padding:0 3%; background-color: #f0f3f4; line-height:32px; ">活动信息</div>
    21. 

  21.             <ul data-id="EVENTSINFO_0_0_0_TITLE" class="mob-two-col">
    22. 

  22.                 <li class="left">活动标题</li>
    23. 

  23.                 <li class="right">
    24. 

  24.                     <input type="text" data-type="text" data-code="TITLE" id="EVENTSINFO_0_0_0_TITLE" class="">
    25. 

  25.                 </li>
    26. 

  26.             </ul>            
    27. 

  27.         <ul data-id="EVENTSINFO_0_0_0_EVENTDATE" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_0_0_0_EVENTDATE&quot;)"></i>活动日期</li><li class="right"><input type="text" data-type="date" data-code="EVENTDATE" id="EVENTSINFO_0_0_0_EVENTDATE" readonly="" class=""></li></ul><ul data-id="EVENTSINFO_0_0_0_EVENTNUM" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_0_0_0_EVENTNUM&quot;)"></i>活动人数</li><li class="right"><input type="number" data-type="text" data-code="EVENTNUM" id="EVENTSINFO_0_0_0_EVENTNUM" class=""></li></ul><ul data-id="EVENTSINFO_0_0_0_EVENTADDR" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_0_0_0_EVENTADDR&quot;)"></i>活动地点</li><li class="right"><input type="text" data-type="text" data-code="EVENTADDR" id="EVENTSINFO_0_0_0_EVENTADDR" class=""></li></ul><ul data-id="EVENTSINFO_0_0_0_XPOOR" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_0_0_0_XPOOR&quot;)"></i>X坐标</li><li class="right"><input type="text" data-type="text" data-code="XPOOR" id="EVENTSINFO_0_0_0_XPOOR" class=""></li></ul><ul data-id="EVENTSINFO_0_0_0_YPOOR" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_0_0_0_YPOOR&quot;)"></i>Y坐标</li><li class="right"><input type="text" data-type="text" data-code="YPOOR" id="EVENTSINFO_0_0_0_YPOOR" class=""></li></ul>
    28. 

  28.             
    29. 

  29.         <ul data-id="EVENTSINFO_01_0_0_0_IMG" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_01_0_0_0_IMG&quot;)"></i>活动图片</li><li class="right"><span class="sp-upload" id="EVENTSINFO_01_0_0_0_IMG" data-code="IMG"><img class="sp-upload-img" data-url="C:\fakepath\QQ图片20190318092458.png" alt="" style="width: 200px; height: 200px; float:right;" data-name="QQ图片20190318092458.png" src="http://mysensetec.com/fileserver/Files/somefiles/bb34c210136c1a78fbbfcf3a16ba46ec.png"><input type="file" class="sp-upload-file-img"></span></li></ul><ul data-id="EVENTSINFO_01_0_0_0_CONTENT" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_01_0_0_0_CONTENT&quot;)"></i>活动内容</li><li class="right"><textarea id="EVENTSINFO_01_0_0_0_CONTENT" data-code="CONTENT" rows="4"></textarea></li></ul>
    30. 

  30.             <div class="sp-color-orange sp-fs-16 sp-text-weight" style="float: left; width: 100%; padding:0 3%; background-color: #f0f3f4; line-height:32px; ">报名信息</div>
    31. 

  31.             <ul data-id="EVENTSINFO_02_0_0_0_APPNAME" class="mob-two-col">
    32. 

  32.                 <li class="left">姓名</li>
    33. 

  33.                 <li class="right">
    34. 

  34.                     <input type="text" data-type="text" data-code="APPNAME" id="EVENTSINFO_02_0_0_0_APPNAME" class="">
    35. 

  35.                 </li>
    36. 

  36.             </ul>
    37. 

  37.             <ul data-id="EVENTSINFO_02_0_0_0_APPTEL" class="mob-two-col">
    38. 

  38.                 <li class="left">电话</li>
    39. 

  39.                 <li class="right">
    40. 

  40.                     <input type="number" data-type="text" data-code="APPTEL" id="EVENTSINFO_02_0_0_0_APPTEL" class="">
    41. 

  41.                 </li>
    42. 

  42.             </ul>
    43. 

  43.         <ul data-id="EVENTSINFO_02_0_0_0_IDCARD" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_IDCARD&quot;)"></i>身份证号码</li><li class="right"><input type="text" data-type="text" data-code="IDCARD" id="EVENTSINFO_02_0_0_0_IDCARD" class=""></li></ul><ul data-id="EVENTSINFO_02_0_0_0_SEX" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_SEX&quot;)"></i>性别</li><li class="right"><div class="sp-page dg-radiopart" id="EVENTSINFO_02_0_0_0_SEX" data-code="SEX"><span class="sp-radio-tabs sp-radio-tabs-active" style="width:40px; float:none; margin-left:20px;">男</span><span class="sp-radio-tabs" style="width:40px; float:none; margin-left:20px;">女</span></div></li></ul><ul data-id="EVENTSINFO_02_0_0_0_APPAGE" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_APPAGE&quot;)"></i>年龄</li><li class="right"><input type="text" data-type="text" data-code="APPAGE" id="EVENTSINFO_02_0_0_0_APPAGE" class=""></li></ul><ul data-id="EVENTSINFO_02_0_0_0_COMPANY" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_COMPANY&quot;)"></i>公司</li><li class="right"><input type="text" data-type="text" data-code="COMPANY" id="EVENTSINFO_02_0_0_0_COMPANY" class=""></li></ul><ul data-id="EVENTSINFO_02_0_0_0_EMAIL" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_EMAIL&quot;)"></i>邮箱</li><li class="right"><input type="text" data-type="text" data-code="EMAIL" id="EVENTSINFO_02_0_0_0_EMAIL" class=""></li></ul><ul data-id="EVENTSINFO_02_0_0_0_COMMUNITY" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_COMMUNITY&quot;)"></i>社区</li><li class="right"><input type="text" onclick="btnSelectData(this,&quot;EVENTSINFO_02_0_0_0_COMMUNITY&quot;)" data-code="COMMUNITY" data-type="select" readonly="readonly" data-code-select="" id="EVENTSINFO_02_0_0_0_COMMUNITY" placeholder="--请选择社区--" class=""></li></ul><ul data-id="EVENTSINFO_02_0_0_0_RESQUERT" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_RESQUERT&quot;)"></i>小区</li><li class="right"><input type="text" onclick="btnSelectData(this,&quot;EVENTSINFO_02_0_0_0_RESQUERT&quot;)" data-code="RESQUERT" data-type="select" readonly="readonly" data-code-select="" id="EVENTSINFO_02_0_0_0_RESQUERT" placeholder="--请选择小区--" class=""></li></ul><ul data-id="EVENTSINFO_02_0_0_0_EVENTNUM" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_EVENTNUM&quot;)"></i>参加人数</li><li class="right"><input type="number" data-type="text" data-code="EVENTNUM" id="EVENTSINFO_02_0_0_0_EVENTNUM" class=""></li></ul><ul data-id="EVENTSINFO_02_0_0_0_EXPLAIN" class="mob-two-col"><li class="left"><i class="icon-minus-circled sp-color-orange" onclick="iconBtnDel(this,&quot;EVENTSINFO_02_0_0_0_EXPLAIN&quot;)"></i>备注</li><li class="right"><textarea id="EVENTSINFO_02_0_0_0_EXPLAIN" data-code="EXPLAIN" rows="4"></textarea></li></ul>
    44. 

  44.         
    45. 

  45.         <div class="sp-page sp-text-center sp-mt-10 sp-mb-10" id="div_btnSubmit">
    46. 

  46.             <button class="sp-btn-orange sp-btn-radius" onclick="btnSubmitData()"><i class="fa fa-check"></i> 我要报名 </button>
    47. 

  47.         </div>
    48. 

  48.         <div class="sp-layer" data-title="请选择社区" id="layer_COMMUNITY" style="min-width:300px; max-width:300px; width:300px;">
    49. 

  49.             <div class="sp-layer-body">
    50. 

  50.             </div>
    51. 

  51.         </div>
    52. 

  52.         <div class="sp-layer" data-title="请选择小区" id="layer_RESQUERT" style="min-width:300px; max-width:300px; width:300px;">
    53. 

  53.             <div class="sp-layer-body">
    54. 

  54.             </div>
    55. 

  55.         </div>
    56. 

  56.         <span class="sp-hide">end</span>
    57. 

  57.     </div>
    58. 

  58.     
    59. 

  59.     <script type="text/javascript" src="../../../../../AFrontEnd/js/jquery/jquery-1.8.3.min.js"></script>
    60. 

  60.     <script type="text/javascript" src="../../../../../AFrontEnd/js/special/special.js"></script>
    61. 

  61.     <script type="text/javascript" src="../../../js.page/temp_html.js"></script>
    62. 

  62. </body>
    63. 

  63. </html>
    64.