fault_flow_chart.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <html lang="zh-cmn-Hans">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>生保系统故障分析及辅助维修决策软件</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8">
  9. <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
  10. <link rel="stylesheet" href="./css/font.css">
  11. <link rel="stylesheet" href="./css/xadmin.css">
  12. <script src="./lib/jquery.min.js"></script>
  13. <script src="./lib/layui/layui.js" charset="utf-8"></script>
  14. <script src="./js/xadmin.js"></script>
  15. <script src="../other/js/functions.js"></script>
  16. <style>
  17. #img_path {
  18. margin-left:30%;
  19. width: 250px;
  20. height: 250px;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="x-body layui-anim layui-anim-up">
  26. <!-- <form class="layui-form">
  27. </form> -->
  28. <div class="layui-col-md12">
  29. <div class="layui-col-md6">
  30. <fieldset class="layui-elem-field">
  31. <blockquote class="layui-elem-quote"
  32. style="text-align: center;border-left: 0px solid #009688;font-size: 20px;">故障描述</blockquote>
  33. <p id="fault_describe"></p>
  34. </fieldset>
  35. </div>
  36. <div class="layui-col-md6">
  37. <fieldset class="layui-elem-field">
  38. <blockquote class="layui-elem-quote"
  39. style="text-align: center;border-left: 0px solid #009688;font-size: 20px;">故障原因</blockquote>
  40. <p id="fault_reason"></p>
  41. </fieldset>
  42. </div>
  43. </div>
  44. <div class="layui-col-md12">
  45. <div class="layui-col-md6">
  46. <fieldset class="layui-elem-field">
  47. <blockquote class="layui-elem-quote"
  48. style="text-align: center;border-left: 0px solid #009688;font-size: 20px;">故障流程图
  49. </blockquote>
  50. <img src="" id="img_path" alt="Smiley">
  51. </fieldset>
  52. </div>
  53. <div class="layui-col-md6">
  54. <fieldset class="layui-elem-field">
  55. <blockquote class="layui-elem-quote"
  56. style="text-align: center;border-left: 0px solid #009688;font-size: 20px;">排故流程</blockquote>
  57. <p id="repair_plan"></p>
  58. </fieldset>
  59. </div>
  60. </div>
  61. </div>
  62. </body>
  63. <script>
  64. var big = 1
  65. var img = $('#img')
  66. $(function(){
  67. function bigImg() {
  68. // if(big==false){
  69. // x.style.height = "300px";
  70. // x.style.width = "300px";
  71. // big = true
  72. // }else{
  73. // x.style.height = "250px";
  74. // x.style.width = "250px";
  75. // big = false
  76. // }
  77. img.on("click", function() {
  78. if (big == 1) {
  79. img.css("height",'500px')
  80. img.css('width','500px')
  81. big = 0
  82. } else {
  83. img.css("height",'250px')
  84. img.css('width','250px')
  85. big = 1
  86. }
  87. })
  88. }
  89. bigImg()
  90. var fault_describe = sessionStorage.getItem("describe");
  91. var fault_reason = sessionStorage.getItem("reason");
  92. var img_path = urlBase + sessionStorage.getItem("path");
  93. var repair_plan = sessionStorage.getItem("plan");
  94. console.log(img_path)
  95. $("#fault_describe").html(fault_describe)
  96. $("#fault_reason").html(fault_reason)
  97. $("#img_path").attr("src",img_path)
  98. $("#repair_plan").html(repair_plan)
  99. // var params = window.location.href.split("?")
  100. // console.log(decodeURIComponent(params))
  101. // if (params.length > 1) {
  102. // values = params[1].split("&");
  103. // console.log(values[0])
  104. // var fault_describe = values[0].substr(values[0].indexOf('=')+1,values[0].length);
  105. // $('#fault_describe').html(fault_describe)
  106. // console.log(fault_describe)
  107. // }
  108. })
  109. </script>
  110. </html>