approve.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="css/mui.css" rel="stylesheet" />
  8. <script src="assets/js/jquery-3.1.0.js"></script>
  9. <script src="assets/js/jquery.base64.js"></script>
  10. <script src="CommonJS/Config_JS/Config_Load.js"></script>
  11. <script src="CommonJS/DBUtil_JS/WsCommonClassJava.js"></script>
  12. <script src="CommonJS/Data_ProcessJS/CommonData.js"></script>
  13. <script src="CommonJS/HTML_ElementCommonJS/Select_Common.js"></script>
  14. <script src="js/mui.js"></script>
  15. <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
  16. <script src="js/recordAction.js"></script>
  17. <script src="js/mui.min.js"></script>
  18. <!--<script src="js/jquery.min.js"></script>-->
  19. <!-- <script src="js/uploadImgs.js"></script> -->
  20. <script src="js/promptAndAlert.js"></script>
  21. <script src="js/fileImg.js"></script>
  22. <script type="text/javascript">
  23. mui.init()
  24. </script>
  25. <style>
  26. * {
  27. margin: 0;
  28. padding: 0;
  29. }
  30. html,
  31. body {
  32. width: 100%;
  33. height: 100%;
  34. overflow: hidden;
  35. }
  36. .logon_bg{
  37. position: absolute;
  38. width:100%;
  39. bottom: 0;
  40. }
  41. .bak{
  42. width: 100%;
  43. height: 100%;
  44. }
  45. .mainDiv{
  46. top: 0;
  47. position: absolute;
  48. width: 100%;
  49. height: 100%;
  50. margin-top: 2.375rem;
  51. }
  52. .dynamic_images ul {
  53. margin: 0;
  54. padding: 0;
  55. }
  56. .dynamic_images ul li {
  57. position: relative;
  58. display: inline-block;
  59. margin-top: 10px;
  60. margin-bottom: 10px;
  61. margin-right: 5px;
  62. margin-left: 10px;
  63. float: left;
  64. list-style: none;
  65. }
  66. .dynamic_images ul li img {
  67. width: 50px;
  68. height: 50px;
  69. border-radius: 5px;
  70. }
  71. .del {
  72. display: inline-block;
  73. position: absolute;
  74. top:6px;
  75. right: 0px;
  76. width: 12px;
  77. height: 2px;
  78. background: #ED544D;
  79. line-height: 0;
  80. font-size: 0;
  81. vertical-align: middle;
  82. -webkit-transform: rotate(45deg);
  83. }
  84. .del:after {
  85. content: "/";
  86. display: block;
  87. width: 12px;
  88. height: 2px;
  89. background: #ED544D;
  90. -webkit-transform: rotate(-90deg);
  91. }
  92. #showimg{
  93. width: 60px;
  94. height: 50px;
  95. margin: auto auto;
  96. display: table-cell;
  97. vertical-align: middle;
  98. text-align: center;
  99. margin-top: 13%;
  100. }
  101. .image-upload > input
  102. {
  103. display: none;
  104. }
  105. .image-uploads > input
  106. {
  107. display: none;
  108. }
  109. </style>
  110. <script>
  111. mui.init({
  112. swipeBack:true //启用右滑关闭功能
  113. });
  114. $(document).on("click", '#mainpage', function() {
  115. window.location="main.html?date="+getDateStr() ;
  116. });
  117. $(document).on("click", '#addpage', function() {
  118. // mui.alert('模块更新中 敬请期待!!!', '系统提示', function() {});
  119. window.location="add.html?date="+getDateStr();
  120. });
  121. $(document).on("click", '#back', function() {
  122. window.location="main.html?date="+getDateStr() ;
  123. });
  124. $(document).on("click", '#exit', function() {
  125. var btnArray = ['否', '是'];
  126. mui.confirm('是否确认退出登录?', '系统提示', btnArray, function(e) {
  127. if (e.index == 1) {
  128. window.location="login.html";
  129. localStorage.clear();
  130. } else {
  131. }
  132. })
  133. });
  134. // $(document).on("click", '#back', function() {
  135. // window.location="main.html";
  136. // });
  137. var idleTime = 30 * 60 * 1000; // 时间毫秒数
  138. // 最后一次用户交互的时间变量
  139. var lastInteraction = new Date().getTime();
  140. // 设置一个定时器来检查用户是否空闲
  141. setInterval(function() {
  142. var currentTime = new Date().getTime();
  143. var timeSinceLastInteraction = currentTime - lastInteraction;
  144. // 如果用户在指定的空闲时间内没有进行任何操作,清空缓存
  145. if (timeSinceLastInteraction > idleTime) {
  146. localStorage.clear();
  147. // sessionStorage.clear();
  148. console.log('缓存已清空');
  149. //跳转到登录页面
  150. window.location="login.html";
  151. }
  152. }, 1000); // 每隔一秒检查一次
  153. // 监听用户交互事件来更新lastInteraction的时间
  154. window.onload = function() {
  155. var events = ['mousedown', 'mousemove', 'keydown', 'scroll', 'touchstart'];
  156. events.forEach(function(event) {
  157. document.addEventListener(event, function() {
  158. lastInteraction = new Date().getTime();
  159. }, true);
  160. });
  161. };
  162. var idcard;
  163. var caseid;
  164. window.onload = function initInfo(){
  165. var name = localStorage.getItem("name");
  166. idcard = localStorage.getItem("idcard");
  167. var address = localStorage.getItem("address");
  168. caseid = localStorage.getItem("caseid");
  169. console.log(caseid+"***")
  170. var sex = localStorage.getItem("sex");
  171. var major = localStorage.getItem("major");
  172. $("#txt_name").val(name);
  173. // $('#checkUserName').attr("val ue",sessionUser.name);
  174. $("#txt_idcard").val(idcard);
  175. $("#txt_add").val(address);
  176. if(sex=='0'){
  177. $("#txt_sex").val('男');
  178. }else if(sex=='1'){
  179. $("#txt_sex").val('女');
  180. }else{
  181. $("#txt_sex").val('无');
  182. }
  183. $("#txt_major").val(major);
  184. // loadMajor();
  185. }
  186. // 1 1 营业中
  187. // 4 4 未营业
  188. // 2 2 已搬离
  189. // 3 3 待确定
  190. var currentClickid ;
  191. var uploadobj;
  192. var bz;
  193. function updateDb(state){
  194. currentClickid = state;
  195. determineSubmit();
  196. //uploadPicture();
  197. }
  198. function commitok(){
  199. document.getElementById("syyalertDiv").remove();
  200. try{
  201. document.getElementById("alertDiv").style.display ="";
  202. }catch{}
  203. }
  204. function commitButton() {
  205. var inputsj=document.getElementById("syyInput").value;
  206. if(inputsj==""){
  207. alerts('输入手机号为空!请重新提交',commitok)
  208. }else if(inputsj.length!=11){
  209. alerts("手机号不正确!请重新提交",commitok)
  210. }else{
  211. var objimgs=eval(uploadobj);
  212. if(objimgs.length>0 || objimgs.length!=null || objimgs.length!=""){
  213. // for(i=0;i<=objimgs.length;i++){
  214. //console.log(objimgs[i].img+"===****"+objimgs[i].imge+"");
  215. if(objimgs.length==0){
  216. var strSql = "insert into 巡检状态(一户一档ID,状态,手机,照片1,照片2) values('"+caseid+"','"+currentClickid+"','"+inputsj+"','','')";
  217. new WsCommonClass("QueryDataBaseJson",["sql"],[strSql],querySuccess,"queryUser");
  218. }else if(objimgs.length==1){
  219. var strSql = "insert into 巡检状态(一户一档ID,状态,手机,照片1,照片2) values('"+caseid+"','"+currentClickid+"','"+inputsj+"','"+objimgs[0].img+"','')";
  220. console.log(strSql)
  221. new WsCommonClass("QueryDataBaseJson",["sql"],[strSql],querySuccess,"queryUser");
  222. }else if(objimgs.length==2){
  223. var strSql = "insert into 巡检状态(一户一档ID,状态,手机,照片1,照片2) values('"+caseid+"','"+currentClickid+"','"+inputsj+"','"+objimgs[0].img+"','"+objimgs[1].img+"')";
  224. console.log(strSql)
  225. new WsCommonClass("QueryDataBaseJson",["sql"],[strSql],querySuccess,"queryUser");
  226. }else if(objimgs.length==3){
  227. var strSql = "insert into 巡检状态(一户一档ID,状态,手机,照片1,照片2,照片3) values('"+caseid+"','"+currentClickid+"','"+inputsj+"','"+objimgs[0].img+"','"+objimgs[1].img+"','"+objimgs[2].img+"')";
  228. console.log(strSql)
  229. new WsCommonClass("QueryDataBaseJson",["sql"],[strSql],querySuccess,"queryUser");
  230. }
  231. //}
  232. }else{
  233. alerts('您还没点击上传图片,请先上传图片',commitok);
  234. }
  235. }
  236. }
  237. function closefun() {
  238. document.getElementById("alertDiv").remove();
  239. }
  240. function applyToDB(){
  241. var state = currentClickid;
  242. //bz=$('#txt_bz').val();
  243. var alertInfo = "是否确认更改为营业中状态?";
  244. switch (state){
  245. case 1:
  246. alertInfo = "是否确认更改为营业中状态?\n确认请输入手机号提交";
  247. break;
  248. case 4:
  249. alertInfo = "是否确认更改未营业状态?";
  250. break;
  251. case 2:
  252. alertInfo = "是否确认更改为已搬离状态?";
  253. break;
  254. case 3:
  255. alertInfo = "是否确认更改为待确定状态?";
  256. break;
  257. }
  258. // var btnArray = ['否', '是'];
  259. // mui.confirm(alertInfo, '系统提示', btnArray, function(e) {
  260. // if (e.index == 1) {
  261. // var strSql = "insert into 巡检状态(一户一档ID,状态) values('"+caseid+"','"+state+"')";
  262. // new WsCommonClass("QueryDataBaseJson",["sql"],[strSql],querySuccess,"queryUser");
  263. // } else {
  264. // return;
  265. // }
  266. // });
  267. uploadobj = localStorage.getItem("datas");
  268. uploadobj=JSON.parse(uploadobj);
  269. var btnArray = ['确定', '取消'];
  270. prompts(alertInfo,'',commitButton,closefun,'prompt')
  271. /* mui.prompt(alertInfo, '请输入手机号码', '系统提示', btnArray, function(e) {
  272. if (e.index == 0) {
  273. if(e.value == ""){
  274. mui.alert('输入手机号为空!\n请重新提交', '系统提示', function() {
  275. });
  276. }else if(e.value.length != 11){
  277. mui.alert('手机号不正确!\n请重新提交', '系统提示', function() {
  278. });
  279. }else{
  280. var objimgs=eval(uploadobj);
  281. if(objimgs.length>0 || objimgs.length!=null || objimgs.length!=""){
  282. // for(i=0;i<=objimgs.length;i++){
  283. //console.log(objimgs[i].img+"===****"+objimgs[i].imge+"");
  284. if(objimgs.length==0){
  285. var strSql = "insert into 巡检状态(一户一档ID,状态,手机,备注,照片1,照片2) values('"+caseid+"','"+state+"','"+e.value+"','"+bz+"','','')";
  286. //console.log(strSql)
  287. new WsCommonClassSP("QueryDataBase",["sql"],[strSql],querySuccess,"queryUser");
  288. }else if(objimgs.length==1){
  289. var strSql = "insert into 巡检状态(一户一档ID,状态,手机,备注,照片1,照片2) values('"+caseid+"','"+state+"','"+e.value+"','"+bz+"','"+objimgs[0].img+"','')";
  290. //console.log(strSql)
  291. new WsCommonClassSP("QueryDataBase",["sql"],[strSql],querySuccess,"queryUser");
  292. }else if(objimgs.length==2){
  293. var strSql = "insert into 巡检状态(一户一档ID,状态,手机,备注,照片1,照片2) values('"+caseid+"','"+state+"','"+e.value+"','"+bz+"','"+objimgs[0].img+"','"+objimgs[1].img+"')";
  294. //console.log(strSql)
  295. new WsCommonClassSP("QueryDataBase",["sql"],[strSql],querySuccess,"queryUser");
  296. }else if(objimgs.length==3){
  297. var strSql = "insert into 巡检状态(一户一档ID,状态,手机,备注,照片1,照片2,照片3) values('"+caseid+"','"+state+"','"+e.value+"','"+bz+"','"+objimgs[0].img+"','"+objimgs[1].img+"','"+objimgs[2].img+"')";
  298. //console.log(strSql)
  299. new WsCommonClassSP("QueryDataBase",["sql"],[strSql],querySuccess,"queryUser");
  300. }
  301. // }
  302. }else{
  303. plus.nativeUI.alert('您还没点击上传图片,请先上传图片');
  304. }
  305. }
  306. } else {
  307. }
  308. }) */
  309. }
  310. function querySuccess(evt){
  311. /* var result = evt.substr(76,evtlength);
  312. var evtlength = evt.length-85;
  313. result = result.substr(0,evtlength);
  314. var jsonData = JSON.parse(result); */
  315. // var jsonObj = JSON.parse(evt)
  316. // var jsonData = jsonObj[0].data;
  317. // if(jsonData != null){
  318. mui.toast("状态更新成功");
  319. window.location="main.html?date="+getDateStr();
  320. // }
  321. insertActionRecord('用户操作更新状态');
  322. }
  323. function loadMajor() {
  324. var strSql = "select t.编码 as code,t.名称 as name,t.备注 as memo from view_编码表无证对象专业 t order by code";
  325. new WsCommonClass("QueryDataBaseJson", ["sql"], [strSql], querySuccesse, "loadMajor");
  326. }
  327. // function querySuccesse(evt, keyvalue) {
  328. // var result = evt.substr(76, evtlength);
  329. // var evtlength = evt.length - 85;
  330. // result = result.substr(0, evtlength);
  331. // // var jsonData = JSON.parse(result);
  332. // if (keyvalue == "AddInfo") {
  333. // insertActionRecord('用户操作新增排查点');
  334. // mui.toast("新增排查点成功!");
  335. // window.location = "main.html?date=" + getDateStr();
  336. // return;
  337. // }
  338. // var jsonObj = JSON.parse(result)
  339. // var jsonData = jsonObj[0].data;
  340. // if (jsonData != null) {
  341. // switch (keyvalue) {
  342. // case "loadMajor":
  343. // Select_DyCreate("select_major", jsonData, "code", "name",true);
  344. // break;
  345. // }
  346. // }
  347. // }
  348. function querySuccesse(evt, keyvalue) {
  349. // var result = evt.substr(76, evtlength);
  350. // var evtlength = evt.length - 85;
  351. // result = result.substr(0, evtlength);
  352. // var jsonData = JSON.parse(result);
  353. if (keyvalue == "AddInfo") {
  354. insertActionRecord('用户操作新增排查点');
  355. mui.toast("新增排查点成功!");
  356. window.location = "main.html?date=" + getDateStr();
  357. return;
  358. }
  359. // var jsonObj = JSON.parse(result)
  360. var jsonData = evt.data;
  361. if (jsonData != null) {
  362. switch (keyvalue) {
  363. case "loadMajor":
  364. Select_DyCreate("select_major", jsonData, "CODE", "NAME",true);
  365. break;
  366. }
  367. }
  368. }
  369. </script>
  370. </head>
  371. <body background="assets/image/login.png" style=" background-repeat:no-repeat ;background-size:100% 100%;background-attachment: fixed;">
  372. <header class="mui-bar mui-bar-nav">
  373. <a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  374. <h1 class="mui-title">巡查结果</h1>
  375. </header>
  376. <div class="mainDiv" style="overflow: scroll;width: 100%;height: 88%;">
  377. <div>
  378. <div class="mui-input-group" style="margin: 1.25rem 0.625rem 0.625rem 0.625rem;">
  379. <div class="mui-input-row" >
  380. <label>姓名:</label>
  381. <input id="txt_name" type="text" placeholder="姓名" readonly="true"/>
  382. </div>
  383. <div class="mui-input-row" >
  384. <label>性别:</label>
  385. <input id="txt_sex" type="text" placeholder="性别" readonly="true"/>
  386. <!-- <select id="txt_sex" class="mui-btn-block" >
  387. <option value="0">请选择</option>
  388. <option value="1">男</option>
  389. <option value="2">女</option>
  390. </select> -->
  391. </div>
  392. <!-- <div class="mui-input-row" >
  393. <label>类别:</label>
  394. <input id="txt_type" type="text" class="mui-input-clear" placeholder="主体类别"/>
  395. <select id="txt_type" class="mui-btn-block" >
  396. <option value="0">请选择</option>
  397. <option value="1">个人</option>
  398. <option value="2">单位</option>
  399. </select>
  400. </div> -->
  401. <div class="mui-input-row" >
  402. <label>专业:</label>
  403. <input id="txt_major" type="text" placeholder="从事专业" readonly="true"/>
  404. <!-- <select id="select_major" class="mui-btn-block" ></select> -->
  405. </div>
  406. <div class="mui-input-row" style="height: auto;" >
  407. <label>地址:</label>
  408. <textarea id="txt_add" placeholder="地址" readonly="true"></textarea>
  409. </div>
  410. <div class="mui-input-row" >
  411. <label>证件:</label>
  412. <input id="txt_idcard" type="text" placeholder="无" readonly="true"/>
  413. </div>
  414. <!-- <div class="mui-input-row" >
  415. <label>备注:</label>
  416. <input id="txt_bz" type="text" class="mui-input-clear" placeholder="备注"/>
  417. </div> -->
  418. </div>
  419. </div>
  420. <div style="text-align: center;width: 100%;">
  421. <div style="width: 87%;height: 9.375rem;margin: 0.625rem 1.875rem 0.625rem 1.875rem;">
  422. <div style="float: left;width: 72%;height: 100%;">
  423. <div style="width: 100%;">
  424. <button type="button" onclick="updateDb(1)" style="width: 98%;height: 4.375rem;" class="mui-btn mui-btn-danger">营业中</button>
  425. </div>
  426. <div style="width: 100%;margin-top: 0.625rem;">
  427. <div style="float: left;width: 35%;">
  428. <button type="button" onclick="updateDb(4)" style="width: 100%;height: 4.375rem;" class="mui-btn mui-btn-warning">未执业</button>
  429. </div>
  430. <div style="float: left;width:59%;margin-left: 0.625rem;">
  431. <button type="button" onclick="updateDb(2)" class="mui-btn mui-btn-primary" style="width: 100%;height: 4.375rem;">已搬离</button>
  432. </div>
  433. </div>
  434. </div>
  435. <div style="float: left;height: 100%;width:28%;">
  436. <button type="button" onclick="updateDb(3)" class="mui-btn mui-btn-success" style="height: 100%;width: 90%;">可疑执业</button>
  437. </div>
  438. </div>
  439. <div style="float: inherit;margin-top: 0.625rem;">
  440. <button type="button" class="mui-btn mui-btn-royal" style="width: 90%;">提交</button>
  441. </div>
  442. </div>
  443. <div class="mui-content" style="width: 93%;height: 28%;margin: 0 auto;background-color: #91DBD9;">
  444. <form id='from1' enctype = "multipart/form-data">
  445. <div style="margin-top: 16px;margin-bottom: 10px;">
  446. <!-- <div class="dynamic_images" style="background-color: #91DBD9;height: 70px;width: 100%;padding-left: 15px;padding-right: 15px;">
  447. <ul class="row mui-input-row">
  448. <li> onclick="showActionSheet();"-->
  449. <div class="image-uploads" style="width: 120px;position: absolute;">
  450. <label for="imgUploads">
  451. <img src="img/show3.png" id="addnew" style="width: 20px;height: 20px;margin-left: 10px;margin-top: 10px;" />
  452. </label>
  453. <input id="imgUploads" style="width: 180px;" type="file" name="imageUpload" accept="image/*" capture="camera" onchange="loadUpImgs()" / >
  454. </div>
  455. <!-- </li>
  456. </ul>
  457. </div> -->
  458. <span class="title" style="color: #F9FDFD;font-size: 15px;margin-top: 10px;position: absolute;margin-left: 40px;">拍照</span>
  459. <div class="image-upload" style="width: 120px;position: absolute;margin-left: 70px;">
  460. <label for="imgUpload">
  461. <img src="img/imgadd.png" id="addnew1" style="width: 20px;height: 20px;margin-left: 10px;margin-top: 10px;" />
  462. </label>
  463. <input id="imgUpload" style="width: 180px;" type="file" name="imageUpload" accept="image/*" onchange="loadUpImg()" / >
  464. </div>
  465. <span class="title" style="color: #F9FDFD;font-size: 15px;margin-top: 10px;position: absolute;margin-left: 110px;">从相册选取</span>
  466. <span id="picnum" style="float: right;font-size: 12px; color: #F9FDFD;margin-top: 10px;position: absolute;margin-left: 200px;">0/5</span>
  467. <!-- <div id="finish" class="mui-icon mui-icon-checkmarkempty" style="margin-left: 55px;color: #F9FDFD;position: absolute;margin-top: 10px;margin-left: 70%;" onclick="submits()"></div> -->
  468. </div>
  469. <div class="dynamic_images" style="background-color: #91DBD9;height: 70px;width: 100%;padding-left: 40px;padding-right: 15px;">
  470. <ul class="row mui-input-row" style="width: 83%;height: 23%;margin-top: 30px;position: absolute;margin-left: -5%;">
  471. <!-- <li>
  472. <img src="img/iconfont-tianjia.png" id="addnew" onclick="showActionSheet();" />
  473. </li> -->
  474. <img src="img/show.png" id="showimg"/>
  475. </ul>
  476. </div>
  477. <!-- <div style="margin-top: 16px;width: 100%;text-align: center;">
  478. <button style="background-color: #169BD5;height: 40px;width: 266px;font-size: 14px;color: #FFFFFF;border-radius: 5px;border: 0px;" type="button" onclick="submits()">提交</button>
  479. </div> -->
  480. </form>
  481. </div>
  482. <nav class="mui-bar mui-bar-tab">
  483. <a href="firstPage.html" id="mainpage" class="mui-tab-item mui-active">
  484. <span class="mui-icon mui-icon-home"></span>
  485. <span class="mui-tab-label">主页</span>
  486. </a>
  487. <a href="projectInfo.html" id="addpage" class="mui-tab-item">
  488. <span class="mui-icon mui-icon-chatboxes"></span>
  489. <span class="mui-tab-label">添加</span>
  490. </a>
  491. <a href="myInfo.html" id="exit" class="mui-tab-item">
  492. <span class="mui-icon mui-icon-gear"></span>
  493. <span class="mui-tab-label">退出</span>
  494. </a>
  495. </nav>
  496. </div>
  497. </body>
  498. </html>