伊川12345

Add.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加件</title>
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  9. <link rel="stylesheet" href="../css/init.css" />
  10. <script src="../js/add.js"></script>
  11. <style>
  12. th {
  13. padding: 5px 8px 5px 0;
  14. text-align: right;
  15. }
  16. .select {
  17. width: 150px;
  18. background-color: #FFF;
  19. background-image: none;
  20. border: 1px solid #ccc;
  21. border-radius: 1px;
  22. color: inherit;
  23. padding: 6px 12px;
  24. }
  25. #sex {
  26. background-color: #FFF;
  27. background-image: none;
  28. border: 1px solid #ccc;
  29. border-radius: 1px;
  30. color: inherit;
  31. padding: 6px 12px;
  32. }
  33. input {
  34. background-color: #FFF;
  35. background-image: none;
  36. border: 1px solid #ccc;
  37. border-radius: 1px;
  38. color: inherit;
  39. padding: 6px 12px;
  40. }
  41. td {
  42. padding: 6px 0 5px 10px;
  43. }
  44. .lxr ul li {
  45. float: left;
  46. list-style: none;
  47. width: 30%;
  48. margin-bottom: 5px;
  49. padding-top: 10px;
  50. }
  51. .clearFix:after {
  52. content: "";
  53. display: block;
  54. clear: both;
  55. }
  56. .form-group {
  57. padding-left: 40px;
  58. margin-bottom: 0;
  59. }
  60. textarea {
  61. height: 70px;
  62. border: 1px solid #ccc;
  63. border-radius: 1px;
  64. width: 50%;
  65. resize: none;
  66. }
  67. .textarea_box {
  68. margin-top: 10px;
  69. }
  70. .box_content {
  71. border-bottom: 1px solid #ccc;
  72. }
  73. .tj_content {
  74. border: 1px solid #e6e6e6;
  75. border-radius: 5px;
  76. }
  77. .addts {
  78. width: 70px;
  79. height: 27px;
  80. line-height: 18px;
  81. background: #2f4050;
  82. -webkit-border-radius: 5px;
  83. -moz-border-radius: 5px;
  84. border-radius: 5px;
  85. margin: 0 auto;
  86. color: #fff;
  87. text-align: center;
  88. display: block;
  89. }
  90. .upload {
  91. position: relative;
  92. border: 1px solid #999;
  93. text-decoration: none;
  94. color: #666;
  95. background-color: #FFF;
  96. background-image: none;
  97. border: 1px solid #ccc;
  98. border-radius: 1px;
  99. color: inherit;
  100. padding: 6px 12px;
  101. margin-right: 10px;
  102. }
  103. .change {
  104. position: absolute;
  105. overflow: hidden;
  106. right: 0;
  107. top: 0;
  108. opacity: 0;
  109. }
  110. </style>
  111. </head>
  112. <body>
  113. <div style="padding: 10px;">
  114. <div style="padding: 10px;" class="tj_content clearFix">
  115. <div>
  116. <span>【基本信息】</span>
  117. <div class="box_content">
  118. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  119. <tr>
  120. <th>信息来源:</th>
  121. <td>
  122. <select name="" id="xxly" class="select">
  123. <option selected="selected" value="">请选择</option>
  124. </select>
  125. </td>
  126. </tr>
  127. <tr>
  128. <th><span style="color: red;">*</span>信息分类:</th>
  129. <td>
  130. <span style="color: red;">*</span>形式分类:
  131. <select name="" id="xxlb" class="select">
  132. <option selected="selected" value="">请选择</option>
  133. </select>
  134. <span style="color: red;">*</span>内容大类:
  135. <select name="" id="tsdl" class="select">
  136. <option selected="selected" value="">请选择</option>
  137. </select>
  138. <span style="color: red;">*</span> 内容小类:
  139. <select name="" id="tsxl" class="select">
  140. <option selected="selected" value="">请选择</option>
  141. </select>
  142. </td>
  143. </tr>
  144. <tr>
  145. <th>反映地区:</th>
  146. <td>
  147. <select name="" id="FArea" class="select"></select>
  148. 事发地区:
  149. <input type="text" id="sfdz" />
  150. </td>
  151. </tr>
  152. </table>
  153. </div>
  154. </div>
  155. <div style="margin-top: 10px;">
  156. <span>【联系人信息】</span>
  157. <div class="lxr clearFix box_content">
  158. <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  159. <tr>
  160. <th>投诉人姓名:</th>
  161. <td>
  162. <input type="text" id="tskh" />
  163. </td>
  164. <th>投诉电话:</th>
  165. <td>
  166. <input type="text" id="tsdh" />
  167. </td>
  168. <th>性别:</th>
  169. <td>
  170. <select name="" id="sex">
  171. <option value="">请选择</option>
  172. <option value="男">男</option>
  173. <option value="女">女</option>
  174. </select>
  175. </td>
  176. <th>投诉人地址:</th>
  177. <td>
  178. <input type="text" id="tsdz" />
  179. </td>
  180. </tr>
  181. <tr>
  182. <th>联系人姓名:</th>
  183. <td>
  184. <input type="text" id="lxr" />
  185. </td>
  186. <th>联系人电话:</th>
  187. <td>
  188. <input type="text" id="lxdh" />
  189. </td>
  190. <th>E-mail:</th>
  191. <td>
  192. <input type="text" id="email" />
  193. </td>
  194. <th>邮编:</th>
  195. <td>
  196. <input type="text" id="postcode" />
  197. </td>
  198. </tr>
  199. </table>
  200. </div>
  201. </div>
  202. <div style="margin-top: 10px;">
  203. <div>
  204. <span><span style="color: red;">*</span>【情况摘要】</span>
  205. <div class="form-group clearfix">
  206. <div class="clearfix textarea_box">
  207. <textarea rows="5" id="content"></textarea>
  208. </div>
  209. </div>
  210. <div class="form-group clearfix">
  211. <span class="">
  212. 保密要求:
  213. </span>
  214. <span class="">
  215. <label style="font-weight:normal;"><input type="radio" name="baomi" value="true" />保密</label>
  216. <label style="font-weight:normal;"><input type="radio" name="baomi" checked="checked" value="false" />公开</label>
  217. </span>
  218. </div>
  219. <div class="form-group clearfix" style="margin-bottom: 10px;">
  220. <span class="">
  221. 附件内容 :
  222. </span>
  223. <span class="fjnr"></span>
  224. <input type="file" name="upFile" id="upFile" style="display: none;">
  225. <input type="button" value="上传" id="scwj" />
  226. <input type="button" value="删除附件" id="scfj" style="display:none;" />
  227. </div>
  228. <!--<div class="form-group clearfix" style="margin-bottom: 10px;">
  229. <span class="">
  230. 添加附件 :
  231. </span>
  232. <input type="text" name="" id="">
  233. <a href="javascript:;" class="upload">
  234. 选择文件
  235. <input class="change" type="file" multiple="multiple" />
  236. </a>
  237. <input type="button" value="上传" />
  238. </div>
  239. <div class="form-group clearfix">
  240. <span class="">
  241. 附件内容 :
  242. </span>
  243. <input type="text" name="" id="">
  244. <input type="button" value="删除附件" />
  245. </div>-->
  246. </div>
  247. </div>
  248. <div style="margin-top: 10px;">
  249. <div>
  250. <span>【交办信息】</span>
  251. <div class="form-group clearfix">
  252. <span class="">
  253. 即时答复:
  254. </span>
  255. <span class="">
  256. <label style="font-weight:normal;"><input type="radio" name="huifu" value="1" />是</label>
  257. <label style="font-weight:normal;"><input type="radio" name="huifu" value="0" checked="checked" />否</label>
  258. </span>
  259. </div>
  260. <div class="form-group clearfix">
  261. <span class="">
  262. 立即交办:
  263. </span>
  264. <span class="">
  265. <input type="radio" name="huifu" value="2" />
  266. </span>
  267. </div>
  268. <div class="form-group clearfix">
  269. <span class="">
  270. 交办单位:
  271. </span>
  272. <span class="">
  273. 区域:
  274. <select name="" id="JArea" class="select">
  275. <option selected="selected" value="">请选择</option>
  276. </select>
  277. </span>
  278. <span class="">
  279. 部门类别&nbsp;:
  280. </span>
  281. <span class="" >
  282. <select name="" id="Jtype" class="select" style="width: 240px;">
  283. <option selected="selected" value="">请选择</option>
  284. </select>
  285. </span>
  286. <span class="">
  287. 部门&nbsp;&nbsp;:
  288. </span>
  289. <span class="" >
  290. <select name="" id="Department" class="select" style="width: 240px;">
  291. <option selected="selected" value="">请选择</option>
  292. </select>
  293. </span>
  294. </div>
  295. <div class="form-group clearfix">
  296. <span class="col-sm-12" style="margin: 5px;">
  297. <input type="radio" value="1" name="jiaoban" />
  298. 1.<span class="head">请按领导批示认真调查处理,在</span>
  299. <select name="" id="" class="min_select">
  300. <option value=""></option>
  301. </select>
  302. <span class="end">
  303. 个工作日内网络反馈市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。
  304. </span>
  305. </span>
  306. <span class="col-sm-12" style="margin: 5px;">
  307. <input type="radio" value="2" name="jiaoban" />
  308. 2.
  309. <span class="head">请按领导批示认真调查处理,在</span>
  310. <select name="" id="" class="min_select">
  311. <option value=""></option>
  312. </select>
  313. <span class="end">个工作日内通过书面反馈市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  314. </span>
  315. <span class="col-sm-12" style="margin: 5px;">
  316. <input type="radio" value="3" name="jiaoban" />
  317. 3.
  318. <span class="head">请按领导批示认真调查处理并答复来电人,在</span>
  319. <select name="" id="" class="min_select">
  320. <option value=""></option>
  321. </select>
  322. <span class="end">个工作日内书面反馈市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  323. </span>
  324. <span class="col-sm-12" style="margin: 5px;">
  325. <input type="radio" value="4" name="jiaoban" checked="checked" />
  326. 4.
  327. <span class="head">请按领导批示认真调查处理并答复来电人,在</span>
  328. <select name="" id="" class="min_select">
  329. <option value=""></option>
  330. </select>
  331. <span class="end">个工作日内通过网络反馈市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  332. </span>
  333. <span class="col-sm-12" style="margin: 5px;">
  334. <input type="radio" value="5" name="jiaoban" />
  335. 5.
  336. <span class="head">请认真调查处理,在</span>
  337. <select name="" id="" class="min_select">
  338. <option value=""></option>
  339. </select>
  340. <span class="end">个工作日内书面反馈市长热线办公室。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  341. </span>
  342. </div>
  343. <div class="form-group clearfix" style="margin-top:5px;">
  344. <span class="col-sm-1">
  345. 备注:
  346. </span>
  347. <span class="col-sm-11">
  348. <textarea rows="5" id="remark"></textarea>
  349. </span>
  350. </div>
  351. </div>
  352. </div>
  353. <div style="margin-top: 10px;">
  354. <div>
  355. <span>【处理结果】</span>
  356. <div class="form-group clearfix">
  357. <div class="clearfix textarea_box">
  358. <textarea rows="5" id="cljg"></textarea>
  359. </div>
  360. </div>
  361. <button class="btns addts">创&nbsp;建</button>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. </body>
  367. </html>