商丘市柘城县——前端

changeZSDetail.html 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <title>编辑知识库详细情</title>
  10. <style>
  11. .m-kuang {
  12. width: 50%;
  13. background-color: #FFF;
  14. background-image: none;
  15. border: 1px solid #ccc;
  16. border-radius: 1px;
  17. color: inherit;
  18. padding: 6px 12px;
  19. outline: none;
  20. vertical-align: middle;
  21. }
  22. table th {
  23. width: 20%;
  24. text-align: right;
  25. border-top: 0!important;
  26. }
  27. table td {
  28. border-top: 0!important;
  29. }
  30. .daoHang {
  31. border-bottom: 1px solid #ccc;
  32. }
  33. .content {
  34. margin-top: 15px;
  35. }
  36. .inps{
  37. width: 95%;
  38. height: 30px;
  39. outline: none;
  40. border: 0;
  41. border-image-width: 0;
  42. padding: 0;
  43. padding-left: 8px;
  44. }
  45. .inpBox{
  46. border: 1px solid #ccc;
  47. height: 32px;
  48. width: 50%;
  49. display: inline-block;
  50. position: relative;
  51. vertical-align: middle;
  52. }
  53. .xl{
  54. display: inline-block;
  55. background: url(../img/dropDown.png) no-repeat;
  56. height: 100%;
  57. background-position: center center;
  58. width: 20px;
  59. position: absolute;
  60. right: 0;
  61. top: 0px;
  62. /* background-color: #f7bc8b; */
  63. cursor: pointer;
  64. }
  65. .addTree {
  66. background: #fff;
  67. position: absolute;
  68. width: 100%;
  69. border: 1px solid darkgrey;
  70. right: 0;
  71. top: 32px;
  72. display: none;
  73. z-index: 1;
  74. }
  75. </style>
  76. </head>
  77. <body>
  78. <div class="container-fluid">
  79. <div class="content">
  80. <table class="table">
  81. <tr>
  82. <th>
  83. <b>标题:</b>
  84. </th>
  85. <td>
  86. <input type="text " class="m-kuang zs_t" />
  87. </td>
  88. </tr>
  89. <tr>
  90. <th>
  91. <b>所属分类:</b>
  92. </th>
  93. <td>
  94. <div class="inpBox">
  95. <input type="text" class="inps" />
  96. <i class="xl xl_one"></i>
  97. <div class="addTree xlAdd">
  98. <ul id="addTreeDemo" class="ztree">
  99. </ul>
  100. </div>
  101. </div>
  102. </td>
  103. </tr>
  104. <tr>
  105. <th>
  106. <b>内容:</b>
  107. </th>
  108. <td>
  109. <textarea data-adaptheight id="addEditor" name="content" style="width: 80%;height: 200px;"></textarea>
  110. </td>
  111. </tr>
  112. <!--<tr>
  113. <td colspan="2" class="text-center">
  114. <div class="checkbox">
  115. <label>
  116. <input type="checkbox" style="margin-top: 2px;" class="isCheck"> 是否提交审核
  117. </label>
  118. </div>
  119. </td>
  120. </tr>-->
  121. <tr>
  122. <td colspan="2" class="text-center">
  123. <!--<button class="btns">添加</button>-->
  124. <button class="btns tiJiao">提交</button>
  125. </td>
  126. </tr>
  127. </table>
  128. </div>
  129. </div>
  130. <script src="../css/layer/layer.js"></script>
  131. <script src="../js/zTree/jquery.ztree.core.js"></script>
  132. <script src="../js/kindeditor/kindeditor-all-min.js"></script>
  133. <script src="../js/kindeditor/lang/zh-CN.js"></script>
  134. <script src="../js/adjustHeight.js"></script>
  135. <script>
  136. var bid = helper.request.queryString("id");
  137. var id = ''; //当前节点id
  138. var cname; //当前节点name
  139. var pid; //当前节点父ID
  140. var pidName; //当前节点父name
  141. var xlName; //添加弹出框内下拉框内节点name
  142. var token = $.cookie("token");
  143. //编辑器配置
  144. KindEditor.ready(function(K) {
  145. window.editor = K.create('#addEditor', {
  146. uploadJson: '../../js/kindeditor/asp.net/upload_json.ashx',
  147. fileManagerJson: '../../js/kindeditor/asp.net/file_manager_json.ashx',
  148. allowFileManager: true
  149. }); //添加弹出框编辑器
  150. });
  151. tree();
  152. function tree() {
  153. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  154. "token": $.cookie("token"),
  155. // "pid": pid
  156. }, function(result) {
  157. result = $.parseJSON(result);
  158. $.fn.zTree.init($("#addTreeDemo"), setting1, result.data); //实例化树形图
  159. });
  160. }
  161. var setting1 = {
  162. data: {
  163. key: {
  164. name: "text"
  165. },
  166. simpleData: {
  167. enable: true,
  168. idKey: "id",
  169. rootPId: 0
  170. }
  171. },
  172. callback: {
  173. onClick: zTreeOnClick
  174. }
  175. };
  176. function zTreeOnClick(event, treeId, treeNode) {
  177. // pid = treeNode.pId;
  178. id = treeNode.id;
  179. cname = treeNode.text;
  180. $('.inps').val(cname);
  181. };
  182. //所属分类下拉
  183. $('.inps').focus(function() {
  184. $('.xlAdd').css('display', 'block')
  185. })
  186. $('.xl').click(function() {
  187. if($('.xlAdd').css('display') == 'block') {
  188. $('.xlAdd').css('display', 'none')
  189. } else {
  190. $('.xlAdd').css('display', 'block')
  191. }
  192. })
  193. $('.addTree').mouseleave(function() {
  194. $(this).css('display', 'none')
  195. })
  196. $.ajax({
  197. type:"get",
  198. url:huayi.config.callcenter_url+"Knowledge/GetInfo",
  199. async:true,
  200. dataType:'json',
  201. data:{
  202. token:$.cookie("token"),
  203. infoid:bid,//知识库标题
  204. },
  205. success:function(data){
  206. var con=data.data;
  207. if(data.state.toLowerCase()=='success'){
  208. $('.zs_t').val(con.F_Title);//标题
  209. $('.inps').val(con.F_Category);
  210. cname=con.F_Category;
  211. editor.html(con.F_Content);
  212. id=con.F_CategoryId;
  213. }
  214. }
  215. });
  216. var title;//知识库标题
  217. var con;//知识库内容
  218. var issub;//是否提交审核
  219. function add(title,con,id, issub){
  220. if(!$('.inps').val()){
  221. layer.msg('请选择分类')
  222. return
  223. }
  224. $.ajax({
  225. type:"post",
  226. url:huayi.config.callcenter_url+"Knowledge/EditInfo",
  227. async:true,
  228. dataType:'json',
  229. data:{
  230. token:$.cookie("token"),
  231. infoid:bid,
  232. title:title,//知识库标题
  233. con:con,//知识库内容
  234. pid:id,//分类ID
  235. issub:issub//是否提交审核
  236. },
  237. success:function(data){
  238. if(data.state.toLowerCase()=="success"){
  239. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  240. parent.layer.close(index); //再执行关闭
  241. //debugger;
  242. parent.initTable(id);
  243. parent.layer.msg("编辑成功");
  244. }
  245. }
  246. });
  247. }
  248. $('.tiJiao').click(function(){
  249. if($('.isCheck').is(':checked')==true){
  250. issub=1;
  251. }else{
  252. issub=0;
  253. }
  254. title=$('.zs_t').val();
  255. con=encodeURIComponent(editor.html());
  256. //debugger;
  257. add(title,con,id, issub)
  258. })
  259. </script>
  260. </body>
  261. </html>