modifyCertInfo.jsp 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  7. <html>
  8. <head>
  9. <%-- <base href="<%=basePath%>"> --%>
  10. <title>修改资质/证书</title>
  11. <meta http-equiv="pragma" content="no-cache">
  12. <meta http-equiv="cache-control" content="no-cache">
  13. <meta http-equiv="expires" content="0">
  14. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  15. <meta http-equiv="description" content="This is my page">
  16. <meta http-equiv="X-UA-Compatible" content="IE=9"/>
  17. <meta http-equiv="X-UA-Compatible" content="IE=10"/>
  18. <link rel="stylesheet" type="text/css" href="css/easyui/themes/default/easyui.css">
  19. <link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">
  20. <link rel="stylesheet" type="text/css" href="css/easyui/demo/demo.css">
  21. <script type="text/javascript" src="css/easyui/jquery.min.js"></script>
  22. <script type="text/javascript" src="css/easyui/jquery.easyui.min.js" charset="utf-8"></script>
  23. <script type="text/javascript" src="css/easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
  24. <link rel="stylesheet" type="text/css" href="css/common/hzbstyle.css">
  25. <!-- <script type="text/javascript" src="js/tool.js"></script> -->
  26. <script type="text/javascript" src="js/beforeDatagrid.js"></script>
  27. <script type="text/javascript">
  28. function isNull(exp){
  29. if(!exp || typeof exp=="undefined" || exp.length==0){
  30. return true;
  31. }else{
  32. return false;
  33. }
  34. }
  35. function confirm(okStr,cancelStr,tip,content,unitNo){
  36. $.messager.defaults = { ok: okStr, cancel: cancelStr };
  37. $.messager.confirm(tip, content,function (data) {
  38. if (data) {
  39. }else {
  40. if(isNull(unitNo)){
  41. showMsg("提示", "未获取到此单位的编号,操作失败!", 5000);
  42. }else{
  43. $.ajax({
  44. type: 'POST',
  45. url: "updateUnitTip",
  46. data: {
  47. "unitNo":unitNo
  48. },
  49. dataType:'text',
  50. success: function (data) {
  51. var pData = $.parseJSON(data);
  52. switch (pData.result) {
  53. case 0:
  54. showMsg("提示","操作失败",5000);
  55. break;
  56. case 1:
  57. showMsg("提示","操作成功",2000);
  58. break;
  59. }
  60. }
  61. });
  62. }
  63. }
  64. });
  65. }
  66. function showMsg(title,msg,out){
  67. $.messager.show({
  68. title: title,
  69. msg: msg,
  70. timeout:out
  71. });
  72. }
  73. function showProgress(title,msg,text){
  74. $.messager.progress({
  75. title: title,
  76. msg: msg,
  77. text: text
  78. });
  79. }
  80. function checkedbox(name){
  81. var arr=new Array();
  82. var checkbox=document.getElementsByName(name);
  83. for(var i=0;i<checkbox.length;i++){
  84. if(checkbox[i].checked==true){
  85. arr.push(checkbox[i].value);
  86. }
  87. }
  88. return arr;
  89. }
  90. function getCheckTree(id){
  91. var nodes = $("#"+id).tree('getChecked', ['checked']);
  92. var arr=new Array();
  93. for(var i=0; i<nodes.length; i++){
  94. if(nodes[i].checked==true){
  95. if(nodes[i].id.length==1){
  96. arr.push("0"+nodes[i].id);
  97. }else if(nodes[i].id.length==2){
  98. arr.push(nodes[i].id+"0000");
  99. }else if(nodes[i].id.length==4){
  100. arr.push(nodes[i].id+"00");
  101. }else{
  102. arr.push(nodes[i].id);
  103. }
  104. }
  105. }
  106. return arr;
  107. }
  108. function getCheckTreeName(id){
  109. var nodes = $("#"+id).tree('getChecked', ['checked']);
  110. var arr=new Array();
  111. for(var i=0; i<nodes.length; i++){
  112. if(nodes[i].checked==true){
  113. arr.push(nodes[i].text);
  114. }
  115. }
  116. return arr;
  117. }
  118. function isCarNo(str) {//验证车牌号
  119. return /(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领]{1}[A-Z0-9]{6}$)|(^[A-Z]{2}[A-Z0-9]{2}[A-Z0-9\u4E00-\u9FA5]{1}[A-Z0-9]{4}$)|(^[\u4E00-\u9FA5]{1}[A-Z0-9]{5}[挂学警军港澳]{1}$)|(^[A-Z]{2}[0-9]{5}$)|(^(08|38){1}[A-Z0-9]{4}[A-Z0-9挂学警军港澳]{1}$)/.test(str);
  120. //return /(^[\u4E00-\u9FA5]{1}[A-Z0-9]{6}$)|(^[A-Z]{2}[A-Z0-9]{2}[A-Z0-9\u4E00-\u9FA5]{1}[A-Z0-9]{4}$)|(^[\u4E00-\u9FA5]{1}[A-Z0-9]{5}[挂学警军港澳]{1}$)|(^[A-Z]{2}[0-9]{5}$)|(^(08|38){1}[A-Z0-9]{4}[A-Z0-9挂学警军港澳]{1}$)/.test(str);
  121. }
  122. function isCarNo1(str){
  123. return /(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$)/.test(str);
  124. }
  125. /**
  126. * 获取上一个月
  127. *
  128. * @date 格式为yyyy-mm-dd的日期,如:2014-01-25
  129. */
  130. function getPreMonth(date) {
  131. var arr = date.split('-');
  132. var year = arr[0]; //获取当前日期的年份
  133. var month = arr[1]; //获取当前日期的月份
  134. var day = arr[2]; //获取当前日期的日
  135. var days = new Date(year, month, 0);
  136. days = days.getDate(); //获取当前日期中月的天数
  137. var year2 = year;
  138. var month2 = parseInt(month) - 1;
  139. if (month2 == 0) {//如果是1月份,则取上一年的12月份
  140. year2 = parseInt(year2) - 1;
  141. month2 = 12;
  142. }
  143. var day2 = day;
  144. var days2 = new Date(year2, month2, 0);
  145. days2 = days2.getDate();
  146. if (day2 > days2) {//如果原来日期大于上一月的日期,则取当月的最大日期。比如3月的30日,在2月中没有30
  147. day2 = days2;
  148. }
  149. if (month2 < 10) {
  150. month2 = '0' + month2;//月份填补成2位。
  151. }
  152. var date11 = new Date();
  153. var hor = date11.getHours()>9?date11.getHours():"0"+date11.getHours();
  154. var min = date11.getMinutes()>9?date11.getMinutes():"0"+date11.getMinutes();
  155. var sec = date11.getSeconds()>9?date11.getSeconds():"0"+date11.getSeconds();
  156. var t2 = year2 + '-' + month2 + '-' + day2+" "+hor+":"+min+":"+sec;
  157. return t2;
  158. }
  159. /**
  160. * 获取上一个月
  161. *
  162. * @date 格式为yyyy-mm-dd的日期,如:2014-01-25
  163. */
  164. function getPreMonth1(date) {
  165. var arr = date.split('-');
  166. var year = arr[0]; //获取当前日期的年份
  167. var month = arr[1]; //获取当前日期的月份
  168. var day = arr[2]; //获取当前日期的日
  169. var days = new Date(year, month, 0);
  170. days = days.getDate(); //获取当前日期中月的天数
  171. var year2 = year;
  172. var month2 = parseInt(month) - 1;
  173. if (month2 == 0) {//如果是1月份,则取上一年的12月份
  174. year2 = parseInt(year2) - 1;
  175. month2 = 12;
  176. }
  177. var day2 = day;
  178. var days2 = new Date(year2, month2, 0);
  179. days2 = days2.getDate();
  180. if (day2 > days2) {//如果原来日期大于上一月的日期,则取当月的最大日期。比如3月的30日,在2月中没有30
  181. day2 = days2;
  182. }
  183. if (month2 < 10) {
  184. month2 = '0' + month2;//月份填补成2位。
  185. }
  186. var hor = "00";
  187. var min = "00";
  188. var sec = "00";
  189. var t2 = year2 + '-' + month2 + '-' + day2+" "+hor+":"+min+":"+sec;
  190. return t2;
  191. }
  192. function getPreMonth2(date) {
  193. var arr = date.split('-');
  194. var year = arr[0]; //获取当前日期的年份
  195. var month = arr[1]; //获取当前日期的月份
  196. var day = arr[2]; //获取当前日期的日
  197. var days = new Date(year, month, 0);
  198. days = days.getDate(); //获取当前日期中月的天数
  199. var year2 = year;
  200. var month2 = parseInt(month) - 1;
  201. if (month2 == 0) {//如果是1月份,则取上一年的12月份
  202. year2 = parseInt(year2) - 1;
  203. month2 = 12;
  204. }
  205. var day2 = day;
  206. var days2 = new Date(year2, month2, 0);
  207. days2 = days2.getDate();
  208. if (day2 > days2) {//如果原来日期大于上一月的日期,则取当月的最大日期。比如3月的30日,在2月中没有30
  209. day2 = days2;
  210. }
  211. if (month2 < 10) {
  212. month2 = '0' + month2;//月份填补成2位。
  213. }
  214. var hor = "00";
  215. var min = "00";
  216. var sec = "00";
  217. day2 = "01";
  218. var t2 = year2 + '-' + month2 + '-' + day2+" "+hor+":"+min+":"+sec;
  219. return t2;
  220. }
  221. function getNowDay(date) {
  222. var arr = date.split('-');
  223. var year = arr[0]; //获取当前日期的年份
  224. var month = arr[1]; //获取当前日期的月份
  225. var day = arr[2]; //获取当前日期的日
  226. var days = new Date(year, month, 0);
  227. days = days.getDate(); //获取当前日期中月的天数
  228. var year2 = year;
  229. var month2 = parseInt(month) - 0;
  230. if (month2 == 0) {//如果是1月份,则取上一年的12月份
  231. year2 = parseInt(year2) - 1;
  232. month2 = 12;
  233. }
  234. var day2 = day;
  235. var days2 = new Date(year2, month2, 0);
  236. days2 = days2.getDate();
  237. if (day2 > days2) {//如果原来日期大于上一月的日期,则取当月的最大日期。比如3月的30日,在2月中没有30
  238. day2 = days2;
  239. }
  240. if (month2 < 10) {
  241. month2 = '0' + month2;//月份填补成2位。
  242. }
  243. var date11 = new Date();
  244. var hor = date11.getHours()>9?date11.getHours():"0"+date11.getHours();
  245. var min = date11.getMinutes()>9?date11.getMinutes():"0"+date11.getMinutes();
  246. var sec = date11.getSeconds()>9?date11.getSeconds():"0"+date11.getSeconds();
  247. var t2 = year2 + '-' + month2 + '-' + day2;
  248. return t2;
  249. }
  250. function getBeforeDate(number) {
  251. const num = number;
  252. const date = new Date();
  253. let year = date.getFullYear();
  254. let mon = date.getMonth() + 1;
  255. let day = date.getDate();
  256. if (day <= num) {
  257. if (mon > 1) {
  258. mon = mon - 1;
  259. } else {
  260. year = year - 1;
  261. mon = 12;
  262. }
  263. }
  264. date.setDate(date.getDate() - num);
  265. year = date.getFullYear();
  266. mon = date.getMonth() + 1;
  267. day = date.getDate();
  268. const s = year + '-' + (mon < 10 ? ('0' + mon) : mon) + '-' + (day < 10 ? ('0' + day) : day);
  269. return s;
  270. }
  271. function compareDate(date1,date2){
  272. var oDate1 = new Date(date1);
  273. var oDate2 = new Date(date2);
  274. if(oDate1.getTime() >= oDate2.getTime()){
  275. return true;
  276. } else {
  277. return false;
  278. }
  279. }
  280. function fnKeyUp(){
  281. this.value=this.value.toUpperCase();
  282. }
  283. function getDateAA(aa,dat){
  284. // var date1 = new Date(),
  285. // time1=date1.getFullYear()+"-"+(date1.getMonth()+1)+"-"+date1.getDate();//time1表示当前时间
  286. var date2 = new Date(dat);
  287. date2.setDate(date2.getDate()+aa);
  288. var time2 = date2.getFullYear()+"-"+(date2.getMonth()+1)+"-"+date2.getDate();
  289. return time2;
  290. }
  291. /**
  292. * 加密(需要先加载aes.min.js文件)
  293. * @param word
  294. * @returns {*}
  295. */
  296. function aesMinEncrypt(word){
  297. var _word = CryptoJS.enc.Utf8.parse(word),
  298. _key = CryptoJS.enc.Utf8.parse("hizimahzb2021Key"),
  299. _iv = CryptoJS.enc.Utf8.parse("hizimahzb2Key_Iv");
  300. var encrypted = CryptoJS.AES.encrypt(_word, _key, {
  301. iv: _iv,
  302. mode: CryptoJS.mode.CBC,
  303. padding: CryptoJS.pad.Pkcs7
  304. });
  305. return encrypted.toString();
  306. }
  307. /**
  308. * 解密(需要先加载aes.min.js文件)
  309. * @param word
  310. * @returns {*}
  311. */
  312. function aesDecrypt(word) {
  313. var _key = CryptoJS.enc.Utf8.parse("hizimahzb2021Key"),
  314. _iv = CryptoJS.enc.Utf8.parse("hizimahzb2Key_Iv");
  315. var decrypted = CryptoJS.AES.decrypt(word, _key, {
  316. iv: _iv,
  317. mode: CryptoJS.mode.CBC,
  318. padding: CryptoJS.pad.Pkcs7
  319. });
  320. return decrypted.toString(CryptoJS.enc.Utf8);
  321. }
  322. function addstr(ps){
  323. if(ps.length<16){
  324. ps = ps.padEnd(16, '0');
  325. }else if(ps.length>16&&ps.length>32){
  326. ps = ps.padEnd(32, '0');
  327. }else if(ps.length>32&&ps.length>48){
  328. ps = ps.padEnd(48, '0');
  329. }else if(ps.length>48&&ps.length>60){
  330. ps = ps.padEnd(60, '0');
  331. }
  332. return ps;
  333. }
  334. function encrypt(word){
  335. //这里传入自己定义的密钥,后端解密时也需要使用一样的密钥
  336. var key = CryptoJS.enc.Utf8.parse("abcdeabcde123456");
  337. var srcs = CryptoJS.enc.Utf8.parse(word);
  338. var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
  339. return encrypted.toString();
  340. }
  341. </script>
  342. <script type="text/javascript">
  343. var carGuid;
  344. window.onload = function() {
  345. var currentLoign = '<%=session.getAttribute("openid")%>';
  346. if(currentLoign&&currentLoign!="null"){
  347. }else{
  348. // window.location.replace('jsp/login/loginre.jsp' + window.location.search);
  349. }
  350. carGuid ='<%=request.getParameter("carGuid")%>';
  351. loadData(carGuid,1,100);
  352. }
  353. var gettdCyliderGuid=[];
  354. var examineCy=0;
  355. function loadData(carGuid,page,size){
  356. examineCy=0;
  357. showProgress('提示','请等待','请求源数据中……');
  358. $.ajax({
  359. type: 'POST',
  360. url: "ajax/getCylinderInfo",
  361. data: {
  362. "carGuid":carGuid,
  363. "page":page,
  364. "size":size
  365. },
  366. dataType:'text',
  367. success: function (data) {
  368. $.messager.progress('close');
  369. var vData = $.parseJSON(data);
  370. var installNum = vData.installNum;
  371. for(var i=1;i<=installNum;i++){
  372. addCert(vData.carNo,i);
  373. }
  374. if(vData.rows.length==0){
  375. alert('未检测到气瓶信息,无法上传气瓶相关资质/证件,请先增加气瓶数据!');
  376. //$.messager.alert('提示','未检测到气瓶信息,无法上传气瓶相关资质/证件,请先增加气瓶数据!');
  377. window.close();
  378. }
  379. gettdCyliderGuid=[];
  380. var content='<table style="margin-top:20px;width:800px;" border="1" cellpadding="2" cellspacing="0">';
  381. content+='<tr>';
  382. content+='<td>气瓶编号</td>';
  383. content+='<td>类型</td>';
  384. content+='<td>索引</td>';
  385. content+='<td>资质图片</td>';
  386. content+='</tr>';
  387. $.each(vData.rows, function(i,item){
  388. gettdCyliderGuid[i]=item.cylinderGuid;
  389. if(item.operState==0||item.operState==6){
  390. examineCy=1;
  391. }
  392. $.each(item.cylinderImgList, function(j,item1){
  393. if(j==0){
  394. content+='<tr>';
  395. content+='<td rowSpan='+item.cylinderImgList.length+'>'+item.cylinderNo+'</td>';
  396. }else{
  397. content+='<tr>';
  398. }
  399. var ptype = "";
  400. if(item1.IMGTYPE=="0"){
  401. ptype = "气瓶产品合格证";
  402. }else if(item1.IMGTYPE=="1"){
  403. ptype = "监督检验证书";
  404. }else if(item1.IMGTYPE=="2"){
  405. ptype = "安装合格证";
  406. }else if(item1.IMGTYPE=="3"){
  407. ptype = "身份证/营业执照/法人证书";
  408. }else if(item1.IMGTYPE=="4"){
  409. ptype = "行驶证";
  410. }
  411. content+='<td>'+ptype+'</td>';
  412. content+='<td>第'+item1.IMGINDEX+'页</td>';
  413. var src = "certimg/"+item1.IMGDIR+"/"+item1.FILENAME;
  414. var href = '<a target="_blank" href="./jsp/openImg.jsp?imgName='+item1.FILENAME+'&imgDir='+item1.IMGDIR+'&imgType='+item1.IMGTYPE+'&imgIndex='+item1.IMGINDEX+'">查看原图</a>';
  415. content+='<td>'+href+' <img style="height: 100px;" src="'+src+'" /></td>';
  416. content+='</tr>';
  417. });
  418. });
  419. content+='</table>';
  420. $("#cylinderImgDiv").append(content);
  421. if(examineCy==0){
  422. $.messager.alert('提示','该车辆资质/证件已被审核,不可修改');
  423. for(var i=1;i<=installNum;i++){
  424. $('#uploadCert'+i).linkbutton('disable');
  425. }
  426. setTimeout(function(){
  427. window.close();
  428. }, 2000);
  429. }
  430. },
  431. error:function(e){
  432. $.messager.progress('close');
  433. console.log(e);
  434. }
  435. });
  436. }
  437. function addCert(carNo,num){
  438. var content = '<fieldset>';
  439. content += '<legend>'+carNo+'_气瓶'+num+'_资质/证书</legend>';
  440. content += '<table>';
  441. content += '<tr>';
  442. content += '<td align="center">';
  443. content += '<a id="uploadCert'+num+'" href="javascript:void(0);" class="easyui-linkbutton cylinderInput" iconCls="icon-upload" plain="false" style="height:34px;" onclick="openUploadCert('+num+');">上传资质/证件</a>';
  444. content += '</td>';
  445. content += '</tr>';
  446. content += '<tr>';
  447. content += '<td align="left">';
  448. content += '<div id="uploadInfo'+num+'"></div>';
  449. content += '</td>';
  450. content += '</tr>';
  451. content += '</table>';
  452. content += '</fieldset>';
  453. $("#certDiv").append(content);
  454. $("#uploadCert"+num).linkbutton({
  455. });
  456. }
  457. var cylinder_num=1;
  458. function openUploadCert(num){
  459. cylinder_num=num;
  460. if(gettdCyliderGuid.length>=num){
  461. document.getElementById("cylinderGuid1234").value = gettdCyliderGuid[num-1];
  462. }
  463. $("#uploadCertDialog").dialog("open").dialog('setTitle', '资质图片数据');
  464. $("#uploadCertDialog").panel("move",{top:$(document).scrollTop() + ($(window).height()-440) * 0.5});
  465. }
  466. function uploadCert(){
  467. if($("#certform").form('validate')){
  468. showProgress('提示','请等待','资质/证件上传中……');
  469. var imageType = $('input:radio[name="imageType"]:checked').val();
  470. var certPage = $('#certPage').combobox('getValue');
  471. $("#certform").form("submit",{
  472. url: "ajax/uploadCert?imageType="+imageType,
  473. onsubmit: function () {
  474. return $(this).form("validate");
  475. },
  476. success: function (data) {
  477. $.messager.progress('close');
  478. var pData = $.parseJSON(data);
  479. if(pData.result==1){
  480. $.messager.alert('提示','上传成功!');
  481. $("#imageCert").filebox('setValue','');
  482. var content = "气瓶"+cylinder_num+":";
  483. if(imageType=="0"){
  484. content+="气瓶产品合格证";
  485. }else if(imageType=="1"){
  486. content+="气瓶钢印";
  487. }else if(imageType=="2"){
  488. content+="监督检验证书";
  489. }
  490. $("#uploadInfo"+cylinder_num).append(content+" 第"+certPage+"页 上传成功<br/>");
  491. location.reload();
  492. }else{
  493. $.messager.alert('提示','上传失败!');
  494. }
  495. },
  496. error:function(e){
  497. $.messager.progress('close');
  498. console.log(e);
  499. },
  500. xhrFields: {
  501. withCredentials: true
  502. }
  503. });
  504. }else{
  505. //showMsg('提示', '验证未通过,有必填信息未填写!', showTime);
  506. $.messager.alert('提示','验证未通过,有必填信息未填写!');
  507. }
  508. }
  509. </script>
  510. </head>
  511. <body>
  512. <center>
  513. <div id="certinfodiv" style="width: 800px;">
  514. <div class="radiusDiv" id="certDiv" >
  515. </div>
  516. </div>
  517. <div id="uploadCertDialog" class="easyui-dialog"
  518. style="width: 400px; height: 540px; padding: 10px 20px;"
  519. shadow="false" closed="true" modal="true" buttons="#upload_cert_buttons1">
  520. <form id="certform" enctype="multipart/form-data" method="post">
  521. <input id="cylinderGuid1234" name="cylinderGuid" type="text" style="display: none;" />
  522. <fieldset>
  523. <legend>图片类型</legend>
  524. <table>
  525. <tr>
  526. <td class="tdclass">
  527. <input name="imageType" type="radio" value="0" checked="checked"/>气瓶产品合格证
  528. </td>
  529. </tr>
  530. <tr>
  531. <td class="tdclass">
  532. <input name="imageType" type="radio" value="1" />监督检验证书
  533. </td>
  534. </tr>
  535. <tr>
  536. <td class="tdclass">
  537. <input name="imageType" type="radio" value="2" />安装合格证
  538. </td>
  539. </tr>
  540. <tr>
  541. <td class="tdclass">
  542. <input name="imageType" type="radio" value="3" />身份证/营业执照/法人证书
  543. </td>
  544. </tr>
  545. <tr>
  546. <td class="tdclass">
  547. <input name="imageType" type="radio" value="4" />安装合格证
  548. </td>
  549. </tr>
  550. </table>
  551. </fieldset>
  552. <table>
  553. <tr>
  554. <td class="tdclass">&nbsp;</td>
  555. </tr>
  556. <tr>
  557. <td class="tdclass">证书页码</td>
  558. </tr>
  559. <tr>
  560. <td class="tdclass">
  561. <select name="certPage" id="certPage" style="width:250px;height:34px;" class="easyui-combobox" data-options="panelHeight:'150px',required:true,editable:false">
  562. <option value="1">第1页</option>
  563. <option value="2">第2页</option>
  564. <option value="3">第3页</option>
  565. <option value="4">第4页</option>
  566. <option value="5">第5页</option>
  567. <option value="6">第6页</option>
  568. <option value="7">第7页</option>
  569. <option value="8">第8页</option>
  570. </select>
  571. </td>
  572. </tr>
  573. <tr>
  574. <td class="tdclass">&nbsp;</td>
  575. </tr>
  576. <tr>
  577. <td class="tdclass">图片文件</td>
  578. </tr>
  579. <tr>
  580. <td class="tdclass">
  581. <input name="imageCert" id="imageCert" class="easyui-filebox" style="width:250px;height:34px;" data-options="buttonText: '选择文件',buttonAlign: 'right',required:true,prompt:'资质/证书图片(jpg/jpeg/pjepg/png/gif/bmp)',">
  582. </td>
  583. </tr>
  584. <tr>
  585. <td class="tdclass">&nbsp;</td>
  586. </tr>
  587. <tr>
  588. <td class="tdclass">&nbsp;</td>
  589. </tr>
  590. <tr>
  591. <td class="tdclass">
  592. <a href="javascript:void(0)" style="width:250px;height:50px;" class="easyui-linkbutton" onclick="uploadCert();" iconcls="icon-upload">上传</a>
  593. </td>
  594. </tr>
  595. </table>
  596. </form>
  597. </div>
  598. <div class="radiusDiv" id="cylinderImgDiv" >
  599. </div>
  600. </center>
  601. </body>
  602. </html>