添加客服池

app/Http/Controllers/ApiController.php

@@ -11,6 +11,7 @@ use App\Model\Pcb\PcbPublicModel;
 use App\Model\Pcb\PcbPurchaseModel;
 use App\Model\Pcb\PcbServerModel;
 use App\Model\KefuModel;
+use App\Model\CmsModel;
 
 class ApiController extends Controller
 {
@@ -95,7 +96,35 @@ class ApiController extends Controller
     public function ApiKefuList($request)
     {   
         $KefuModel = new KefuModel;
-        return $KefuModel->lists($request);
+        $this->ExportLayui($KefuModel->lists($request));
+    }
+
+    // 新增客服
+    public function ApiAddKefu($request)
+    {
+        $KefuModel = new KefuModel;
+        $this->Export($KefuModel->add($request));
+    }
+
+    // 编辑客服
+    public function ApiEditKefu($request)
+    {
+        $KefuModel = new KefuModel;
+        $this->Export($KefuModel->edit($request));
+    }
+
+    // 删除客服
+    public function ApiDelKefu($request)
+    {
+        $KefuModel = new KefuModel;
+        $this->Export($KefuModel->del($request));
+    }
+
+    // 删除客服
+    public function ApiTopKefu($request)
+    {
+        $KefuModel = new KefuModel;
+        $this->Export($KefuModel->top($request));
     }
 
 }

app/Model/KefuModel.php

@@ -13,7 +13,7 @@ class KefuModel extends Model
     protected $primaryKey = 'id';
     protected $guarded = ['id'];
     public $timestamps    = true;
-    const CREATED_AT = 'add_time';
+    const CREATED_AT = 'create_time';
     const UPDATED_AT = 'update_time';
 
     /** * @param \DateTime|int $value * @return false|int * @author dividez */ 
@@ -57,7 +57,7 @@ class KefuModel extends Model
                     }
                 })
                 ->select($field)
-                ->orderBy('add_time', 'desc');
+                ->orderBy('status', 'desc');
 
         if ($export) {
             $list = $list->get()->toArray();
@@ -70,9 +70,94 @@ class KefuModel extends Model
         } else {
             $list = $list->paginate($limit, ['*'], 'page', $page)->toArray();
 
-            return ['code'=>0, 'msg'=>'获取成功', 'data'=>$list['data'], 'count'=>$list['total']];
+            return [0, '获取成功', $list['data'], $list['total']];
         }
     }
 
+    // 新增客服
+    public function add($request)
+    {
+        $email = $request->input('email');
+
+        $CmsModel = new CmsModel;
+
+        $sales = $CmsModel->where('email', $email)->select('userId', 'name', 'status')->first();
+
+        if (!$sales) return [1, '客服邮箱不存在'];
+        if ($sales->status == 4) return [1, '客服已离职'];
+
+        $exists = $this->where('email', $email)->first();
+
+        if ($exists) return [1, '客服已存在'];
+
+        $data['sale_id']       = $sales->userId;
+        $data['sale_name']     = $sales->name;
+        $data['email']         = $email;
+        $data['operator_id']   = $request->user->userId;
+        $data['operator_name'] = $request->user->name;
+
+        $count = $this->count(); // 客服池数量
+
+        if (!$count) $data['status'] = 1; // 待分配
+
+        $res = $this->create($data);
+
+        if ($res === false) return [1, '新增客服失败'];
+
+        return [0, '新增客服成功'];
+    }
+
+    // 编辑客服
+    public function edit($request)
+    {
+        $id    = $request->input('id');
+        $email = $request->input('email');
+
+        $res = $this->where('id', $id)->update(['email'=>$email]);
+
+        if ($res === false) return [1, '更新客服失败'];
+
+        return [0, '更新客服成功'];
+    }
+
+    // 删除客服
+    public function del($request)
+    {
+        $id     = $request->input('id');
+        $status = $request->input('status');
+
+        $res = $this->where('id', $id)->delete();
+
+        if ($res === false) return [1, '删除客服失败'];
+
+        if ($status == 1) {
+            $first = $this->select('id')->orderBy('id', 'asc')->first();
+
+            $res = $this->where('id', $first['id'])->update(['status'=>1]);
+
+            if ($res === false) return [1, '更新第一条客服状态失败'];
+        } 
+
+        return [0, '删除客服成功'];
+    }
+
+    // 置顶客服
+    public function top($request)
+    {
+        $id = $request->input('id');
+
+        try {
+            DB::connection('order')->beginTransaction(); // 开启事务
+
+            DB::connection('order')->update('UPDATE lie_kefu SET status = 0');
+            $this->where('id', $id)->update(['status'=>1]);
+
+            DB::connection('order')->commit(); 
+            return [0, '置顶客服成功'];
+        } catch(Exception $e) {
+            DB::connection('order')->rollback(); 
+            return [1, '置顶客服失败，'.$e->getMessage()];
+        }
+    }
 
 }
\ No newline at end of file

public/css/admin.css

