faqizixun.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>新增咨询求助</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="stylesheet" type="text/css" href="../../../css/mui.css">
  12. <link rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  14. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  15. <link rel="stylesheet" type="text/css" href="../../../common/css/jy-style.css">
  16. <link rel="stylesheet" type="text/css" href="../../../common/css/doc-style.css" />
  17. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  18. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
  19. <style>
  20. @font-face {
  21. font-family: Muiicons;
  22. font-weight: 400;
  23. font-style: normal;
  24. src: url(../../../fonts/mui.ttf) format('truetype')
  25. }
  26. .mui-input-row { position: relative }
  27. .mui-input-row .mui-input-clear~.mui-icon-clear{ font-size: 20px; position: absolute; z-index: 1; top: 10px;right: 0;width: 38px;height: 38px;text-align: center;color: #999}
  28. .mui-icon {font-family: Muiicons;font-size: 24px;font-weight: 400;font-style: normal;line-height: 1;display: inline-block;text-decoration: none;-webkit-font-smoothing: antialiased;}
  29. .mui-icon-clear:before,.mui-icon-close-filled:before {content: '\e434'}
  30. .mui-hidden.mui-icon-clear { pointer-events: none; }
  31. .mui-hidden.mui-icon-clear:before {content: '\e583';}
  32. /*#doctor_zk{ display: none;}*/
  33. .no{ display: none; position: absolute;left:0;top:0px; width:100%; height: 100%;z-index:10}
  34. .jge{background: #f3f3f3;min-height:10px;margin-left: 0 !important;border-top: 1px solid #e1e1e1 !important;border-bottom: 1px #e1e1e1 solid; padding-left:15px; }
  35. .jge a{color: #17b3ec;}
  36. .tag_cyc{position: relative; width: 47px; display: inline-block; height: 30px; background-color: #fff; background-clip: padding-box; border: 2px solid #ddd; border-radius: 20px; }
  37. .tag_cyc i{position: absolute;top: 1px;left: -1px; z-index: 1;width: 28px;height: 28px; background-color: #fff; background-clip: padding-box; border-radius: 16px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4); box-shadow: 0 2px 5px rgba(0,0,0,.4); }
  38. .tag_cyc.on{ background-color: #4cd964; border-color: #4cd964}
  39. .tag_cyc.on i{ left:auto;right: -1px; }
  40. .add-img .add {width: 68px;height: 68px; margin-left:1px; border-style: dotted;border-radius: 5px;}
  41. .pr40 { padding-right: 40px; }
  42. .edit-list>li { padding-right: 0; }
  43. .h26{height: 26px;}
  44. textarea{width: 100%;height:68px;border-color:transparent;font-size: 14px;color: #666}
  45. textarea::-webkit-input-placeholder{color: #ccc;font-size: 12px;}
  46. textarea::-moz-placeholder{color: #ccc;font-size: 12px;}
  47. textarea::-ms-input-placeholder{color: #ccc;font-size: 12px;}
  48. .l-title{-webkit-box-flex: 1; line-height: 36px;}
  49. .l-li{height: 50px;display: -webkit-box;}
  50. .w-80{width: 80px;}
  51. #oldConsultCheck{display: none;}
  52. .bgc-fffeea{background-color: #fffeea;}
  53. .c-f3954b{color: #f3954b;}
  54. </style>
  55. </head>
  56. <body>
  57. <div class="h45">
  58. <div class="demo-comtop">
  59. <a class="mui-action-back"></a>
  60. <h1 class="c-f17">咨询求助</h1>
  61. <div class="header-group" style="top: 10px;">
  62. <a id="submit_btn" class="group c-fff c-f16" style="display: inline;">求助</a>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="c-main mui-content">
  67. <ul style="display: none;" class="n-list edit-list c-border-tb mt10" >
  68. <li class="n-list-cover h26">
  69. <div class="n-list-key w3em c-f15 c-bold">咨询问题</div>
  70. </li>
  71. <li class="n-list-cover" id="zixun_wenti">
  72. <div class="n-list-info pr10" style="border: 0;">
  73. <textarea readonly="" placeholder="请详细描述您的问题"></textarea>
  74. </div>
  75. </li>
  76. </ul>
  77. <ul id='oldConsultCheck' class="n-list edit-list c-border-tb mt10" >
  78. <li class="l-li n-list-cover h26">
  79. <div class="l-title w3em c-f15 c-bold">是否附上居民原咨询内容</div>
  80. <div class="w-80">
  81. <div id="switch" class="mui-switch mui-switch-mini mui-active">
  82. <div class="mui-switch-handle"></div>
  83. </div>
  84. </div>
  85. </li>
  86. </ul>
  87. <ul class="n-list edit-list c-border-tb mt10" >
  88. <li class="n-list-cover h26">
  89. <div class="n-list-key w3em c-f15 c-bold">沟通情况</div>
  90. </li>
  91. <li class="n-list-cover" id="goutong_info">
  92. <div class="n-list-info pr10" style="border: 0;">
  93. <textarea placeholder="沟通过程中了解对咨询有价值的信息"></textarea>
  94. </div>
  95. </li>
  96. </ul>
  97. <ul class="n-list edit-list-file c-border-tb mt10">
  98. <li class="ptb12 n-list-cover c-border-b">
  99. <div class="n-list-key">
  100. <span class="c-f15 c-bold">添加附件</span><span class="c-f14 c-909090"></span>
  101. </div>
  102. </li>
  103. <li class="pt10 mb10 n-list-cover">
  104. <div class="upload-img">
  105. <ul class="add-img pt10 pr10">
  106. <!--<li>
  107. <img src="../images/doctor.png" alt="图片" />
  108. <i class="icon-del"></i>
  109. </li>
  110. <li>
  111. <img src="../images/doctor.png" alt="图片" />
  112. <i class="icon-del"></i>
  113. </li>-->
  114. <li class="add">
  115. </li>
  116. </ul>
  117. </div>
  118. </li>
  119. </ul>
  120. </div>
  121. <!-- 放置要缩放的图片的容器 -->
  122. <section class="imgzoom-pack">
  123. <div class="imgzoom-x">关闭</div>
  124. <div class="imgzoom-del"><i class="iconfont icon-laji"></i></div>
  125. <div class="imgzoom-img"><img src="" /></div>
  126. </section>
  127. <script src="../../../js/jquery/2.1.3/jquery.js"></script>
  128. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  129. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  130. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  131. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  132. <script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
  133. <script src="../../../widget/scale/scale.js" type="text/javascript" charset="utf-8"></script>
  134. <script src="../../../js/upload_preview.js" type="text/javascript" charset="utf-8"></script>
  135. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  136. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  137. <script src="../../../js/im_new.js" type="text/javascript" charset="utf-8"></script>
  138. <script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
  139. <script src="../js/auto_rec_ssc_photo.js" type="text/javascript" charset="utf-8"></script>
  140. <script src="../js/faqizixun.js" type="text/javascript" charset="utf-8"></script>
  141. </body>
  142. </html>