Browse Source

后台留言功能完成

BF-202205051124\Administrator 3 years ago
parent
commit
90b52fd237

+ 4 - 4
resources/views/admins/messages/create.blade.php

@@ -8,9 +8,9 @@
         <!-- link -->
 {{--        <ui-input-text label="message链接" name="link" placeholder="message跳转链接" maxlength="255" tips="请输入有效的链接" autofocus="true"></ui-input-text>--}}
         <!-- show -->
-        <ui-radio label="是否开启" :params="params" tips="控制前台是否显示"></ui-radio>
+        <ui-radio label="是否开启" :params="params" tips="消息开关-控制前台是否显示"></ui-radio>
         <!-- sort -->
-        <ui-input-number label="排序" checked="checked" value="50" name="sort" min="1" max="100" tips="控制前台显示顺序"></ui-input-number>
+        <ui-input-number label="排序" checked="checked" value="50" name="sort" min="1" max="100" tips="排序-控制前台message显示顺序"></ui-input-number>
         <ui-submit></ui-submit>
     </el-form>
 </div>
@@ -26,8 +26,8 @@
                         // 注意:group和attr连个属性都不能省略 就算为空
                         group: {},
                         attr: {
-                            name: 'status',   // 当前checkbox框的name属性  【必填】
-                            radioCheck:1,   // 当前选中项 int | string   【必填】
+                            name: 'show',   // 当前checkbox框的name属性  【必填】
+                            radioCheck:0,   // 当前选中项 int | string   【必填】
                             label: 'el-radio-button', // 当前样式 默认 el-radio 样式 【非必填】
                             radios: [ // 每个checkbox 就是一个json对象     【必填】
                                 {

+ 11 - 26
resources/views/admins/messages/edit.blade.php

@@ -1,16 +1,14 @@
 <div style="margin-top: 10px;" id="messages-app">
     <div style="text-align: center;margin-top: 5px;margin-bottom: 10px;font-size: 20px;">
-        编辑Message
+        编辑 - 留言
     </div>
     <el-form action="{{route('admin.message.update',array('id'=>$model->id))}}" method="post" id="form-create">
-        <!-- 图片 -->
-        <ui-file label="图片(686*128)" size="0.5" name="image" :data="{uploadName:'messages'}" imageurl="{{$model->image}}" tips="图片大小建议(686*128)"></ui-file>
-        <!-- 链接 -->
-{{--        <ui-input-text label="链接" name="link" value="{{$model->link}}" placeholder="跳转链接" maxlength="255" tips="请输入有效的链接" autofocus="true"></ui-input-text>--}}
-        <!-- 是否显示 -->
-        <ui-radio label="是否开启" :params="params" tips="控制前台是否显示"></ui-radio>
-        <!-- 排序 -->
-        <ui-input-number label="排序" checked="checked" name="sort" value="{{$model->sort}}" min="1" max="100" tips="控制前台显示顺序"></ui-input-number>
+        <!-- content -->
+        <ui-textarea label="留言内容:" name="content" readonly="readonly" value="{{$model->content}}" placeholder="留言内容" maxlength="250" tips="留言内容"></ui-textarea>
+        <!-- reply -->
+        <ui-textarea label="回复内容:" name="reply" value="{{$model->reply}}" placeholder="回复内容" maxlength="250" tips="回复内容" autofocus="true"></ui-textarea>
+        <!-- show -->
+        <ui-radio label="是否开启:" :params="params" tips="消息开关-控制前台是否显示"></ui-radio>
         <ui-submit></ui-submit>
     </el-form>
 </div>
@@ -26,8 +24,8 @@
                         // 注意:group和attr连个属性都不能省略 就算为空
                         group: {},
                         attr: {
-                            name: 'status',   // 当前checkbox框的name属性  【必填】
-                            radioCheck:{{$model->status}},   // 当前选中项 int | string   【必填】
+                            name: 'show',   // 当前checkbox框的name属性  【必填】
+                            radioCheck:{{$model->show}},   // 当前选中项 int | string   【必填】
                             label: 'el-radio-button', // 当前样式 默认 el-radio 样式 【非必填】
                             radios: [ // 每个checkbox 就是一个json对象     【必填】
                                 {
@@ -54,28 +52,15 @@
         // 前台数据验证 验证需要设置window.form全局变量
         window.form = $('#form-create').validate({
             rules: {
-                image: {
+                reply: {
                     required: true,
-                    maxlength: 255,
+                    maxlength: 250,
                     normalizer: function ( value ) {
                         return $.trim(value);
                     }
                 },
-                // link: {
-                //     required: true,
-                //     maxlength: 255,
-                //     normalizer: function ( value ) {
-                //         return $.trim(value);
-                //     }
-                // },
                 show: {
                     required: true
-                },
-                sort: {
-                    required: true,
-                    normalizer: function ( value ) {
-                        return $.trim(value);
-                    }
                 }
             }
         });

+ 57 - 51
resources/views/admins/messages/index.blade.php

@@ -5,8 +5,8 @@
 @section('crumbs')
     <ol class="breadcrumb crumbs">
         <li><a href="{{ route('admin.index') }}#">后台导航</a></li>
-        <li><a href="{{ route('admin.message.index') }}">后台Message首页</a></li>
-        <li class="active">Message列表</li>
+        <li><a href="{{ route('admin.message.index') }}">后台留言首页</a></li>
+        <li class="active">留言列表</li>
     </ol>
 @endsection
 
@@ -17,26 +17,31 @@
                 <label for="name" class="label-css"> ID:</label>
                 <input class="form-control" type="text" name="id">
             </div>
-            &ensp;&ensp;
+            <div class="form-group">
+                <label for="username" class="label-css"> 会员账号:</label>
+                <input class="form-control" type="text" name="username">
+            </div>
+            <div class="form-group">
+                <label for="content" class="label-css"> 内容:</label>
+                <input class="form-control" type="text" name="content">
+            </div>
+            <div class="form-group">
+                <label for="reply" class="label-css"> 回复内容:</label>
+                <input class="form-control" type="text" name="reply">
+            </div>
+            &ensp;&ensp;<div class="form-group">
+                <label for="start" class="label-css"> 开始时间:</label>
+                <input class="form-control" type="date" placeholder="" name="start" value="">
+            </div>
+            <div class="form-group">
+                <label for="end" class="label-css"> 结束时间:</label>
+                <input class="form-control" type="date" placeholder="" name="end" value="">
+            </div>
             <button type="button" class="btn btn-primary">查询</button>
         </div>
     </form>
     <hr class="hr-css">
     <div>
-        <div id="toolbar">
-            <div class="columns columns-left btn-group pull-left">
-                <a class="createForm" data-url="{{ route('admin.message.store') }}" data-title="create">
-                    <button class="btn btn-default" type="button">
-                        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>&ensp;新增Message
-                    </button>
-                </a>
-                <a>
-                    <button id="deleteAll" data-url="{{ route('admin.message.destroys',['is_del'=>1]) }}" class="btn btn-default" type="button">
-                        <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>&ensp;删除
-                    </button>
-                </a>
-            </div>
-        </div>
         <table id="ContentTable"></table>
     </div>
 @endsection
@@ -52,6 +57,7 @@
 @section('scripts')
     <script>
         $(function(){
+            console.log('-------------------------');
             BootStrapInit.init('tableMessage','ContentTable',{
                 searchForm: 'searchForm',   // 表单搜索id 省略默认 'searchForm'
                 url: "{{ route('admin.message.ajax.index') }}",
@@ -69,24 +75,37 @@
                         field: 'id',
                         title: 'ID',
                         align: 'center',
+                        valign: 'middle'
+                    },
+                    {
+                        field: 'username',
+                        title: '留言账号',
+                        align: 'center',
+                        valign: 'middle'
+                    },
+                    {
+                        field: 'content',
+                        title: '内容',
+                        align: 'center',
                         valign: 'middle',
-                        sortable: true
+                        formatter:qString
                     },
+//                    {
+//                        field: 'msg_img',
+//                        title: '留言图片',
+//                        align: 'center',
+//                        valign: 'middle',
+//                        formatter:cthumbFormatter
+//                    },
                     {
-                        field: 'image',
-                        title: 'Image',
+                        field: 'reply',
+                        title: '回复内容',
                         align: 'center',
                         valign: 'middle',
-                        formatter:thumbFormatter
+                        formatter:qStringOrTrim
                     },
-                    // {
-                    //     field: 'link',
-                    //     title: '链接',
-                    //     align: 'center',
-                    //     valign: 'middle'
-                    // },
                     {
-                        field: 'status',
+                        field: 'show',
                         title: '显示',
                         align: 'center',
                         valign: 'middle',
@@ -99,20 +118,6 @@
 //                            'pk' : 'id'   // 主键名称不写默认id主键
                         }
                     },
-                    {
-                        field: 'sort',
-                        title: '排序',
-                        align: 'center',
-                        valign: 'middle',
-                        sortable: true,
-                        formatter:inputData,
-                        input_data: {
-//                        'class' : 'cursor',     // 当前样式
-//                        'url'   : 'javascript', // url存在 及请求指定地址修改数据
-                            'table' : 'messages'   // url为空时采用,
-//                        'pk'    : 'id'          // 默认修改主键名称 不写 默认id为主键
-                        }
-                    },
                     {
                         field: 'created_at',
                         title: '创建时间',
@@ -122,7 +127,7 @@
                     },
                     {
                         field: 'updated_at',
-                        title: '更新时间',
+                        title: '更新时间/回复时间',
                         align: 'center',
                         valign: 'middle',
                         sortable: true
@@ -136,21 +141,22 @@
                         formatter:operateFormatter,
                         btn_group:[
                             {
-                                'name'  : '编辑',
-                                'class' : 'btn-primary createForm',
+                                'name'  : '删除',
+                                'class' : 'btn-danger deleteBtn', // class标签 deleteBtn删除 layer弹出框
                                 'url'   : 'javascript:;',
-                                'confirm_url': '{{ route('admin.message.edit', ['id'=>'-val-'])}}'
+                                'confirm_url': '{{ route('admin.message.destroy', ['id'=>'-val-'])}}'   // 选择按钮
                             },
                             {
-                                'name'  : '删除',
-                                'class' : 'btn-danger deleteBtn', // class标签 deleteBtn删除 layer弹出框
+                                'name'  : '回复',
+                                'class' : 'btn-primary createForm',
                                 'url'   : 'javascript:;',
-                                'confirm_url': '{{ route('admin.message.destroy', ['id'=>'-val-','is_del'=>1])}}'   // 选择按钮
-                            }
+                                'confirm_url': '{{ route('admin.message.edit', ['id'=>'-val-'])}}'
+                            },
+
                         ]
                     }
                 ]
             });
         });
     </script>
-@endsection
+@endsection