+/** layuiAdmin.pro-v1.2.1 LPPL License By http://www.layui.com/admin/ */
+ html #layuicss-layuiAdmin{display:none;position:absolute;width:1989px}::-webkit-input-placeholder{color:#ccc}html{background-color:#f2f2f2;color:#666}.layadmin-tabsbody-item,[template]{display:none}[lay-href],[lay-tips],[layadmin-event]{cursor:pointer}.layui-layout-admin .layui-header{position:fixed;top:0;left:0;width:100%;height:50px}.layui-layout-admin .layui-header .layui-nav .layui-nav-child a{color:#333}.layui-layout-admin .layui-side{width:220px;top:0;z-index:1001}.layui-layout-admin .layui-header .layui-nav .layui-nav-item,.layui-layout-admin .layui-logo{height:50px;line-height:50px}.layui-layout-admin .layui-logo{position:fixed;left:0;top:0;z-index:1002;width:220px;height:49px;padding:0 15px;box-sizing:border-box;overflow:hidden;font-weight:300;background-repeat:no-repeat;background-position:center center}.layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-layout-left{left:220px}.layadmin-pagetabs{position:fixed;top:50px;right:0;z-index:999}.layadmin-pagetabs .layui-breadcrumb{padding:0 15px}.layui-layout-admin .layui-body{position:fixed;top:90px;bottom:0}.layui-layout-admin .layui-body .layadmin-tabsbody-item{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;overflow-y:auto}.layui-layout-admin .layui-header .layui-nav-img{width:26px;height:26px}.layui-layout-admin .layui-header .layui-nav-child{top:55px}.layui-layout-admin .layui-header .layui-layout-right .layui-nav-child{left:auto;right:0}.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this,.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a{background:0 0}.layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-header .layui-layout-right,.layui-layout-admin .layui-header .layui-nav .layui-nav-item,.layui-layout-admin .layui-layout-left,.layui-layout-admin .layui-logo,.layui-layout-admin .layui-side{transition:all .3s;-webkit-transition:all .3s}.layui-icon-login-qq{color:#3492ED}.layui-icon-login-wechat{color:#4DAF29}.layui-icon-login-weibo{color:#CF1900}.layui-form[wid100] .layui-form-label{width:100px}.layui-form[wid100] .layui-input-block{margin-left:130px}@media screen and (max-width:450px){.layui-form[wid100] .layui-form-item .layui-input-inline{margin-left:132px}.layui-form[wid100] .layui-form-item .layui-input-inline+.layui-form-mid{margin-left:130px}}.layui-form-item .layui-input-company{width:auto;padding-right:10px;line-height:38px}.layui-bg-white{background-color:#fff}.layadmin-loading{position:absolute;left:50%;top:50%;margin:-16px -15px;font-size:30px;color:#c2c2c2}.layadmin-fixed{position:fixed;left:0;top:0;z-index:999}.layadmin-link{color:#029789!important}.layadmin-link:hover{opacity:.8}.layui-layer-admin .layui-layer-title{height:50px;line-height:50px;border:0;background-color:#20222A;color:#fff}.layui-layer-admin i[close]{position:absolute;padding:5px;right:10px;top:12px;color:#fff;cursor:pointer}.layui-layer-admin .layui-layer-content{padding:20px;line-height:22px}.layui-layer-admin .layui-layer-content cite{font-style:normal;color:#FF5722}.layui-layer-adminRight{top:50px!important;bottom:0;box-shadow:1px 1px 10px rgba(0,0,0,.1);border-radius:0;overflow:auto}.layadmin-note .layui-layer-content{padding:0}.layadmin-note textarea{display:block;width:300px;height:132px;min-width:300px;min-height:132px;line-height:20px;padding:10px 20px;border:none;box-sizing:border-box;color:#666;word-wrap:break-word}.layui-layout-admin .layui-layout-left{padding:0 10px}.layui-layout-admin .layui-layout-left .layui-nav-item{margin:0 20px}.layui-layout-admin .layui-input-search{display:inline-block;vertical-align:middle;height:32px;border:none;cursor:text}.layui-layout-admin .layui-layout-left a,.layui-layout-admin .layui-layout-right{padding:0}.layui-header .layui-nav-item .layui-icon{position:relative;top:1px;font-size:16px}.layui-header .layui-layout-right .layui-badge-dot{margin-left:11px}.layui-header .layui-nav .layui-this:after,.layui-layout-admin .layui-header .layui-nav-bar{top:0!important;bottom:auto;height:3px;background-color:#fff;background-color:rgba(255,255,255,.3)}.layadmin-body-shade{position:fixed;display:none;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:1000}.layui-side-menu .layui-side-scroll{width:240px}.layui-side-menu .layui-nav{width:220px;margin-top:50px;background:0 0}.layui-side-menu .layui-nav .layui-nav-item a{height:40px;line-height:40px;padding-left:45px;padding-right:30px}.layui-side-menu .layui-nav .layui-nav-item>a{padding-top:8px;padding-bottom:8px}.layui-side-menu .layui-nav .layui-nav-item a:hover{background:0 0}.layui-side-menu .layui-nav .layui-nav-itemed>.layui-nav-child{padding:5px 0}.layui-side-menu .layui-nav .layui-nav-item .layui-icon{position:absolute;top:50%;left:20px;margin-top:-19px}.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child{background:0 0!important}.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child a{padding-left:60px}.layui-side-menu .layui-nav .layui-nav-more{right:15px}@media screen and (max-width:992px){.layui-layout-admin .layui-side{transform:translate3d(-220px,0,0);-webkit-transform:translate3d(-220px,0,0);width:220px}.layadmin-pagetabs,.layui-layout-admin .layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-layout-left{left:0}}.layadmin-side-shrink .layui-layout-admin .layui-logo{width:60px;background-image:url(res/logo.png)}.layadmin-side-shrink .layui-layout-admin .layui-logo span{display:none}.layadmin-side-shrink .layui-side{left:0;width:60px}.layadmin-side-shrink .layadmin-pagetabs,.layadmin-side-shrink .layui-layout-admin .layui-body,.layadmin-side-shrink .layui-layout-admin .layui-footer,.layadmin-side-shrink .layui-layout-admin .layui-layout-left{left:60px}.layadmin-side-shrink .layui-side-menu .layui-nav{position:static;width:60px}.layadmin-side-shrink .layui-side-menu .layui-nav-item{position:static}.layadmin-side-shrink .layui-side-menu .layui-nav-item>a{padding-right:0}.layadmin-side-shrink .layui-side-menu .layui-nav-item cite,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>a .layui-nav-more{display:none;padding:8px 0;width:200px}.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-itemed>a{background:rgba(0,0,0,.3)}.layadmin-side-spread-sm .layadmin-pagetabs,.layadmin-side-spread-sm .layui-layout-admin .layui-body,.layadmin-side-spread-sm .layui-layout-admin .layui-footer,.layadmin-side-spread-sm .layui-layout-admin .layui-layout-left{left:0;transform:translate3d(220px,0,0);-webkit-transform:translate3d(220px,0,0)}.layadmin-side-spread-sm .layui-layout-admin .layui-layout-right{transform:translate3d(220px,0,0);-webkit-transform:translate3d(220px,0,0)}.layadmin-side-spread-sm .layui-side{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}.layadmin-side-spread-sm .layadmin-body-shade{display:block}.layadmin-pagetabs .layui-tab-title li:first-child .layui-tab-close,.layadmin-tabs-select.layui-nav .layui-nav-bar,.layadmin-tabs-select.layui-nav .layui-nav-more{display:none}.layadmin-pagetabs{height:40px;line-height:40px;padding:0 80px 0 40px;background-color:#fff;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.layadmin-pagetabs .layadmin-tabs-control{position:absolute;top:0;width:40px;height:100%;text-align:center;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box;border-left:1px solid #f6f6f6}.layadmin-pagetabs .layadmin-tabs-control:hover{background-color:#f6f6f6}.layadmin-pagetabs .layui-icon-prev{left:0;border-left:none;border-right:1px solid #f6f6f6}.layadmin-pagetabs .layui-icon-next{right:40px}.layadmin-pagetabs .layui-icon-down{right:0}.layadmin-tabs-select.layui-nav{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;background:0 0}.layadmin-tabs-select.layui-nav .layui-nav-item{line-height:40px}.layadmin-tabs-select.layui-nav .layui-nav-item>a{height:40px}.layadmin-tabs-select.layui-nav .layui-nav-item a{color:#666}.layadmin-tabs-select.layui-nav .layui-nav-child{top:40px;left:auto;right:0}.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this,.layadmin-tabs-select.layui-nav .layui-nav-child dd.layui-this a{background-color:#f2f2f2!important;color:#333}.layadmin-pagetabs .layui-tab{margin:0;overflow:hidden}.layadmin-pagetabs .layui-tab-title{height:40px;border:none}.layadmin-pagetabs .layui-tab-title li{min-width:0;line-height:40px;max-width:160px;text-overflow:ellipsis;padding-right:40px;overflow:hidden;border-right:1px solid #f6f6f6;vertical-align:top}.layadmin-pagetabs .layui-tab-title li:first-child{padding-right:15px}.layadmin-pagetabs .layui-tab-title li .layui-tab-close{position:absolute;right:8px;top:50%;margin:-7px 0 0;width:16px;height:16px;line-height:16px;border-radius:50%;font-size:12px}.layadmin-pagetabs .layui-tab-title li:after{content:'';position:absolute;top:0;left:0;width:0;height:2px;border-radius:0;background-color:#292B34;transition:all .3s;-webkit-transition:all .3s}.layadmin-pagetabs .layui-tab-title li:hover:after{width:100%}.layadmin-pagetabs .layui-tab-title li.layui-this,.layadmin-pagetabs .layui-tab-title li:hover{background-color:#f6f6f6}.layadmin-pagetabs .layui-tab-title li.layui-this:after{width:100%;border:none;height:2px;background-color:#292B34}.layadmin-tabspage-none .layui-layout-admin .layui-header{border-bottom:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.layadmin-tabspage-none .layui-layout-admin .layui-body{top:50px}.layadmin-tabspage-none .layadmin-header{display:block}.layadmin-tabspage-none .layadmin-header .layui-breadcrumb{border-top:1px solid #f6f6f6}.layui-layout-admin .layui-header{border-bottom:1px solid #f6f6f6;box-sizing:border-box;background-color:#fff}.layui-layout-admin .layui-header a,.layui-layout-admin .layui-header a cite{color:#333}.layui-layout-admin .layui-header a:hover{color:#000}.layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color:#666}.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color:transparent transparent #666}.layui-layout-admin .layui-header .layui-nav .layui-this:after,.layui-layout-admin .layui-header .layui-nav-bar{height:2px;background-color:#20222A}.layui-layout-admin .layui-logo{background-color:#20222A;box-shadow:0 1px 2px 0 rgba(0,0,0,.15)}.layui-layout-admin .layui-logo,.layui-layout-admin .layui-logo a{color:#fff;color:rgba(255,255,255,.8)}.layui-side-menu{box-shadow:1px 0 2px 0 rgba(0,0,0,.05)}.layui-layout-admin .layui-footer{padding:10px 0;text-align:center;box-shadow:0 -1px 2px 0 rgba(0,0,0,.05)}.layadmin-setTheme-side,.layui-side-menu{background-color:#20222A;color:#fff}.layadmin-setTheme-header,.layui-layout-admin .layui-footer{background-color:#fff}.layui-tab-admin .layui-tab-title{background-color:#393D49;color:#fff}.layui-fluid{padding:15px}.layadmin-header{display:none;height:50px;line-height:50px;margin-bottom:0;border-radius:0}.layadmin-header .layui-breadcrumb{padding:0 15px}.layui-card-header{position:relative}.layui-card-header .layui-icon{line-height:initial;position:absolute;right:15px;top:50%;margin-top:-7px}.layadmin-iframe{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.layadmin-carousel{height:185px!important;background-color:#fff}.layadmin-carousel .layui-carousel-ind li{background-color:#e2e2e2}.layadmin-carousel .layui-carousel-ind li:hover{background-color:#c2c2c2}.layadmin-carousel .layui-carousel-ind li.layui-this{background-color:#999}.layadmin-carousel .layui-carousel,.layadmin-carousel>[carousel-item]>*{background-color:#fff}.layadmin-carousel .layui-col-space10{margin:0}.layadmin-carousel .layui-carousel-ind{position:absolute;top:-41px;text-align:right}.layadmin-carousel .layui-carousel-ind ul{background:0 0}.layui-card .layui-tab-brief .layui-tab-title{height:42px;border-bottom-color:#f6f6f6}.layui-card .layui-tab-brief .layui-tab-title li{margin:0 15px;padding:0;line-height:42px}.layui-card .layui-tab-brief .layui-tab-title li.layui-this{color:#333}.layui-card .layui-tab-brief .layui-tab-title .layui-this:after{height:43px}.layui-card .layui-tab-brief .layui-tab-content{padding:15px}.layui-card .layui-table-view{margin:0}.layadmin-shortcut li{text-align:center}.layadmin-shortcut li .layui-icon{display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s}.layadmin-shortcut li cite{position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px}.layadmin-shortcut li:hover .layui-icon{background-color:#f2f2f2}.layadmin-backlog .layadmin-backlog-body{display:block;padding:10px 15px;background-color:#f8f8f8;color:#999;border-radius:2px;transition:all .3s;-webkit-transition:all .3s}.layadmin-backlog-body h3{padding-bottom:10px;font-size:12px}.layadmin-backlog-body p cite{font-style:normal;font-size:30px;font-weight:300;color:#009688}.layadmin-backlog-body:hover{background-color:#f2f2f2;color:#888}.layadmin-dataview{height:332px!important}.layadmin-dataview>[carousel-item]:before{display:none}.layadmin-dataview>[carousel-item]>div{height:332px}.layadmin-takerates{padding-top:5px}.layadmin-takerates .layui-progress{margin:50px 0 60px}.layadmin-takerates .layui-progress:last-child{margin-bottom:10px}.layadmin-takerates .layui-progress h3{position:absolute;right:0;top:-35px;color:#999;font-size:14px}.layadmin-takerates .layui-progress-bar{text-align:left}.layadmin-takerates .layui-progress-text{top:-35px;line-height:26px;font-size:26px}.layadmin-news{height:60px!important;padding:5px 0}.layadmin-news a{display:block;line-height:60px;text-align:center}.layadmin-news .layui-carousel-ind{height:45px}.layadmin-list li{margin-bottom:6px;padding-bottom:6px;border-bottom-color:#f6f6f6;list-style-position:inside;list-style-type:disc;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layadmin-list li a{color:#666}.layadmin-list li a:hover{color:#009688}.layadmin-list li:last-child{border:none;padding:0;margin:0}.layadmin-text p{margin-bottom:10px;text-indent:2em}.layadmin-text p:last-child{margin:0}.layadmin-font-em{font-size:13px;color:#758697}.layui-card-header .layui-a-tips{position:absolute;right:15px;color:#01AAED}.layuiadmin-card-text{background-color:#f8f8f8;color:#777;padding:24px}.layuiadmin-card-text .layui-text-top{padding-bottom:10px}.layuiadmin-card-text .layui-text-top i{margin-right:10px;font-size:24px;color:#009688}.layuiadmin-card-text .layui-text-top a{line-height:24px;font-size:16px;vertical-align:top}.layuiadmin-card-text .layui-text-center{height:44px;line-height:22px;margin-bottom:10px;overflow:hidden}.layuiadmin-card-text .layui-text-bottom{position:relative}.layuiadmin-card-text .layui-text-bottom a{color:#777;font-size:12px;text-overflow:ellipsis;word-break:break-all}.layuiadmin-card-text .layui-text-bottom span{color:#CCC;font-size:12px;position:absolute;right:0}.layuiadmin-badge,.layuiadmin-btn-group,.layuiadmin-span-color{position:absolute;right:15px}.layuiadmin-card-link a:hover,.layuiadmin-card-team li a:hover,.layuiadmin-card-text a:hover{color:#01AAED;transition:all .3s}.layuiadmin-card-status{padding:0 10px 10px}.layuiadmin-card-status dd{padding:15px 0;border-bottom:1px solid #EEE;display:-webkit-flex;display:flex}.layuiadmin-card-status dd:last-child{border:none}.layuiadmin-card-status dd div.layui-status-img,.layuiadmin-card-team .layui-team-img{width:32px;height:32px;border-radius:50%;background-color:#009688;margin-right:15px}.layuiadmin-card-status dd div.layui-status-img a{width:100%;height:100%;display:inline-block;text-align:center;line-height:32px}.layuiadmin-card-status dd div.layui-status-img img,.layuiadmin-card-team .layui-team-img img{width:50%;height:50%}.layuiadmin-card-status dd div a{color:#01AAED}.layuiadmin-card-status dd div span{color:#BBB}.layuiadmin-card-link{padding-left:10px;font-size:0}.layuiadmin-card-link a{display:inline-block;width:25%;color:#666;font-size:14px;margin-bottom:12px}.layuiadmin-card-link button{vertical-align:top}.layuiadmin-card-link button:hover{color:#009688}.layuiadmin-card-team li{padding:10px 0 10px 10px}.layuiadmin-card-team .layui-team-img{display:inline-block;margin-right:8px;width:24px;height:24px;text-align:center;line-height:24px}.layuiadmin-card-team span{color:#777}.layuiadmin-badge{top:50%;margin-top:-9px;color:#01AAED}.layuiadmin-card-list{padding:15px}.layuiadmin-card-list p.layuiadmin-big-font{font-size:36px;color:#666;line-height:36px;padding:5px 0 10px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.layuiadmin-card-list p.layuiadmin-normal-font{padding-bottom:10px;font-size:20px;color:#666;line-height:24px}.layuiadmin-span-color{font-size:14px}.layuiadmin-span-color i{padding-left:5px}.layuiadmin-card-status li{position:relative;padding:10px 0;border-bottom:1px solid #EEE}.layuiadmin-card-status li h3{padding-bottom:5px;font-weight:700}.layuiadmin-card-status li p{padding-bottom:10px}.layuiadmin-card-status li>span{color:#999}.layuiadmin-home2-usernote .layuiadmin-reply{display:none;position:absolute;right:0;bottom:12px}.layuiadmin-home2-usernote li:hover .layuiadmin-reply{display:block}.layuiadmin-page-table td span{color:#2F4056}.layuiadmin-page-table td span.first{color:#FF5722}.layuiadmin-page-table td span.second{color:#FFB800}.layuiadmin-page-table td span.third{color:#5FB878}.layuiAdmin-msg-detail h1{font-size:16px}.layuiAdmin-msg-detail .layui-card-header{height:auto;line-height:30px;padding:15px}.layuiAdmin-msg-detail .layui-card-header span{padding:0 5px;color:#999}.layuiAdmin-msg-detail .layui-card-header span:first-child{padding-left:0}.layuiAdmin-msg-detail .layui-card-body{padding:15px}.layuiadmin-content-bread{padding-bottom:20px}.layuiadmin-order-progress{position:relative;top:12px}.layui-card-header.layuiadmin-card-header-auto{padding-top:15px;padding-bottom:15px;height:auto}.layuiadmin-card-header-auto i.layuiadmin-button-btn{position:relative;right:0;top:0;vertical-align:middle}.layuiadmin-card-header-auto .layui-form-item:last-child{margin-bottom:0}.layadmin-setTheme{padding:15px;overflow-x:hidden}.layadmin-setTheme>h5{padding:20px 0 10px;color:#000}.layadmin-setTheme>h5:first-child{padding-top:0}.layadmin-setTheme-color{width:330px;font-size:0}.layadmin-setTheme-color li{position:relative;display:inline-block;vertical-align:top;width:80px;height:50px;margin:0 15px 15px 0;background-color:#f2f2f2;cursor:pointer;font-size:12px;color:#666}.layadmin-setTheme-color li:after{content:'';position:absolute;z-index:20;top:50%;left:50%;width:1px;height:0;border:1px solid #f2f2f2;transition:all .3s;-webkit-transition:all .3s;opacity:0}.layadmin-setTheme-color li.layui-this:after,.layadmin-setTheme-color li:hover:after{width:100%;height:100%;padding:4px;top:-5px;left:-5px;border-color:#5FB878;opacity:1}.layadmin-setTheme-header{position:relative;z-index:10;height:10px;border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2}.layadmin-setTheme-side{position:absolute;left:0;top:0;width:20px;height:100%;z-index:11;box-shadow:1px 0 2px 0 rgba(0,0,0,.05)}.layadmin-setTheme-logo{position:absolute;left:0;top:0;width:100%;height:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.15)}.layadmin-form-right{text-align:right}.layadmin-about p{margin-bottom:10px}.layadmin-menu-list .layui-card-header{height:50px;line-height:50px;font-size:16px}.layadmin-menu-list .layui-card-header:active{background-color:#f2f2f2}.layadmin-menu-list .layui-card-header .layui-icon{position:relative;top:1px;left:0;display:inline-block;margin:0 10px;font-size:18px}@-webkit-keyframes layui-rl{from{-webkit-transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@keyframes layui-rl{from{transform:translate3d(100%,0,0)}to{transform:translate3d(0,0,0)}}.layui-anim-rl{-webkit-animation-name:layui-rl;animation-name:layui-rl}@-webkit-keyframes layui-lr{from{-webkit-transform:translate3d(0 0,0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:1}}@keyframes layui-lr{from{transform:translate3d(0,0,0)}to{transform:translate3d(100%,0,0)}}.layui-anim-lr,.layui-anim-rl.layer-anim-close{-webkit-animation-name:layui-lr;animation-name:layui-lr}.layadmin-tips{margin-top:30px;text-align:center}.layadmin-tips .layui-icon[face]{display:inline-block;font-size:300px;color:#393D49}.layadmin-tips .layui-text{width:500px;margin:30px auto;padding-top:20px;border-top:5px solid #009688;font-size:16px}.layadmin-tips h1{font-size:100px;line-height:100px;color:#009688}.layadmin-tips .layui-text .layui-anim{display:inline-block}@media screen and (max-width:768px){.layadmin-panel-selection{margin:0;width:auto}.layui-body .layui-nav .layui-nav-item{display:block}.layui-layout-admin .layui-body .layadmin-tabsbody-item{-webkit-overflow-scrolling:touch;overflow:auto}}
\ No newline at end of file

