comment_detail.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  1. {extend name="public/layout" /} {block name="title"}评论审核{/block} {block name="body"}
  2. <style type="text/css">
  3. html,
  4. body {
  5. display: block;
  6. min-width: 100%;
  7. background: #fff;
  8. }
  9. .layui-icon{font-size:20px !important;line-height: 38px;}
  10. .layui-tab {padding: 0px;height: 100%;}
  11. .layui-tab-card {
  12. border: none;
  13. box-shadow: none;
  14. }
  15. .upload-img .area i {
  16. font-size: 50px;
  17. color: #009688;
  18. }
  19. /*附件上传样式*/
  20. .imageDiv {display: inline-block;width: 140px;height: 125px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px dashed darkgray;background: #f8f8f8;position: relative;overflow: hidden;margin-left: 5px;margin-bottom: 3px;}
  21. .imageDiv div {width: 100%;height: 100%;position: absolute;top: 0px;background-color: #e6e6e600;}
  22. .imageDiv div i {display: none;font-size: 31px;position: absolute;top: 37%;left: 40%;}
  23. .imageDiv div:hover {background-color: #e6e6e680;}
  24. .imageDiv div:hover i {display: block;cursor: pointer;}
  25. .imgs{width: 86%;float:left;margin-top: -1%;margin-left: -1%;}
  26. .labels{display:block;float:left;height: 4%;}
  27. .text-detail {margin-top: 40px;text-align: center;}
  28. .text-detail>span {font-size: 40px;}
  29. .addImages {display: inline-block;width: 140px;height: 125px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px dashed darkgray;background: #f8f8f8;position: relative;overflow: hidden;margin-left: 5px;margin-bottom: 3px;}
  30. /*问题图片样式*/
  31. .imgDiv {display: inline-block;width: 120px;height: 105px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px dashed darkgray;background: #f8f8f8;position: relative;overflow: hidden;margin-left: 5px;margin-bottom: 3px;}
  32. .imgDiv div i {position: absolute;bottom: 71px;right: 0px;z-index: 2;padding: 0 !important;margin: 0;}
  33. #uploadimg{position: absolute;bottom: 0px;right: 8px;z-index: 2;padding: 0 !important;margin: 0;}
  34. .xm-label-block{
  35. background-color: #249efb !important;
  36. }
  37. .layui-tab-card>.layui-tab-title {
  38. background-color: #fff;
  39. }
  40. .layui-tab-card>.layui-tab-title .layui-this {
  41. background-color: #249EFB !important;
  42. color: #fff;
  43. }
  44. .layui-tab-card>.layui-tab-title .layui-this:after {
  45. border-bottom: none;
  46. border: none;
  47. }
  48. .layui-tab-title li {
  49. background-color: #F2F2F2;
  50. margin: 0px 5px !important;
  51. }
  52. xm-select{width:99% !important;min-height: 40px !important;line-height: 40px !important;}
  53. xm-select .xm-body .xm-option .xm-option-icon {
  54. display: none !important;
  55. }
  56. /* .xm-icon-close:before {
  57. display: none !important;
  58. } */
  59. xm-select > .xm-label.auto-row .xm-label-block > span {
  60. width: auto !important;
  61. }
  62. xm-select > .xm-label .xm-label-block{margin:4px 5px 2px 0 !important;}
  63. .font18{font-size: 16px;}
  64. .layui-textarea{min-height: 218px;}
  65. .layui-form-item .layui-input-inline{width:93% !important;margin-right: 0;}
  66. .layui-form-select{width:100%;}
  67. .layui-tab{margin:0;}
  68. .mdt20{margin-top:20px}
  69. .layui-form-label{line-height: 40px !important;width: auto;padding: 0;}
  70. .layui-select-title input{height: 40px !important;line-height: 40px;}
  71. .mdb0{margin-bottom: 0 !important;}
  72. .layui-disabled::placeholder{color:#999 !important;}
  73. .layui-select-disabled .layui-disabled{border-color:#999 !important;}
  74. #isshowlabel,.cate01,.cate02,.cate03{display: none;}
  75. .borxian{width: 6px;height: 20px;background: #28A1FF;border-radius: 2px 2px 2px 2px;display: inline-block;margin-right: 5px;vertical-align: -16%;}
  76. .layui-input-block{margin-left:0;}
  77. </style>
  78. <body>
  79. <form class="layui-form" id="admin" enctype="multipart/form-data">
  80. <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 15px;">
  81. <div class="layui-form-item" style="margin:0 auto; width:95%;">
  82. <div class="layui-tab layui-tab-card">
  83. <!-- <ul class="layui-tab-title">
  84. <li class="layui-this">基本内容</li>
  85. <li>添加附件</li>
  86. </ul> -->
  87. <div class="layui-tab-content" style="padding:0;overflow: hidden;">
  88. <div class="layui-tab-item layui-show" style="width:63%;float:left;border-right: 1px dashed #ccc;">
  89. <p class="font18"><span class="borxian"></span>基础信息</p>
  90. <div style="width:95%;margin-top:20px">
  91. <div class="layui-form-item">
  92. <label style="width: 78px;" class="layui-form-label layui-required">问题<span style="color: red;text-align: right;">*</span></label>
  93. <div class="layui-input-block " style="position: relative;margin-left:102px;">
  94. <textarea disabled placeholder="请输入问题" class="layui-textarea" disabled name="title" rows="4" autocomplete="off">{$data.title}</textarea>
  95. <!-- <div class="layui-form-mid layui-word-aux" id="uploadimg"><i class="layui-icon">&#xe64a;</i></div> -->
  96. </div>
  97. </div>
  98. <!-- <div class="layui-input-block" id="imgArray" style="display: none;"></div> -->
  99. <div class="layui-form-item">
  100. <label style="width: 78px;" class="layui-form-label">业务员回答<span style="color: red;">*</span></label>
  101. <div class="layui-input-block" style="margin-left:102px;">
  102. <textarea placeholder="请输入回答" class="layui-textarea" name="comments" rows="10" autocomplete="off">{$data.comments}</textarea>
  103. </div>
  104. </div>
  105. <input type="hidden" name="box" id='box' value="">
  106. </div>
  107. </div>
  108. <div style="width:34%;float:right;">
  109. <p class="font18"><span class="borxian"></span>设置场景</p>
  110. <div class="layui-form-item mdt20 mdb0">
  111. <label class="layui-form-label"><span style="color:red">*</span>所属场景</label>
  112. <p style="clear:both"></p>
  113. <div class="layui-input-inline">
  114. <select name="" lay-filter="type" id="type" disabled>
  115. <option value="" selected>{$data.cate1?$data.cate1:'无'}</option>
  116. </select>
  117. </div>
  118. </div>
  119. <div class="layui-form-item mdt20 mdb0">
  120. <label class="layui-form-label">二级分类</label>
  121. <p style="clear:both"></p>
  122. <div class="layui-input-inline">
  123. <select name="" lay-filter="type" id="type" disabled>
  124. <option value="" selected>{$data.cate2?$data.cate2:'无'}</option>
  125. </select>
  126. </div>
  127. </div>
  128. <div class="layui-form-item mdt20 mdb0">
  129. <label class="layui-form-label">适用人群</label>
  130. <p style="clear:both"></p>
  131. <div class="layui-input-inline">
  132. <select name="" lay-filter="type" id="type" disabled>
  133. <option value="" selected>{$data.user_cate?$data.user_cate:'无'}</option>
  134. </select>
  135. </div>
  136. </div>
  137. <div class="layui-form-item mdt20 mdb0">
  138. <label class="layui-form-label">房屋类型</label>
  139. <p style="clear:both"></p>
  140. <div class="layui-input-inline">
  141. <select name="" lay-filter="type" id="type" disabled>
  142. <option value="" selected>{$data.house_type?$data.house_type:'无'}</option>
  143. </select>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <input type="hidden" name="id" value="{$data.id}" />
  151. <input type="hidden" name="state" id="state" value="" />
  152. <div class="layui-form-item layui-hide">
  153. <input type="button" lay-submit lay-filter="talkskill-submit" id="talkskill-submit" value="确认添加">
  154. <input type="button" lay-submit lay-filter="talkskill-edit" id="talkskill-edit" value="确认编辑">
  155. </div>
  156. </div>
  157. </form>
  158. </body>
  159. {/block} {block name="js"}
  160. <script>
  161. layui.config({
  162. base: '__LAYUI__/',
  163. urlbase: '/sys'
  164. }).extend({
  165. index: 'lib/index'
  166. }).use(['index', 'form'], function() {
  167. var $ = layui.$,
  168. upload = layui.upload,
  169. form = layui.form;
  170. //话术添加
  171. form.on('submit(talkskill-submit)', function(data) {
  172. var index = parent.layer.getFrameIndex(window.name);
  173. var formData = new FormData(data.form);
  174. $.ajax({
  175. url: '{:url("talkskill/comment")}',
  176. type: 'post',
  177. data: formData,
  178. dataType: 'json',
  179. processData: false,
  180. contentType: false,
  181. success: function(res) {
  182. if(res.code == 0) {
  183. layer.msg(res.msg, {
  184. anim: 0,time: 800,
  185. }, function() {
  186. parent.layui.table.reload('talkskill-table');
  187. parent.layer.close(index);
  188. });
  189. } else {
  190. layer.msg(res.msg, {
  191. anim: 6
  192. });
  193. }
  194. }
  195. });
  196. });
  197. });
  198. </script>
  199. {/block}