修改通知管理页面

src/main/webapp/WEB-INF/system/notice/notice_edit.html

-@layout("/common/_dialog.html",{plugins:["sweet-alert","layer"],js:["/assets/modular/system/notice/notice_edit.js"]}){
+@layout("/common/_dialog.html",{plugins:["sweet-alert","layer","wangEditor"],js:["/assets/modular/system/notice/notice_edit.js"]}){
 <div class="container-fluid">
 <div class="container-fluid">
-    <form id="noticeForm" \@submit="submitForm">
+    <form id="noticeForm">
 
 
         <input id="noticeId" value="${noticeId}" type="hidden" class="form-control">
         <input id="noticeId" value="${noticeId}" type="hidden" class="form-control">
+        <input id="contentVal" value="${content}" type="hidden" class="form-control">
 
 
         <div class="row">
         <div class="row">
             <div class="col-12">
             <div class="col-12">
                 <div class="form-group">
                 <div class="form-group">
                     <h5>标题 <span class="text-danger">*</span></h5>
                     <h5>标题 <span class="text-danger">*</span></h5>
                     <div class="controls">
                     <div class="controls">
-                        <input v-model="title" id="title" value="${title}" type="text" class="form-control">
+                        <input id="title" value="${title}" type="text" class="form-control">
                     </div>
                     </div>
                 </div>
                 </div>
                 <div class="form-group">
                 <div class="form-group">
                     <h5>内容 <span class="text-danger">*</span></h5>
                     <h5>内容 <span class="text-danger">*</span></h5>
                     <div class="controls">
                     <div class="controls">
-                        <input v-model="content" id="content" value="${content}" type="text" class="form-control">
+                        <div id="editor"></div>
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
@@ -23,8 +24,8 @@
         <div class="row">
         <div class="row">
             <div class="col-6">
             <div class="col-6">
                 <div class="text-xs-right">
                 <div class="text-xs-right">
-                    <button class="btn btn-info normal-button-width" \@click="ensure">提交</button>
-                    <button class="btn btn-inverse normal-button-width m-l-10" \@click="close">取消</button>
+                    <button class="btn btn-info normal-button-width" onclick="NoticeEditDlg.ensure()">提交</button>
+                    <button class="btn btn-inverse normal-button-width m-l-10" onclick="NoticeEditDlg.close()">取消</button>
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>

src/main/webapp/assets/modular/system/notice/notice_edit.js

@@ -22,6 +22,10 @@ NoticeEditDlg.close = function () {
  */
  */
 NoticeEditDlg.validateForm = function () {
 NoticeEditDlg.validateForm = function () {
 
 
+    //接收数据
+    NoticeEditDlg.data.title = $("#title").val();
+    NoticeEditDlg.data.content = NoticeEditDlg.editor.txt.html();
+
     var data = NoticeEditDlg.data;
     var data = NoticeEditDlg.data;
 
 
     if (!data.title) {
     if (!data.title) {
@@ -50,26 +54,32 @@ NoticeEditDlg.editSubmit = function () {
     ajax.start();
     ajax.start();
 };
 };
 
 
+/**
+ * 确认按钮
+ */
+NoticeEditDlg.ensure = function () {
+    var result = NoticeEditDlg.validateForm();
+    if (result === true) {
+        NoticeEditDlg.editSubmit();
+    } else {
+        Feng.alert(result);
+    }
+};
+
+/**
+ * 取消按钮
+ */
+NoticeEditDlg.close = function () {
+    NoticeEditDlg.close();
+};
+
 $(function () {
 $(function () {
-    NoticeEditDlg.app = new Vue({
-        el: '#noticeForm',
-        data: NoticeEditDlg.data,
-        methods: {
-            submitForm: function (e) {
-                e.preventDefault();
-            },
-            ensure: function () {
-                var result = NoticeEditDlg.validateForm();
-                if (result === true) {
-                    NoticeEditDlg.editSubmit();
-                } else {
-                    Feng.alert(result);
-                }
-            },
-            close: function () {
-                NoticeEditDlg.close();
-            }
-        }
-    });
+
+    //初始化编辑器
+    var E = window.wangEditor;
+    var editor = new E('#editor');
+    editor.create();
+    editor.txt.html($("#contentVal").val());
+    NoticeEditDlg.editor = editor;
 
 
 });
 });