public/js/web/common.js

+/**
+ * Created by ICHUNT on 2019-06-03.
+ */
+$(document).on('mouseenter','.preview',function(){
+    var url=$(this).data('url');
+    if(!url || url == 'undefined') return false;
+    return top.layer.tips('<img src="'+url+'" width="150px">',$(this),{tips:[3,"#fff"],time:0,shade:0});
+});
+$(document).on('mouseleave','.preview',function(){
+    return top.layer.close(layer.index);
+});
+
+/**
+ * 和PHP一样的时间戳格式化函数
+ * @param  {string} format    格式
+ * @param  {int}    timestamp 要格式化的时间 默认为当前时间
+ * @return {string}           格式化的时间字符串
+ */
+function date(format, timestamp){
+    if(!timestamp) return '';
+    var a, jsdate=((timestamp) ? new Date(timestamp*1000) : new Date());
+    var pad = function(n, c){
+        if((n = n + "").length < c){
+            return new Array(++c - n.length).join("0") + n;
+        } else {
+            return n;
+        }
+    };
+    var txt_weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+    var txt_ordin = {1:"st", 2:"nd", 3:"rd", 21:"st", 22:"nd", 23:"rd", 31:"st"};
+    var txt_months = ["", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+    var f = {
+        // Day
+        d: function(){return pad(f.j(), 2)},
+        D: function(){return f.l().substr(0,3)},
+        j: function(){return jsdate.getDate()},
+        l: function(){return txt_weekdays[f.w()]},
+        N: function(){return f.w() + 1},
+        S: function(){return txt_ordin[f.j()] ? txt_ordin[f.j()] : 'th'},
+        w: function(){return jsdate.getDay()},
+        z: function(){return (jsdate - new Date(jsdate.getFullYear() + "/1/1")) / 864e5 >> 0},
+
+        // Week
+        W: function(){
+            var a = f.z(), b = 364 + f.L() - a;
+            var nd2, nd = (new Date(jsdate.getFullYear() + "/1/1").getDay() || 7) - 1;
+            if(b <= 2 && ((jsdate.getDay() || 7) - 1) <= 2 - b){
+                return 1;
+            } else{
+                if(a <= 2 && nd >= 4 && a >= (6 - nd)){
+                    nd2 = new Date(jsdate.getFullYear() - 1 + "/12/31");
+                    return date("W", Math.round(nd2.getTime()/1000));
+                } else{
+                    return (1 + (nd <= 3 ? ((a + nd) / 7) : (a - (7 - nd)) / 7) >> 0);
+                }
+            }
+        },
+
+        // Month
+        F: function(){return txt_months[f.n()]},
+        m: function(){return pad(f.n(), 2)},
+        M: function(){return f.F().substr(0,3)},
+        n: function(){return jsdate.getMonth() + 1},
+        t: function(){
+            var n;
+            if( (n = jsdate.getMonth() + 1) == 2 ){
+                return 28 + f.L();
+            } else{
+                if( n & 1 && n < 8 || !(n & 1) && n > 7 ){
+                    return 31;
+                } else{
+                    return 30;
+                }
+            }
+        },
+
+        // Year
+        L: function(){var y = f.Y();return (!(y & 3) && (y % 1e2 || !(y % 4e2))) ? 1 : 0},
+        //o not supported yet
+        Y: function(){return jsdate.getFullYear()},
+        y: function(){return (jsdate.getFullYear() + "").slice(2)},
+
+        // Time
+        a: function(){return jsdate.getHours() > 11 ? "pm" : "am"},
+        A: function(){return f.a().toUpperCase()},
+        B: function(){
+            // peter paul koch:
+            var off = (jsdate.getTimezoneOffset() + 60)*60;
+            var theSeconds = (jsdate.getHours() * 3600) + (jsdate.getMinutes() * 60) + jsdate.getSeconds() + off;
+            var beat = Math.floor(theSeconds/86.4);
+            if (beat > 1000) beat -= 1000;
+            if (beat < 0) beat += 1000;
+            if ((String(beat)).length == 1) beat = "00"+beat;
+            if ((String(beat)).length == 2) beat = "0"+beat;
+            return beat;
+        },
+        g: function(){return jsdate.getHours() % 12 || 12},
+        G: function(){return jsdate.getHours()},
+        h: function(){return pad(f.g(), 2)},
+        H: function(){return pad(jsdate.getHours(), 2)},
+        i: function(){return pad(jsdate.getMinutes(), 2)},
+        s: function(){return pad(jsdate.getSeconds(), 2)},
+        //u not supported yet
+
+        // Timezone
+        //e not supported yet
+        //I not supported yet
+        O: function(){
+            var t = pad(Math.abs(jsdate.getTimezoneOffset()/60*100), 4);
+            if (jsdate.getTimezoneOffset() > 0) t = "-" + t; else t = "+" + t;
+            return t;
+        },
+        P: function(){var O = f.O();return (O.substr(0, 3) + ":" + O.substr(3, 2))},
+        //T not supported yet
+        //Z not supported yet
+
+        // Full Date/Time
+        c: function(){return f.Y() + "-" + f.m() + "-" + f.d() + "T" + f.h() + ":" + f.i() + ":" + f.s() + f.P()},
+        //r not supported yet
+        U: function(){return Math.round(jsdate.getTime()/1000)}
+    };
+
+    return format.replace(/[\\]?([a-zA-Z])/g, function(t, s){
+        if( t!=s ){
+            // escaped
+            ret = s;
+        } else if( f[s] ){
+            // a date function exists
+            ret = f[s]();
+        } else{
+            // nothing special
+            ret = s;
+        }
+        return ret;
+    });
+}
\ No newline at end of file

public/js/web/kefu.js

@@ -20,24 +20,17 @@ layui.use(['form', 'table', 'laydate'], function(){
             ,cellMinWidth: 80 //全局定义常规单元格的最小宽度
             ,page: true //开启分页
             ,cols: [[ //表头
-                {title: '序号', type: 'numbers', fixed: 'left', width: 78}
-                ,{field: 'sale_id', title: '客服ID', width: 300}
-                ,{field: 'sale_name', title: '客服名称', width: 160}
-                ,{field: 'email', title: '邮箱', width: 150}
-                ,{field: 'operator_name', title: '操作人名称', width: 150}
-                ,{field: 'status', title: '审核状态', templet: '#status', width: 160}
+                {title: '序号', type: 'numbers', fixed: 'left', width: 80}
+                ,{field: 'sale_id', title: '客服ID', width: 200}
+                ,{field: 'sale_name', title: '客服名称', width: 200}
+                ,{field: 'email', title: '邮箱', width: 300}
+                ,{field: 'operator_name', title: '操作人名称', width: 200}
+                ,{field: 'status', title: '审核状态', templet: '#status', width: 200}
                 ,{field: 'create_time', title: '创建时间', width: 200}
-                ,{title: '操作',  align:'center', fixed: 'right', toolbar: '#list_action', width: 200}
+                ,{title: '操作',  align:'center', fixed: 'right', toolbar: '#list_action', width: 218}
             ]]
             ,limit: 10
             ,limits: [10, 20, 50,]
-            ,done:function(res,curr,count){
-                // 图片展示
-                layer.photos({
-                    photos: '.layer-img'
-                    ,shift: 5 //0-6的选择，指定弹出图片动画类型，默认随机
-                }); 
-            }
         });
     };
 
