faq.html 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. <div class="bg-light lter b-b wrapper-md">
  2. <h1 class="m-n font-thin h4">FAQ管理</h1>
  3. </div>
  4. <div class="wrapper-md" ng-controller="faqCtrl">
  5. <style type="text/css" rel="stylesheet">
  6. </style>
  7. <div class="panel panel-default">
  8. <div class="row wrapper">
  9. <div class="col-sm-3">
  10. <div class="btn btn-default" ng-click="add()"><i class="fa fa-plus-circle"></i> 新增</div>
  11. <div class="btn btn-default" ng-click="edit()"><i class="fa fa-edit "></i> 修改</div>
  12. <div class="btn btn-default" ng-click="deleteData()"><i class="fa fa-trash-o"></i> 删除</div>
  13. </div>
  14. <div class="col-sm-4">
  15. </div>
  16. <div class="col-sm-5">
  17. <div class="col-sm-4">
  18. </div>
  19. <div class="col-sm-8">
  20. <div class="btn-group input-group">
  21. <input type="text" class=" form-control" ng-model="condition.searchKey"
  22. ng-keydown="$event.keyCode==13&&event.search()"
  23. placeholder="">
  24. <span class="input-group-btn">
  25. <div class="btn btn-default" ng-click="event.search()"><i class="fa fa-search"></i> 搜索</div>
  26. </span>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="table-responsive">
  32. <div ui-grid="gridOptions" style="min-height:620px" ui-grid-pagination ui-grid-selection
  33. ui-grid-resize-columns></div>
  34. </div>
  35. </div>
  36. <form name="dataForm" id="dataPanel" class="form-horizontal form-validation modal fade" role="dialog"
  37. style=" width: 800px;">
  38. <div class="panel panel-default">
  39. <div class="panel-heading">
  40. <strong ng-bind="dialogName"></strong>
  41. </div>
  42. <div class="panel-body">
  43. <div class="form-group">
  44. <label class="col-sm-3 control-label">问题类型<i class="text-danger text-base"> *</i></label>
  45. <div class="col-sm-9">
  46. <select ng-options="item.value as item.text for item in targetList"
  47. ng-model="dialogData.target"
  48. class="form-control">
  49. <option value="" selected>全部</option>
  50. </select>
  51. </div>
  52. </div>
  53. <div class="line line-dashed b-b line-lg pull-in"></div>
  54. <div class="form-group">
  55. <label class="col-sm-3 control-label">设备类型</label>
  56. <div class="col-sm-9">
  57. <select ng-options="item.id as item.name for item in devTypeList"
  58. ng-model="dialogData.devTypeId"
  59. class="form-control">
  60. <option value="" selected hidden></option>
  61. </select>
  62. </div>
  63. </div>
  64. <div class="line line-dashed b-b line-lg pull-in"></div>
  65. <div class="form-group">
  66. <label class="col-sm-3 control-label">问题<i class="text-danger text-base"> *</i></label>
  67. <div class="col-sm-9">
  68. <textarea ng-model="dialogData.question" style="height: 100px;" class="form-control"
  69. placeholder="问题"
  70. required></textarea>
  71. </div>
  72. </div>
  73. <div class="line line-dashed b-b line-lg pull-in"></div>
  74. <div class="form-group">
  75. <label class="col-sm-3 control-label">答案<i class="text-danger text-base"> *</i></label>
  76. <div class="col-sm-9">
  77. <textarea ng-model="dialogData.answer" style="height: 100px;" class="form-control"
  78. placeholder="答案"
  79. required></textarea>
  80. </div>
  81. </div>
  82. <div class="line line-dashed b-b line-lg pull-in"></div>
  83. <div class="form-group">
  84. <label class="col-sm-3 control-label">插入图片</label>
  85. <div class="col-sm-9">
  86. <div class="col-sm-4">
  87. <!---文件选择-->
  88. <input type="file" nv-file-select="" id="fileUpload" uploader="imageUploader"/>
  89. <input type="hidden" name="img" id="fileUploadValue" title="图片路径隐藏域"
  90. class="form-control hide-required-img-input img-input"
  91. ng-model="dialogData.images"/>
  92. </div>
  93. <div class="col-sm-4">
  94. <!---图片预览-->
  95. <img id="previewImg" style="max-height: 100px;max-width: 100px"
  96. ng-click="removeImgPreview()">
  97. </div>
  98. <div class="col-sm-4">
  99. <!---上传按钮-->
  100. <button type="button" class="btn btn-addon btn-success" ng-click="imageUploader.uploadAll()"
  101. ng-disabled="!imageUploader.getNotUploadedItems().length">
  102. <i class="fa fa-arrow-circle-o-up"></i> 上传图片
  103. </button>
  104. </div>
  105. </div>
  106. <div class="col-sm-3"></div>
  107. <div class="col-sm-9">
  108. <!---上传进度-->
  109. <div class="progress-xs bg-light dker" style="margin-top: 10px;margin-bottom: 10px">
  110. <div class="progress-bar progress-bar-striped bg-info" role="progressbar"
  111. ng-style="{ 'width': imageUploader.progress + '%' }"></div>
  112. </div>
  113. </div>
  114. <div class="col-sm-3"></div>
  115. <div class="col-sm-9">
  116. <div ng-if="dialogData.images&&dialogData.images.length>0" ng-repeat="src in dialogData.images"
  117. class="preview-card">
  118. <!---图片列表-->
  119. <img ng-src="{{src}}">
  120. <i class="fa fa-close text-danger" ng-click="removeImg($index)"></i>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="line line-dashed b-b line-lg pull-in"></div>
  125. <div class="form-group">
  126. <label class="col-sm-3 control-label">插入视频</label>
  127. <div class="col-sm-9">
  128. <div class="col-sm-4">
  129. <!---文件选择-->
  130. <input type="file" nv-file-select="" id="fileUpload2" uploader="videoUploader"/>
  131. <input type="hidden" id="fileUploadValue2" title="视频路径隐藏域"
  132. class="form-control hide-required-img-input img-input"
  133. ng-model="dialogData.videos"/>
  134. </div>
  135. <div class="col-sm-4">
  136. <!---视频预览-->
  137. <video id="previewVideo" controls="controls" autoplay ng-click="removeVideoPreview()"
  138. style="max-height: 100px;max-width: 100px;"></video>
  139. </div>
  140. <div class="col-sm-4">
  141. <!---上传按钮-->
  142. <button type="button" class="btn btn-addon btn-success" ng-click="videoUploader.uploadAll()"
  143. ng-disabled="!videoUploader.getNotUploadedItems().length">
  144. <i class="fa fa-arrow-circle-o-up"></i> 上传视频
  145. </button>
  146. </div>
  147. </div>
  148. <div class="col-sm-3"></div>
  149. <div class="col-sm-9 text-info text-center">请您确保上传的视频能在微信端正常播放!</div>
  150. <div class="col-sm-3"></div>
  151. <div class="col-sm-9">
  152. <!---上传进度-->
  153. <div class="progress-xs bg-light dker" style="margin-top: 10px;margin-bottom: 10px">
  154. <div class="progress-bar progress-bar-striped bg-info" role="progressbar"
  155. ng-style="{ 'width': videoUploader.progress + '%' }"></div>
  156. </div>
  157. </div>
  158. <div class="col-sm-3"></div>
  159. <div class="col-sm-9">
  160. <div ng-if="dialogData.videos&&dialogData.videos.length>0" ng-repeat="src2 in dialogData.videos"
  161. class="preview-card preview-card-video">
  162. <!---视频列表-->
  163. <video controls="controls" ng-src="{{src2}}"></video>
  164. <i class="fa fa-close text-danger" ng-click="removeVideo($index)"></i>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="line line-dashed b-b line-lg pull-in"></div>
  169. <footer class="panel-footer text-right bg-light lter">
  170. <button type="submit" class="btn btn-success" ng-click="saveData()">保存
  171. </button>
  172. </footer>
  173. </div>
  174. </div>
  175. </form>
  176. </div>