Jelajahi Sumber

oaui细节修改

oyrt 1 tahun lalu
induk
melakukan
d2fbfcfaa8
69 mengubah file dengan 3732 tambahan dan 2051 penghapusan
  1. 2000 393
      css/OA-style.css
  2. 244 228
      css/flow.css
  3. 0 4
      css/mui.min.css
  4. TEMPAT SAMPAH
      images/Warehouse_96px_1179004_easyicon.net.png
  5. TEMPAT SAMPAH
      images/car_rental.png
  6. TEMPAT SAMPAH
      images/editor.png
  7. TEMPAT SAMPAH
      images/gg_hytz.png
  8. TEMPAT SAMPAH
      images/gg_tzgg.png
  9. TEMPAT SAMPAH
      images/gg_zbtz.png
  10. TEMPAT SAMPAH
      images/index_delhuanchung.png
  11. TEMPAT SAMPAH
      images/index_shoushi.png
  12. TEMPAT SAMPAH
      images/me_set_pay.png
  13. TEMPAT SAMPAH
      images/me_set_privacy.png
  14. TEMPAT SAMPAH
      images/me_set_problem.png
  15. TEMPAT SAMPAH
      images/me_set_remind.png
  16. TEMPAT SAMPAH
      images/me_set_system.png
  17. TEMPAT SAMPAH
      images/modelPicture/askLeave.png
  18. TEMPAT SAMPAH
      images/modelPicture/assetTransfers.png
  19. TEMPAT SAMPAH
      images/modelPicture/assetsAcceptance.png
  20. TEMPAT SAMPAH
      images/modelPicture/assetsCleanUp.png
  21. TEMPAT SAMPAH
      images/modelPicture/borrowMoney.png
  22. TEMPAT SAMPAH
      images/modelPicture/businessTrip.png
  23. TEMPAT SAMPAH
      images/modelPicture/businessTripPlan.png
  24. TEMPAT SAMPAH
      images/modelPicture/contract.png
  25. TEMPAT SAMPAH
      images/modelPicture/default.png
  26. TEMPAT SAMPAH
      images/modelPicture/positiveEvaluation.png
  27. TEMPAT SAMPAH
      images/modelPicture/postAdjustment.png
  28. TEMPAT SAMPAH
      images/modelPicture/probation.png
  29. TEMPAT SAMPAH
      images/modelPicture/procurement.png
  30. TEMPAT SAMPAH
      images/modelPicture/reception.png
  31. TEMPAT SAMPAH
      images/modelPicture/reimbursement.png
  32. TEMPAT SAMPAH
      images/modelPicture/sealLicenseTape.png
  33. TEMPAT SAMPAH
      images/modelPicture/useSeal.png
  34. TEMPAT SAMPAH
      images/modelPicture/whichProcurement.png
  35. TEMPAT SAMPAH
      images/modelPicture/workOvertime.png
  36. TEMPAT SAMPAH
      images/sp_cc.png
  37. TEMPAT SAMPAH
      images/sp_clbx.png
  38. TEMPAT SAMPAH
      images/sp_cswd.png
  39. TEMPAT SAMPAH
      images/sp_fqxl.png
  40. TEMPAT SAMPAH
      images/sp_fybx.png
  41. TEMPAT SAMPAH
      images/sp_gwjd.png
  42. TEMPAT SAMPAH
      images/sp_qj.png
  43. TEMPAT SAMPAH
      images/sp_wc.png
  44. TEMPAT SAMPAH
      images/sp_wfqd.png
  45. TEMPAT SAMPAH
      images/sp_wqdsm.png
  46. TEMPAT SAMPAH
      images/sp_wspd.png
  47. TEMPAT SAMPAH
      images/sp_ycsqgl.png
  48. TEMPAT SAMPAH
      images/sp_yjbxl.png
  49. TEMPAT SAMPAH
      images/sp_zbxl.png
  50. TEMPAT SAMPAH
      images/txl_bm.png
  51. TEMPAT SAMPAH
      images/txl_gs.png
  52. 68 68
      js/config.js
  53. 90 90
      js/dj/component/vue.flowprocess.js
  54. 73 73
      js/dj/component/vue.writingprocess.js
  55. 1 1
      page/document/dispatch_info.html
  56. 1 1
      page/document/receive_info.html
  57. 1 1
      page/flow/Nonciphertext/nonciphertext_view.html
  58. 1 1
      page/flow/article_check/article_check_view.html
  59. 1 1
      page/flow/enforce_work/enforce_work_view.html
  60. 330 329
      page/flow/flow_approve_list.html
  61. 335 321
      page/flow/flow_approve_list2.html
  62. 90 85
      page/flow/flow_main.html
  63. 161 156
      page/flow/flow_my_list.html
  64. 180 148
      page/flow/flow_view.html
  65. 1 1
      page/flow/leave/leave_view.html
  66. 1 1
      page/flow/monthwork_list/monthwork_view.html
  67. 152 147
      page/flow/process.html
  68. 1 1
      page/flow/sign_in/sign_in_view.html
  69. 1 1
      page/flow/use_car/use_car_view.html

+ 2000 - 393
css/OA-style.css