@@ -55,61 +48,94 @@ layui.use(['form', 'table', 'laydate'], function(){
         return false;
     });  
 
+    $('.add').click(function() {
+        layer.open({
+            area: ['400px', '200px'],
+            title: '新增客服',
+            type: 1,
+            content: $('#kefu-action'),
+            btn: ['确认', '取消'],
+            yes: function(index) {
+                var email = $('.kefu-email').val();
+                if (!email) {
+                    layer.tips('请输入邮箱', $('.kefu-email'));
+                    return false;
+                }
+
+                $.ajax({
+                    url : '/api/ApiAddKefu',
+                    type: 'post',
+                    data: {email: email},
+                    dataType: 'json',
+                    success: function(resp) {
+                        if (resp.errcode == 0) {
+                            layer.close(index);
+                            layer.msg(resp.errmsg);
+                            renderTable(); // 重新加载table
+                            return false;
+                        }
+
+                        layer.msg(resp.errmsg);
+                    }, 
+                    error: function(err) {
+                        console.log(err)
+                    }
+                })
+
+                layer.msg('新增客服中...', {icon: 16, time: 0, shade: 0.3}); // 阻止重复提交
+
+                return false;
+            },
+            cancel: function(index) {
+                layer.close(index);
+            }
+        })
+
+        $('.kefu-email').val('');
+    })
+
     // tool操作
