燎原云报修后台更新

uis/api/banner.json

@@ -6,7 +6,7 @@
         {
             "title": "测试数据",
             "image": "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fa0.att.hudong.com%2F30%2F29%2F01300000201438121627296084016.jpg&refer=http%3A%2F%2Fa0.att.hudong.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1618368355&t=5388aa359630b1ffdef3179b2b52729d",
-            "content": "测试内容",
+            "content": "<h4>测试<img src='http://127.0.0.1:8000/layuiadmin/layui/images/face/54.gif' alt='[good]'></h4>",
             "create_user": "张三",
             "create_time": "2020-12-12",
             "usable": true,

uis/zzlyadmin/banner/detail.html

@@ -34,8 +34,9 @@
             <li class="tenant-li layui-col-md6">
                 <h3>标题：{{ d.title }}</h3>
             </li>
-            <li class="tenant-li">
-                <h3>内容：{{ d.content }}</h3>
+            <li class="tenant-li layui-col-md6">
+                <h3>内容:</h3>
+                <div id="content_demo"></div>
             </li>
             <li class="tenant-li">
                 <h3>添加人：{{ d.create_user }}</h3>
@@ -74,6 +75,10 @@
         laytpl(getTpl).render(data, function (html) {
             tenant_detail.innerHTML = html;
         });
+        var dom = document.getElementById("content_demo");
+        if(data.content && dom){
+           dom.innerHTML = data.content;
+        }
     });
 </script>
 </body>

uis/zzlyadmin/banner/edit.html

@@ -32,8 +32,7 @@
                         <div class="layui-form-item">
                             <label class="layui-form-label"><font color='red' size="4">*</font>内容：</label>
                             <div class="layui-input-block">
-                                <input type="text" name="content" lay-verify="required" placeholder="请输入内容"
-                                       autocomplete="off" class="layui-input">
+                                <textarea class="layui-textarea" placeholder="请输内容" id="content_demo"></textarea>
                             </div>
                         </div>
 
@@ -72,19 +71,43 @@
     }).extend({
         index: 'lib/index',
         formSelects: 'formSelects-v4'
-    }).use(['index', 'form', 'utils', 'laydate', 'upload'], function () {
+    }).use(['index', 'form', 'utils', 'laydate', 'upload', 'layedit'], function () {
         var $ = layui.$
             , laydate = layui.laydate
             , admin = layui.admin
             ,upload = layui.upload
+            ,layedit = layui.layedit
             , form = layui.form;
         var id = layui.view.getParameterByName('id');
 
+
+        var editIndex = layedit.build('content_demo', {
+            height: 180,
+            /**富文本内容如果需要上传图片时候的配置
+            * 接口返回的数据格式如：
+            * {
+                "code": 0 //0表示成功，其它失败
+                ,"msg": "" //提示信息 //一般上传失败后返回
+                ,"data": {
+                    "src": "图片路径"
+                    ,"title": "图片名称" //可选
+                  }
+               }
+            */
+            uploadImage: {
+                url: '../../api/upload.json' //接口url
+                ,type: 'post' //默认post
+             }
+        });
+
         form.render(null, 'component-form-element');
 
         if (id) {
             var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
             form.val("component-form-element", editdata);
+            if(editdata.content){
+              layedit.setContent(editIndex, editdata.content, false);
+            }
         }
         var form_data = [];
         upload.render({
@@ -130,13 +153,15 @@
         form.on('submit(component-form-element)', function (data) {
             //layer.msg(JSON.stringify(data.field));
             var submitData = data.field;
+            //富文本中的内容
+            var content = layedit.getContent(editIndex);
             // form表单中switch输入数据是on和off
             if(submitData["usable"] === "on"){
                 submitData["usable"] = true
             }else{
                 submitData["usable"] = false
             }
-            form_data.push({"content": submitData["content"]});
+            form_data.push({"content": content});
             form_data.push({"title": submitData["title"]});
             form_data.push({"usable": submitData["usable"]});
             if(!data.field.banner_img){

uis/zzlyadmin/banner/index.html

@@ -108,7 +108,6 @@
             , url: '../../api/banner.json'
             , cols: [[
                 {field: 'title', title: '标题', width: 100}
-                ,{field: 'content', title: '内容', width: 100}
                 ,{field: 'create_user', title: '添加人', width: 100}
                 ,{field: 'create_time', title: '添加时间', width: 150}
                 ,{field: 'usable_text', title: '是否在用', width: 100}
@@ -146,7 +145,7 @@
                     type: 2,
                     title: '修改',
                     shadeClose: false,
-                    area: ['700px', '450px'],
+                    area: ['700px', '600px'],
                     btn: ['保存', '取消'],
                     yes: function (index, dom) {
                         layui.submitChild();
@@ -165,7 +164,7 @@
                 title: '添加',
                 shadeClose: false,
                 btn: ['保存', '取消'],
-                area: ['700px', '450px'],
+                area: ['700px', '600px'],
                 yes: function (index, dom) {
                     layui.submitChild();
                 },

uis/zzlyadmin/index.html

@@ -79,7 +79,6 @@
                         </dd><dd data-name="nav">
                             <a lay-href="banner/index.html">轮播管理</a>
                         </dd>
-
                     </li>
                 </ul>
             </div>