@@ -1,393 +1,2000 @@
-@charset "utf-8";
-/* CSS Document */
-img{display: block;}
-body{ background: #eee;}
-.mui-bar-nav { background: #468CF0; }
-.mui-bar-nav h1{color: #fff;}
-.user{ width: 32px; height: 32px; border-radius: 50%; background-color: #999; margin-top: 6px; overflow: hidden;}
-.user img{ width: 100%;}
-.search{ width: 16px; }
-.search img{ width: 100%; margin-top: 12px;}
-.head{ width: 50px; margin-right: 10px; height: 50px; margin-top: 1px; border-radius: 50%; overflow: hidden; background-color: #eee; }
-.head img{ width: 100%;}
-.text{width:calc(100% - 60px); }
-.text h1{ font-size: 18px; color: #444444; font-weight: 500;width:calc(100% - 80px); overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
-.text h2{ font-size: 14px; color: #999999; font-weight: 400; width:calc(100% - 26px); overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
-.text h2 span{padding-right: 3px;}
-.angle{ width: 20px; height: 20px; background-color: #ff5959; font-size: 12px; line-height: 20px; text-align: center; border-radius: 50%; padding: 0; margin: 0; color: #fff; margin: 2px 0;  font-weight: 500;}
-.text h3{ font-size: 12px; color: #999999; font-weight: 400;}
-.text h4{ font-size: 20px; color: #444444;font-weight: 500; line-height: 42px;}
-
-.mui-grid-view.mui-grid-9{ background: none;}
-.mui-grid-view.mui-grid-9 .mui-media{ background: #fff;}
-.media-body-img{width: 54px; margin: 0 auto;}
-.media-body-img img{width: 100%;}
-.mui-table-view.mui-grid-view .mui-table-view-cell{width: calc(100% / 3);}
-.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 14px; color: #444;}
-.mui-table-view-cell-1{ background: #eee;padding:5px 15px; }
-.content{padding-top: 34px;}
-
-.mui-search .mui-placeholder{ font-size: 14px; color:#666; }
-.mui-indexed-list-bar{ background: #fff;}
-.mui-indexed-list{ display: block;}
-.address_list{ background: #fff;}
-.address_list,.address_list li{ padding: 0; margin: 0; list-style: none;}
-.mui-indexed-list-search{position:fixed; width: 100%; top: 44px;}
-.indexed-list-bar{ width: 30px;  text-align: center; position: fixed; z-index: 1; right: 0; padding-top: 10px; background: none; }
-.indexed-list-bar a{font-size: 12px; color: #666; width: 100%; display: block; height:calc((100% - 138px) / 26);}
-/*.mui-content{ overflow:auto;}*/
-
-.mui-off-canvas-left{ width: 80%; }
-.mui-off-canvas-left{background: #fff;}
-.me_set{background: #468CF0; padding: 0 15px;}
-.me_out{ width: 20px; padding: 12px 0px; }
-.me_out img{ width: 100%; display: block;}
-.head-big{ width: 60px; height: 60px; overflow: hidden; border-radius: 50%; border: 2px #fff solid;}
-.head-big img{ width: 100%;}
-.information{ padding-top: 60px; padding-bottom: 18px; color: #fff;}
-.name{ margin-left: 15px; padding-bottom: 20px;}
-.name h1{ font-weight:500; font-size: 28px;}
-.name h2{ font-weight: 400; font-size: 14px; padding-top: 2px;}
-.information p{ color: #fff; font-size: 14px; margin: 0;}
-.information span { height: 12px; width: 1px; background: #fff; display: block; margin:0 10px; margin-top: 4px;}
-.set,.set li{ list-style: none; padding: 0; margin: 0;}
-.set .icon{ width:22px; }
-.set .icon img{ width:100%;}
-.set{ padding:0 15px; margin-top: 32px;}
-.set p{padding: 0; margin: 0; padding-left: 15px; color: #444; font-size: 16px; line-height: 23px;}
-.set li{margin-bottom: 24px;}
-.weather{ font-weight: 400;  text-align: center;  position:absolute; bottom: 30px; right: 20px;}
-.weather h1{ color:#468CF0; font-size: 30px; }
-.weather h2{ color:#444444; font-size: 14px; }
-.mui-off-canvas-left .mui-scroll-wrapper{ position: relative; height: 100%;}
-
-.back,.statistics{ width: 20px; padding-top: 11px; padding-bottom: 11px;}
-.back img,.statistics img{width:100%;}
-.head-text{ background: #468CF0;}
-.head-text h1,.head-text h2,.head-text h3{padding: 0; margin: 0; color: #fff; text-align: center; font-weight: normal;}
-.head-text h1{ font-size: 36px;}
-.head-text h2{ font-size: 18px;font-weight:500; padding: 15px 0;}
-.head-text h3{ font-size: 14px; padding-top: 5px; padding-bottom: 23px;}
-
-.table_item{ width:100%; background: #fff; padding:12px 15px; border-bottom: 1px solid #dddddd;}
-.table_item p{ margin: 0; font-size: 14px; color: #999; line-height: 24px;}
-.title_box{}
-.title_box p{padding-left: 8px; color: #444; }
-.text_box{ margin-left: 28px; position: relative;border-top: 1px dashed #dddddd; margin-top: 10px; padding-top: 10px; }
-.text_box p{ position: absolute; color: #468CF0; }
-.text_box textarea{ border: hidden; outline: none; font-size: 14px; line-height: 24px; padding: 0; margin: 0;display: block; height: 24px;resize: none; width: 100%;color: #444; text-indent: 80px; padding-right: 20px; background: url(../images/work_write.png) no-repeat right center; background-size:12px; }
-.text_box textarea::-webkit-input-placeholder{ color: #999;}
-.text_box textarea::input-placeholder{ color: #999;}
-.label{ color: #ff5959; font-size: 12px; line-height: 24px;}
-.label .attention{width: 14px; height: 14px; color: #fff;background: #ff5959; border-radius: 50%; text-align: center; line-height: 14px; font-weight: 600; margin-right: 8px; margin-top: 5px;}
-.tit_img{ margin-top: 2px;}
-.label_normal{ color: #999; font-size: 14px; line-height: 24px;}
-.normal_img{ margin-top: 5px; margin-right: 8px;}
-.mui-switch-blue.mui-active{ border-color: #468CF0; background: #468CF0;}
-.mui-switch{ height: 24px; width: 38px;}
-.mui-switch .mui-switch-handle{ width: 22px; height: 22px;}
-.sign-in{ width: 100%; padding: 8px 15px; background: #fff; position: fixed; bottom: 0;  }
-.sign-in a{color: #fff; font-size: 16px; background: #468CF0; width: 100%; line-height: 33px; text-align: center; display: block;} 
-.porcess{ width: 100%; background: #fff; margin-bottom: 15px; }
-.porcess_item{ width: calc(100% / 2); padding: 20px 0; }
-.porcess_item img{ margin: 0 auto;}
-.porcess_item p{ text-align: center; padding-top: 12px; margin: 0; color: #393a3f; font-size: 12px; line-height: 12px;}
-.address_list_4{ width: 25%;  padding-bottom: 30px;}
-.address_list_4 p{ text-align: center; padding-top: 12px; margin: 0; color: #393a3f; font-size: 12px; line-height: 12px;}
-.address_list_4 img{ margin: 0 auto;}
-.mui-table-view:after{ background-color: #ddd;}
-.mui-table-view:before{ background-color: #ddd;}
-.mui-table-view{ margin-bottom:15px; }
-.mui-input-row label{ font-size: 14px; color: #999; width: 28%;}
-.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{ font-size:14px; color: #444;  width: 72%;}
-::-webkit-input-placeholder { /* WebKit browsers */  
-    color:    #999;  
-}  
-:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
-   color:    #999;  
-   opacity:  1;  
-}  
-::-moz-placeholder { /* Mozilla Firefox 19+ */  
-   color:    #999;  
-   opacity:  1;  
-}  
-:-ms-input-placeholder { /* Internet Explorer 10+ */  
-   color:    #999;  
-}  
-
-.mui-table-view-cell{overflow: hidden; padding: 15px;}
-.mui-input-row .mui-switch{ margin-top: 0; margin-right: 0;}
-.add{ width: 105px; height: 33px; border: 1px solid #cccccc; line-height: 33px;  text-align: center;}
-.add span{ font-size: 14px;color: #999; background: url(../images/form_add.png) no-repeat left center; background-size:14px; padding-left: 20px; }
-.add_nr_box{  margin-left: -15px; margin-right: -15px;}
-.add_nr{border: 1px solid #cccccc; padding-right: 10px; margin-top: 13px; margin-left: 15px;}
-.add_nr .touxiang{ width: 32px; height: 32px; overflow: hidden;}
-.add_nr .touxiang img{ width: 100%; }
-.add_nr p{ color: #444;font-size: 14px; padding-left: 10px; padding-right: 21px; background: url(../images/form_sc.png) right center no-repeat; background-size: 11px; line-height: 32px;}
-.report_head{ width: 100%; background: #468CF0; padding: 9px 10px 15px;}
-.report_head_img{ width: 52px; height: 52px; border-radius: 50%; overflow: hidden; border: 1px solid #d4feff;}
-.report_head_img img{ width: 100%; height: 100%;}
-.shuji{}
-.shuji_cell{ width: calc(100% / 3 - 1px) ; border-right: 1px solid #d4feff;}
-.shuji_cell h1{ text-align: center; font-size: 30px; color: #fff; font-weight: 500; line-height: 30px; margin: 0; height: 30px;}
-.shuji_cell h1 span{ font-size: 12px; color: #fff; padding-left: 2px;}
-.shuji_cell h2{font-size: 12px; color: #d4feff;text-align: center; font-weight: 400; }
-.bb_list{}
-.bb_list:before{ position: absolute; right: 15px; margin-left: 15px; top: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5);transform: scaleY(.5); background: url(../images/bb_listbg.png);}
-.bb_list h1{ font-size: 14px; color: #444;background: url(../images/bb_shijian.png) no-repeat left center; background-size: 14px; padding-left: 20px;}
-.bb_list h1 span{ padding-left: 5px;font-weight: normal; font-size: 14px; color: #444;}
-.bb_list h2{ color: #ff363b;font-size: 14px; font-weight: normal;background: url(../images/zhuyi.png) no-repeat left center; background-size: 14px; padding-left: 20px;}
-.bb_list h3{ color: #468CF0;font-size: 14px; font-weight: normal;background: url(../images/work_overtime.png) no-repeat left center; background-size: 16px; padding-left: 22px;}
-.mui-table-view-cell.mui-collapse .mui-collapse-content{ padding: 9px 15px;}
-.mui-table-view-cell:after{ left: 0;}
-.list_item{ margin-top: 20px;}
-.list_item .date_box{width:64px; height: 64px; background: #eee;border-radius: 50%;overflow: hidden;padding: 3px;margin-left: 15px;}
-.list_item .date{ width:58px; height: 58px;border-radius: 50%; overflow: hidden; border: 1px solid #468CF0; text-align: center;}
-.list_item .date h1{ font-size: 24px; color: #666; line-height: 24px; font-weight: 800;  }
-.list_item .date h2{ font-size: 12px; color: #666; line-height: 12px;}
-.list_item>div>h1{ font-size: 20px; color: #666; line-height: 64px; font-weight: 600; padding-left: 10px; margin: 0; }
-.list_line{ width: 1px; background: #ccc; height: 100%; position: absolute; left: 46px; top: 0; z-index: -999;}
-.time{ margin-top: 15px;}
-.time .yuan{ width: 14px; height: 14px; border-radius: 50%;  background: #468CF0; border: 3px solid #eee; margin-left: 40px; margin-right: 10px;}
-.time .yuan_red{ width: 14px; height: 14px; border-radius: 50%;  background: #ff5959; border: 3px solid #eee; margin-left: 40px; margin-right: 10px;}
-.time h4{color: #666; font-size: 14px; }
-.time .red{ color: #ff5959;}
-.text1{ background: #fff; padding:15px; margin-left: 60px; width:calc(100% - 75px); margin-top: 15px; border-radius: 5px;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06);margin-bottom: 30px;  }
-.list_item .text1 h1{ width: 90%;color: #444; font-size: 16px; line-height: 14px;margin: 0; padding: 0;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; }
-.list_item .text1 h2{ width: 100%; color: 14px;color: #999; font-size: 14px; line-height: 14px;margin: 0; padding: 0; margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; }
-.list_gg{ }
-.list_gg_item{background: #fff;}
-.list_gg_item h2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #999; font-size: 12px;line-height: 18px; font-weight: normal;}
-.list_gg_item h1{ text-align: center; font-size: 16px; color: #444; margin-bottom: 10px;}
-.list_gg_item h3{ font-size: 12px; color: #999; background: url(../images/time.png) no-repeat left center; background-size: 14px; padding-left: 20px; line-height: 14px; }
-.geren{ width: 100%; background: #468CF0; position:fixed; height: 67px; top: 44px; }
-.geren_touxiang{ width: 104px; height: 104px; border-radius: 50%; overflow: hidden; position: absolute; left: 50%; margin-left: -52px; bottom: -65%; border: 2px #eee solid;}
-.geren_touxiang img{ width: 100%; height: 100%;}
-.geren_ziliao{ text-align: center;background: #fff; padding-top:52px;padding-bottom: 30px;margin-top: 67px;}
-.geren_ziliao h1{color: #444; font-size: 22px; font-weight: 500;}
-.geren_ziliao h2{ font-weight: 400; color: #444; font-size: 14px;margin-top: 12px; margin-bottom: 15px;}
-.geren_ziliao button{ padding: 8px 26px; font-size: 14px; color: #fff; background-color: #468CF0; border: none; border-radius: 4px; }
-.lianxi{ background: #fff;}
-.lianxi_item{  position: relative;padding:0 15px;}
-.lianxi_item:before{width: 100%; position: absolute; right: 0;  top: 0;  height: 1px; content: ''; -webkit-transform: scaleY(.5);transform: scaleY(.5); background: #ddd;}
-.lianxi_item:after{width: 100%;  position: absolute; right: 0; border: 0;  height: 1px; content: ''; -webkit-transform: scaleY(.5);transform: scaleY(.5); background: #ddd;}
-
-/*打款界面样式*/
-.dakuang_div{background: #FFFFFF;margin-top: 60px;height: 170px;width: 90%;margin-left: 15px;border-radius: 5%;}
-.dakuang_div1{border: #FFFFFF;height: 125px;}
-.dakuang_div2{float: left;}
-.dakuang_div3{margin-top: 20px;font-size: 20px;}
-.dakuang_div4{float: right;}
-.dakuang_div5{margin-top: 20px;font-size: 20px;}
-#dakuang_but{width: 50%}
-.dakuang_bg{background:#f7f7f7;}
-
-/*菜品管理*/
-.cpgl_div1{height: 110px;margin-top: 25px;background: #FFFFFF;border-radius: 21px;width: 94%;}
-.cpgl_div2{height: 120px;width: 30%;float: left;}
-.cpgl_img{width: 80px;margin-top: 18px;}
-.cpgl_div3{float:left;height: 120px;width: 50%;}
-.cpgl_div4{border-bottom:#7F8994;height: 50%;}
-.cpgl_div5{font-size: 30px;float: left;margin-top: 25px;}
-.cpgl_div6{height: 50%;margin-top: 5px;}
-.cpgl_div7{float: left;height: 60px;height: 20px;color:#6A7989;}
-.cpgl_div8{height: 20px;color:#6A7989;}
-.cpgl_div9{float: right;width: 20%;margin-top: 20px;}
-.cpgl_img1{width: 35px;margin-top: -3px;}
-.cpgl_img2{width: 35px;margin-top: 5px;}
-
-/*菜品编辑界面样式*/
-.mui-bar{ box-shadow: none; }
-.mui-table-view-cell.mui-active{background-color: #fff;}
-.caipingbianji_for{margin-top: 60px}
-.caipingbianji_div{margin-top: 12px}
-
-/*菜品添加界面样式*/
-.tianjiacaiping_img{width: 40px;float: right;margin-top: 50px;margin-right: 15px;}
-.tianjiacaiping_img2{float: left;}
-#tianjiacaiping_idv{height: 100px;}
-#tianjiacaiping_idv1{height: 100px;}
-.tianjiacaiping_idv2{height: 90px;}
-.tianjiacaiping_gd{height: 70px;}
-/**/
-.mydc_height{height: 70px;}
-
-
-
-/*找回密码界面样式*/
-.password_fasongmima{background: #f7f7f7;margin-top: 30px;}
-.password_xiugaimima{background: #f7f7f7; width: 90%;}
-.oacolor{border-color: #468CF0;}
-
-/*日程管理界面样式*/
-.richeng_img{    width: 70%;margin-left: 24px;}
-.richeng_div{width:150px;height: 100px;float: left;background: #FFFFFF;}
-.richeng_div1{float:right;width:50%;height: 100px;background: #FFFFFF;}
-.richeng_div2{margin-left: 20px;}
-#richengguanli_div{background: #ffff;width: 100%;height: 110px;}
-.rc_div{margin-top:15px; background: #FFFFFF;}
-
-/*借书界面样式*/
-#borrybook_saoyisao{margin-top: 10px;width: 80%;background-color: #468CF0;border: #468CF0;}
-#borrybook_shurutiaoxingma{margin-top: 20px;width: 80%;}
-.wp_borrybk{margin-top:60px;margin-left: 15px;font-size: 16px;}
-.wp_borrybk2{margin-top:15px;margin-left: 15px;font-size: 16px;}
-.wp_booybkimg{width: 20%;margin-top: 5px;}
-.wp_booybkimg2{width: 25%;margin-top: 5px;}
-
-/*督办详情界面样式*/
-.dubangxiangqing_div{margin-top: 10px;}
-.dubangxiangqing_div1{border: #FFFFFF 1px solid;background: #FFFFFF;height: 200px;}
-.dubangxiangqing_div2{height: 50px;margin-left: 5px;float: left;width: 83%;height: 75px;}
-.dubangxiangqing_div3{height: 30px;font-size: 22px;margin-left: 16px;margin-top: 20px;}
-.dubangxiangqing_div4{margin-top: 20px;background: #FFFFFF;}
-.dubangxiangqing_h3{margin-left: 25px; margin-top: 25px;}
-.dubangxiangqing_span{color:#999999;}
-.db_touxiang img{width: 70%;margin-left: 60px;}
-.dbspan{float: left;margin-top: 15px;margin-left: 5px;}
-.dbimg{height: 50px;width: 50px;border-radius:50%; float: left;}
-.dbsimg{width: 20px;height: 20px;float: left;margin-left: 17px;margin-top: 3px;}
-.dbfont{width: 30pc;height: 30px;margin-left: 5px;margin-top: 15px;color: #999999;font-size: 13px;}
-.dbfont1{width: 30pc;height: 30px;margin-top: 15px;font-size: 13px;color: #999999;}
-.db_zhiwei{margin-top: 15px;float: right;color: #999999;font-size: 14px;}
-
-/*我的订单界面样式*/
-.mydd_div{height: 122px;background: #FFFFFF;margin-top: 15px;}
-.mydd_div1{float: left;font-size: 13px;width: 90px;margin-left: 10px;margin-top: 5px;}
-.mydd_div2{float: right;font-size: 13px;margin-right: 20px;color: #C5564A;margin-top: 5px;}
-.mydd_div3{height: 50px;background: #eeeeeeb5;}
-.mydd_div4{width: 40px;height: 40px;float: left;margin-top: 2.5px;margin-left: 35px;}
-.mydd_div5{float: left;height: 50%;margin-top: 2.5px;margin-left: 10px;width: 180px;font-size: 12px;}
-.mydd_span{float: left;color: #797979;}
-.mydd_div6{float: right;margin-top: 2.5px;margin-right: 5px;width: 50px;height: 40px;font-size: 12px;}
-.mydd_span1{color: #797979;margin-left:5px;}
-.mydd_div7{color: #797979;font-size: 12px;float: right;margin-right: 20px;margin-top: -22px;}
-.mydd_div8{height: 35px;}
-.mydd_qx{float: right;margin-right: 17px;margin-top: -35px;}
-
-/*账户管理界面样式(基于我的订单样式)*/
-.zhgl_div1{height: 130px;background: #FFFFFF;margin-top: 15px;}
-.zhgl_span{float: left;color: #797979;color: #f0ad4e;}
-.zhgl_span1{color: #797979;margin-left:5px;color: #f0ad4e;}
-.zhgl_div{color: #797979;font-size: 12px;float: right;margin-right: 15px;margin-top: 10px;}
-
-/*签到界面样式*/
-.qd_div{height: 150px;}
-.qd_div1{height: 30px;}
-.qd_div2{margin-left: 10px;margin-top: 10px;}
-.qd_span{margin-left: 20px;}
-.qd_div3{border: #FFFFFF 1px solid;height: 110px;background: #FFFFFF;}
-.qd_div4{margin-left: 10px;margin-top: 10px;font-size: 15px;}
-.qd_span1{margin-left: 70px;}
-.qd_div5{margin-left: 10px;margin-top: 5px;font-size: 15px;}
-
-/*我的图书界面样式*/
-.mybk_shucolor{color: #3b688a;}
-.mybk_img{margin-top: 10px;width: 90px;float: left;}
-.mybk_div{float: left;margin-left: 15px;margin-top: 10px;font-size: 12px;color:#a5a5a5}
-.mybk_div1{float: left;width: 150px;margin-top: 10px;font-size: 12px;color:#a5a5a5}
-.mybk_div2{float: right;margin-top: 10px;}
-.mybk_button{margin-top: 10px;}
-
-/*我的账单界面*/
-.myzz_div{width: 96%;height: 110px;background: #FFFFFF;margin-top: 5px;}
-.myzz_div1{margin-top: -5px;}
-.myzz_div2{width: 50%;float: left;}
-.myzz_div3{border: #0EA0A6 5px solid;width: 80px;height: 80px;border-radius: 50%;}
-.myzz_div4{margin-top: 17px;font-size: 20px;}
-.myzz_div5{font-size: 10px;color: #9196A1;}
-.myzz_div6{border: #2FA8EC 5px solid;width: 80px;height: 80px;border-radius: 50%;}
-
-
-/*首页我的(基于侧边栏修改)*/
-.index_my_div{height: 150px;background: #468CF0;}
-.index_my_div1{margin-top: -30px;margin-left: 20px;}
-.index_my_div2{float: right;margin-top: 10px;}
-.index_my_img{width:20px;margin-right: 25px}
-.index_my_div3{margin-left: 20px;}
-.index_my_ul{margin-top: 15px;color:#999999;}
-.index_my_img1{float: left;width: 20px;margin-right: 10px;}
-.index_my_div4{position: fixed;width: 100%;bottom: 60px;}
-
-/*流程列表*/
-/*.liuchen_div{height: 95px;background: #FFFFFF;padding: 20px;}*/
-.liuchen_div1{height: 95px;width: 40px;float: left;margin-top: 5px;}
-.liuchen_img{width: 18px;margin-left: 20px;margin-top: 2px;}
-.liuchen_div2{float: left;width: 100%;}
-.liuchen_div3{color: #9196A1;font-size: 12px;}
-.liuchen_div4{border: #FFFFFF 1px solid; border-bottom-color:#e3e3e3 ;color: #9196A1;font-size: 12px;}
-.liuchen_div5{font-size: 12px;float: right;}
-.liuchen_div6{font-weight:bold;}
-.liuchen_span{color: #ff0000;margin-right: 5px;}
-.liuchen_span1{margin-right: 5px;margin-left: 5px;}
-.liuchen_span2{color: #a5a5a5;font-size: 14px;}
-.liuchen_span3{color: #e7ba1f;margin-right: 5px;}
-.liuchen_span4{color: #61b32a;margin-right: 5px;}
-
-/*zjoa我的日程*/
-.myrc_div{border: #FFFFFF 1px solid;width: 94%;height: 190px;border-radius: 20px;background: #FFFFFF;}
-.myrc_div1{border: #fff 1px solid;height: 30px;margin-top: 14px;border-bottom-color: #D3D4D3;}
-.myrc_div2{height: 30px;width: 70px;float: left;background: #468CF0;color: #FFFFFF;padding: 3px;}
-.myrc_title{float: left;padding: 3px;}
-.myrc_div3{border: #FFFFFF 1px solid;height: 100px;border-bottom-color: #D3D4D3;}
-.myrc_center{width: 50%;float: left;height: 100px;}
-.myrc_center_title{color:#aca4a4;margin-top: 5px;}
-.myrc_center_time{font-size: 30px;margin-top: 5px;}
-.myrc_center_shijian{color:#aca4a4;font-size: 13px;}
-
-/*消息未读已读界面*/
-.weidu_div{height: 110px;background: #FFFFFF;margin-top: 8px;}
-.weidu_div1{height: 110px;width: 35px;float: left;}
-.weidu_img{margin-top: -2px;margin-left: 5px;}
-.weidu_div2{border: #FFFFFF 1px solid;float: left;height: 50px;width: 88%;border-bottom-color: #9DABBA;}
-.weidu_div3{height: 50px;width: 60px;float: left;}
-.weidu_div4{font-size: 36px;height: 40px;width: 50px;margin-top: 10px;color: #FFB400;float: left;}
-.weidu_div5{float: left;height:40px;width: 77%;margin-top:2px;}
-.weidu_div6{float: left;height: 40px;width: 88%;color: #9DABBA;font-size: 12px;}
-.weidu_div7{float: left;width: 88%;height: 20px;display:inline-block;vertical-align:middle;}
-.weidu_span{float:right;font-size: 14px;color:#a5a5a5 ;margin-top: -2px;}
-.weidu_img1{width: 15px;float:right;margin-right: 5px;}
-
-/*待办 值班 会议 通知公告 消息详情通用样式*/
-.tongzhi_img{width: 13px;}
-.tongzhi_img1{width: 17px;}
-.tongzhi_img2{width: 30px;}
-.tongzhi_title{color: #546371;}
-.tongzhi_div{display: inline-block;vertical-align: middle;}
-.tongzhi_div1{display: inline-block;vertical-align: middle;color:#7a7a7a;}
-.tongzhi_div2{display: inline-block;vertical-align: middle;color:#7a7a7a;height: auto;width: 92%;}
-.tongzhi_div3{display: inline-block;vertical-align: middle;color: #546371;}
-.tongzhi_div4{float: right;}
-.tongzhi_xian{font-size: 17px;border: #FFFFFF 2px solid;border-bottom-color: #eeeeee;}
-/*待办效率*/
-.dbxl_div{background: #FFFFFF;padding: 15px;height: 175px;}
-.dbxl_span{float: right;color: #8F8F94;font-size: 13px;}
-.dbxl_div1{margin-top: 10px;height: 120px;}
-.dbxl_div2{width: 33%;height: 115px;float: left;}
-.dbxl_div_border{border: #eaeaea 1px solid;height: 40px;background:#eaeaea ;}
-.dbxl_div_border2{border: #eaeaea 1px solid;height: 75px;}
-.dbxl_div3{width: 65%;height: 115px;float: right;}
-.dbxl_time1{font-size: 18px;margin-top: 10px;}
-.dbxl_time2{font-size: 14px;margin-top: 10px;color: #FF0000;}
-.dbxl_center{font-size: 18px;margin-top: 10px;font-size: 15px;}
-.dbxl_select{padding: 10px 10px;}
-
-/*出差*/
-.trip_ul{background-color:#eeeeee;}
-.tri_li_left{height: 200px;background: #FFFFFF;overflow: hidden;position:relative}
-.tri_li_div1{width: 30%;height: 200px;background:#468CF0;overflow: hidden;text-align: center;padding: 10px;}
-.tri_li_p{color: #FFFFFF;}
-.tri_li_span{color: #FFFFFF;font-size:16px;word-break:break-all;}
-.tri_li_div2{position: absolute;bottom: 10px;color: #FFFFFF;font-size: 14px;}
-.tri_li_right{height:200px;overflow: hidden;padding: 20px;position: relative;}
-.tri_li_cardzh{/*position: absolute;bottom: 7px;*/margin-top: 10px;}
-.tri_li_cardzh_p{font-size: 0.7em;}
-.tri_li_cardzh_dv{margin-left:12px;}
-.tri_li_hr{border:none;border-top:1px dotted #6EB2E3;}
-.tri_li_p1{font-size:15px;}
-.tri_li_top{margin-top: 10px;}
-
-/*流转过程界面样式*/
-.liuzhuan_img{width: 10px;display:inline;margin-right: 10px;}
-.liuzhuan_cg{color: #008000;}
-.liuzhuan_z{color: #CF2D28;}
+@charset "utf-8";
+
+/* CSS Document */
+img {
+	display: block;
+}
+
+body {
+	background: #eee;
+}
+
+.mui-bar-nav {
+	background: #468CF0;
+}
+
+.mui-bar-nav h1 {
+	color: #fff;
+}
+
+.user {
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	background-color: #999;
+	margin-top: 6px;
+	overflow: hidden;
+}
+
+.user img {
+	width: 100%;
+}
+
+.search {
+	width: 16px;
+}
+
+.search img {
+	width: 100%;
+	margin-top: 12px;
+}
+
+.head {
+	width: 50px;
+	margin-right: 10px;
+	height: 50px;
+	margin-top: 1px;
+	border-radius: 50%;
+	overflow: hidden;
+	background-color: #eee;
+}
+
+.head img {
+	width: 100%;
+}
+
+.text {
+	width: calc(100% - 60px);
+}
+
+.text h1 {
+	font-size: 18px;
+	color: #444444;
+	font-weight: 500;
+	width: calc(100% - 80px);
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.text h2 {
+	font-size: 14px;
+	color: #999999;
+	font-weight: 400;
+	width: calc(100% - 26px);
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.text h2 span {
+	padding-right: 3px;
+}
+
+.angle {
+	width: 20px;
+	height: 20px;
+	background-color: #ff5959;
+	font-size: 12px;
+	line-height: 20px;
+	text-align: center;
+	border-radius: 50%;
+	padding: 0;
+	margin: 0;
+	color: #fff;
+	margin: 2px 0;
+	font-weight: 500;
+}
+
+.text h3 {
+	font-size: 12px;
+	color: #999999;
+	font-weight: 400;
+}
+
+.text h4 {
+	font-size: 20px;
+	color: #444444;
+	font-weight: 500;
+	line-height: 42px;
+}
+
+.mui-grid-view.mui-grid-9 {
+	background: none;
+}
+
+.mui-grid-view.mui-grid-9 .mui-media {
+	background: #fff;
+}
+
+.media-body-img {
+	width: 54px;
+	margin: 0 auto;
+}
+
+.media-body-img img {
+	width: 100%;
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell {
+	width: calc(100% / 3);
+}
+
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
+	font-size: 14px;
+	color: #468cf0;
+}
+
+.mui-table-view-cell-1 {
+	background: #eee;
+	padding: 5px 15px;
+}
+
+.content {
+	padding-top: 34px;
+}
+
+.mui-search .mui-placeholder {
+	font-size: 14px;
+	color: #666;
+}
+
+.mui-indexed-list-bar {
+	background: #fff;
+}
+
+.mui-indexed-list {
+	display: block;
+}
+
+.address_list {
+	background: #fff;
+}
+
+.address_list,
+.address_list li {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+}
+
+.mui-indexed-list-search {
+	position: fixed;
+	width: 100%;
+	top: 44px;
+}
+
+.indexed-list-bar {
+	width: 30px;
+	text-align: center;
+	position: fixed;
+	z-index: 1;
+	right: 0;
+	padding-top: 10px;
+	background: none;
+}
+
+.indexed-list-bar a {
+	font-size: 12px;
+	color: #666;
+	width: 100%;
+	display: block;
+	height: calc((100% - 138px) / 26);
+}
+
+/*.mui-content{ overflow:auto;}*/
+
+.mui-off-canvas-left {
+	width: 80%;
+}
+
+.mui-off-canvas-left {
+	background: #fff;
+}
+
+.me_set {
+	background: #468CF0;
+	padding: 0 15px;
+}
+
+.me_out {
+	width: 20px;
+	padding: 12px 0px;
+}
+
+.me_out img {
+	width: 100%;
+	display: block;
+}
+
+.head-big {
+	width: 60px;
+	height: 60px;
+	overflow: hidden;
+	border-radius: 50%;
+	border: 2px #fff solid;
+}
+
+.head-big img {
+	width: 100%;
+}
+
+.information {
+	padding-top: 60px;
+	padding-bottom: 18px;
+	color: #fff;
+}
+
+.name {
+	margin-left: 15px;
+	padding-bottom: 20px;
+}
+
+.name h1 {
+	font-weight: 500;
+	font-size: 28px;
+}
+
+.name h2 {
+	font-weight: 400;
+	font-size: 14px;
+	padding-top: 2px;
+}
+
+.information p {
+	color: #fff;
+	font-size: 14px;
+	margin: 0;
+}
+
+.information span {
+	height: 12px;
+	width: 1px;
+	background: #fff;
+	display: block;
+	margin: 0 10px;
+	margin-top: 4px;
+}
+
+.set,
+.set li {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+.set .icon {
+	width: 22px;
+}
+
+.set .icon img {
+	width: 100%;
+}
+
+.set {
+	padding: 0 15px;
+	margin-top: 32px;
+}
+
+.set p {
+	padding: 0;
+	margin: 0;
+	padding-left: 15px;
+	color: #444;
+	font-size: 16px;
+	line-height: 23px;
+}
+
+.set li {
+	margin-bottom: 24px;
+}
+
+.weather {
+	font-weight: 400;
+	text-align: center;
+	position: absolute;
+	bottom: 30px;
+	right: 20px;
+}
+
+.weather h1 {
+	color: #468CF0;
+	font-size: 30px;
+}
+
+.weather h2 {
+	color: #444444;
+	font-size: 14px;
+}
+
+.mui-off-canvas-left .mui-scroll-wrapper {
+	position: relative;
+	height: 100%;
+}
+
+.back,
+.statistics {
+	width: 20px;
+	padding-top: 11px;
+	padding-bottom: 11px;
+}
+
+.back img,
+.statistics img {
+	width: 100%;
+}
+
+.head-text {
+	background: #468CF0;
+}
+
+.head-text h1,
+.head-text h2,
+.head-text h3 {
+	padding: 0;
+	margin: 0;
+	color: #fff;
+	text-align: center;
+	font-weight: normal;
+}
+
+.head-text h1 {
+	font-size: 36px;
+}
+
+.head-text h2 {
+	font-size: 18px;
+	font-weight: 500;
+	padding: 15px 0;
+}
+
+.head-text h3 {
+	font-size: 14px;
+	padding-top: 5px;
+	padding-bottom: 23px;
+}
+
+.table_item {
+	width: 100%;
+	background: #fff;
+	padding: 12px 15px;
+	border-bottom: 1px solid #dddddd;
+}
+
+.table_item p {
+	margin: 0;
+	font-size: 14px;
+	color: #999;
+	line-height: 24px;
+}
+
+.title_box {}
+
+.title_box p {
+	padding-left: 8px;
+	color: #444;
+}
+
+.text_box {
+	margin-left: 28px;
+	position: relative;
+	border-top: 1px dashed #dddddd;
+	margin-top: 10px;
+	padding-top: 10px;
+}
+
+.text_box p {
+	position: absolute;
+	color: #468CF0;
+}
+
+.text_box textarea {
+	border: hidden;
+	outline: none;
+	font-size: 14px;
+	line-height: 24px;
+	padding: 0;
+	margin: 0;
+	display: block;
+	height: 24px;
+	resize: none;
+	width: 100%;
+	color: #444;
+	text-indent: 80px;
+	padding-right: 20px;
+	background: url(../images/work_write.png) no-repeat right center;
+	background-size: 12px;
+}
+
+.text_box textarea::-webkit-input-placeholder {
+	color: #999;
+}
+
+.text_box textarea::input-placeholder {
+	color: #999;
+}
+
+.label {
+	color: #ff5959;
+	font-size: 12px;
+	line-height: 24px;
+}
+
+.label .attention {
+	width: 14px;
+	height: 14px;
+	color: #fff;
+	background: #ff5959;
+	border-radius: 50%;
+	text-align: center;
+	line-height: 14px;
+	font-weight: 600;
+	margin-right: 8px;
+	margin-top: 5px;
+}
+
+.tit_img {
+	margin-top: 2px;
+}
+
+.label_normal {
+	color: #999;
+	font-size: 14px;
+	line-height: 24px;
+}
+
+.normal_img {
+	margin-top: 5px;
+	margin-right: 8px;
+}
+
+.mui-switch-blue.mui-active {
+	border-color: #468CF0;
+	background: #468CF0;
+}
+
+.mui-switch {
+	height: 24px;
+	width: 38px;
+}
+
+.mui-switch .mui-switch-handle {
+	width: 22px;
+	height: 22px;
+}
+
+.sign-in {
+	width: 100%;
+	padding: 8px 15px;
+	background: #fff;
+	position: fixed;
+	bottom: 0;
+}
+
+.sign-in a {
+	color: #fff;
+	font-size: 16px;
+	background: #468CF0;
+	width: 100%;
+	line-height: 33px;
+	text-align: center;
+	display: block;
+}
+
+.porcess {
+	width: 100%;
+	background: #fff;
+	margin-bottom: 15px;
+}
+
+.porcess_item {
+	width: calc(100% / 2);
+	padding: 20px 0;
+}
+
+.porcess_item img {
+	margin: 0 auto;
+}
+
+.porcess_item p {
+	text-align: center;
+	padding-top: 12px;
+	margin: 0;
+	color: #393a3f;
+	font-size: 12px;
+	line-height: 12px;
+}
+
+.address_list_4 {
+	width: 25%;
+	padding-bottom: 30px;
+}
+
+.address_list_4 p {
+	text-align: center;
+	padding-top: 12px;
+	margin: 0;
+	color: #393a3f;
+	font-size: 12px;
+	line-height: 12px;
+}
+
+.address_list_4 img {
+	margin: 0 auto;
+}
+
+.mui-table-view:after {
+	background-color: #ddd;
+}
+
+.mui-table-view:before {
+	background-color: #ddd;
+}
+
+.mui-table-view {
+	margin-bottom: 15px;
+}
+
+.mui-input-row label {
+	font-size: 14px;
+	color: #999;
+	width: 28%;
+}
+
+.mui-input-row label~input,
+.mui-input-row label~select,
+.mui-input-row label~textarea {
+	font-size: 14px;
+	color: #444;
+	width: 72%;
+}
+
+::-webkit-input-placeholder {
+	/* WebKit browsers */
+	color: #999;
+}
+
+:-moz-placeholder {
+	/* Mozilla Firefox 4 to 18 */
+	color: #999;
+	opacity: 1;
+}
+
+::-moz-placeholder {
+	/* Mozilla Firefox 19+ */
+	color: #999;
+	opacity: 1;
+}
+
+:-ms-input-placeholder {
+	/* Internet Explorer 10+ */
+	color: #999;
+}
+
+.mui-table-view-cell {
+	overflow: hidden;
+	padding: 15px;
+}
+
+.mui-input-row .mui-switch {
+	margin-top: 0;
+	margin-right: 0;
+}
+
+.add {
+	width: 105px;
+	height: 33px;
+	border: 1px solid #cccccc;
+	line-height: 33px;
+	text-align: center;
+}
+
+.add span {
+	font-size: 14px;
+	color: #999;
+	background: url(../images/form_add.png) no-repeat left center;
+	background-size: 14px;
+	padding-left: 20px;
+}
+
+.add_nr_box {
+	margin-left: -15px;
+	margin-right: -15px;
+}
+
+.add_nr {
+	border: 1px solid #cccccc;
+	padding-right: 10px;
+	margin-top: 13px;
+	margin-left: 15px;
+}
+
+.add_nr .touxiang {
+	width: 32px;
+	height: 32px;
+	overflow: hidden;
+}
+
+.add_nr .touxiang img {
+	width: 100%;
+}
+
+.add_nr p {
+	color: #444;
+	font-size: 14px;
+	padding-left: 10px;
+	padding-right: 21px;
+	background: url(../images/form_sc.png) right center no-repeat;
+	background-size: 11px;
+	line-height: 32px;
+}
+
+.report_head {
+	width: 100%;
+	background: #468CF0;
+	padding: 9px 10px 15px;
+}
+
+.report_head_img {
+	width: 52px;
+	height: 52px;
+	border-radius: 50%;
+	overflow: hidden;
+	border: 1px solid #d4feff;
+}
+
+.report_head_img img {
+	width: 100%;
+	height: 100%;
+}
+
+.shuji {}
+
+.shuji_cell {
+	width: calc(100% / 3 - 1px);
+	border-right: 1px solid #d4feff;
+}
+
+.shuji_cell h1 {
+	text-align: center;
+	font-size: 30px;
+	color: #fff;
+	font-weight: 500;
+	line-height: 30px;
+	margin: 0;
+	height: 30px;
+}
+
+.shuji_cell h1 span {
+	font-size: 12px;
+	color: #fff;
+	padding-left: 2px;
+}
+
+.shuji_cell h2 {
+	font-size: 12px;
+	color: #d4feff;
+	text-align: center;
+	font-weight: 400;
+}
+
+.bb_list {}
+
+.bb_list:before {
+	position: absolute;
+	right: 15px;
+	margin-left: 15px;
+	top: 0;
+	left: 0;
+	height: 1px;
+	content: '';
+	-webkit-transform: scaleY(.5);
+	transform: scaleY(.5);
+	background: url(../images/bb_listbg.png);
+}
+
+.bb_list h1 {
+	font-size: 14px;
+	color: #444;
+	background: url(../images/bb_shijian.png) no-repeat left center;
+	background-size: 14px;
+	padding-left: 20px;
+}
+
+.bb_list h1 span {
+	padding-left: 5px;
+	font-weight: normal;
+	font-size: 14px;
+	color: #444;
+}
+
+.bb_list h2 {
+	color: #ff363b;
+	font-size: 14px;
+	font-weight: normal;
+	background: url(../images/zhuyi.png) no-repeat left center;
+	background-size: 14px;
+	padding-left: 20px;
+}
+
+.bb_list h3 {
+	color: #468CF0;
+	font-size: 14px;
+	font-weight: normal;
+	background: url(../images/work_overtime.png) no-repeat left center;
+	background-size: 16px;
+	padding-left: 22px;
+}
+
+.mui-table-view-cell.mui-collapse .mui-collapse-content {
+	padding: 9px 15px;
+}
+
+.mui-table-view-cell:after {
+	left: 0;
+}
+
+.list_item {
+	margin-top: 20px;
+}
+
+.list_item .date_box {
+	width: 64px;
+	height: 64px;
+	background: #eee;
+	border-radius: 50%;
+	overflow: hidden;
+	padding: 3px;
+	margin-left: 15px;
+}
+
+.list_item .date {
+	width: 58px;
+	height: 58px;
+	border-radius: 50%;
+	overflow: hidden;
+	border: 1px solid #468CF0;
+	text-align: center;
+}
+
+.list_item .date h1 {
+	font-size: 24px;
+	color: #666;
+	line-height: 24px;
+	font-weight: 800;
+}
+
+.list_item .date h2 {
+	font-size: 12px;
+	color: #666;
+	line-height: 12px;
+}
+
+.list_item>div>h1 {
+	font-size: 20px;
+	color: #666;
+	line-height: 64px;
+	font-weight: 600;
+	padding-left: 10px;
+	margin: 0;
+}
+
+.list_line {
+	width: 1px;
+	background: #ccc;
+	height: 100%;
+	position: absolute;
+	left: 46px;
+	top: 0;
+	z-index: -999;
+}
+
+.time {
+	margin-top: 15px;
+}
+
+.time .yuan {
+	width: 14px;
+	height: 14px;
+	border-radius: 50%;
+	background: #468CF0;
+	border: 3px solid #eee;
+	margin-left: 40px;
+	margin-right: 10px;
+}
+
+.time .yuan_red {
+	width: 14px;
+	height: 14px;
+	border-radius: 50%;
+	background: #ff5959;
+	border: 3px solid #eee;
+	margin-left: 40px;
+	margin-right: 10px;
+}
+
+.time h4 {
+	color: #666;
+	font-size: 14px;
+}
+
+.time .red {
+	color: #ff5959;
+}
+
+.text1 {
+	background: #fff;
+	padding: 15px;
+	margin-left: 60px;
+	width: calc(100% - 75px);
+	margin-top: 15px;
+	border-radius: 5px;
+	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06);
+	margin-bottom: 30px;
+}
+
+.list_item .text1 h1 {
+	width: 90%;
+	color: #444;
+	font-size: 16px;
+	line-height: 14px;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.list_item .text1 h2 {
+	width: 100%;
+	color: 14px;
+	color: #999;
+	font-size: 14px;
+	line-height: 14px;
+	margin: 0;
+	padding: 0;
+	margin-top: 10px;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.list_gg {}
+
+.list_gg_item {
+	background: #fff;
+}
+
+.list_gg_item h2 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 3;
+	-webkit-box-orient: vertical;
+	color: #999;
+	font-size: 12px;
+	line-height: 18px;
+	font-weight: normal;
+}
+
+.list_gg_item h1 {
+	text-align: center;
+	font-size: 16px;
+	color: #444;
+	margin-bottom: 10px;
+}
+
+.list_gg_item h3 {
+	font-size: 12px;
+	color: #999;
+	background: url(../images/time.png) no-repeat left center;
+	background-size: 14px;
+	padding-left: 20px;
+	line-height: 14px;
+}
+
+.geren {
+	width: 100%;
+	background: #468CF0;
+	position: fixed;
+	height: 67px;
+	top: 44px;
+}
+
+.geren_touxiang {
+	width: 104px;
+	height: 104px;
+	border-radius: 50%;
+	overflow: hidden;
+	position: absolute;
+	left: 50%;
+	margin-left: -52px;
+	bottom: -65%;
+	border: 2px #eee solid;
+}
+
+.geren_touxiang img {
+	width: 100%;
+	height: 100%;
+}
+
+.geren_ziliao {
+	text-align: center;
+	background: #fff;
+	padding-top: 52px;
+	padding-bottom: 30px;
+	margin-top: 67px;
+}
+
+.geren_ziliao h1 {
+	color: #444;
+	font-size: 22px;
+	font-weight: 500;
+}
+
+.geren_ziliao h2 {
+	font-weight: 400;
+	color: #444;
+	font-size: 14px;
+	margin-top: 12px;
+	margin-bottom: 15px;
+}
+
+.geren_ziliao button {
+	padding: 8px 26px;
+	font-size: 14px;
+	color: #fff;
+	background-color: #468CF0;
+	border: none;
+	border-radius: 4px;
+}
+
+.lianxi {
+	background: #fff;
+}
+
+.lianxi_item {
+	position: relative;
+	padding: 0 15px;
+}
+
+.lianxi_item:before {
+	width: 100%;
+	position: absolute;
+	right: 0;
+	top: 0;
+	height: 1px;
+	content: '';
+	-webkit-transform: scaleY(.5);
+	transform: scaleY(.5);
+	background: #ddd;
+}
+
+.lianxi_item:after {
+	width: 100%;
+	position: absolute;
+	right: 0;
+	border: 0;
+	height: 1px;
+	content: '';
+	-webkit-transform: scaleY(.5);
+	transform: scaleY(.5);
+	background: #ddd;
+}
+
+/*打款界面样式*/
+.dakuang_div {
+	background: #FFFFFF;
+	margin-top: 60px;
+	height: 170px;
+	width: 90%;
+	margin-left: 15px;
+	border-radius: 5%;
+}
+
+.dakuang_div1 {
+	border: #FFFFFF;
+	height: 125px;
+}
+
+.dakuang_div2 {
+	float: left;
+}
+
+.dakuang_div3 {
+	margin-top: 20px;
+	font-size: 20px;
+}
+
+.dakuang_div4 {
+	float: right;
+}
+
+.dakuang_div5 {
+	margin-top: 20px;
+	font-size: 20px;
+}
+
+#dakuang_but {
+	width: 50%
+}
+
+.dakuang_bg {
+	background: #f7f7f7;
+}
+
+/*菜品管理*/
+.cpgl_div1 {
+	height: 110px;
+	margin-top: 25px;
+	background: #FFFFFF;
+	border-radius: 21px;
+	width: 94%;
+}
+
+.cpgl_div2 {
+	height: 120px;
+	width: 30%;
+	float: left;
+}
+
+.cpgl_img {
+	width: 80px;
+	margin-top: 18px;
+}
+
+.cpgl_div3 {
+	float: left;
+	height: 120px;
+	width: 50%;
+}
+
+.cpgl_div4 {
+	border-bottom: #7F8994;
+	height: 50%;
+}
+
+.cpgl_div5 {
+	font-size: 30px;
+	float: left;
+	margin-top: 25px;
+}
+
+.cpgl_div6 {
+	height: 50%;
+	margin-top: 5px;
+}
+
+.cpgl_div7 {
+	float: left;
+	height: 60px;
+	height: 20px;
+	color: #6A7989;
+}
+
+.cpgl_div8 {
+	height: 20px;
+	color: #6A7989;
+}
+
+.cpgl_div9 {
+	float: right;
+	width: 20%;
+	margin-top: 20px;
+}
+
+.cpgl_img1 {
+	width: 35px;
+	margin-top: -3px;
+}
+
+.cpgl_img2 {
+	width: 35px;
+	margin-top: 5px;
+}
+
+/*菜品编辑界面样式*/
+.mui-bar {
+	box-shadow: none;
+}
+
+.mui-table-view-cell.mui-active {
+	background-color: #fff;
+}
+
+.caipingbianji_for {
+	margin-top: 60px
+}
+
+.caipingbianji_div {
+	margin-top: 12px
+}
+
+/*菜品添加界面样式*/
+.tianjiacaiping_img {
+	width: 40px;
+	float: right;
+	margin-top: 50px;
+	margin-right: 15px;
+}
+
+.tianjiacaiping_img2 {
+	float: left;
+}
+
+#tianjiacaiping_idv {
+	height: 100px;
+}
+
+#tianjiacaiping_idv1 {
+	height: 100px;
+}
+
+.tianjiacaiping_idv2 {
+	height: 90px;
+}
+
+.tianjiacaiping_gd {
+	height: 70px;
+}
+
+/**/
+.mydc_height {
+	height: 70px;
+}
+
+
+
+/*找回密码界面样式*/
+.password_fasongmima {
+	background: #f7f7f7;
+	margin-top: 30px;
+}
+
+.password_xiugaimima {
+	background: #f7f7f7;
+	width: 90%;
+}
+
+.oacolor {
+	border-color: #468CF0;
+}
+
+/*日程管理界面样式*/
+.richeng_img {
+	width: 70%;
+	margin-left: 24px;
+}
+
+.richeng_div {
+	width: 150px;
+	height: 100px;
+	float: left;
+	background: #FFFFFF;
+}
+
+.richeng_div1 {
+	float: right;
+	width: 50%;
+	height: 100px;
+	background: #FFFFFF;
+}
+
+.richeng_div2 {
+	margin-left: 20px;
+}
+
+#richengguanli_div {
+	background: #ffff;
+	width: 100%;
+	height: 110px;
+}
+
+.rc_div {
+	margin-top: 15px;
+	background: #FFFFFF;
+}
+
+/*借书界面样式*/
+#borrybook_saoyisao {
+	margin-top: 10px;
+	width: 80%;
+	background-color: #468CF0;
+	border: #468CF0;
+}
+
+#borrybook_shurutiaoxingma {
+	margin-top: 20px;
+	width: 80%;
+}
+
+.wp_borrybk {
+	margin-top: 60px;
+	margin-left: 15px;
+	font-size: 16px;
+}
+
+.wp_borrybk2 {
+	margin-top: 15px;
+	margin-left: 15px;
+	font-size: 16px;
+}
+
+.wp_booybkimg {
+	width: 20%;
+	margin-top: 5px;
+}
+
+.wp_booybkimg2 {
+	width: 25%;
+	margin-top: 5px;
+}
+
+/*督办详情界面样式*/
+.dubangxiangqing_div {
+	margin-top: 10px;
+}
+
+.dubangxiangqing_div1 {
+	border: #FFFFFF 1px solid;
+	background: #FFFFFF;
+	height: 200px;
+}
+
+.dubangxiangqing_div2 {
+	height: 50px;
+	margin-left: 5px;
+	float: left;
+	width: 83%;
+	height: 75px;
+}
+
+.dubangxiangqing_div3 {
+	height: 30px;
+	font-size: 22px;
+	margin-left: 16px;
+	margin-top: 20px;
+}
+
+.dubangxiangqing_div4 {
+	margin-top: 20px;
+	background: #FFFFFF;
+}
+
+.dubangxiangqing_h3 {
+	margin-left: 25px;
+	margin-top: 25px;
+}
+
+.dubangxiangqing_span {
+	color: #999999;
+}
+
+.db_touxiang img {
+	width: 70%;
+	margin-left: 60px;
+}
+
+.dbspan {
+	float: left;
+	margin-top: 15px;
+	margin-left: 5px;
+}
+
+.dbimg {
+	height: 50px;
+	width: 50px;
+	border-radius: 50%;
+	float: left;
+}
+
+.dbsimg {
+	width: 20px;
+	height: 20px;
+	float: left;
+	margin-left: 17px;
+	margin-top: 3px;
+}
+
+.dbfont {
+	width: 30pc;
+	height: 30px;
+	margin-left: 5px;
+	margin-top: 15px;
+	color: #999999;
+	font-size: 13px;
+}
+
+.dbfont1 {
+	width: 30pc;
+	height: 30px;
+	margin-top: 15px;
+	font-size: 13px;
+	color: #999999;
+}
+
+.db_zhiwei {
+	margin-top: 15px;
+	float: right;
+	color: #999999;
+	font-size: 14px;
+}
+
+/*我的订单界面样式*/
+.mydd_div {
+	height: 122px;
+	background: #FFFFFF;
+	margin-top: 15px;
+}
+
+.mydd_div1 {
+	float: left;
+	font-size: 13px;
+	width: 90px;
+	margin-left: 10px;
+	margin-top: 5px;
+}
+
+.mydd_div2 {
+	float: right;
+	font-size: 13px;
+	margin-right: 20px;
+	color: #C5564A;
+	margin-top: 5px;
+}
+
+.mydd_div3 {
+	height: 50px;
+	background: #eeeeeeb5;
+}
+
+.mydd_div4 {
+	width: 40px;
+	height: 40px;
+	float: left;
+	margin-top: 2.5px;
+	margin-left: 35px;
+}
+
+.mydd_div5 {
+	float: left;
+	height: 50%;
+	margin-top: 2.5px;
+	margin-left: 10px;
+	width: 180px;
+	font-size: 12px;
+}
+
+.mydd_span {
+	float: left;
+	color: #797979;
+}
+
+.mydd_div6 {
+	float: right;
+	margin-top: 2.5px;
+	margin-right: 5px;
+	width: 50px;
+	height: 40px;
+	font-size: 12px;
+}
+
+.mydd_span1 {
+	color: #797979;
+	margin-left: 5px;
+}
+
+.mydd_div7 {
+	color: #797979;
+	font-size: 12px;
+	float: right;
+	margin-right: 20px;
+	margin-top: -22px;
+}
+
+.mydd_div8 {
+	height: 35px;
+}
+
+.mydd_qx {
+	float: right;
+	margin-right: 17px;
+	margin-top: -35px;
+}
+
+/*账户管理界面样式(基于我的订单样式)*/
+.zhgl_div1 {
+	height: 130px;
+	background: #FFFFFF;
+	margin-top: 15px;
+}
+
+.zhgl_span {
+	float: left;
+	color: #797979;
+	color: #f0ad4e;
+}
+
+.zhgl_span1 {
+	color: #797979;
+	margin-left: 5px;
+	color: #f0ad4e;
+}
+
+.zhgl_div {
+	color: #797979;
+	font-size: 12px;
+	float: right;
+	margin-right: 15px;
+	margin-top: 10px;
+}
+
+/*签到界面样式*/
+.qd_div {
+	height: 150px;
+}
+
+.qd_div1 {
+	height: 30px;
+}
+
+.qd_div2 {
+	margin-left: 10px;
+	margin-top: 10px;
+}
+
+.qd_span {
+	margin-left: 20px;
+}
+
+.qd_div3 {
+	border: #FFFFFF 1px solid;
+	height: 110px;
+	background: #FFFFFF;
+}
+
+.qd_div4 {
+	margin-left: 10px;
+	margin-top: 10px;
+	font-size: 15px;
+}
+
+.qd_span1 {
+	margin-left: 70px;
+}
+
+.qd_div5 {
+	margin-left: 10px;
+	margin-top: 5px;
+	font-size: 15px;
+}
+
+/*我的图书界面样式*/
+.mybk_shucolor {
+	color: #3b688a;
+}
+
+.mybk_img {
+	margin-top: 10px;
+	width: 90px;
+	float: left;
+}
+
+.mybk_div {
+	float: left;
+	margin-left: 15px;
+	margin-top: 10px;
+	font-size: 12px;
+	color: #a5a5a5
+}
+
+.mybk_div1 {
+	float: left;
+	width: 150px;
+	margin-top: 10px;
+	font-size: 12px;
+	color: #a5a5a5
+}
+
+.mybk_div2 {
+	float: right;
+	margin-top: 10px;
+}
+
+.mybk_button {
+	margin-top: 10px;
+}
+
+/*我的账单界面*/
+.myzz_div {
+	width: 96%;
+	height: 110px;
+	background: #FFFFFF;
+	margin-top: 5px;
+}
+
+.myzz_div1 {
+	margin-top: -5px;
+}
+
+.myzz_div2 {
+	width: 50%;
+	float: left;
+}
+
+.myzz_div3 {
+	border: #0EA0A6 5px solid;
+	width: 80px;
+	height: 80px;
+	border-radius: 50%;
+}
+
+.myzz_div4 {
+	margin-top: 17px;
+	font-size: 20px;
+}
+
+.myzz_div5 {
+	font-size: 10px;
+	color: #9196A1;
+}
+
+.myzz_div6 {
+	border: #2FA8EC 5px solid;
+	width: 80px;
+	height: 80px;
+	border-radius: 50%;
+}
+
+
+/*首页我的(基于侧边栏修改)*/
+.index_my_div {
+	height: 150px;
+	background: #468CF0;
+}
+
+.index_my_div1 {
+	margin-top: -30px;
+	margin-left: 20px;
+}
+
+.index_my_div2 {
+	float: right;
+	margin-top: 10px;
+}
+
+.index_my_img {
+	width: 20px;
+	margin-right: 25px
+}
+
+.index_my_div3 {
+	margin-left: 20px;
+}
+
+.index_my_ul {
+	margin-top: 15px;
+	color: #999999;
+}
+
+.index_my_img1 {
+	float: left;
+	width: 20px;
+	margin-right: 10px;
+}
+
+.index_my_div4 {
+	position: fixed;
+	width: 100%;
+	bottom: 60px;
+}
+
+/*流程列表*/
+/*.liuchen_div{height: 95px;background: #FFFFFF;padding: 20px;}*/
+.liuchen_div1 {
+	height: 95px;
+	width: 40px;
+	float: left;
+	margin-top: 5px;
+}
+
+.liuchen_img {
+	width: 18px;
+	margin-left: 20px;
+	margin-top: 2px;
+}
+
+.liuchen_div2 {
+	float: left;
+	width: 100%;
+}
+
+.liuchen_div3 {
+	color: #9196A1;
+	font-size: 12px;
+}
+
+.liuchen_div4 {
+	border: #FFFFFF 1px solid;
+	border-bottom-color: #e3e3e3;
+	color: #9196A1;
+	font-size: 12px;
+}
+
+.liuchen_div5 {
+	font-size: 12px;
+	float: right;
+}
+
+.liuchen_div6 {
+	font-weight: bold;
+}
+
+.liuchen_span {
+	color: #ff0000;
+	margin-right: 5px;
+}
+
+.liuchen_span1 {
+	margin-right: 5px;
+	margin-left: 5px;
+}
+
+.liuchen_span2 {
+	color: #a5a5a5;
+	font-size: 14px;
+}
+
+.liuchen_span3 {
+	color: #e7ba1f;
+	margin-right: 5px;
+}
+
+.liuchen_span4 {
+	color: #61b32a;
+	margin-right: 5px;
+}
+
+/*zjoa我的日程*/
+.myrc_div {
+	border: #FFFFFF 1px solid;
+	width: 94%;
+	height: 190px;
+	border-radius: 20px;
+	background: #FFFFFF;
+}
+
+.myrc_div1 {
+	border: #fff 1px solid;
+	height: 30px;
+	margin-top: 14px;
+	border-bottom-color: #D3D4D3;
+}
+
+.myrc_div2 {
+	height: 30px;
+	width: 70px;
+	float: left;
+	background: #468CF0;
+	color: #FFFFFF;
+	padding: 3px;
+}
+
+.myrc_title {
+	float: left;
+	padding: 3px;
+}
+
+.myrc_div3 {
+	border: #FFFFFF 1px solid;
+	height: 100px;
+	border-bottom-color: #D3D4D3;
+}
+
+.myrc_center {
+	width: 50%;
+	float: left;
+	height: 100px;
+}
+
+.myrc_center_title {
+	color: #aca4a4;
+	margin-top: 5px;
+}
+
+.myrc_center_time {
+	font-size: 30px;
+	margin-top: 5px;
+}
+
+.myrc_center_shijian {
+	color: #aca4a4;
+	font-size: 13px;
+}
+
+/*消息未读已读界面*/
+.weidu_div {
+	height: 110px;
+	background: #FFFFFF;
+	margin-top: 8px;
+}
+
+.weidu_div1 {
+	height: 110px;
+	width: 35px;
+	float: left;
+}
+
+.weidu_img {
+	margin-top: -2px;
+	margin-left: 5px;
+}
+
+.weidu_div2 {
+	border: #FFFFFF 1px solid;
+	float: left;
+	height: 50px;
+	width: 88%;
+	border-bottom-color: #9DABBA;
+}
+
+.weidu_div3 {
+	height: 50px;
+	width: 60px;
+	float: left;
+}
+
+.weidu_div4 {
+	font-size: 36px;
+	height: 40px;
+	width: 50px;
+	margin-top: 10px;
+	color: #FFB400;
+	float: left;
+}
+
+.weidu_div5 {
+	float: left;
+	height: 40px;
+	width: 77%;
+	margin-top: 2px;
+}
+
+.weidu_div6 {
+	float: left;
+	height: 40px;
+	width: 88%;
+	color: #9DABBA;
+	font-size: 12px;
+}
+
+.weidu_div7 {
+	float: left;
+	width: 88%;
+	height: 20px;
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.weidu_span {
+	float: right;
+	font-size: 14px;
+	color: #a5a5a5;
+	margin-top: -2px;
+}
+
+.weidu_img1 {
+	width: 15px;
+	float: right;
+	margin-right: 5px;
+}
+
+/*待办 值班 会议 通知公告 消息详情通用样式*/
+.tongzhi_img {
+	width: 13px;
+}
+
+.tongzhi_img1 {
+	width: 17px;
+}
+
+.tongzhi_img2 {
+	width: 30px;
+}
+
+.tongzhi_title {
+	color: #546371;
+}
+
+.tongzhi_div {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.tongzhi_div1 {
+	display: inline-block;
+	vertical-align: middle;
+	color: #7a7a7a;
+}
+
+.tongzhi_div2 {
+	display: inline-block;
+	vertical-align: middle;
+	color: #7a7a7a;
+	height: auto;
+	width: 92%;
+}
+
+.tongzhi_div3 {
+	display: inline-block;
+	vertical-align: middle;
+	color: #546371;
+}
+
+.tongzhi_div4 {
+	float: right;
+}
+
+.tongzhi_xian {
+	font-size: 17px;
+	border: #FFFFFF 2px solid;
+	border-bottom-color: #eeeeee;
+}
+
+/*待办效率*/
+.dbxl_div {
+	background: #FFFFFF;
+	padding: 15px;
+	height: 175px;
+}
+
+.dbxl_span {
+	float: right;
+	color: #8F8F94;
+	font-size: 13px;
+}
+
+.dbxl_div1 {
+	margin-top: 10px;
+	height: 120px;
+}
+
+.dbxl_div2 {
+	width: 33%;
+	height: 115px;
+	float: left;
+}
+
+.dbxl_div_border {
+	border: #eaeaea 1px solid;
+	height: 40px;
+	background: #eaeaea;
+}
+
+.dbxl_div_border2 {
+	border: #eaeaea 1px solid;
+	height: 75px;
+}
+
+.dbxl_div3 {
+	width: 65%;
+	height: 115px;
+	float: right;
+}
+
+.dbxl_time1 {
+	font-size: 18px;
+	margin-top: 10px;
+}
+
+.dbxl_time2 {
+	font-size: 14px;
+	margin-top: 10px;
+	color: #FF0000;
+}
+
+.dbxl_center {
+	font-size: 18px;
+	margin-top: 10px;
+	font-size: 15px;
+}
+
+.dbxl_select {
+	padding: 10px 10px;
+}
+
+/*出差*/
+.trip_ul {
+	background-color: #eeeeee;
+}
+
+.tri_li_left {
+	height: 200px;
+	background: #FFFFFF;
+	overflow: hidden;
+	position: relative
+}
+
+.tri_li_div1 {
+	width: 30%;
+	height: 200px;
+	background: #468CF0;
+	overflow: hidden;
+	text-align: center;
+	padding: 10px;
+}
+
+.tri_li_p {
+	color: #FFFFFF;
+}
+
+.tri_li_span {
+	color: #FFFFFF;
+	font-size: 16px;
+	word-break: break-all;
+}
+
+.tri_li_div2 {
+	position: absolute;
+	bottom: 10px;
+	color: #FFFFFF;
+	font-size: 14px;
+}
+
+.tri_li_right {
+	height: 200px;
+	overflow: hidden;
+	padding: 20px;
+	position: relative;
+}
+
+.tri_li_cardzh {
+	/*position: absolute;bottom: 7px;*/
+	margin-top: 10px;
+}
+
+.tri_li_cardzh_p {
+	font-size: 0.7em;
+}
+
+.tri_li_cardzh_dv {
+	margin-left: 12px;
+}
+
+.tri_li_hr {
+	border: none;
+	border-top: 1px dotted #6EB2E3;
+}
+
+.tri_li_p1 {
+	font-size: 15px;
+}
+
+.tri_li_top {
+	margin-top: 10px;
+}
+
+/*流转过程界面样式*/
+.liuzhuan_img {
+	width: 10px;
+	display: inline;
+	margin-right: 10px;
+}
+
+.liuzhuan_cg {
+	color: #008000;
+}
+
+.liuzhuan_z {
+	color: #CF2D28;
+}

+ 244 - 228
css/flow.css

@@ -1,229 +1,245 @@
-html,
-body {
-	background-color: #efeff4;
-}
-
-.mui-views,
-.mui-view,
-.mui-pages,
-.mui-page,
-.mui-page-content {
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	width: 100%;
-	height: 100%;
-	background-color: #efeff4;
-}
-
-.mui-pages {
-	top: 46px;
-	height: auto;
-}
-
-.mui-scroll-wrapper,
-.mui-scroll {
-	background-color: #efeff4;
-}
-
-.mui-page.mui-transitioning {
-	-webkit-transition: -webkit-transform 300ms ease;
-	transition: transform 300ms ease;
-}
-
-.mui-page-left {
-	-webkit-transform: translate3d(0, 0, 0);
-	transform: translate3d(0, 0, 0);
-}
-
-.mui-ios .mui-page-left {
-	-webkit-transform: translate3d(-20%, 0, 0);
-	transform: translate3d(-20%, 0, 0);
-}
-
-.mui-navbar {
-	position: fixed;
-	right: 0;
-	left: 0;
-	z-index: 10;
-	height: 44px;
-	background-color: #468CF0;
-}
-
-.mui-navbar .mui-bar {
-	position: absolute;
-	background: transparent;
-	text-align: center;
-}
-
-.mui-android .mui-navbar-inner.mui-navbar-left {
-	opacity: 0;
-}
-
-.mui-ios .mui-navbar-left .mui-left,
-.mui-ios .mui-navbar-left .mui-center,
-.mui-ios .mui-navbar-left .mui-right {
-	opacity: 0;
-}
-
-.mui-navbar .mui-btn-nav {
-	-webkit-transition: none;
-	transition: none;
-	-webkit-transition-duration: .0s;
-	transition-duration: .0s;
-}
-
-.mui-navbar .mui-bar .mui-title {
-	display: inline-block;
-	width: auto;
-}
-
-.mui-page-shadow {
-	position: absolute;
-	right: 100%;
-	top: 0;
-	width: 16px;
-	height: 100%;
-	z-index: -1;
-	content: '';
-}
-
-.mui-page-shadow {
-	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
-	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
-}
-
-.mui-navbar-inner.mui-transitioning,
-.mui-navbar-inner .mui-transitioning {
-	-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
-	transition: opacity 300ms ease, transform 300ms ease;
-}
-
-.mui-page {
-	display: none;
-}
-
-.mui-pages .mui-page {
-	display: block;
-}
-
-.mui-page .mui-table-view:first-child {
-	margin-top: 15px;
-}
-
-.mui-page .mui-table-view:last-child {
-	margin-bottom: 30px;
-}
-
-.mui-table-view span.mui-pull-right {
-	color: #999;
-}
-
-.mui-table-view-divider {
-	background-color: #efeff4;
-	font-size: 14px;
-}
-
-.mui-table-view-divider:before,
-.mui-table-view-divider:after {
-	height: 0;
-}
-
-.head {
-	height: 40px;
-}
-
-#head {
-	line-height: 40px;
-}
-
-.head-img {
-	width: 40px;
-	height: 40px;
-}
-
-#head-img1 {
-	position: absolute;
-	bottom: 10px;
-	right: 40px;
-	width: 40px;
-	height: 40px;
-}
-
-.update {
-	font-style: normal;
-	color: #999999;
-	margin-right: -25px;
-	font-size: 15px
-}
-
-.mui-fullscreen {
-	position: fixed;
-	z-index: 20;
-	background-color: #000;
-}
-
-.mui-ios .mui-navbar .mui-bar .mui-title {
-	position: static;
-}
-
-
-/*问题反馈在setting页面单独的css*/
-
-#feedback .mui-popover {
-	position: fixed;
-}
-
-#feedback .mui-table-view:last-child {
-	margin-bottom: 0px;
-}
-
-#feedback .mui-table-view:first-child {
-	margin-top: 0px;
-}
-
-.mui-plus.mui-plus-stream .mui-stream-hidden {
-	display: none !important;
-}
-
-
-/*问题反馈在setting页面单独的css==end*/
-
-.mui-table-view-cell {
-	padding: 10px 15px;
-}
-
-.mui-input-group .mui-input-row {
-	height: initial
-}
-
-.mui-input-row label {
-	line-height: normal;
-	padding: initial
-}
-
-input[type=color],
-input[type=date],
-input[type=datetime-local],
-input[type=datetime],
-input[type=email],
-input[type=month],
-input[type=number],
-input[type=password],
-input[type=search],
-input[type=tel],
-input[type=text],
-input[type=time],
-input[type=url],
-input[type=week],
-select,
-textarea {
-	height: initial;
-	padding: initial
-}
-
-.mui-input-row select {
-    height: initial
+html,
+body {
+	background-color: #efeff4;
+}
+
+.mui-views,
+.mui-view,
+.mui-pages,
+.mui-page,
+.mui-page-content {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 100%;
+	height: 100%;
+	background-color: #efeff4;
+}
+
+.mui-pages {
+	top: 46px;
+	height: auto;
+}
+
+.mui-scroll-wrapper,
+.mui-scroll {
+	background-color: #efeff4;
+}
+
+.mui-page.mui-transitioning {
+	-webkit-transition: -webkit-transform 300ms ease;
+	transition: transform 300ms ease;
+}
+
+.mui-page-left {
+	-webkit-transform: translate3d(0, 0, 0);
+	transform: translate3d(0, 0, 0);
+}
+
+.mui-ios .mui-page-left {
+	-webkit-transform: translate3d(-20%, 0, 0);
+	transform: translate3d(-20%, 0, 0);
+}
+
+.mui-navbar {
+	position: fixed;
+	right: 0;
+	left: 0;
+	z-index: 10;
+	height: 44px;
+	background-color: #468CF0;
+}
+
+.mui-navbar .mui-bar {
+	position: absolute;
+	background: transparent;
+	text-align: center;
+}
+
+.mui-android .mui-navbar-inner.mui-navbar-left {
+	opacity: 0;
+}
+
+.mui-ios .mui-navbar-left .mui-left,
+.mui-ios .mui-navbar-left .mui-center,
+.mui-ios .mui-navbar-left .mui-right {
+	opacity: 0;
+}
+
+.mui-navbar .mui-btn-nav {
+	-webkit-transition: none;
+	transition: none;
+	-webkit-transition-duration: .0s;
+	transition-duration: .0s;
+}
+
+.mui-navbar .mui-bar .mui-title {
+	display: inline-block;
+	width: auto;
+}
+
+.mui-page-shadow {
+	position: absolute;
+	right: 100%;
+	top: 0;
+	width: 16px;
+	height: 100%;
+	z-index: -1;
+	content: '';
+}
+
+.mui-page-shadow {
+	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
+	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
+}
+
+.mui-navbar-inner.mui-transitioning,
+.mui-navbar-inner .mui-transitioning {
+	-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
+	transition: opacity 300ms ease, transform 300ms ease;
+}
+
+.mui-page {
+	display: none;
+}
+
+.mui-pages .mui-page {
+	display: block;
+}
+
+.mui-page .mui-table-view:first-child {
+	margin-top: 15px;
+}
+
+.mui-page .mui-table-view:last-child {
+	margin-bottom: 30px;
+}
+
+.mui-table-view span.mui-pull-right {
+	color: #999;
+}
+
+.hjyj {
+	font-weight: 600;
+	color: #333;
+}
+
+.hjname {
+	font: 1.125rem;
+	color: #468CF0;
+	font-weight: 600;
+}
+
+.mui-table-view-divider {
+	background-color: #efeff4;
+	font-size: 14px;
+}
+
+.mui-table-view-divider:before,
+.mui-table-view-divider:after {
+	height: 0;
+}
+
+.head {
+	height: 40px;
+}
+
+#head {
+	line-height: 40px;
+}
+
+.head-img {
+	width: 40px;
+	height: 40px;
+}
+
+#head-img1 {
+	position: absolute;
+	bottom: 10px;
+	right: 40px;
+	width: 40px;
+	height: 40px;
+}
+
+.update {
+	font-style: normal;
+	color: #999999;
+	margin-right: -25px;
+	font-size: 15px
+}
+
+.mui-fullscreen {
+	position: fixed;
+	z-index: 20;
+	background-color: #000;
+}
+
+.mui-ios .mui-navbar .mui-bar .mui-title {
+	position: static;
+}
+
+
+/*问题反馈在setting页面单独的css*/
+
+#feedback .mui-popover {
+	position: fixed;
+}
+
+#feedback .mui-table-view:last-child {
+	margin-bottom: 0px;
+}
+
+#feedback .mui-table-view:first-child {
+	margin-top: 0px;
+}
+
+.mui-plus.mui-plus-stream .mui-stream-hidden {
+	display: none !important;
+}
+
+
+/*问题反馈在setting页面单独的css==end*/
+
+.mui-table-view-cell {
+	padding: 10px 15px;
+}
+
+.mui-table-view-cell img {
+	max-width: 90%;
+	margin: 0 auto;
+}
+
+.mui-input-group .mui-input-row {
+	height: initial
+}
+
+.mui-input-row label {
+	line-height: normal;
+	padding: initial;
+}
+
+input[type=color],
+input[type=date],
+input[type=datetime-local],
+input[type=datetime],
+input[type=email],
+input[type=month],
+input[type=number],
+input[type=password],
+input[type=search],
+input[type=tel],
+input[type=text],
+input[type=time],
+input[type=url],
+input[type=week],
+select,
+textarea {
+	height: initial;
+	padding: initial
+}
+
+.mui-input-row select {
+	height: initial
 }

File diff ditekan karena terlalu besar
+ 0 - 4
css/mui.min.css


TEMPAT SAMPAH
images/Warehouse_96px_1179004_easyicon.net.png


TEMPAT SAMPAH
images/car_rental.png


TEMPAT SAMPAH
images/editor.png


TEMPAT SAMPAH
images/gg_hytz.png


TEMPAT SAMPAH
images/gg_tzgg.png


TEMPAT SAMPAH
images/gg_zbtz.png


TEMPAT SAMPAH
images/index_delhuanchung.png


TEMPAT SAMPAH
images/index_shoushi.png


TEMPAT SAMPAH
images/me_set_pay.png


TEMPAT SAMPAH
images/me_set_privacy.png


TEMPAT SAMPAH
images/me_set_problem.png


TEMPAT SAMPAH
images/me_set_remind.png


TEMPAT SAMPAH
images/me_set_system.png


TEMPAT SAMPAH
images/modelPicture/askLeave.png


TEMPAT SAMPAH
images/modelPicture/assetTransfers.png


TEMPAT SAMPAH
images/modelPicture/assetsAcceptance.png


TEMPAT SAMPAH
images/modelPicture/assetsCleanUp.png


TEMPAT SAMPAH
images/modelPicture/borrowMoney.png


TEMPAT SAMPAH
images/modelPicture/businessTrip.png


TEMPAT SAMPAH
images/modelPicture/businessTripPlan.png


TEMPAT SAMPAH
images/modelPicture/contract.png


TEMPAT SAMPAH
images/modelPicture/default.png


TEMPAT SAMPAH
images/modelPicture/positiveEvaluation.png


TEMPAT SAMPAH
images/modelPicture/postAdjustment.png


TEMPAT SAMPAH
images/modelPicture/probation.png


TEMPAT SAMPAH
images/modelPicture/procurement.png


TEMPAT SAMPAH
images/modelPicture/reception.png


TEMPAT SAMPAH
images/modelPicture/reimbursement.png


TEMPAT SAMPAH
images/modelPicture/sealLicenseTape.png


TEMPAT SAMPAH
images/modelPicture/useSeal.png


TEMPAT SAMPAH
images/modelPicture/whichProcurement.png


TEMPAT SAMPAH
images/modelPicture/workOvertime.png


TEMPAT SAMPAH
images/sp_cc.png


TEMPAT SAMPAH
images/sp_clbx.png


TEMPAT SAMPAH
images/sp_cswd.png


TEMPAT SAMPAH
images/sp_fqxl.png


TEMPAT SAMPAH
images/sp_fybx.png


TEMPAT SAMPAH
images/sp_gwjd.png


TEMPAT SAMPAH
images/sp_qj.png


TEMPAT SAMPAH
images/sp_wc.png


TEMPAT SAMPAH
images/sp_wfqd.png


TEMPAT SAMPAH
images/sp_wqdsm.png


TEMPAT SAMPAH
images/sp_wspd.png


TEMPAT SAMPAH
images/sp_ycsqgl.png


TEMPAT SAMPAH
images/sp_yjbxl.png


TEMPAT SAMPAH
images/sp_zbxl.png


TEMPAT SAMPAH
images/txl_bm.png


TEMPAT SAMPAH
images/txl_gs.png


+ 68 - 68
js/config.js

@@ -1,68 +1,68 @@
-//服务端配置
-var API = {
-//	API_ROOT : "http://112.111.142.223:8180/zpdj/",/**/
-	UNIT_ID : 347517153919893,
-	// UNIT_ID : 199953234474091,
-	API_IP_PORT : "http://localhost:8082",
-	API_ROOT : "http://localhost:8082/ynet/",
-	// API_IP_PORT : "http://118.195.146.34:20076",
-	// API_ROOT : "http://118.195.146.34:20076/ynet/",
-	// API_IP_PORT : "http://114.115.251.11:8088",
-	// API_ROOT : "http://114.115.251.11:8088/ynet/",
-	// API_IP_PORT : "http://202.101.109.133:8081",
-	// API_ROOT : "http://202.101.109.133:8081/ynet/",
-	API_VERSION : '1',
-	API_URL : function(){
-		// return this.API_ROOT + 'clientServices.do?iscrypt=1&date='+new Date();
-		return this.API_ROOT + 'clientServices.do?iscrypt=1';
-	}
-}
-
-//客户端配置
-var APP ={
-	//列表页数
-	PageSize  : 10
-}
-
-function exitApp(){
-	var wobj = plus.webview.getWebviewById("xboa");
-	if(!wobj){
-		wobj = plus.webview.getWebviewById("HBuilder");
-	}
-    mui.fire(wobj,'loginEvent');
-    app.setState({});	  
-	localStorage.clear();
-	wobj.show();
-}
-
-function endPull(totalPage,pageNo){
-	if(totalPage==0||totalPage==1){
-		mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
-	}else{
-		mui('#pullrefresh').pullRefresh().endPullupToRefresh(totalPage==pageNo); //参数为true代表没有更多数据了。
-	}
-	
-	if(pageNo==1){
-		mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
-	}
-	pageNo = pageNo + 1;
-	return pageNo;
-}
-
-//文件下载的任务
-function openFile222(path){
-	if(path.indexOf("http") == -1){
-		path = API.API_ROOT  + "" + path;
-	}
-    //var url = API.API_ROOT  + "" + path;//下载文件的方法,按照各自方法自行变动  
-	var dtask = plus.downloader.createDownload( path, {}, function(d, status){//创建一个下载任务,可以在网上搜索这个方法了解  
-        if ( status == 200 ) {  
-			plus.runtime.openFile( d.filename, {}, function ( e ) {//调用第三方应用打开文件  
-		 		alert('打开失败');  
-			});  
-  		}else{  
-			alert( "Download failed: " + status);   
-        }  
-    });  
-    dtask.start();
-}
+//服务端配置
+var API = {
+	//	API_ROOT : "http://112.111.142.223:8180/zpdj/",/**/
+	UNIT_ID: 347517153919893,
+	// UNIT_ID : 199953234474091,
+	//API_IP_PORT : "http://localhost:8082",
+	//API_ROOT : "http://localhost:8082/ynet/",
+	API_IP_PORT: "http://118.195.146.34:20076",
+	API_ROOT: "http://118.195.146.34:20076/ynet/",
+	// API_IP_PORT : "http://114.115.251.11:8088",
+	// API_ROOT : "http://114.115.251.11:8088/ynet/",
+	// API_IP_PORT : "http://202.101.109.133:8081",
+	// API_ROOT : "http://202.101.109.133:8081/ynet/",
+	API_VERSION: '1',
+	API_URL: function() {
+		// return this.API_ROOT + 'clientServices.do?iscrypt=1&date='+new Date();
+		return this.API_ROOT + 'clientServices.do?iscrypt=1';
+	}
+}
+
+//客户端配置
+var APP = {
+	//列表页数
+	PageSize: 10
+}
+
+function exitApp() {
+	var wobj = plus.webview.getWebviewById("xboa");
+	if (!wobj) {
+		wobj = plus.webview.getWebviewById("HBuilder");
+	}
+	mui.fire(wobj, 'loginEvent');
+	app.setState({});
+	localStorage.clear();
+	wobj.show();
+}
+
+function endPull(totalPage, pageNo) {
+	if (totalPage == 0 || totalPage == 1) {
+		mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
+	} else {
+		mui('#pullrefresh').pullRefresh().endPullupToRefresh(totalPage == pageNo); //参数为true代表没有更多数据了。
+	}
+
+	if (pageNo == 1) {
+		mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
+	}
+	pageNo = pageNo + 1;
+	return pageNo;
+}
+
+//文件下载的任务
+function openFile222(path) {
+	if (path.indexOf("http") == -1) {
+		path = API.API_ROOT + "" + path;
+	}
+	//var url = API.API_ROOT  + "" + path;//下载文件的方法,按照各自方法自行变动  
+	var dtask = plus.downloader.createDownload(path, {}, function(d, status) { //创建一个下载任务,可以在网上搜索这个方法了解  
+		if (status == 200) {
+			plus.runtime.openFile(d.filename, {}, function(e) { //调用第三方应用打开文件  
+				alert('打开失败');
+			});
+		} else {
+			alert("Download failed: " + status);
+		}
+	});
+	dtask.start();
+}

+ 90 - 90
js/dj/component/vue.flowprocess.js

@@ -1,91 +1,91 @@
-(function($) {
-	//0并行分支,1手动分支,2条件分支 
-	Vue.component('flow-process', {
-		template: '\
-        		<section>\
-        			<div class="mui-table-view-cell" style="padding:0px;">\
-	        			<ul class="mui-table-view" style="color:#9F9F9F;margin:0px;" v-for="file in flow.files">\
-						    <li class="mui-table-view-cell"  style="font-size:15px;">{{file.fileName}}<button type="button" class="mui-btn mui-pull-right" style="font-size:13px;margin-right:-10px;padding:5px 10px;" v-on:click="openFile(file.path)">下载</button></li>\
-						</ul>\
-	        		</div>\
-        			<form class="mui-input-group" id="fileForm" enctype="multipart/form-data">\
-						<div class="mui-table-view-cell mui-input-row">\
-	    					<label>附件</label>\
-	    					<input type="file" onchange="file_upload(\'fileIds\')" name="file" id="file_fileId"/>\
-						</div>\
-						<div style=" display:none; ">\
-        				<input type="text" id="fileIds" name="fileIds" readonly="readonly" />\
-        				</div>\
-					</form>\
-	        		<div class="mui-card-header"><b>流程办理</b></div>\
-					<template v-if="flow.pathJudgeType == 1">\
-						<div class="mui-table-view-cell mui-input-row">\
-							<label>下一环节</label>\
-							<select id="nextTmodelId" name="nextTmodelId" class="" placeholder="" v-model="selModelId">\
-								<option v-for="nextTmodel in nextTmodels" v-bind:value="nextTmodel.nextTmodelId">{{nextTmodel.nextTmodelName}}</option>\
-							</select>\
-						</div>\
-						<template v-for="nextHandTmodel in nextHandTmodels">\
-							<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-show="nextHandTmodel.nextTmodelId == selModelId">\
-								<label>下一环节操作人</label>\
-								<input v-bind:id="nextHandTmodel.nextTmodelId" v-bind:name="nextHandTmodel.nextTmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
-							</div>\
-						</template>\
-					</template>\
-					<template v-if="flow.pathJudgeType == 0">\
-						<div class="mui-table-view-cell mui-input-row" v-if="nextHandTmodels.length > 0">\
-							<label style="width: 100%;">下一环节操作人</label>\
-						</div>\
-						<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-for="nextHandTmodel in nextHandTmodels">\
-							<label>{{nextHandTmodel.nextTmodelName}}</label>\
-							<input v-bind:id="nextHandTmodel.nextTmodelId" v-bind:name="nextHandTmodel.nextTmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
-						</div>\
-					</template>\
-					<div class="mui-table-view-cell mui-input-row">\
-						<label>当前环节名称</label>\
-						<input type="text" readonly="readonly" :value="tmodel.tmodelName">\
-					</div>\
-					<div class="mui-table-view-cell mui-input-row">\
-						<label>环节备注</label>\
-						<textarea id="remark" name="remark" rows="4" placeholder="输入环节备注"></textarea>\
-					</div>\
-					<div class="mui-card" style="margin: 0;">\
-						<div class="mui-card-header"><b>流转过程</b></div>\
-						<div class="mui-card-footer" v-for="processTache in processList">\
-							<template v-if="processTache.state == \'2\'">\
-								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_cg">{{processTache.dataName}}</span><br>\
-							</template>\
-							<template v-else-if="processTache.state == \'1\'" >\
-								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_zt.png"></span>状态:<span style="color:blue">{{processTache.dataName}}</span><br>\
-							</template>\
-							<template v-else >\
-								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_z">{{processTache.dataName}}</span><br>\
-							</template>\
-							<span><img class="liuzhuan_img" src="../../../images/liuzhuang_hj.png"></span><span>环节名称:{{processTache.tmodelName}}({{processTache.name}})</span><br>\
-							<span><img class="liuzhuan_img" src="../../../images/liuzhuang_cj.png"></span><span>创建时间:{{processTache.createdate}}</span><br>\
-							<template v-if="processTache.finishdate != \'\'">\
-								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_bl.png" ></span><span>办理时间:{{processTache.finishdate}}</span><br>\
-							</template>\
-							<template v-if="processTache.remark != \'\' && processTache.remark != null ">\
-								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_hj.png"></span><span>环节审批意见:{{processTache.remark}}</span><br>\
-							</template>\
-						</div>\
-					</div>\
-				</section>\
-        		',
-		props: ['selModelId', 'flow', 'tmodel', 'nextTmodels', 'nextHandTmodels','processList'],
-		methods: {
-			openUser: function(nextHandTmodel) {
-				choosePerson({
-					'backId': nextHandTmodel.nextTmodelId,
-					'isMultiDept': '1'
-				})
-			}
-		},
-		//组件渲染之前
-		created: function() {},
-		//组件渲染之后
-		mounted: function() {}
-	});
-
+(function($) {
+	//0并行分支,1手动分支,2条件分支 
+	Vue.component('flow-process', {
+		template: '\
+        		<section>\
+        			<div class="mui-table-view-cell" style="padding:0px;">\
+	        			<ul class="mui-table-view" style="color:#9F9F9F;margin:0px;" v-for="file in flow.files">\
+						    <li class="mui-table-view-cell"  style="font-size:15px;">{{file.fileName}}<button type="button" class="mui-btn mui-pull-right" style="font-size:13px;margin-right:-10px;padding:5px 10px;" v-on:click="openFile(file.path)">下载</button></li>\
+						</ul>\
+	        		</div>\
+        			<form class="mui-input-group" id="fileForm" enctype="multipart/form-data">\
+						<div class="mui-table-view-cell mui-input-row">\
+	    					<label>附件</label>\
+	    					<input type="file" onchange="file_upload(\'fileIds\')" name="file" id="file_fileId"/>\
+						</div>\
+						<div style=" display:none; ">\
+        				<input type="text" id="fileIds" name="fileIds" readonly="readonly" />\
+        				</div>\
+					</form>\
+	        		<div class="mui-card-header"><b>流程办理</b></div>\
+					<template v-if="flow.pathJudgeType == 1">\
+						<div class="mui-table-view-cell mui-input-row">\
+							<label>下一环节</label>\
+							<select id="nextTmodelId" name="nextTmodelId" class="" placeholder="" v-model="selModelId">\
+								<option v-for="nextTmodel in nextTmodels" v-bind:value="nextTmodel.nextTmodelId">{{nextTmodel.nextTmodelName}}</option>\
+							</select>\
+						</div>\
+						<template v-for="nextHandTmodel in nextHandTmodels">\
+							<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-show="nextHandTmodel.nextTmodelId == selModelId">\
+								<label>下一环节操作人</label>\
+								<input v-bind:id="nextHandTmodel.nextTmodelId" v-bind:name="nextHandTmodel.nextTmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
+							</div>\
+						</template>\
+					</template>\
+					<template v-if="flow.pathJudgeType == 0">\
+						<div class="mui-table-view-cell mui-input-row" v-if="nextHandTmodels.length > 0">\
+							<label style="width: 100%;">下一环节操作人</label>\
+						</div>\
+						<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-for="nextHandTmodel in nextHandTmodels">\
+							<label>{{nextHandTmodel.nextTmodelName}}</label>\
+							<input v-bind:id="nextHandTmodel.nextTmodelId" v-bind:name="nextHandTmodel.nextTmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
+						</div>\
+					</template>\
+					<div class="mui-table-view-cell mui-input-row">\
+						<label>当前环节名称</label>\
+						<input type="text" readonly="readonly" :value="tmodel.tmodelName">\
+					</div>\
+					<div class="mui-table-view-cell mui-input-row">\
+						<label>环节备注</label>\
+						<textarea id="remark" name="remark" rows="4" placeholder="输入环节备注"></textarea>\
+					</div>\
+					<div class="mui-card" style="margin: 0;">\
+						<div class="mui-card-header"><b>流转过程</b></div>\
+						<div class="mui-card-footer" v-for="processTache in processList">\
+							<template v-if="processTache.state == \'2\'">\
+								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_cg">{{processTache.dataName}}</span><br>\
+							</template>\
+							<template v-else-if="processTache.state == \'1\'" >\
+								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_zt.png"></span>状态:<span style="color:blue">{{processTache.dataName}}</span><br>\
+							</template>\
+							<template v-else >\
+								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_z">{{processTache.dataName}}</span><br>\
+							</template>\
+							<span><img class="liuzhuan_img" src="../../../images/liuzhuang_hj.png"></span><span class="hjname">环节名称:{{processTache.tmodelName}}({{processTache.name}})</span><br>\
+							<span><img class="liuzhuan_img" src="../../../images/liuzhuang_cj.png"></span><span>创建时间:{{processTache.createdate}}</span><br>\
+							<template v-if="processTache.finishdate != \'\'">\
+								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_bl.png" ></span><span>办理时间:{{processTache.finishdate}}</span><br>\
+							</template>\
+							<template v-if="processTache.remark != \'\' && processTache.remark != null ">\
+								<span><img class="liuzhuan_img" src="../../../images/liuzhuang_hj.png"></span><span class="hjyj">环节审批意见:{{processTache.remark}}</span><br>\
+							</template>\
+						</div>\
+					</div>\
+				</section>\
+        		',
+		props: ['selModelId', 'flow', 'tmodel', 'nextTmodels', 'nextHandTmodels', 'processList'],
+		methods: {
+			openUser: function(nextHandTmodel) {
+				choosePerson({
+					'backId': nextHandTmodel.nextTmodelId,
+					'isMultiDept': '1'
+				})
+			}
+		},
+		//组件渲染之前
+		created: function() {},
+		//组件渲染之后
+		mounted: function() {}
+	});
+
 })(jQuery);

+ 73 - 73
js/dj/component/vue.writingprocess.js

@@ -1,74 +1,74 @@
-(function($) {
-	//0并行分支,1手动分支,2条件分支 
-	Vue.component('flow-process', {
-		template: '\
-        		<section>\
-	        		<div class="mui-card-header"><b>流程办理</b></div>\
-					<template v-if="tmodel.pathJudgeType.value == 1">\
-						<div class="mui-table-view-cell mui-input-row">\
-							<label>下一环节</label>\
-							<select id="nextTmodelId" name="nextTmodelId" class="" placeholder="" v-model="selModelId">\
-								<option v-for="nextTmodel in nextTmodels" v-bind:value="nextTmodel.nextTmodelId.tmodelId">{{nextTmodel.nextTmodelId.tmodelName}}</option>\
-							</select>\
-						</div>\
-						<template v-for="nextHandTmodel in nextHandTmodels">\
-							<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-show="nextHandTmodel.nextTmodelId.tmodelId == selModelId">\
-								<label>下一环节操作人</label>\
-								<input v-bind:id="nextHandTmodel.nextTmodelId.tmodelId" v-bind:name="nextHandTmodel.nextTmodelId.tmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
-							</div>\
-						</template>\
-					</template>\
-					<template v-if="tmodel.pathJudgeType.value == 0">\
-						<div class="mui-table-view-cell mui-input-row" v-if="nextHandTmodels.length > 0">\
-							<label style="width: 100%;">下一环节操作人</label>\
-						</div>\
-						<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-for="nextHandTmodel in nextHandTmodels">\
-							<label>{{nextHandTmodel.nextTmodelId.tmodelName}}</label>\
-							<input v-bind:id="nextHandTmodel.nextTmodelId.tmodelId" v-bind:name="nextHandTmodel.nextTmodelId.tmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
-						</div>\
-					</template>\
-					<div class="mui-table-view-cell mui-input-row">\
-						<label>当前环节名称</label>\
-						<input type="text" readonly="readonly" :value="tmodel.tmodelName">\
-					</div>\
-					<div class="mui-table-view-cell mui-input-row">\
-						<label>环节备注</label>\
-						<textarea id="remark1" name="remark1" rows="4" placeholder="输入环节备注"></textarea>\
-					</div>\
-					<div class="mui-card" style="margin: 0;">\
-						<div class="mui-card-header"><b>流转过程</b></div>\
-						<div class="mui-card-footer" v-for="processTache in processList">\
-							<template v-if="processTache.state == \'2\'">\
-								<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_cg">{{processTache.dataName}}</span><br>\
-							</template>\
-							<template v-else-if="processTache.state == \'1\'" >\
-								<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span style="color:blue">{{processTache.dataName}}</span><br>\
-							</template>\
-							<template v-else >\
-								<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_z">{{processTache.dataName}}</span><br>\
-							</template>\
-							<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span>环节名称:{{processTache.tmodelName}}({{processTache.name}})</span><br>\
-							<span><img class="liuzhuan_img" src="../../images/liuzhuang_cj.png"></span><span>创建时间:{{processTache.createdate}}</span><br>\
-							<template v-if="processTache.finishdate != \'\'">\
-								<span><img class="liuzhuan_img" src="../../images/liuzhuang_bl.png" ></span><span>办理时间:{{processTache.finishdate}}</span><br>\
-							</template>\
-						</div>\
-					</div>\
-				</section>\
-        		',
-		props: ['selModelId', 'tmodel', 'nextTmodels', 'nextHandTmodels','processList'],
-		methods: {
-			openUser: function(nextHandTmodel) {
-				choosePerson({
-					'backId': nextHandTmodel.nextTmodelId.tmodelId,
-					'isMultiDept': '1'
-				})
-			}
-		},
-		//组件渲染之前
-		created: function() {},
-		//组件渲染之后
-		mounted: function() {}
-	});
-
+(function($) {
+	//0并行分支,1手动分支,2条件分支 
+	Vue.component('flow-process', {
+		template: '\
+        		<section>\
+	        		<div class="mui-card-header"><b>流程办理</b></div>\
+					<template v-if="tmodel.pathJudgeType.value == 1">\
+						<div class="mui-table-view-cell mui-input-row">\
+							<label>下一环节</label>\
+							<select id="nextTmodelId" name="nextTmodelId" class="" placeholder="" v-model="selModelId">\
+								<option v-for="nextTmodel in nextTmodels" v-bind:value="nextTmodel.nextTmodelId.tmodelId">{{nextTmodel.nextTmodelId.tmodelName}}</option>\
+							</select>\
+						</div>\
+						<template v-for="nextHandTmodel in nextHandTmodels">\
+							<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-show="nextHandTmodel.nextTmodelId.tmodelId == selModelId">\
+								<label>下一环节操作人</label>\
+								<input v-bind:id="nextHandTmodel.nextTmodelId.tmodelId" v-bind:name="nextHandTmodel.nextTmodelId.tmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
+							</div>\
+						</template>\
+					</template>\
+					<template v-if="tmodel.pathJudgeType.value == 0">\
+						<div class="mui-table-view-cell mui-input-row" v-if="nextHandTmodels.length > 0">\
+							<label style="width: 100%;">下一环节操作人</label>\
+						</div>\
+						<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-for="nextHandTmodel in nextHandTmodels">\
+							<label>{{nextHandTmodel.nextTmodelId.tmodelName}}</label>\
+							<input v-bind:id="nextHandTmodel.nextTmodelId.tmodelId" v-bind:name="nextHandTmodel.nextTmodelId.tmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
+						</div>\
+					</template>\
+					<div class="mui-table-view-cell mui-input-row">\
+						<label>当前环节名称</label>\
+						<input type="text" readonly="readonly" :value="tmodel.tmodelName">\
+					</div>\
+					<div class="mui-table-view-cell mui-input-row">\
+						<label>环节备注</label>\
+						<textarea id="remark1" name="remark1" rows="4" placeholder="输入环节备注"></textarea>\
+					</div>\
+					<div class="mui-card" style="margin: 0;">\
+						<div class="mui-card-header"><b>流转过程</b></div>\
+						<div class="mui-card-footer" v-for="processTache in processList">\
+							<template v-if="processTache.state == \'2\'">\
+								<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_cg">{{processTache.dataName}}</span><br>\
+							</template>\
+							<template v-else-if="processTache.state == \'1\'" >\
+								<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span style="color:blue">{{processTache.dataName}}</span><br>\
+							</template>\
+							<template v-else >\
+								<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_z">{{processTache.dataName}}</span><br>\
+							</template>\
+							<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span class="hjname">环节名称:{{processTache.tmodelName}}({{processTache.name}})</span><br>\
+							<span><img class="liuzhuan_img" src="../../images/liuzhuang_cj.png"></span><span>创建时间:{{processTache.createdate}}</span><br>\
+							<template v-if="processTache.finishdate != \'\'">\
+								<span><img class="liuzhuan_img" src="../../images/liuzhuang_bl.png" ></span><span>办理时间:{{processTache.finishdate}}</span><br>\
+							</template>\
+						</div>\
+					</div>\
+				</section>\
+        		',
+		props: ['selModelId', 'tmodel', 'nextTmodels', 'nextHandTmodels', 'processList'],
+		methods: {
+			openUser: function(nextHandTmodel) {
+				choosePerson({
+					'backId': nextHandTmodel.nextTmodelId.tmodelId,
+					'isMultiDept': '1'
+				})
+			}
+		},
+		//组件渲染之前
+		created: function() {},
+		//组件渲染之后
+		mounted: function() {}
+	});
+
 })(jQuery);

+ 1 - 1
page/document/dispatch_info.html

@@ -144,7 +144,7 @@
 											<template v-else>
 											<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_z">{{flow_pro.dataName}}</span><br>
 											</template>
-											<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span>环节名称:{{flow_pro.tmodelName}}({{flow_pro.name}})</span><br>
+											<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span class="hjname">环节名称:{{flow_pro.tmodelName}}({{flow_pro.name}})</span><br>
 											<span><img class="liuzhuan_img" src="../../images/liuzhuang_cj.png"></span><span>创建时间:{{flow_pro.createdate}}</span><br>
 											<template v-if="flow_pro.finishdate != ''">
 												<span><img class="liuzhuan_img" src="../../images/liuzhuang_bl.png" ></span><span>办理时间:{{flow_pro.finishdate}}</span><br>

+ 1 - 1
page/document/receive_info.html

@@ -121,7 +121,7 @@
 											<template v-else>
 											<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_z">{{flow_pro.dataName}}</span><br>
 											</template>
-											<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span>环节名称:{{flow_pro.tmodelName}}({{flow_pro.name}})</span><br>
+											<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span class="hjname">环节名称:{{flow_pro.tmodelName}}({{flow_pro.name}})</span><br>
 											<span><img class="liuzhuan_img" src="../../images/liuzhuang_cj.png"></span><span>创建时间:{{flow_pro.createdate}}</span><br>
 											<template v-if="flow_pro.finishdate != ''">
 												<span><img class="liuzhuan_img" src="../../images/liuzhuang_bl.png" ></span><span>办理时间:{{flow_pro.finishdate}}</span><br>

+ 1 - 1
page/flow/Nonciphertext/nonciphertext_view.html

@@ -79,7 +79,7 @@
 
 							<ul class="mui-table-view" id="item3mobile">
 								<li class="mui-table-view-cell" v-for="item3mobileC in item3mobileCs">
-									<p><span>环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
+									<p><span class="hjname">环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
 									<p><span>创建时间:{{item3mobileC.createdate}}</span></p>
 									<template v-if="item3mobileC.finishdate != ''">
 									<p><span>办理时间:{{item3mobileC.finishdate}}</span></p>

+ 1 - 1
page/flow/article_check/article_check_view.html

@@ -99,7 +99,7 @@
 
 							<ul class="mui-table-view" id="item3mobile">
 								<li class="mui-table-view-cell" v-for="item3mobileC in item3mobileCs">
-									<p><span>环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
+									<p><span class="hjname">环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
 									<p><span>创建时间:{{item3mobileC.createdate}}</span></p>
 									<template v-if="item3mobileC.finishdate != ''">
 									<p><span>办理时间:{{item3mobileC.finishdate}}</span></p>

+ 1 - 1
page/flow/enforce_work/enforce_work_view.html

@@ -129,7 +129,7 @@
 
 							<ul class="mui-table-view" id="item3mobile">
 								<li class="mui-table-view-cell" v-for="item3mobileC in item3mobileCs">
-									<p><span>环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
+									<p><span class="hjname">环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
 									<p><span>创建时间:{{item3mobileC.createdate}}</span></p>
 									<template v-if="item3mobileC.finishdate != ''">
 									<p><span>办理时间:{{item3mobileC.finishdate}}</span></p>

+ 330 - 329
page/flow/flow_approve_list.html

@@ -1,330 +1,331 @@
-<!DOCTYPE html>
-<html>
-
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-		<meta name="apple-mobile-web-app-capable" content="yes">
-		<meta name="apple-mobile-web-app-status-bar-style" content="black">
-		<title>审批</title>
-		<link href="../../css/mui.min.css" rel="stylesheet" />
-		<link href="../../css/OA-style.css" rel="stylesheet" />
-		<style type="text/css">
-			<style>html,
-			body {
-				background-color: #efeff4;
-			}
-			
-			.mui-card .mui-control-content {
-				padding: 10px;
-			}
-			
-			.mui-control-content {
-				height: 800px;
-			}
-			
-			.mui-segmented-control .mui-control-item.mui-active {
-				background-color: #468CF0;
-			}
-			
-			.mui-segmented-control {
-				border: 1px solid #468CF0;
-			}
-			
-			.mui-segmented-control .mui-control-item {
-				border-left: 1px solid #468CF0;
-				color: #468CF0;
-			}
-			
-			.mui-bar~.mui-content .mui-fullscreen {
-				top: 44px;
-				height: auto;
-			}
-			
-			.mui-pull-top-tips {
-				position: absolute;
-				top: -20px;
-				left: 50%;
-				margin-left: -25px;
-				width: 40px;
-				height: 40px;
-				border-radius: 100%;
-				z-index: 1;
-			}
-			
-			.mui-bar~.mui-pull-top-tips {
-				top: 24px;
-			}
-			
-			.mui-pull-top-wrapper {
-				width: 42px;
-				height: 42px;
-				display: block;
-				text-align: center;
-				background-color: #efeff4;
-				border: 1px solid #ddd;
-				border-radius: 25px;
-				background-clip: padding-box;
-				box-shadow: 0 4px 10px #bbb;
-				overflow: hidden;
-			}
-			
-			.mui-pull-top-tips.mui-transitioning {
-				-webkit-transition-duration: 200ms;
-				transition-duration: 200ms;
-			}
-			
-			.mui-pull-top-tips .mui-pull-loading {
-				/*-webkit-backface-visibility: hidden;
-                -webkit-transition-duration: 400ms;
-                transition-duration: 400ms;*/
-				margin: 0;
-			}
-			
-			.mui-pull-top-wrapper .mui-icon,
-			.mui-pull-top-wrapper .mui-spinner {
-				margin-top: 7px;
-			}
-			
-			.mui-pull-top-wrapper .mui-icon.mui-reverse {
-				/*-webkit-transform: rotate(180deg) translateZ(0);*/
-			}
-			
-			.mui-pull-bottom-tips {
-				text-align: center;
-				background-color: #efeff4;
-				font-size: 15px;
-				line-height: 40px;
-				color: #777;
-			}
-			
-			.mui-pull-top-canvas {
-				overflow: hidden;
-				background-color: #fafafa;
-				border-radius: 40px;
-				box-shadow: 0 4px 10px #bbb;
-				width: 40px;
-				height: 40px;
-				margin: 0 auto;
-			}
-			
-			.mui-pull-top-canvas canvas {
-				width: 40px;
-			}
-			
-			.mui-slider-indicator.mui-segmented-control {
-				background-color: #efeff4;
-			}
-			
-			.liuchen_div {
-				height: 95px;
-				background: #FFFFFF;
-				margin-top: 5px;
-			}
-			
-			.liuchen_div1 {
-				width: 9%;
-				height: 95px;
-				float: left;
-				margin-top: 5px;
-			}
-			
-			.liuchen_img {
-				margin-left: 20px;
-				margin-top: 2px;
-			}
-			
-			.liuchen_div2 {
-				float: left;
-				height: 105px;
-				width: 90%;
-				margin-top: 5px;
-			}
-			
-			.liuchen_div3 {
-				color: #9196A1;
-				font-size: 12px;
-			}
-			
-			.liuchen_div4 {
-				border: #FFFFFF 1px solid;
-				border-bottom-color: #e3e3e3;
-				color: #9196A1;
-				font-size: 12px;
-			}
-			
-			.liuchen_div5 {
-				font-size: 12px;
-				float: right;
-			}
-			
-			.liuchen_span {
-				color: #ff0000;
-				margin-right: 5px;
-			}
-			
-			.liuchen_span1 {
-				margin-right: 5px;
-				margin-left: 5px;
-			}
-			
-			.liuchen_span2 {
-				color: #a5a5a5;
-				font-size: 12px;
-			}
-			
-			.liuchen_span3 {
-				color: #e7ba1f;
-				margin-right: 5px;
-			}
-			
-			.liuchen_span4 {
-				color: #61b32a;
-				margin-right: 5px;
-			}
-			
-			.mui-slider .mui-slider-group .mui-slider-item img {
-				width: 18px;
-				font-size: 17px;
-			}
-			
-			.list_gg_item {
-				background: #fff;
-				margin-bottom: 0px;
-				padding: 0px;
-			}
-			
-			.mui-table-view-cell {
-				padding: 0px 0px;
-			}
-			
-			.mui-table-view-cell {
-				position: relative;
-				overflow: hidden;
-				padding: 0px 0px;
-				-webkit-touch-callout: none;
-			}
-			
-			.mui-table-view-cell:after {
-				height: 10px;
-			}
-		</style>
-	</head>
-
-	<body>
-		<header class="mui-bar mui-bar-nav ">
-			<a class="mui-action-back back mui-pull-left" ><img src="../../images/back.png"></a>
-			<h1 id="title" class="mui-title">流程列表</h1>
-		</header>
-
-		<div class="mui-content">
-			<div id="slider" class="mui-slider mui-fullscreen">
-				<div style="padding: 5px;">
-					<div class="mui-segmented-control" id="segmentedControl">
-						<a id="noApprovalProcess" class="mui-control-item mui-active" href="#item1mobile">
-							未审批
-						</a>
-						<a id="atFlow" class="mui-control-item" href="#item2mobile">
-							在办审批
-						</a>
-						<a id="phlist" class="mui-control-item" href="#item3mobile">
-							已审批
-						</a>
-
-					</div>
-				</div>
-				<div class="mui-slider-group">
-					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
-						<div id="scroll1" class="mui-scroll-wrapper">
-							<div class="mui-scroll" id="phdiv">
-								<ul class="mui-table-view" id="phul">
-									<li class="mui-table-view-cell" v-for="itemA in itemAs" @tap="open_detailA(itemA)">
-										<div class="list_gg_item mui-clearfix">
-											<div class="liuchen_div">
-												<div class="liuchen_div1">
-													<img class="liuchen_img" src="../../images/liuchenghg.png" />
-												</div>
-												<div class="liuchen_div2">
-													<div><b>{{itemA.modelName}}</b></div>
-													<div class="liuchen_div3">流程标题:{{itemA.insName}}</div>
-													<div class="liuchen_div4">申请人:{{itemA.username}}</div>
-													<div class="liuchen_div5">
-														<span class="liuchen_span">未审批</span> |
-														<span class="liuchen_span1">{{itemA.createdate}}</span>
-													</div>
-												</div>
-											</div>
-										</div>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<div id="item2mobile" class="mui-slider-item mui-control-content ">
-						<div class="mui-scroll-wrapper">
-							<div class="mui-scroll" id="atFlowDiv">
-								<ul class="mui-table-view" id="atFlowul">
-									<li class="mui-table-view-cell" v-for="itemB in itemBs" @tap="open_detailB(itemB)">
-										<div class="list_gg_item mui-clearfix">
-											<div class="liuchen_div">
-												<div class="liuchen_div1">
-													<img class="liuchen_img" src="../../images/liuchengcg.png" />
-												</div>
-												<div class="liuchen_div2">
-													<div><b>{{itemB.modelName}}</b></div>
-													<div class="liuchen_div3">流程标题:{{itemB.insName}}</div>
-													<div class="liuchen_div4">申请人:{{itemB.username}}</div>
-													<div class="liuchen_div5">
-														<span class="liuchen_span3">在办</span> |
-														<span class="liuchen_span1">{{itemB.createdate}}</span>
-													</div>
-												</div>
-											</div>
-										</div>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<div id="item3mobile" class="mui-slider-item mui-control-content ">
-						<div class="mui-scroll-wrapper">
-							<div class="mui-scroll" id="zxdiv">
-								<ul class="mui-table-view" id="zxul">
-									<li class="mui-table-view-cell" v-for="itemC in itemCs" @tap="open_detailB(itemC)">
-										<div class="list_gg_item mui-clearfix">
-											<div class="liuchen_div">
-												<div class="liuchen_div1">
-													<img class="liuchen_img" src="../../images/liuchenglv.png" />
-												</div>
-												<div class="liuchen_div2">
-													<div><b>{{itemC.modelName}}</b></div>
-													<div class="liuchen_div3">流程标题:{{itemC.insName}}</div>
-													<div class="liuchen_div4">申请人:{{itemC.username}}</div>
-													<div class="liuchen_div5">
-														<span class="liuchen_span4">已审批</span>
-														<span class="liuchen_span1">{{itemC.createdate}}</span>
-													</div>
-												</div>
-											</div>
-										</div>
-									</li>
-								</ul>
-
-							</div>
-						</div>
-					</div>
-
-				</div>
-			</div>
-		</div>
-		<script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
-		<script src="../../js/mui.min.js"></script>
-		<script src="../../js/config.js"></script>
-		<script src="../../js/app.js"></script>
-		<script src="../../js/mui.pullToRefresh.js"></script>
-		<script src="../../js/mui.pullToRefresh.material.js"></script>
-		<script src="../../js/vue.min.js"></script>		
-		<script src="../../js/dj/flow/flow_list.js"></script>
-	</body>
-
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport"
+			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<title>审批</title>
+		<link href="../../css/mui.min.css" rel="stylesheet" />
+		<link href="../../css/OA-style.css" rel="stylesheet" />
+		<style type="text/css">
+			<style>html,
+			body {
+				background-color: #efeff4;
+			}
+
+			.mui-card .mui-control-content {
+				padding: 10px;
+			}
+
+			.mui-control-content {
+				height: 800px;
+			}
+
+			.mui-segmented-control .mui-control-item.mui-active {
+				background-color: #468CF0;
+			}
+
+			.mui-segmented-control {
+				border: 1px solid #468CF0;
+			}
+
+			.mui-segmented-control .mui-control-item {
+				border-left: 1px solid #468CF0;
+				color: #468CF0;
+			}
+
+			.mui-bar~.mui-content .mui-fullscreen {
+				top: 44px;
+				height: auto;
+			}
+
+			.mui-pull-top-tips {
+				position: absolute;
+				top: -20px;
+				left: 50%;
+				margin-left: -25px;
+				width: 40px;
+				height: 40px;
+				border-radius: 100%;
+				z-index: 1;
+			}
+
+			.mui-bar~.mui-pull-top-tips {
+				top: 24px;
+			}
+
+			.mui-pull-top-wrapper {
+				width: 42px;
+				height: 42px;
+				display: block;
+				text-align: center;
+				background-color: #efeff4;
+				border: 1px solid #ddd;
+				border-radius: 25px;
+				background-clip: padding-box;
+				box-shadow: 0 4px 10px #bbb;
+				overflow: hidden;
+			}
+
+			.mui-pull-top-tips.mui-transitioning {
+				-webkit-transition-duration: 200ms;
+				transition-duration: 200ms;
+			}
+
+			.mui-pull-top-tips .mui-pull-loading {
+				/*-webkit-backface-visibility: hidden;
+                -webkit-transition-duration: 400ms;
+                transition-duration: 400ms;*/
+				margin: 0;
+			}
+
+			.mui-pull-top-wrapper .mui-icon,
+			.mui-pull-top-wrapper .mui-spinner {
+				margin-top: 7px;
+			}
+
+			.mui-pull-top-wrapper .mui-icon.mui-reverse {
+				/*-webkit-transform: rotate(180deg) translateZ(0);*/
+			}
+
+			.mui-pull-bottom-tips {
+				text-align: center;
+				background-color: #efeff4;
+				font-size: 15px;
+				line-height: 40px;
+				color: #777;
+			}
+
+			.mui-pull-top-canvas {
+				overflow: hidden;
+				background-color: #fafafa;
+				border-radius: 40px;
+				box-shadow: 0 4px 10px #bbb;
+				width: 40px;
+				height: 40px;
+				margin: 0 auto;
+			}
+
+			.mui-pull-top-canvas canvas {
+				width: 40px;
+			}
+
+			.mui-slider-indicator.mui-segmented-control {
+				background-color: #efeff4;
+			}
+
+			.liuchen_div {
+				height: 95px;
+				background: #FFFFFF;
+				margin-top: 5px;
+			}
+
+			.liuchen_div1 {
+				width: 9%;
+				height: 95px;
+				float: left;
+				margin-top: 5px;
+			}
+
+			.liuchen_img {
+				margin-left: 20px;
+				margin-top: 2px;
+			}
+
+			.liuchen_div2 {
+				float: left;
+				height: 105px;
+				width: 90%;
+				margin-top: 5px;
+			}
+
+			.liuchen_div3 {
+				color: #9196A1;
+				font-size: 12px;
+			}
+
+			.liuchen_div4 {
+				border: #FFFFFF 1px solid;
+				border-bottom-color: #e3e3e3;
+				color: #9196A1;
+				font-size: 12px;
+			}
+
+			.liuchen_div5 {
+				font-size: 12px;
+				float: right;
+			}
+
+			.liuchen_span {
+				color: #ff0000;
+				margin-right: 5px;
+			}
+
+			.liuchen_span1 {
+				margin-right: 5px;
+				margin-left: 5px;
+			}
+
+			.liuchen_span2 {
+				color: #a5a5a5;
+				font-size: 12px;
+			}
+
+			.liuchen_span3 {
+				color: #e7ba1f;
+				margin-right: 5px;
+			}
+
+			.liuchen_span4 {
+				color: #61b32a;
+				margin-right: 5px;
+			}
+
+			.mui-slider .mui-slider-group .mui-slider-item img {
+				width: 18px;
+				font-size: 17px;
+			}
+
+			.list_gg_item {
+				background: #fff;
+				margin-bottom: 0px;
+				padding: 0px;
+			}
+
+			.mui-table-view-cell {
+				padding: 0px 0px;
+			}
+
+			.mui-table-view-cell {
+				position: relative;
+				overflow: hidden;
+				padding: 0px 0px;
+				-webkit-touch-callout: none;
+			}
+
+			.mui-table-view-cell:after {
+				height: 10px;
+			}
+		</style>
+	</head>
+
+	<body>
+		<header class="mui-bar mui-bar-nav ">
+			<a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
+			<h1 id="title" class="mui-title">流程列表</h1>
+		</header>
+
+		<div class="mui-content">
+			<div id="slider" class="mui-slider mui-fullscreen">
+				<div style="padding: 5px;">
+					<div class="mui-segmented-control" id="segmentedControl">
+						<a id="noApprovalProcess" class="mui-control-item mui-active" href="#item1mobile">
+							未审批
+						</a>
+						<a id="atFlow" class="mui-control-item" href="#item2mobile">
+							在办审批
+						</a>
+						<a id="phlist" class="mui-control-item" href="#item3mobile">
+							已审批
+						</a>
+
+					</div>
+				</div>
+				<div class="mui-slider-group">
+					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
+						<div id="scroll1" class="mui-scroll-wrapper">
+							<div class="mui-scroll" id="phdiv">
+								<ul class="mui-table-view" id="phul">
+									<li class="mui-table-view-cell" v-for="itemA in itemAs" @tap="open_detailA(itemA)">
+										<div class="list_gg_item mui-clearfix">
+											<div class="liuchen_div">
+												<div class="liuchen_div1">
+													<img class="liuchen_img" src="../../images/liuchenghg.png" />
+												</div>
+												<div class="liuchen_div2">
+													<div><b>{{itemA.modelName}}</b></div>
+													<div class="liuchen_div3">流程标题:{{itemA.insName}}</div>
+													<div class="liuchen_div4">申请人:{{itemA.username}}</div>
+													<div class="liuchen_div5">
+														<span class="liuchen_span">未审批</span> |
+														<span class="liuchen_span1">{{itemA.createdate}}</span>
+													</div>
+												</div>
+											</div>
+										</div>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div id="item2mobile" class="mui-slider-item mui-control-content ">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll" id="atFlowDiv">
+								<ul class="mui-table-view" id="atFlowul">
+									<li class="mui-table-view-cell" v-for="itemB in itemBs" @tap="open_detailB(itemB)">
+										<div class="list_gg_item mui-clearfix">
+											<div class="liuchen_div">
+												<div class="liuchen_div1">
+													<img class="liuchen_img" src="../../images/liuchengcg.png" />
+												</div>
+												<div class="liuchen_div2">
+													<div><b>{{itemB.modelName}}</b></div>
+													<div class="liuchen_div3">流程标题:{{itemB.insName}}</div>
+													<div class="liuchen_div4">申请人:{{itemB.username}}</div>
+													<div class="liuchen_div5">
+														<span class="liuchen_span3">在办</span> |
+														<span class="liuchen_span1">{{itemB.createdate}}</span>
+													</div>
+												</div>
+											</div>
+										</div>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div id="item3mobile" class="mui-slider-item mui-control-content ">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll" id="zxdiv">
+								<ul class="mui-table-view" id="zxul">
+									<li class="mui-table-view-cell" v-for="itemC in itemCs" @tap="open_detailB(itemC)">
+										<div class="list_gg_item mui-clearfix">
+											<div class="liuchen_div">
+												<div class="liuchen_div1">
+													<img class="liuchen_img" src="../../images/liuchenglv.png" />
+												</div>
+												<div class="liuchen_div2">
+													<div><b>{{itemC.modelName}}</b></div>
+													<div class="liuchen_div3">流程标题:{{itemC.insName}}</div>
+													<div class="liuchen_div4">申请人:{{itemC.username}}</div>
+													<div class="liuchen_div5">
+														<span class="liuchen_span4">已审批</span>
+														<span class="liuchen_span1">{{itemC.createdate}}</span>
+													</div>
+												</div>
+											</div>
+										</div>
+									</li>
+								</ul>
+
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+		</div>
+		<script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
+		<script src="../../js/mui.min.js"></script>
+		<script src="../../js/config.js"></script>
+		<script src="../../js/app.js"></script>
+		<script src="../../js/mui.pullToRefresh.js"></script>
+		<script src="../../js/mui.pullToRefresh.material.js"></script>
+		<script src="../../js/vue.min.js"></script>
+		<script src="../../js/dj/flow/flow_list.js"></script>
+	</body>
+
 </html>

+ 335 - 321
page/flow/flow_approve_list2.html

@@ -1,322 +1,336 @@
-<!DOCTYPE html>
-<html>
-
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-		<meta name="apple-mobile-web-app-capable" content="yes">
-		<meta name="apple-mobile-web-app-status-bar-style" content="black">
-		<title>审批</title>
-		<link href="../../css/mui.min.css" rel="stylesheet" />
-		<link href="../../css/OA-style.css" rel="stylesheet" />
-		<style type="text/css">
-			<style>html,
-			body {
-				background-color: #efeff4;
-			}
-			
-			.mui-card .mui-control-content {
-				padding: 10px;
-			}
-			
-			.mui-control-content {
-				height: 800px;
-			}
-			
-			.mui-segmented-control .mui-control-item.mui-active {
-				background-color: #468CF0;
-			}
-			
-			.mui-segmented-control {
-				border: 1px solid #468CF0;
-			}
-			
-			.mui-segmented-control .mui-control-item {
-				border-left: 1px solid #468CF0;
-				color: #468CF0;
-			}
-			
-			.mui-bar~.mui-content .mui-fullscreen {
-				top: 44px;
-				height: auto;
-			}
-			
-			.mui-pull-top-tips {
-				position: absolute;
-				top: -20px;
-				left: 50%;
-				margin-left: -25px;
-				width: 40px;
-				height: 40px;
-				border-radius: 100%;
-				z-index: 1;
-			}
-			
-			.mui-bar~.mui-pull-top-tips {
-				top: 24px;
-			}
-			
-			.mui-pull-top-wrapper {
-				width: 42px;
-				height: 42px;
-				display: block;
-				text-align: center;
-				background-color: #efeff4;
-				border: 1px solid #ddd;
-				border-radius: 25px;
-				background-clip: padding-box;
-				box-shadow: 0 4px 10px #bbb;
-				overflow: hidden;
-			}
-			
-			.mui-pull-top-tips.mui-transitioning {
-				-webkit-transition-duration: 200ms;
-				transition-duration: 200ms;
-			}
-			
-			.mui-pull-top-tips .mui-pull-loading {
-				/*-webkit-backface-visibility: hidden;
-                -webkit-transition-duration: 400ms;
-                transition-duration: 400ms;*/
-				margin: 0;
-			}
-			
-			.mui-pull-top-wrapper .mui-icon,
-			.mui-pull-top-wrapper .mui-spinner {
-				margin-top: 7px;
-			}
-			
-			.mui-pull-top-wrapper .mui-icon.mui-reverse {
-				/*-webkit-transform: rotate(180deg) translateZ(0);*/
-			}
-			
-			.mui-pull-bottom-tips {
-				text-align: center;
-				background-color: #efeff4;
-				font-size: 15px;
-				line-height: 40px;
-				color: #777;
-			}
-			
-			.mui-pull-top-canvas {
-				overflow: hidden;
-				background-color: #fafafa;
-				border-radius: 40px;
-				box-shadow: 0 4px 10px #bbb;
-				width: 40px;
-				height: 40px;
-				margin: 0 auto;
-			}
-			
-			.mui-pull-top-canvas canvas {
-				width: 40px;
-			}
-			
-			.mui-slider-indicator.mui-segmented-control {
-				background-color: #efeff4;
-			}
-			
-			/*.liuchen_div {
-				height: 95px;
-				background: #FFFFFF;
-				margin-top: 5px;
-			}*/
-			
-			.liuchen_div1 {
-				width: 9%;
-				height: 95px;
-				float: left;
-				margin-top: 5px;
-			}
-			
-			.liuchen_img {
-				margin-left: 20px;
-				margin-top: 2px;
-			}
-			
-			.liuchen_div3 {
-				color: #9196A1;
-				font-size: 12px;
-			}
-			
-			.liuchen_div4 {
-				border: #FFFFFF 1px solid;
-				border-bottom-color: #e3e3e3;
-				color: #9196A1;
-				font-size: 12px;
-			}
-			
-			.liuchen_div5 {
-				font-size: 12px;
-				float: right;
-			}
-			
-			.liuchen_span {
-				color: #ff0000;
-				margin-right: 5px;
-			}
-			
-			.liuchen_span1 {
-				margin-right: 5px;
-				margin-left: 5px;
-			}
-			
-			.liuchen_span2 {
-				color: #a5a5a5;
-				font-size: 12px;
-			}
-			
-			.liuchen_span3 {
-				color: #e7ba1f;
-				margin-right: 5px;
-			}
-			
-			.liuchen_span4 {
-				color: #61b32a;
-				margin-right: 5px;
-			}
-			
-			.mui-slider .mui-slider-group .mui-slider-item img {
-				width: 18px;
-				font-size: 17px;
-			}
-			
-			/*.list_gg_item {
-				background: #fff;
-				margin-bottom: 0px;
-				padding: 0px;
-			}*/
-			
-			/*.mui-table-view-cell {
-				padding: 0px 0px;
-			}
-			
-			.mui-table-view-cell {
-				position: relative;
-				overflow: hidden;
-				padding: 20px,15px;
-				-webkit-touch-callout: none;
-			}*/
-			
-			.mui-table-view-cell:after {
-				height: 10px;
-			}
-			
-			/*顶部选项卡背景*/
-			.mui-slider-indicator.mui-segmented-control{background-color: #FFFFFF;}
-			/*距离顶部选择卡*/
-			.mui-scroll-wrapper{top: 10px;}
-			/*选项卡选中颜色*/
-			.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #468CF0;border-bottom: 2px solid #468CF0 !important;}
-		</style>
-	</head>
-
-	<body>
-		<header class="mui-bar mui-bar-nav ">
-			<a class="mui-action-back back mui-pull-left" ><img src="../../images/back.png"></a>
-			<h1 id="title" class="mui-title">流程列表</h1>
-		</header>
-
-		<div class="mui-content">
-			<div id="slider" class="mui-slider mui-fullscreen">
-				<div style="padding: 5px;background-color: #fff;">
-					<div class="mui-segmented-control mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" id="segmentedControl">
-						<a id="noApprovalProcess" class="mui-control-item mui-active" href="#item1mobile">
-							未审批
-						</a>
-						<a id="atFlow" class="mui-control-item" href="#item2mobile">
-							在办审批
-						</a>
-						<a id="phlist" class="mui-control-item" href="#item3mobile">
-							已审批
-						</a>
-
-					</div>
-				</div>
-				<div class="mui-slider-group">
-					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
-						<div id="scroll1" class="mui-scroll-wrapper">
-							<div class="mui-scroll" id="phdiv">
-								<ul class="mui-table-view" id="phul">
-									<li class="mui-table-view-cell" v-for="itemA in itemAs" @tap="open_detailA(itemA)">
-										<div class="list_gg_item mui-clearfix">
-											<div class="liuchen_div">
-												<div class="liuchen_div2">
-													<div><b>{{itemA.modelName}}</b></div>
-													<div class="liuchen_div3">流程标题:{{itemA.insName}}</div>
-													<div class="liuchen_div4">申请人:{{itemA.username}}</div>
-													<div class="liuchen_div5">
-														<span class="liuchen_span">未审批</span> |
-														<span class="liuchen_span1">{{itemA.createdate}}</span>
-													</div>
-												</div>
-											</div>
-										</div>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<div id="item2mobile" class="mui-slider-item mui-control-content ">
-						<div class="mui-scroll-wrapper">
-							<div class="mui-scroll" id="atFlowDiv">
-								<ul class="mui-table-view" id="atFlowul">
-									<li class="mui-table-view-cell" v-for="itemB in itemBs" @tap.stop="open_detailB(itemB)">
-										<div class="list_gg_item mui-clearfix">
-											<div class="liuchen_div">
-												<div class="liuchen_div2">
-													<div><b>{{itemB.modelName}}</b></div>
-													<!--<button type="button" style="margin-right: 20px;height: 30px;float: right;z-index: 1;" @tap="urge(itemB.insId)">催办</button>-->
-													<div class="liuchen_div3">流程标题:{{itemB.insName}}</div> 
-													<div class="liuchen_div4">申请人:{{itemB.username}}</div>
-													<div class="liuchen_div5">
-														<span class="liuchen_span3">在办</span> |
-														<span class="liuchen_span1">{{itemB.createdate}}</span>
-													</div>
-												</div>
-											</div>
-										</div>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<div id="item3mobile" class="mui-slider-item mui-control-content ">
-						<div class="mui-scroll-wrapper">
-							<div class="mui-scroll" id="zxdiv">
-								<ul class="mui-table-view" id="zxul">
-									<li class="mui-table-view-cell" v-for="itemC in itemCs" @tap="open_detailB(itemC)">
-										<div class="list_gg_item mui-clearfix">
-											<div class="liuchen_div">
-												<div class="liuchen_div2">
-													<div><b>{{itemC.modelName}}</b></div>
-													<div class="liuchen_div3">流程标题:{{itemC.insName}}</div>
-													<div class="liuchen_div4">申请人:{{itemC.username}}</div>
-													<div class="liuchen_div5">
-														<span class="liuchen_span4">已审批</span>
-														<span class="liuchen_span1">{{itemC.createdate}}</span>
-													</div>
-												</div>
-											</div>
-										</div>
-									</li>
-								</ul>
-
-							</div>
-						</div>
-					</div>
-
-				</div>
-			</div>
-		</div>
-		<script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
-		<script src="../../js/mui.min.js"></script>
-		<script src="../../js/config.js"></script>
-		<script src="../../js/app.js"></script>
-		<script src="../../js/mui.pullToRefresh.js"></script>
-		<script src="../../js/mui.pullToRefresh.material.js"></script>
-		<script src="../../js/vue.min.js"></script>		
-		<script src="../../js/dj/flow/flow_list2.js"></script>
-	</body>
-
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport"
+			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<title>审批</title>
+		<link href="../../css/mui.min.css" rel="stylesheet" />
+		<link href="../../css/OA-style.css" rel="stylesheet" />
+		<!--App自定义的css-->
+		<link rel="stylesheet" type="text/css" href="../../css/flow.css" />
+		<style type="text/css">
+			<style>html,
+			body {
+				background-color: #efeff4;
+			}
+
+			.mui-card .mui-control-content {
+				padding: 10px;
+			}
+
+			.mui-control-content {
+				height: 800px;
+			}
+
+			.mui-segmented-control .mui-control-item.mui-active {
+				background-color: #468CF0;
+			}
+
+			.mui-segmented-control {
+				border: 1px solid #468CF0;
+			}
+
+			.mui-segmented-control .mui-control-item {
+				border-left: 1px solid #468CF0;
+				color: #468CF0;
+			}
+
+			.mui-bar~.mui-content .mui-fullscreen {
+				top: 44px;
+				height: auto;
+			}
+
+			.mui-pull-top-tips {
+				position: absolute;
+				top: -20px;
+				left: 50%;
+				margin-left: -25px;
+				width: 40px;
+				height: 40px;
+				border-radius: 100%;
+				z-index: 1;
+			}
+
+			.mui-bar~.mui-pull-top-tips {
+				top: 24px;
+			}
+
+			.mui-pull-top-wrapper {
+				width: 42px;
+				height: 42px;
+				display: block;
+				text-align: center;
+				background-color: #efeff4;
+				border: 1px solid #ddd;
+				border-radius: 25px;
+				background-clip: padding-box;
+				box-shadow: 0 4px 10px #bbb;
+				overflow: hidden;
+			}
+
+			.mui-pull-top-tips.mui-transitioning {
+				-webkit-transition-duration: 200ms;
+				transition-duration: 200ms;
+			}
+
+			.mui-pull-top-tips .mui-pull-loading {
+				/*-webkit-backface-visibility: hidden;
+                -webkit-transition-duration: 400ms;
+                transition-duration: 400ms;*/
+				margin: 0;
+			}
+
+			.mui-pull-top-wrapper .mui-icon,
+			.mui-pull-top-wrapper .mui-spinner {
+				margin-top: 7px;
+			}
+
+			.mui-pull-top-wrapper .mui-icon.mui-reverse {
+				/*-webkit-transform: rotate(180deg) translateZ(0);*/
+			}
+
+			.mui-pull-bottom-tips {
+				text-align: center;
+				background-color: #efeff4;
+				font-size: 15px;
+				line-height: 40px;
+				color: #777;
+			}
+
+			.mui-pull-top-canvas {
+				overflow: hidden;
+				background-color: #fafafa;
+				border-radius: 40px;
+				box-shadow: 0 4px 10px #bbb;
+				width: 40px;
+				height: 40px;
+				margin: 0 auto;
+			}
+
+			.mui-pull-top-canvas canvas {
+				width: 40px;
+			}
+
+			.mui-slider-indicator.mui-segmented-control {
+				background-color: #efeff4;
+			}
+
+			/*.liuchen_div {
+				height: 95px;
+				background: #FFFFFF;
+				margin-top: 5px;
+			}*/
+
+			.liuchen_div1 {
+				width: 9%;
+				height: 95px;
+				float: left;
+				margin-top: 5px;
+			}
+
+			.liuchen_img {
+				margin-left: 20px;
+				margin-top: 2px;
+			}
+
+			.liuchen_div3 {
+				color: #9196A1;
+				font-size: 12px;
+			}
+
+			.liuchen_div4 {
+				border: #FFFFFF 1px solid;
+				border-bottom-color: #e3e3e3;
+				color: #9196A1;
+				font-size: 12px;
+			}
+
+			.liuchen_div5 {
+				font-size: 12px;
+				float: right;
+			}
+
+			.liuchen_span {
+				color: #ff0000;
+				margin-right: 5px;
+			}
+
+			.liuchen_span1 {
+				margin-right: 5px;
+				margin-left: 5px;
+			}
+
+			.liuchen_span2 {
+				color: #a5a5a5;
+				font-size: 12px;
+			}
+
+			.liuchen_span3 {
+				color: #e7ba1f;
+				margin-right: 5px;
+			}
+
+			.liuchen_span4 {
+				color: #61b32a;
+				margin-right: 5px;
+			}
+
+			.mui-slider .mui-slider-group .mui-slider-item img {
+				width: 18px;
+				font-size: 17px;
+			}
+
+			/*.list_gg_item {
+				background: #fff;
+				margin-bottom: 0px;
+				padding: 0px;
+			}*/
+
+			/*.mui-table-view-cell {
+				padding: 0px 0px;
+			}
+			
+			.mui-table-view-cell {
+				position: relative;
+				overflow: hidden;
+				padding: 20px,15px;
+				-webkit-touch-callout: none;
+			}*/
+
+			.mui-table-view-cell:after {
+				height: 10px;
+			}
+
+			/*顶部选项卡背景*/
+			.mui-slider-indicator.mui-segmented-control {
+				background-color: #FFFFFF;
+			}
+
+			/*距离顶部选择卡*/
+			.mui-scroll-wrapper {
+				top: 10px;
+			}
+
+			/*选项卡选中颜色*/
+			.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+				color: #468CF0;
+				border-bottom: 2px solid #468CF0 !important;
+			}
+		</style>
+	</head>
+
+	<body>
+		<header class="mui-bar mui-bar-nav ">
+			<a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
+			<h1 id="title" class="mui-title">流程列表</h1>
+		</header>
+
+		<div class="mui-content">
+			<div id="slider" class="mui-slider mui-fullscreen">
+				<div style="padding: 5px;background-color: #fff;">
+					<div class="mui-segmented-control mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"
+						id="segmentedControl">
+						<a id="noApprovalProcess" class="mui-control-item mui-active" href="#item1mobile">
+							未审批
+						</a>
+						<a id="atFlow" class="mui-control-item" href="#item2mobile">
+							在办审批
+						</a>
+						<a id="phlist" class="mui-control-item" href="#item3mobile">
+							已审批
+						</a>
+
+					</div>
+				</div>
+				<div class="mui-slider-group">
+					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
+						<div id="scroll1" class="mui-scroll-wrapper">
+							<div class="mui-scroll" id="phdiv">
+								<ul class="mui-table-view" id="phul">
+									<li class="mui-table-view-cell" v-for="itemA in itemAs" @tap="open_detailA(itemA)">
+										<div class="list_gg_item mui-clearfix">
+											<div class="liuchen_div">
+												<div class="liuchen_div2">
+													<div><b>{{itemA.modelName}}</b></div>
+													<div class="liuchen_div3">流程标题:{{itemA.insName}}</div>
+													<div class="liuchen_div4">申请人:{{itemA.username}}</div>
+													<div class="liuchen_div5">
+														<span class="liuchen_span">未审批</span> |
+														<span class="liuchen_span1">{{itemA.createdate}}</span>
+													</div>
+												</div>
+											</div>
+										</div>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div id="item2mobile" class="mui-slider-item mui-control-content ">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll" id="atFlowDiv">
+								<ul class="mui-table-view" id="atFlowul">
+									<li class="mui-table-view-cell" v-for="itemB in itemBs"
+										@tap.stop="open_detailB(itemB)">
+										<div class="list_gg_item mui-clearfix">
+											<div class="liuchen_div">
+												<div class="liuchen_div2">
+													<div><b>{{itemB.modelName}}</b></div>
+													<!--<button type="button" style="margin-right: 20px;height: 30px;float: right;z-index: 1;" @tap="urge(itemB.insId)">催办</button>-->
+													<div class="liuchen_div3">流程标题:{{itemB.insName}}</div>
+													<div class="liuchen_div4">申请人:{{itemB.username}}</div>
+													<div class="liuchen_div5">
+														<span class="liuchen_span3">在办</span> |
+														<span class="liuchen_span1">{{itemB.createdate}}</span>
+													</div>
+												</div>
+											</div>
+										</div>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div id="item3mobile" class="mui-slider-item mui-control-content ">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll" id="zxdiv">
+								<ul class="mui-table-view" id="zxul">
+									<li class="mui-table-view-cell" v-for="itemC in itemCs" @tap="open_detailB(itemC)">
+										<div class="list_gg_item mui-clearfix">
+											<div class="liuchen_div">
+												<div class="liuchen_div2">
+													<div><b>{{itemC.modelName}}</b></div>
+													<div class="liuchen_div3">流程标题:{{itemC.insName}}</div>
+													<div class="liuchen_div4">申请人:{{itemC.username}}</div>
+													<div class="liuchen_div5">
+														<span class="liuchen_span4">已审批</span>
+														<span class="liuchen_span1">{{itemC.createdate}}</span>
+													</div>
+												</div>
+											</div>
+										</div>
+									</li>
+								</ul>
+
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+		</div>
+		<script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
+		<script src="../../js/mui.min.js"></script>
+		<script src="../../js/config.js"></script>
+		<script src="../../js/app.js"></script>
+		<script src="../../js/mui.pullToRefresh.js"></script>
+		<script src="../../js/mui.pullToRefresh.material.js"></script>
+		<script src="../../js/vue.min.js"></script>
+		<script src="../../js/dj/flow/flow_list2.js"></script>
+	</body>
+
 </html>

+ 90 - 85
page/flow/flow_main.html

@@ -1,86 +1,91 @@
-<!doctype html>
-<html>
-
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-		<meta name="apple-mobile-web-app-capable" content="yes">
-		<meta name="apple-mobile-web-app-status-bar-style" content="black">
-		<title>审批</title>
-		<link href="../../css/mui.min.css" rel="stylesheet" />
-		<link href="../../css/OA-style.css" rel="stylesheet" />
-		<style type="text/css">
-			.mui-content>.mui-table-view:first-child {
-				margin-top: -1px;
-			}
-			
-			.mui-bar {
-				box-shadow: none;
-			}
-			
-			.mui-table-view-cell.mui-active {
-				background-color: #fff;
-			}
-		</style>
-	</head>
-
-	<body>
-		<header class="mui-bar mui-bar-nav">
-			<a class="mui-action-back back mui-pull-left" id=""><img src="../../images/back.png"></a>
-			<h1 class="mui-title">流程管理</h1>
-		</header>
-
-		<div class="mui-content" id="flowList">
-			<div class="porcess mui-clearfix">
-				<div class="mui-pull-left porcess_item">
-					<a href="flow_deal_list.html">
-						<img src="../../images/sp_wspd.png" height="32px;">
-						<p>待办流程</p>
-					</a>
-				</div>
-				<div class="mui-pull-left porcess_item">
-					<a href="flow_dealing_list.html">
-						<img src="../../images/sp_wfqd.png" height="32px;">
-						<p>在办流程</p>
-					</a>
-				</div>
-				<div class="mui-pull-left porcess_item">
-					<a href="flow_dealed_list.html">
-						<img src="../../images/sp_yjbxl.png" height="32px;">
-						<p>办结流程</p>
-					</a>
-				</div>
-				<div class="mui-pull-left porcess_item">
-					<a href="flow_my_list.html">
-						<img src="../../images/txl_bm.png" height="32px;">
-						<p>我的请求</p>
-					</a>
-				</div>
-				<!--<div class="mui-pull-left porcess_item">
-					
-					<img src="../../images/sp_cswd.png" height="32px;">
-					<p>抄送我的</p>
-					
-				</div>-->
-			</div>
-			<ul class="mui-table-view " v-for="ftype in ftypeList">
-				<li class="mui-table-view-cell mui-collapse ">
-					<a class="mui-navigate-right " href="# " style="color: #444; font-size: 14px; line-height: 26px; ">{{ftype.typeName}} </a>
-					<div class="mui-collapse-content mui-clearfix ">
-						<div class="address_list_4 mui-pull-left " v-for="flow in fList" v-if="flow.typeId.typeId == ftype.typeId">
-							<a  v-on:click="to_strt(flow)">
-								<img v-bind:src='flow.modelPicture'  width="32px; ">
-								<p>{{flow.modelName}}</p>  
-							</a>
-						</div>
-					</div>
-				</li>
-			</ul>
-		</div>
-		<script src="../../js/mui.min.js "></script>
-		<script src="../../js/config.js"></script>
-		<script src="../../js/app.js"></script>
-		<script src="../../js/vue.min.js"></script>
-		<script src="../../js/dj/flow/flow_main.js"></script>
-	</body>
+<!doctype html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport"
+			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<title>审批</title>
+		<link href="../../css/mui.min.css" rel="stylesheet" />
+		<link href="../../css/OA-style.css" rel="stylesheet" />
+		<!--App自定义的css-->
+		<link rel="stylesheet" type="text/css" href="../../css/flow.css" />
+		<style type="text/css">
+			.mui-content>.mui-table-view:first-child {
+				margin-top: -1px;
+			}
+
+			.mui-bar {
+				box-shadow: none;
+			}
+
+			.mui-table-view-cell.mui-active {
+				background-color: #fff;
+			}
+		</style>
+	</head>
+
+	<body>
+		<header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back back mui-pull-left" id=""><img src="../../images/back.png"></a>
+			<h1 class="mui-title">流程管理</h1>
+		</header>
+
+		<div class="mui-content" id="flowList">
+			<div class="porcess mui-clearfix">
+				<div class="mui-pull-left porcess_item">
+					<a href="flow_deal_list.html">
+						<img src="../../images/sp_wspd.png" height="32px;">
+						<p>待办流程</p>
+					</a>
+				</div>
+				<div class="mui-pull-left porcess_item">
+					<a href="flow_dealing_list.html">
+						<img src="../../images/sp_wfqd.png" height="32px;">
+						<p>在办流程</p>
+					</a>
+				</div>
+				<div class="mui-pull-left porcess_item">
+					<a href="flow_dealed_list.html">
+						<img src="../../images/sp_yjbxl.png" height="32px;">
+						<p>办结流程</p>
+					</a>
+				</div>
+				<div class="mui-pull-left porcess_item">
+					<a href="flow_my_list.html">
+						<img src="../../images/txl_bm.png" height="32px;">
+						<p>我的请求</p>
+					</a>
+				</div>
+				<!--<div class="mui-pull-left porcess_item">
+					
+					<img src="../../images/sp_cswd.png" height="32px;">
+					<p>抄送我的</p>
+					
+				</div>-->
+			</div>
+			<ul class="mui-table-view " v-for="ftype in ftypeList">
+				<li class="mui-table-view-cell mui-collapse ">
+					<a class="mui-navigate-right " href="# "
+						style="color: #444; font-size: 14px; line-height: 26px; ">{{ftype.typeName}} </a>
+					<div class="mui-collapse-content mui-clearfix ">
+						<div class="address_list_4 mui-pull-left " v-for="flow in fList"
+							v-if="flow.typeId.typeId == ftype.typeId">
+							<a v-on:click="to_strt(flow)">
+								<img v-bind:src='flow.modelPicture' width="32px; ">
+								<p>{{flow.modelName}}</p>
+							</a>
+						</div>
+					</div>
+				</li>
+			</ul>
+		</div>
+		<script src="../../js/mui.min.js "></script>
+		<script src="../../js/config.js"></script>
+		<script src="../../js/app.js"></script>
+		<script src="../../js/vue.min.js"></script>
+		<script src="../../js/dj/flow/flow_main.js"></script>
+	</body>
 </html>

+ 161 - 156
page/flow/flow_my_list.html

@@ -1,157 +1,162 @@
-<!DOCTYPE html>
-<html>
-
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-		<meta name="apple-mobile-web-app-capable" content="yes">
-		<meta name="apple-mobile-web-app-status-bar-style" content="black">
-		<title>我的请求</title>
-		<link href="../../css/mui.min.css" rel="stylesheet" />
-		<link href="../../css/OA-style.css" rel="stylesheet" />
-		<style>
-			.list_gg{padding: 10px 15px;}
-		</style>
-		
-	</head>
-
-	<body>
-		<header class="mui-bar mui-bar-nav ">
-			<a href="" class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
-			<h1 id="title" class="mui-title">我的请求</h1>
-		</header>
-
-		<div class="mui-content">
-			<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="">
-				<div class="mui-scroll">
-					<div class="mui-card" v-for="item in items">
-						<a href="javascript:;" :data-id="item.id" @tap="open_detail(item)">
-							<div class="list_gg">
-								<div class="list_gg_item mui-clearfix">
-									<h1>{{item.modelName}}</h1>
-									<h2 class="">创建时间:{{item.createdate}}</h3>
-									<h2>{{item.dataName}}</h2>
-								</div>
-							</div>
-						</a>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
-		<script src="../../js/mui.min.js"></script>
-		<script src="../../js/config.js"></script>
-		<script src="../../js/app.js"></script>
-		<script src="../../js/dj/article/list.js"></script>
-		<script src="../../js/vue.min.js"></script>
-
-		<script>
-			var pageDetail = null;
-			mui.init({
-				pullRefresh: {
-					container: '#pullrefresh',
-					down: {
-						style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
-						color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
-						height: '50px', //可选,默认50px.下拉刷新控件的高度,
-						range: '100px', //可选 默认100px,控件可下拉拖拽的范围
-						offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
-						//						auto: true, //可选,默认false.首次加载自动上拉刷新一次
-						callback: reloadNews //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
-					},
-					up: {
-						contentrefresh: '正在加载...',
-						auto: true, //可选,默认false.自动上拉加载一次
-						callback: pullupRefresh
-					}
-				}
-			});
-
-			var vmA = new Vue({
-				el: '#pullrefresh',
-				data: {
-					items: [] //列表信息流数据
-				}
-			});
-
-			/**
-			 * 下拉刷新具体业务实现
-			 */
-			function reloadNews() {
-				pageNo = 1;
-				vmA.items = [];
-				//				var table = document.body.querySelector('.mui-table-view');
-				//				table.innerHTML = "";
-				addData();
-			}
-
-			var pageNo = 1;
-			var type = 0;
-			/**
-			 * 上拉加载具体业务实现
-			 */
-			function pullupRefresh() {
-				addData();
-			}
-
-			function addData() {
-				var url = API.API_URL();
-				var serviceId = "bpm_2013V0100PHONE009";
-				var state = app.getState(); //获取登陆信息
-				var staffId = state.user.useId;
-				var unitId = state.user.unitId;
-				var notice_title = "";
-				var obj = {
-					unitId: unitId,
-					staffId: staffId,
-					pageNum: APP.PageSize,
-					page: pageNo
-				};
-				app.ajax(serviceId, obj, function(data) {
-					//服务器返回响应
-					console.log(JSON.stringify(data))
-					var result = data.returnParams;
-
-					var totalRow = data.total;
-					var totalPage = Math.ceil(totalRow / APP.PageSize);
-					var list = data.list;
-					console.log(list.length);
-					if(list.length > 0) {
-						vmA.items = vmA.items.concat(list);
-					}
-					pageNo = endPull(totalPage, pageNo);
-				});
-			}
-
-			mui.plusReady(function() {
-				var self = plus.webview.currentWebview();
-				//接收上个界面传递的参数
-				window.addEventListener('listEvent', function(event) {
-
-				});
-
-			});
-
-			function open_detail(item) {
-				//触发子窗口变更新闻详情
-				var tinsId = "";
-				var insId = item.insId;
-				var modelName = item.modelName;
-				var page = "flow_view.html";
-				
-				mui.openWindow({
-					createNew: true,
-					url: page,
-					extras: {
-						tinsId: tinsId,
-						insId: insId,
-						modelName : modelName
-					}
-				});
-			}
-		</script>
-
-	</body>
-
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport"
+			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<title>我的请求</title>
+		<link href="../../css/mui.min.css" rel="stylesheet" />
+		<link href="../../css/OA-style.css" rel="stylesheet" />
+		<!--App自定义的css-->
+		<link rel="stylesheet" type="text/css" href="../../css/flow.css" />
+		<style>
+			.list_gg {
+				padding: 10px 15px;
+			}
+		</style>
+
+	</head>
+
+	<body>
+		<header class="mui-bar mui-bar-nav ">
+			<a href="" class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
+			<h1 id="title" class="mui-title">我的请求</h1>
+		</header>
+
+		<div class="mui-content">
+			<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="">
+				<div class="mui-scroll">
+					<div class="mui-card" v-for="item in items">
+						<a href="javascript:;" :data-id="item.id" @tap="open_detail(item)">
+							<div class="list_gg">
+								<div class="list_gg_item mui-clearfix">
+									<h1>{{item.modelName}}</h1>
+									<h2 class="">创建时间:{{item.createdate}}</h3>
+										<h2>{{item.dataName}}</h2>
+								</div>
+							</div>
+						</a>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
+		<script src="../../js/mui.min.js"></script>
+		<script src="../../js/config.js"></script>
+		<script src="../../js/app.js"></script>
+		<script src="../../js/dj/article/list.js"></script>
+		<script src="../../js/vue.min.js"></script>
+
+		<script>
+			var pageDetail = null;
+			mui.init({
+				pullRefresh: {
+					container: '#pullrefresh',
+					down: {
+						style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式
+						color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色
+						height: '50px', //可选,默认50px.下拉刷新控件的高度,
+						range: '100px', //可选 默认100px,控件可下拉拖拽的范围
+						offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
+						//						auto: true, //可选,默认false.首次加载自动上拉刷新一次
+						callback: reloadNews //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
+					},
+					up: {
+						contentrefresh: '正在加载...',
+						auto: true, //可选,默认false.自动上拉加载一次
+						callback: pullupRefresh
+					}
+				}
+			});
+
+			var vmA = new Vue({
+				el: '#pullrefresh',
+				data: {
+					items: [] //列表信息流数据
+				}
+			});
+
+			/**
+			 * 下拉刷新具体业务实现
+			 */
+			function reloadNews() {
+				pageNo = 1;
+				vmA.items = [];
+				//				var table = document.body.querySelector('.mui-table-view');
+				//				table.innerHTML = "";
+				addData();
+			}
+
+			var pageNo = 1;
+			var type = 0;
+			/**
+			 * 上拉加载具体业务实现
+			 */
+			function pullupRefresh() {
+				addData();
+			}
+
+			function addData() {
+				var url = API.API_URL();
+				var serviceId = "bpm_2013V0100PHONE009";
+				var state = app.getState(); //获取登陆信息
+				var staffId = state.user.useId;
+				var unitId = state.user.unitId;
+				var notice_title = "";
+				var obj = {
+					unitId: unitId,
+					staffId: staffId,
+					pageNum: APP.PageSize,
+					page: pageNo
+				};
+				app.ajax(serviceId, obj, function(data) {
+					//服务器返回响应
+					console.log(JSON.stringify(data))
+					var result = data.returnParams;
+
+					var totalRow = data.total;
+					var totalPage = Math.ceil(totalRow / APP.PageSize);
+					var list = data.list;
+					console.log(list.length);
+					if (list.length > 0) {
+						vmA.items = vmA.items.concat(list);
+					}
+					pageNo = endPull(totalPage, pageNo);
+				});
+			}
+
+			mui.plusReady(function() {
+				var self = plus.webview.currentWebview();
+				//接收上个界面传递的参数
+				window.addEventListener('listEvent', function(event) {
+
+				});
+
+			});
+
+			function open_detail(item) {
+				//触发子窗口变更新闻详情
+				var tinsId = "";
+				var insId = item.insId;
+				var modelName = item.modelName;
+				var page = "flow_view.html";
+
+				mui.openWindow({
+					createNew: true,
+					url: page,
+					extras: {
+						tinsId: tinsId,
+						insId: insId,
+						modelName: modelName
+					}
+				});
+			}
+		</script>
+
+	</body>
+
 </html>

+ 180 - 148
page/flow/flow_view.html

@@ -1,149 +1,181 @@
-<!DOCTYPE html>
-<html>
-
-	<head>
-		<meta charset="utf-8">
-		<title>流程查看</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
-		<meta name="apple-mobile-web-app-capable" content="yes">
-		<meta name="apple-mobile-web-app-status-bar-style" content="black">
-
-		<link href="../../css/OA-style.css" rel="stylesheet" />
-		<!--标准mui.css-->
-		<link rel="stylesheet" href="../../css/mui.min.css">
-		<link rel="stylesheet" href="../../css/mui.picker.min.css">
-		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
-		<!--App自定义的css-->
-		<link rel="stylesheet" type="text/css" href="../../css/flow.css" />
-		<style>
-			.mui-card-footer{display: inherit;}
-		</style>
-		
-	</head>
-
-	<body class="mui-fullscreen">
-		<!--页面主结构开始-->
-		<div id="app" class="mui-views">
-			<div class="mui-view">
-				<div class="mui-navbar">
-				</div>
-				<div class="mui-pages">
-				</div>
-			</div>
-		</div>
-		<!--页面主结构结束-->
-
-		<!--单页面开始-->
-		<div id="setting" class="mui-page">
-			<!--页面标题栏开始-->
-			<div class="mui-navbar-inner mui-bar mui-bar-nav">
-				<a class="mui-action-back back mui-pull-left" ><img src="../../images/back.png"></a>
-				<h1 class="mui-center mui-title" id="title">请假申请</h1>
-			</div>
-			<!--页面标题栏结束-->
-			<!--页面主内容区开始-->
-			<div class="mui-page-content">
-				<div class="mui-scroll-wrapper">
-					<div class="mui-scroll">
-						<div class="mui-content-padded" style="margin: 5px;">
-							<div class="mui-content">
-								<form class="mui-input-group" id="form_element">
-									<ul class="mui-table-view ">
-										<template v-for="formElement in formElements">
-											<li class="mui-table-view-cell mui-input-row">
-												<label>{{formElement.elementName}}</label>
-												<!--
-                                                	作者:18559387276@139.com
-                                                	时间:2018-05-29
-                                                	描述:文本框
-                                                -->
-												<template v-if="formElement.type == '0'">
-													<input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
-												</template>
-												<!--
-                                                	作者:18559387276@139.com
-                                                	时间:2018-05-29
-                                                	描述:文本域
-                                                -->
-												<template v-else-if="formElement.type == '1'">
-													<textarea v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4" readonly="readonly" placeholder="">{{formElement.defaultValue}}</textarea>
-												</template>
-												<!--
-                                                	作者:18559387276@139.com
-                                                	时间:2018-05-29
-                                                	描述:日期控件
-                                                -->
-												<template v-else-if="formElement.type == '3'">
-													<input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
-												</template>
-												<!--
-                                                	作者:18559387276@139.com
-                                                	时间:2018-05-29
-                                                	描述:单选
-                                                -->
-												<template v-else-if="formElement.type == '4'">
-													<input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
-												</template>
-												
-												<template v-else-if="formElement.type == '13' &&  formElement.canEdit == '2' && formElement.defaultValue != ''">		
-													<img v-bind:id="formElement.tableField + 'img'"   v-bind:src="API.API_IP_PORT + formElement.defaultValue" />
-												</template>
-												
-												<template v-else-if="formElement.type == '13' &&  formElement.canEdit == '0' && formElement.defaultValue != ''">
-													<img v-bind:id="formElement.tableField + 'img'"   v-bind:src="API.API_IP_PORT + formElement.defaultValue" />
-												</template>
-												
-												<template v-else>
-													<input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
-												</template>
-												
-											</li>
-										</template>
-									</ul>
-								</form>
-									<div class="mui-card" id="item3mobile" style="margin: 0;">
-										<div class="mui-table-view-cell" style="padding:0px;">
-											<ul class="mui-table-view" style="color:#9F9F9F;margin:0px;" v-for="file in fileList.files">
-											    <li class="mui-table-view-cell"  style="font-size:15px;">
-											    	{{file.fileName}}<button type="button" class="mui-btn mui-pull-right" style="font-size:13px;margin-right:-10px;padding:5px 10px;" v-on:click="openFile(file.path)">下载</button>
-											    </li>
-											</ul>
-										</div>
-										<div class="mui-card-header"><b>流转过程</b></div>
-										<div class="mui-card-footer" v-for="item3mobileC in item3mobileCs">
-											<template v-if="item3mobileC.dataName == '完成'">
-												<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_cg">{{item3mobileC.dataName}}</span><br>
-												<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span>环节意见:{{item3mobileC.remark}}</span><br>
-											</template>
-											<template v-else>
-											<span><img class="liuzhuan_img" src="../../images/liuzhuang_zt.png"></span>状态:<span class="liuzhuan_z">{{item3mobileC.dataName}}</span><br>
-											</template>
-											<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span>环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><br>
-											<span><img class="liuzhuan_img" src="../../images/liuzhuang_cj.png"></span><span>创建时间:{{item3mobileC.createdate}}</span><br>
-											<template v-if="item3mobileC.finishdate != ''">
-												<span><img class="liuzhuan_img" src="../../images/liuzhuang_bl.png" ></span><span>办理时间:{{item3mobileC.finishdate}}</span><br>
-											</template>
-										</div>
-										
-									</div>							
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-			<!--页面主内容区结束-->
-
-		</div>
-		<!--单页面结束-->
-		<script src="../../js/mui.min.js"></script>
-		<script src="../../js/mui.view.js"></script>
-		<script src="../../js/mui.picker.min.js"></script>
-		<script src="../../js/vue.min.js"></script>
-		<script src="../../js/config.js"></script>
-		<script src="../../js/app.js"></script>
-		<script src="../../js/jquery-1.11.2.min.js"></script>
-		<script src="../../js/dj/flow/flow_view.js"></script>
-			
-	</body>
-
+<!DOCTYPE html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<title>流程查看</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+		<link href="../../css/OA-style.css" rel="stylesheet" />
+		<!--标准mui.css-->
+		<link rel="stylesheet" href="../../css/mui.min.css">
+		<link rel="stylesheet" href="../../css/mui.picker.min.css">
+		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
+		<!--App自定义的css-->
+		<link rel="stylesheet" type="text/css" href="../../css/flow.css" />
+		<style>
+			.mui-card-footer {
+				display: inherit;
+			}
+		</style>
+
+	</head>
+
+	<body class="mui-fullscreen">
+		<!--页面主结构开始-->
+		<div id="app" class="mui-views">
+			<div class="mui-view">
+				<div class="mui-navbar">
+				</div>
+				<div class="mui-pages">
+				</div>
+			</div>
+		</div>
+		<!--页面主结构结束-->
+
+		<!--单页面开始-->
+		<div id="setting" class="mui-page">
+			<!--页面标题栏开始-->
+			<div class="mui-navbar-inner mui-bar mui-bar-nav">
+				<a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
+				<h1 class="mui-center mui-title" id="title">请假申请</h1>
+			</div>
+			<!--页面标题栏结束-->
+			<!--页面主内容区开始-->
+			<div class="mui-page-content">
+				<div class="mui-scroll-wrapper">
+					<div class="mui-scroll">
+						<div class="mui-content-padded" style="margin: 5px;">
+							<div class="mui-content">
+								<form class="mui-input-group" id="form_element">
+									<ul class="mui-table-view ">
+										<template v-for="formElement in formElements">
+											<li class="mui-table-view-cell mui-input-row">
+												<label>{{formElement.elementName}}</label>
+												<!--
+                                                	作者:18559387276@139.com
+                                                	时间:2018-05-29
+                                                	描述:文本框
+                                                -->
+												<template v-if="formElement.type == '0'">
+													<input type="text" v-bind:id="formElement.tableField"
+														v-bind:name="formElement.tableField"
+														v-bind:value="formElement.defaultValue" readonly="readonly"
+														class="mui-input-clear" placeholder="">
+												</template>
+												<!--
+                                                	作者:18559387276@139.com
+                                                	时间:2018-05-29
+                                                	描述:文本域
+                                                -->
+												<template v-else-if="formElement.type == '1'">
+													<textarea v-bind:id="formElement.tableField"
+														v-bind:name="formElement.tableField" rows="4"
+														readonly="readonly"
+														placeholder="">{{formElement.defaultValue}}</textarea>
+												</template>
+												<!--
+                                                	作者:18559387276@139.com
+                                                	时间:2018-05-29
+                                                	描述:日期控件
+                                                -->
+												<template v-else-if="formElement.type == '3'">
+													<input type="text" v-bind:id="formElement.tableField"
+														v-bind:name="formElement.tableField"
+														v-bind:value="formElement.defaultValue" readonly="readonly"
+														class="mui-input-clear" placeholder="">
+												</template>
+												<!--
+                                                	作者:18559387276@139.com
+                                                	时间:2018-05-29
+                                                	描述:单选
+                                                -->
+												<template v-else-if="formElement.type == '4'">
+													<input type="text" v-bind:id="formElement.tableField"
+														v-bind:name="formElement.tableField"
+														v-bind:value="formElement.defaultValue" readonly="readonly"
+														class="mui-input-clear" placeholder="">
+												</template>
+
+												<template
+													v-else-if="formElement.type == '13' &&  formElement.canEdit == '2' && formElement.defaultValue != ''">
+													<img v-bind:id="formElement.tableField + 'img'"
+														v-bind:src="API.API_IP_PORT + formElement.defaultValue" />
+												</template>
+
+												<template
+													v-else-if="formElement.type == '13' &&  formElement.canEdit == '0' && formElement.defaultValue != ''">
+													<img v-bind:id="formElement.tableField + 'img'"
+														v-bind:src="API.API_IP_PORT + formElement.defaultValue" />
+												</template>
+
+												<template v-else>
+													<input type="text" v-bind:id="formElement.tableField"
+														v-bind:name="formElement.tableField"
+														v-bind:value="formElement.defaultValue" readonly="readonly"
+														class="mui-input-clear" placeholder="">
+												</template>
+
+											</li>
+										</template>
+									</ul>
+								</form>
+								<div class="mui-card" id="item3mobile" style="margin: 0;">
+									<div class="mui-table-view-cell" style="padding:0px;">
+										<ul class="mui-table-view" style="color:#9F9F9F;margin:0px;"
+											v-for="file in fileList.files">
+											<li class="mui-table-view-cell" style="font-size:15px;">
+												{{file.fileName}}<button type="button" class="mui-btn mui-pull-right"
+													style="font-size:13px;margin-right:-10px;padding:5px 10px;"
+													v-on:click="openFile(file.path)">下载</button>
+											</li>
+										</ul>
+									</div>
+									<div class="mui-card-header"><b>流转过程</b></div>
+									<div class="mui-card-footer" v-for="item3mobileC in item3mobileCs">
+										<template v-if="item3mobileC.dataName == '完成'">
+											<span><img class="liuzhuan_img"
+													src="../../images/liuzhuang_zt.png"></span>状态:<span
+												class="liuzhuan_cg">{{item3mobileC.dataName}}</span><br>
+											<span><img class="liuzhuan_img"
+													src="../../images/liuzhuang_hj.png"></span><span>环节意见:{{item3mobileC.remark}}</span><br>
+										</template>
+										<template v-else>
+											<span><img class="liuzhuan_img"
+													src="../../images/liuzhuang_zt.png"></span>状态:<span
+												class="liuzhuan_z">{{item3mobileC.dataName}}</span><br>
+										</template>
+										<span><img class="liuzhuan_img" src="../../images/liuzhuang_hj.png"></span><span
+											class="hjname">环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><br>
+										<span><img class="liuzhuan_img"
+												src="../../images/liuzhuang_cj.png"></span><span>创建时间:{{item3mobileC.createdate}}</span><br>
+										<template v-if="item3mobileC.finishdate != ''">
+											<span><img class="liuzhuan_img"
+													src="../../images/liuzhuang_bl.png"></span><span>办理时间:{{item3mobileC.finishdate}}</span><br>
+										</template>
+									</div>
+
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!--页面主内容区结束-->
+
+		</div>
+		<!--单页面结束-->
+		<script src="../../js/mui.min.js"></script>
+		<script src="../../js/mui.view.js"></script>
+		<script src="../../js/mui.picker.min.js"></script>
+		<script src="../../js/vue.min.js"></script>
+		<script src="../../js/config.js"></script>
+		<script src="../../js/app.js"></script>
+		<script src="../../js/jquery-1.11.2.min.js"></script>
+		<script src="../../js/dj/flow/flow_view.js"></script>
+
+	</body>
+
 </html>

+ 1 - 1
page/flow/leave/leave_view.html

@@ -148,7 +148,7 @@
 								</form>
 								<ul class="mui-table-view" id="item3mobile">
 									<li class="mui-table-view-cell" v-for="item3mobileC in item3mobileCs">
-										<p><span>环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
+										<p><span class="hjname">环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
 										<p><span>创建时间:{{item3mobileC.createdate}}</span></p>
 										<template v-if="item3mobileC.finishdate != ''">
 										<p><span>办理时间:{{item3mobileC.finishdate}}</span></p>

+ 1 - 1
page/flow/monthwork_list/monthwork_view.html

@@ -155,7 +155,7 @@
 
 							<ul class="mui-table-view" id="item3mobile">
 								<li class="mui-table-view-cell" v-for="item3mobileC in item3mobileCs">
-									<p><span>环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
+									<p><span class="hjname">环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
 									<p><span>创建时间:{{item3mobileC.createdate}}</span></p>
 									<template v-if="item3mobileC.finishdate != ''">
 									<p><span>办理时间:{{item3mobileC.finishdate}}</span></p>

+ 152 - 147
page/flow/process.html

@@ -1,148 +1,153 @@
-<!doctype html>
-<html>
-
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-		<meta name="apple-mobile-web-app-capable" content="yes">
-		<meta name="apple-mobile-web-app-status-bar-style" content="black">
-		<title>审批</title>
-		<link href="../../css/mui.min.css" rel="stylesheet" />
-		<link href="../../css/OA-style.css" rel="stylesheet" />
-		<style type="text/css">
-			.mui-content>.mui-table-view:first-child {
-				margin-top: -1px;
-			}
-			
-			.mui-bar {
-				box-shadow: none;
-			}
-			
-			.mui-table-view-cell.mui-active {
-				background-color: #fff;
-			}
-		</style>
-	</head>
-
-	<body>
-		<header class="mui-bar mui-bar-nav">
-			<a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
-			<h1 class="mui-title">审批流程</h1>
-		</header>
-
-		<div class="mui-content">
-			<div class="porcess mui-clearfix">
-				<div class="mui-pull-left porcess_item">
-					<a href="#" id="flow_approve_list">
-						<img src="../../images/sp_wspd.png" height="32px;">
-						<p>我审批的</p>
-					</a>
-				</div>
-				<div class="mui-pull-left porcess_item">
-					<a href="#" id="flow_my_list">
-						<img src="../../images/sp_wfqd.png" height="32px;">
-						<p>我发起的</p>
-					</a>
-				</div>
-				<!--<div class="mui-pull-left porcess_item">
-					
-					<img src="../../images/sp_cswd.png" height="32px;">
-					<p>抄送我的</p>
-					
-				</div>-->
-			</div>
-			<ul class="mui-table-view ">
-				<li class="mui-table-view-cell mui-collapse ">
-					<a class="mui-navigate-right " href="# " style="color: #444; font-size: 14px; line-height: 26px; ">出勤休假 </a>
-					<div class="mui-collapse-content mui-clearfix ">
-						<div class="address_list_4 mui-pull-left ">
-							<a href="leave/leave_start.html">
-								<img src="../../images/sp_qj.png " width="32px; ">
-								<p>请假</p>
-							</a>
-						</div>
-
-						<div class="address_list_4 mui-pull-left ">
-							<a href="sign_in/sign_in_start.html">
-								<img src="../../images/sp_wqdsm.png " width="32px; ">
-								<p>未签到(退)说明</p>
-							</a>
-						</div>
-						<div class="address_list_4 mui-pull-left ">
-							<a href="use_car/use_car_start.html">
-								<img src="../../images/car_rental.png " width="32px;">
-								<p>出差申请</p>
-							</a>
-						</div>
-
-				</li>
-			</ul>
-			<ul class="mui-table-view ">
-				<li class="mui-table-view-cell mui-collapse ">
-					<a class="mui-navigate-right " href="# " style="color: #444; font-size: 14px; line-height: 26px; ">其他</a>
-					<div class="mui-collapse-content mui-clearfix ">
-						<div class="address_list_4 mui-pull-left ">
-							<a href="monthwork_list/monthwork_start.html">
-								<img src="../../images/sp_wqdsm.png" width="32px;">
-								<p>周工作任务清单</p>
-							</a>
-						</div>
-						<div class="address_list_4 mui-pull-left ">
-							<a href="enforce_work/enforce_work_start.html">
-								<img src="../../images/sp_clbx.png " width="32px;">
-								<p>执法办案及工作情况登记流程</p>
-							</a>
-						</div>
-						<div class="address_list_4 mui-pull-left ">
-							<a href="article_check/article_check_start.html">
-								<img src="../../images/sp_fybx.png " width="32px;">
-								<p>物品领用登记</p>
-							</a>
-						</div>
-						<div class="address_list_4 mui-pull-left ">
-							<a href="Nonciphertext/nonciphertext_start.html">
-								<img src="../../images/locked_file.png " width="32px;">
-								<p>非密文传阅</p>
-							</a>
-						</div>
-
-					</div>
-				</li>
-
-			</ul>
-			</div>
-			<script src="../../js/mui.min.js "></script>
-			<script>
-				mui.init();
-				mui.back = function() {
-					mui.openWindow({
-
-						url: '../../tab-webview-main.html'
-					});
-				}
-				mui.plusReady(function() {
-
-					document.getElementById("flow_approve_list").addEventListener('click', function() {
-						mui.openWindow({
-							createNew: true,
-							url: 'flow_approve_list.html',
-							id: 'flow_approve_list.html'
-						})
-					})
-					document.getElementById("flow_my_list").addEventListener('click', function() {
-						mui.openWindow({
-
-							url: 'flow_my_list.html',
-							id: 'flow_my_list.html'
-						})
-					})
-
-				});
-				window.addEventListener('refresh', function(e) { //执行刷新
-					location.reload();
-
-				});
-			</script>
-	</body>
-
+<!doctype html>
+<html>
+
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport"
+			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<title>审批</title>
+		<link href="../../css/mui.min.css" rel="stylesheet" />
+		<link href="../../css/OA-style.css" rel="stylesheet" />
+		<!--App自定义的css-->
+		<link rel="stylesheet" type="text/css" href="../../css/flow.css" />
+		<style type="text/css">
+			.mui-content>.mui-table-view:first-child {
+				margin-top: -1px;
+			}
+
+			.mui-bar {
+				box-shadow: none;
+			}
+
+			.mui-table-view-cell.mui-active {
+				background-color: #fff;
+			}
+		</style>
+	</head>
+
+	<body>
+		<header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
+			<h1 class="mui-title">审批流程</h1>
+		</header>
+
+		<div class="mui-content">
+			<div class="porcess mui-clearfix">
+				<div class="mui-pull-left porcess_item">
+					<a href="#" id="flow_approve_list">
+						<img src="../../images/sp_wspd.png" height="32px;">
+						<p>我审批的</p>
+					</a>
+				</div>
+				<div class="mui-pull-left porcess_item">
+					<a href="#" id="flow_my_list">
+						<img src="../../images/sp_wfqd.png" height="32px;">
+						<p>我发起的</p>
+					</a>
+				</div>
+				<!--<div class="mui-pull-left porcess_item">
+					
+					<img src="../../images/sp_cswd.png" height="32px;">
+					<p>抄送我的</p>
+					
+				</div>-->
+			</div>
+			<ul class="mui-table-view ">
+				<li class="mui-table-view-cell mui-collapse ">
+					<a class="mui-navigate-right " href="# "
+						style="color: #444; font-size: 14px; line-height: 26px; ">出勤休假 </a>
+					<div class="mui-collapse-content mui-clearfix ">
+						<div class="address_list_4 mui-pull-left ">
+							<a href="leave/leave_start.html">
+								<img src="../../images/sp_qj.png " width="32px; ">
+								<p>请假</p>
+							</a>
+						</div>
+
+						<div class="address_list_4 mui-pull-left ">
+							<a href="sign_in/sign_in_start.html">
+								<img src="../../images/sp_wqdsm.png " width="32px; ">
+								<p>未签到(退)说明</p>
+							</a>
+						</div>
+						<div class="address_list_4 mui-pull-left ">
+							<a href="use_car/use_car_start.html">
+								<img src="../../images/car_rental.png " width="32px;">
+								<p>出差申请</p>
+							</a>
+						</div>
+
+				</li>
+			</ul>
+			<ul class="mui-table-view ">
+				<li class="mui-table-view-cell mui-collapse ">
+					<a class="mui-navigate-right " href="# "
+						style="color: #444; font-size: 14px; line-height: 26px; ">其他</a>
+					<div class="mui-collapse-content mui-clearfix ">
+						<div class="address_list_4 mui-pull-left ">
+							<a href="monthwork_list/monthwork_start.html">
+								<img src="../../images/sp_wqdsm.png" width="32px;">
+								<p>周工作任务清单</p>
+							</a>
+						</div>
+						<div class="address_list_4 mui-pull-left ">
+							<a href="enforce_work/enforce_work_start.html">
+								<img src="../../images/sp_clbx.png " width="32px;">
+								<p>执法办案及工作情况登记流程</p>
+							</a>
+						</div>
+						<div class="address_list_4 mui-pull-left ">
+							<a href="article_check/article_check_start.html">
+								<img src="../../images/sp_fybx.png " width="32px;">
+								<p>物品领用登记</p>
+							</a>
+						</div>
+						<div class="address_list_4 mui-pull-left ">
+							<a href="Nonciphertext/nonciphertext_start.html">
+								<img src="../../images/locked_file.png " width="32px;">
+								<p>非密文传阅</p>
+							</a>
+						</div>
+
+					</div>
+				</li>
+
+			</ul>
+		</div>
+		<script src="../../js/mui.min.js "></script>
+		<script>
+			mui.init();
+			mui.back = function() {
+				mui.openWindow({
+
+					url: '../../tab-webview-main.html'
+				});
+			}
+			mui.plusReady(function() {
+
+				document.getElementById("flow_approve_list").addEventListener('click', function() {
+					mui.openWindow({
+						createNew: true,
+						url: 'flow_approve_list.html',
+						id: 'flow_approve_list.html'
+					})
+				})
+				document.getElementById("flow_my_list").addEventListener('click', function() {
+					mui.openWindow({
+
+						url: 'flow_my_list.html',
+						id: 'flow_my_list.html'
+					})
+				})
+
+			});
+			window.addEventListener('refresh', function(e) { //执行刷新
+				location.reload();
+
+			});
+		</script>
+	</body>
+
 </html>

+ 1 - 1
page/flow/sign_in/sign_in_view.html

@@ -96,7 +96,7 @@
 
 							<ul class="mui-table-view" id="item3mobile">
 								<li class="mui-table-view-cell" v-for="item3mobileC in item3mobileCs">
-									<p><span>环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
+									<p><span class="hjname">环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
 									<p><span>创建时间:{{item3mobileC.createdate}}</span></p>
 									<template v-if="item3mobileC.finishdate != ''">
 										<p><span>办理时间:{{item3mobileC.finishdate}}</span></p>

+ 1 - 1
page/flow/use_car/use_car_view.html

@@ -174,7 +174,7 @@
 
 							<ul class="mui-table-view" id="item3mobile">
 								<li class="mui-table-view-cell" v-for="item3mobileC in item3mobileCs">
-									<p><span>环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
+									<p><span class="hjname">环节名称:{{item3mobileC.tmodelName}}({{item3mobileC.name}})</span><span style="margin-left: 10px;">{{item3mobileC.dataName}}</span></p>
 									<p><span>创建时间:{{item3mobileC.createdate}}</span></p>
 									<template v-if="item3mobileC.finishdate != ''">
 									<p><span>办理时间:{{item3mobileC.finishdate}}</span></p>

Beberapa file tidak ditampilkan karena terlalu banyak file yang berubah dalam diff ini