Keine Beschreibung

consultapply.html 4.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="../css/mui.min.css" rel="stylesheet" />
  8. <link href="../css/iconfont.css" rel="stylesheet" />
  9. <link href="../css/app.css" rel="stylesheet" />
  10. <style type="text/css">
  11. #consultcon {
  12. min-height: 40px !important;
  13. font-size: 14px;
  14. padding: 0;
  15. line-height: 1.5;
  16. margin-top: 4px;
  17. border-bottom: 1px solid #F0F0F0;
  18. }
  19. /*提交按钮*/
  20. .mui-content-padded .tijiao {
  21. padding: 5px 0;
  22. margin-top: 20px;
  23. }
  24. .text {
  25. position: relative;
  26. border-bottom:1px solid rgba(0,0,0,.2);
  27. background:#fff;
  28. }
  29. #count {
  30. position: absolute;
  31. bottom: 0px;
  32. right: 10px;
  33. }
  34. </style>
  35. </head>
  36. <body style="background: #FFFFFF;">
  37. <header class="mui-bar mui-bar-nav toptitbox">
  38. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
  39. <h1 class="mui-title toptit">咨询</h1>
  40. </header>
  41. <div class="mui-content">
  42. <!-- 主界面具体展示内容 -->
  43. <div class="mui-input-group marginbox">
  44. <div class="personinfo2" style="padding:10px;">
  45. <div class="headbox2">
  46. <a class="proinfor" href="javascript:;">
  47. <div class="mui-pull-left" style="width:24%">
  48. <img class="headimg2 headRadius" src="../images/default-photo.jpg" id="proimg">
  49. </div>
  50. <div class="mui-pull-left infobasic">
  51. <span class="listtit">
  52. <span id='proname'></span>
  53. <em class="mui-icon iconfont" id="nameli"></em>
  54. <!--<em id='promodify' class="mui-icon iconfont icon-vip unauthicon" style="font-size: 16px;">
  55. </em>-->
  56. </span>
  57. <p class="listtit2"><span id='protitle'></span><span id='prooffice'></span></p>
  58. <p class="listtit3"><span id='prodepart'></span><span id='proorgName'></span><span id='proadress'></span></p>
  59. </div>
  60. </a>
  61. </div>
  62. </div>
  63. <div class="mui-clearfix peolevelbox" id="finished" style="padding:0 16px;">
  64. <ul class="mui-table-view">
  65. <li class="mui-table-view-cell">
  66. <div class="mui-pull-left peocountbox mui-navigate-right">
  67. <div class="peocount mui-clearfix">
  68. <em class="mui-icon iconfont icon-community actionicon dialogicon mui-pull-left "></em>
  69. <span class="mui-pull-left">已完成咨询<em id='consultcount'></em>人次</span>
  70. </div>
  71. </div>
  72. <div class="rightword levelbox" id='starContainer'>
  73. <span class="mui-icon iconfont icon-favor"></span>
  74. <!--无色星星icon-favor 黄色星icon-favorfill-->
  75. <span class="mui-icon iconfont icon-favor"></span>
  76. <span class="mui-icon iconfont icon-favor"></span>
  77. <span class="mui-icon iconfont icon-favor"></span>
  78. <span class="mui-icon iconfont icon-favor"></span>
  79. </div>
  80. </li>
  81. </ul>
  82. </div>
  83. </div>
  84. <div class="mui-input-group marginbox consultbox">
  85. <div class="consultaim">
  86. <div>请选择您的咨询类型</div>
  87. <ul class="aimclass" id="consulttype_ul">
  88. <li class="liactive"><em class="mui-icon iconfont icon-check"></em><span>技术咨询</span></li>
  89. <li><em class="mui-icon iconfont"></em><span id="ziyuanspan">资源咨询</span></li>
  90. <li><em class="mui-icon iconfont"></em><span>其他事务</span></li>
  91. </ul>
  92. </div>
  93. <div class="divline"></div>
  94. <div class="consultinfo">
  95. <div class="maincon">
  96. <ul class="basicinfo" style="padding:0;">
  97. <li><label>咨询主题<em class="requiredcon"></em></label></li>
  98. <li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype" id="consulttitle"></li>
  99. <li><label>咨询内容<em class="requiredcon" ></em></label></li>
  100. <li class="basicfrm row mui-input-group mui-input-row" style="border-bottom: none;min-height: 80px;">
  101. <!--<div class="textareabox" contenteditable="true" id="consultcon">
  102. </div>-->
  103. <!--<div class="row mui-input-row text">-->
  104. <textarea id='consultcon' class="mui-input-clear question content" style=""></textarea>
  105. <div id="count">300</div>
  106. <!--</div>-->
  107. </li>
  108. </ul>
  109. </div>
  110. </div>
  111. <div class="mui-input-group">
  112. <button class="mui-btn mui-btn-block frmbtn" style="width: 90%;" id="saveconsultBtn">发送</button>
  113. </div>
  114. </div>
  115. </div>
  116. <script src=" ../js/public/mui.min.js"></script>
  117. <script src="../js/public/base.js"></script>
  118. <script src="../js/consultapply.js"></script>
  119. </body>
  120. </html>