-    table.on('tool(auth)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性lay-filter="对应的值"
+    table.on('tool(kefu)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性lay-filter="对应的值"
         var data     = obj.data; //获得当前行数据
         var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
+        var url      = '';
         var title    = '';
         var content  = '';
-        var url      = '/ajax/authCheck';
         var datax    = {};
         
         datax.id = data.id;
-        datax.user_id = data.user_id;
-
-        if(layEvent === 're-check') { // 重新审核
-            title   = '重新审核会员认证';
-            content = '确定重新审核会员认证吗？';
-
-            datax.status = 1;
-        } else if (layEvent === 'pass') { // 通过
-            title   = '审核会员认证';
-            content = '确定通过会员认证吗？';
-
-            datax.status       = 3;
-            // datax.company_name = data.company_name;
-            // datax.auth_type    = data.auth_type;
-            // datax.company_type = data.company_type;
-        } else if (layEvent === 'reject') { // 驳回
-            title   = '驳回会员认证';
-            content = '<div class="layui-form-item layui-form-text">'+                         
-                            '<textarea placeholder="请输入驳回原因" class="layui-textarea" name="reason" id="reason"></textarea>'+
-                        '</div>';
-
-            datax.status = 2;
-        } else if (layEvent === 'cancel') { // 取消认证
-            title   = '取消会员认证';
-            content = '<div class="layui-form-item layui-form-text">'+                         
-                            '<textarea placeholder="请输入取消原因" class="layui-textarea" name="reason" id="reason"></textarea>'+
-                        '</div>';
-                        
-            datax.status = -1;
+
+        if(layEvent === 'edit') { 
+            url     = '/api/ApiEditKefu';
+            title   = '编辑客服';
+            content = $('#kefu-action');
+        } else if (layEvent === 'del') { 
+            url     = '/api/ApiDelKefu';
+            title   = '删除客服';
+            content = '<div style="margin: 40px;">确定删除该客服吗？</div>';
+            datax.status = data.status;
+        } else if (layEvent === 'top') { 
+            url     = '/api/ApiTopKefu';
+            title   = '置顶客服';
+            content = '<div style="margin: 40px;">确定置顶该客服吗？</div>';
         }
 
         layer.open({
-            // area: ['400px', '200px'],
+            area: ['400px', '200px'],
             title: title,
+            type: 1,
             content: content,
             btn: ['确认', '取消'],
             yes: function(index) {
-                if (layEvent == 'reject' || layEvent == 'cancel') {
-                    var reason = $('#reason').val();
-                    if (!reason) {
-                        layer.tips('请输入原因', $('#reason'));
+                if (layEvent == 'edit') {
+                    var email = $('.kefu-email').val();
+
+                    if (!email) {
+                        layer.tips('请输入邮箱', $('.kefu-email'));
                         return false;
                     }
 
-                    datax.reason = reason;
+                    datax.email = email;
                 }
 
                 $.ajax({
@@ -118,14 +144,15 @@ layui.use(['form', 'table', 'laydate'], function(){
                     data: datax,
                     dataType: 'json',
                     success: function(resp) {
-                        if (resp.err_code == 0) {
-                            layer.msg(resp.err_msg);
+                        if (resp.errcode == 0) {
+                            layer.close(index);
+                            layer.msg(resp.errmsg);
                             renderTable(); // 重新加载table
 
                             return false;
                         }
 
-                        layer.alert(resp.err_msg);
+                        layer.msg(resp.errmsg);
                     }, 
                     error: function(err) {
                         console.log(err)
@@ -140,6 +167,10 @@ layui.use(['form', 'table', 'laydate'], function(){
                 layer.close(index);
             }
         })
+
+        if (layEvent == 'edit') {
+            $('.kefu-email').val(data.email);
+        }
     }); 
     
 

resources/views/web.blade.php

@@ -6,7 +6,7 @@
   <title>{{config('website.webTitle')}} | {{$title}}</title>
   <script>document.domain="{{ config('website.domain') }}";</script>
   <link href="/js/layui/css/layui.css" rel="stylesheet">
-
+  <link href="/css/admin.css" rel="stylesheet">
   @include('table.css')
     <script src="/js/jquery-2.2.1.js"></script>
     <style>
@@ -39,7 +39,7 @@
   </div>
   @include('table.js')
   <script src="/js/layui/layui.js"></script>
-  <script src="/js/common.js"></script>
+  <script src="/js/web/common.js"></script>
   @if(empty($into))
       <script src="/js/web/{{$id}}.js?v={{time()}}"></script>
   @endif

resources/views/web/kefu.blade.php

@@ -29,13 +29,29 @@
 	<div class="layui-form-item">
 		<div class="layui-btn-container" style="text-align: center; margin-top: 10px;">
 		  	<button lay-submit lay-filter="load" class="layui-btn" data-type="search">搜索</button>
-		  	<button type="button" class="layui-btn layui-btn-normal export">导出</button> 
+		  	<a class="layui-btn layui-btn-normal add">新增</a> 
 		</div>
 	</div>
 </form>
 
 <table id="kefu" lay-filter="kefu"></table>
 
+<style>
+	#kefu-action{ display: none; }
+	#kefu-action form{ margin-top: 40px; }
+	#kefu-action .layui-input-inline{ width: 240px; }
+</style>
+<div id="kefu-action">
+	<form class="layui-form">
+	    <div class="layui-item">
+	        <label class="layui-form-label">客服邮箱</label>
+	        <div class="layui-input-inline">
+	        	<input type="text" name="kefu-email" placeholder="客服邮箱" autocomplete="off" class="layui-input kefu-email">
+	        </div>      
+	    </div>
+	</div>
+</div>
+
 <script type="text/html" id="status">
 	@{{# if (d.status == 1) { }}
 		<div style="color:#DC143C;">待分配</div>
@@ -47,5 +63,8 @@
 <script type="text/html" id="list_action">
 	<a class="btn btn-xs btn-warning" lay-event="edit">编辑</a>
 	<a class="btn btn-xs btn-danger" lay-event="del">删除</a>
+	@{{# if (d.status == 0) { }}
+		<a class="btn btn-xs btn-info" lay-event="top">置顶</a>
+	@{{# } }}
 </script>