商丘12345 前端

Add.html 16KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389
  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: 27px;
  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. }
  89. .upload {
  90. position: relative;
  91. border: 1px solid #999;
  92. text-decoration: none;
  93. color: #666;
  94. background-color: #FFF;
  95. background-image: none;
  96. border: 1px solid #ccc;
  97. border-radius: 1px;
  98. color: inherit;
  99. padding: 6px 12px;
  100. margin-right: 10px;
  101. }
  102. .change {
  103. position: absolute;
  104. overflow: hidden;
  105. right: 0;
  106. top: 0;
  107. opacity: 0;
  108. }
  109. </style>
  110. </head>
  111. <body>
  112. <div style="padding: 10px;">
  113. <div style="padding: 10px;" class="tj_content clearFix">
  114. <div>
  115. <span>【基本信息】</span>
  116. <div class="box_content">
  117. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  118. <tr>
  119. <th>信息来源:</th>
  120. <td>
  121. <select name="" id="xxly" class="select">
  122. <option selected="selected" value="">请选择</option>
  123. </select>
  124. </td>
  125. </tr>
  126. <tr>
  127. <th>信息分类:</th>
  128. <td>
  129. 形式分类:
  130. <select name="" id="xxlb" class="select">
  131. <option selected="selected" value="">请选择</option>
  132. </select>
  133. 内容大类:
  134. <select name="" id="tsdl" class="select">
  135. <option selected="selected" value="">请选择</option>
  136. </select>
  137. 内容小类:
  138. <select name="" id="tsxl" class="select">
  139. <option selected="selected" value="">请选择</option>
  140. </select>
  141. </td>
  142. </tr>
  143. <tr>
  144. <th>反映地区:</th>
  145. <td>
  146. <select name="" id="FArea" class="select"></select>
  147. 事发地区:
  148. <input type="text" id="sfdz" />
  149. </td>
  150. </tr>
  151. </table>
  152. </div>
  153. </div>
  154. <div style="margin-top: 10px;">
  155. <span>【联系人信息】</span>
  156. <div class="lxr clearFix box_content">
  157. <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  158. <tr>
  159. <th>投诉人姓名:</th>
  160. <td>
  161. <input type="text" id="tskh" />
  162. </td>
  163. <th>投诉电话:</th>
  164. <td>
  165. <input type="text" id="tsdh" />
  166. </td>
  167. <th>性别:</th>
  168. <td>
  169. <select name="" id="sex">
  170. <option value="">请选择</option>
  171. <option value="男">男</option>
  172. <option value="女">女</option>
  173. </select>
  174. </td>
  175. <th>投诉人地址:</th>
  176. <td>
  177. <input type="text" id="tsdz" />
  178. </td>
  179. </tr>
  180. <tr>
  181. <th>联系人姓名:</th>
  182. <td>
  183. <input type="text" id="lxr" />
  184. </td>
  185. <th>联系人电话:</th>
  186. <td>
  187. <input type="text" id="lxdh" />
  188. </td>
  189. <th>E-mail:</th>
  190. <td>
  191. <input type="text" id="email" />
  192. </td>
  193. <th>邮编:</th>
  194. <td>
  195. <input type="text" id="postcode" />
  196. </td>
  197. </tr>
  198. </table>
  199. </div>
  200. </div>
  201. <div style="margin-top: 10px;">
  202. <div>
  203. <span>【情况摘要】</span>
  204. <div class="form-group clearfix">
  205. <div class="clearfix textarea_box">
  206. <textarea data-adaptheight rows="5" id="content"></textarea>
  207. </div>
  208. </div>
  209. <div class="form-group clearfix">
  210. <span class="">
  211. 保密要求:
  212. </span>
  213. <span class="">
  214. <label style="font-weight:normal;"><input type="radio" name="baomi" value="true" />保密</label>
  215. <label style="font-weight:normal;"><input type="radio" name="baomi" checked="checked" value="false" />公开</label>
  216. </span>
  217. </div>
  218. <div class="form-group clearfix" style="margin-bottom: 10px;">
  219. <span class="">
  220. 附件内容 :
  221. </span>
  222. <span class="fjnr"></span>
  223. <input type="file" name="upFile" id="upFile" style="display: none;">
  224. <input type="button" value="上传" id="scwj" />
  225. <input type="button" value="删除附件" id="scfj" style="display:none;" />
  226. <span style="color:#FF0000; border: none;">
  227. (文件格式为png,jpg,mp4,mp3,pdf,doc,docx,xls,xlsx)
  228. </span>
  229. </div>
  230. <!--<div class="form-group clearfix" style="margin-bottom: 10px;">
  231. <span class="">
  232. 添加附件 :
  233. </span>
  234. <input type="text" name="" id="">
  235. <a href="javascript:;" class="upload">
  236. 选择文件
  237. <input class="change" type="file" multiple="multiple" />
  238. </a>
  239. <input type="button" value="上传" />
  240. </div>
  241. <div class="form-group clearfix">
  242. <span class="">
  243. 附件内容 :
  244. </span>
  245. <input type="text" name="" id="">
  246. <input type="button" value="删除附件" />
  247. </div>-->
  248. </div>
  249. </div>
  250. <div style="margin-top: 10px;">
  251. <div>
  252. <span>【交办信息】</span>
  253. <div class="form-group clearfix">
  254. <span class="">
  255. 即时答复:
  256. </span>
  257. <span class="">
  258. <label style="font-weight:normal;"><input type="radio" name="huifu" value="1" />是</label>
  259. <label style="font-weight:normal;"><input type="radio" name="huifu" value="2" />否</label>
  260. </span>
  261. </div>
  262. <div class="form-group clearfix">
  263. <span class="">
  264. 立即交办:
  265. </span>
  266. <span class="">
  267. <input type="radio" name="huifu" value="2" />
  268. </span>
  269. </div>
  270. <div class="form-group clearfix">
  271. <span class="">
  272. 交办单位:
  273. </span>
  274. <span class="">
  275. 区域:
  276. <select name="" id="JArea" class="select">
  277. <option selected="selected" value="">请选择</option>
  278. </select>
  279. </span>
  280. <span class="">
  281. 部门类别&nbsp;:
  282. </span>
  283. <span class="">
  284. <select name="" id="Jtype" class="select">
  285. <option selected="selected" value="">请选择</option>
  286. </select>
  287. </span>
  288. <span class="">
  289. 部门&nbsp;&nbsp;:
  290. </span>
  291. <span class="">
  292. <select name="" id="Department" class="select">
  293. <option selected="selected" value="">请选择</option>
  294. </select>
  295. </span>
  296. </div>
  297. <div class="form-group clearfix">
  298. <span class="col-sm-12" style="margin: 5px;">
  299. <input type="radio" value="1" name="jiaoban" />
  300. 1.<span class="head">请按领导批示认真调查处理,在</span>
  301. <select name="" id="" class="min_select">
  302. <option value=""></option>
  303. </select>
  304. <span class="end">
  305. 个工作日内网络反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。
  306. </span>
  307. </span>
  308. <span class="col-sm-12" style="margin: 5px;">
  309. <input type="radio" value="2" name="jiaoban" />
  310. 2.
  311. <span class="head">请按领导批示认真调查处理,在</span>
  312. <select name="" id="" class="min_select">
  313. <option value=""></option>
  314. </select>
  315. <span class="end">个工作日内通过书面反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  316. </span>
  317. <span class="col-sm-12" style="margin: 5px;">
  318. <input type="radio" value="3" name="jiaoban" />
  319. 3.
  320. <span class="head">请按领导批示认真调查处理并答复来电人,在</span>
  321. <select name="" id="" class="min_select">
  322. <option value=""></option>
  323. </select>
  324. <span class="end">个工作日内书面反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  325. </span>
  326. <span class="col-sm-12" style="margin: 5px;">
  327. <input type="radio" value="4" name="jiaoban" checked="checked" />
  328. 4.
  329. <span class="head">请按领导批示认真调查处理并答复来电人,在</span>
  330. <select name="" id="" class="min_select">
  331. <option value=""></option>
  332. </select>
  333. <span class="end">个工作日内通过网络反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  334. </span>
  335. <span class="col-sm-12" style="margin: 5px;">
  336. <input type="radio" value="5" name="jiaoban" />
  337. 5.
  338. <span class="head">请认真调查处理,在</span>
  339. <select name="" id="" class="min_select">
  340. <option value=""></option>
  341. </select>
  342. <span class="end">个工作日内书面反馈市效能监察投诉中心。要求注明主办人、主管领导姓名和联系电话,同时提供有关处理依据。</span>
  343. </span>
  344. </div>
  345. <div class="form-group clearfix" style="margin-top:5px;">
  346. <span class="col-sm-1">
  347. 备注:
  348. </span>
  349. <span class="col-sm-11">
  350. <textarea data-adaptheight rows="5" id="remark"></textarea>
  351. </span>
  352. </div>
  353. </div>
  354. </div>
  355. <div style="margin-top: 10px;">
  356. <div>
  357. <span>【处理结果】</span>
  358. <div class="form-group clearfix">
  359. <div class="clearfix textarea_box">
  360. <textarea data-adaptheight rows="5" id=""></textarea>
  361. </div>
  362. </div>
  363. <div class="bton addts">创建</div>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368. <script src="../js/adjustHeight.js"></script>
  369. </body>
  370. </html>