浏览代码

管理后台

dgf 8 年之前
父节点
当前提交
63bad2dab5

文件差异内容过多而无法显示
+ 0 - 1
dist/webManger12346/app-0e2212e8ab.css


文件差异内容过多而无法显示
+ 1 - 0
dist/webManger12346/app-54d90dd9c0.js


文件差异内容过多而无法显示
+ 1 - 0
dist/webManger12346/app-6d7d884329.css


文件差异内容过多而无法显示
+ 0 - 1
dist/webManger12346/app-83bd71ae1b.js


+ 2 - 2
dist/webManger12346/index.html

@@ -8,7 +8,7 @@
     <!-- 新 Bootstrap 核心 CSS 文件 -->
     <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
     <link rel="stylesheet" href="../bower_components/animate.css/animate.min.css">
-    <link rel="stylesheet" href="app-0e2212e8ab.css">
+    <link rel="stylesheet" href="app-6d7d884329.css">
 
     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
     <!--<script src="js/jquery.min.js"></script>-->
@@ -21,7 +21,7 @@
     <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
     <script src="../bower_components/angular-animate/angular-animate.min.js"></script>
 
-    <script src="app-83bd71ae1b.js"></script>
+    <script src="app-54d90dd9c0.js"></script>
 </head>
 
 <body ng-app="app">

+ 18 - 2
webManger12346/src/js/controller/webController.js

@@ -4,21 +4,37 @@ angular.module('app').controller('WebMangerController', ['$scope', function($sco
 
     //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
     $scope.currentPage = 1;
+    $scope.animateFirst = true;
+
     $scope.checkedTr = function($event) {
         var activeClick = $($event.target);
         var checked = activeClick[0].checked;
         console.log(activeClick);
-        console.log(checked);
         if (checked == true)
             $(activeClick[0].parentElement.parentElement).addClass("activebcolor");
         else if (checked == false)
             $(activeClick[0].parentElement.parentElement).removeClass("activebcolor");
     };
+
     $scope.checkedTotal = function() {
-        console.log($scope.checkedtotal);
         if ($scope.checkedtotal == true)
             angular.element(".Tr").addClass("activebcolor");
         else if ($scope.checkedtotal == false)
             angular.element(".Tr").removeClass("activebcolor");
     };
+
+    $scope.animate = function($event) {
+        var animate = $($event.target);
+        console.log(animate);
+        if (animate[0].innerText == "投诉建议" && $scope.animateFirst)
+            return;
+        else if (animate[0].nodeName == "A") {
+            angular.element(".slip").removeClass("animate");
+            animate.addClass("animate");
+        } else if (animate[0].nodeName == "SPAN") {
+            angular.element(".slip").removeClass("animate");
+            $(animate[0].parentElement).addClass("animate");
+        }
+        $scope.animateFirst = false;
+    };
 }]);

+ 66 - 23
webManger12346/src/less/app.main.less

@@ -105,7 +105,7 @@ body{
         }
         .nav-pills {
             float: right;
-            margin: 8px 60px 8px 0px;
+            margin: 8px 70px 8px 0px;
             padding:  0px 10px;
             >li>a {
             background-color: #4F5661;
@@ -147,17 +147,54 @@ body{
                         margin-bottom: 20px;
                         border-radius: 15px;
                         text-align: left;
-                        &:hover,
-                        &:active {
-                        color: #009688;
-                        background-color:#eee;
+                        &.animate {
+                            animation-name:animateRt;
+                            animation-duration:0.1s;
+                            animation-timing-function:linear;
+                            animation-iteration-count:1;
+                            animation-direction:normal;
+                            /* Safari and Chrome: */
+                            -webkit-animation-name:animateRt;
+                            -webkit-animation-duration:0.1s;
+                            -webkit-animation-timing-function:linear;
+                            -webkit-animation-iteration-count:1;
+                            -webkit-animation-direction:normal;
+                        }
+                        &.animateLt {
+                            animation-name:animateLt;
+                            animation-duration:1s;
+                            animation-timing-function:linear;
+                            animation-iteration-count:1;
+                            animation-direction:normal;
+                            /* Safari and Chrome: */
+                            -webkit-animation-name:animateLt;
+                            -webkit-animation-duration:1s;
+                            -webkit-animation-timing-function:linear;
+                            -webkit-animation-iteration-count:1;
+                            -webkit-animation-direction:normal;
                         }
-                    }   
+                    }
+                    @keyframes animateRt {
+                        0%  {text-align: left;background-color:#FFF;color: #777;}
+                        100%  {text-align: right;background-color:#eee;color: #009688;}
+                    }
+                    @-webkit-keyframes animateRt {
+                        0%  {text-align: left;background-color:#FFF;color: #777;}
+                        100%  {text-align: right;background-color:#eee;color: #009688;}
+                    }
+                    @keyframes animateLt {
+                        0%  {text-align: right;background-color:#eee;color: #009688;}
+                        100%  {text-align: left;background-color:#FFF;color: #777;}
+                    }
+                    @-webkit-keyframes animateLt {
+                        0%  {text-align: right;background-color:#eee;color: #009688;}
+                        100%  {text-align: left;background-color:#FFF;color: #777;}
+                    }
                 }
                 > li.active {
                     > a {
-                        background-color:#eee;
                         border: 1px solid #e6e6e6;
+                        background-color:#eee;
                         color: #009688;
                         text-align: right;
                     }
@@ -201,7 +238,7 @@ body{
                 }
                 .button-add{
                     float: right;
-                    margin: 13px 160px 13px 0px;
+                    margin: 13px 215px 13px 0px;
                     .btn-primary{
                         line-height: normal;
                         height: 24px;
@@ -230,23 +267,25 @@ body{
                         }
                     }
                 }
-                .glyphicon-refresh {
-                    margin:9px 30px 0px 0px;
-                    float: right;
-                    font-size:14px;
-                    height: 30px;
-                    width: 36px;
-                    border-radius: 4px;
-                    color: white;
-                    background: #3CB371;
-                    border: none;
-                    outline: none;
-                    &:hover{
-                        background: #2E8B57;
-                    }
+            }
+            .glyphicon-refresh {
+                float: right;
+                margin:-52px 30px 0px 0px;
+                padding: 8px 11px;
+                font-size:14px;
+                height: 30px;
+                width: 36px;
+                text-decoration: none;
+                border-radius: 4px;
+                color: white;
+                background: #3CB371;
+                border: none;
+                outline: none;
+                &:hover{
+                    background: #2E8B57;
                 }
             }
-            #form1 {
+            .form {
                 margin: 10px auto 70px;
                 line-height: normal;
                 white-space: nowrap; /* 自适应宽度,不换行*/
@@ -337,6 +376,10 @@ body{
                 }
             }
         }
+        .modal-dialog {
+            top: 110px;
+            width: 800px;
+        }
     }
 }
 .foot {

+ 73 - 9
webManger12346/src/templates/mangerWeb.html

@@ -15,8 +15,8 @@
     </header>
     <div id="leftList">
         <ul class="nav nav-pills diy nav-stacked">
-            <li role="presentation" class="active"><a href="#suggestions" aria-controls="home" role="tab" data-toggle="tab">投诉建议</a></li>
-            <li role="presentation"><a href="#managers" aria-controls="home" role="tab" data-toggle="tab">人员管理</a></li>
+            <li role="presentation" class="active"><a class="slip" ng-click="animate($event)" href="#suggestions" aria-controls="home" role="tab" data-toggle="tab"><span>投诉建议</span></a></li>
+            <li role="presentation"><a class="slip" ng-click="animate($event)" href="#managers" aria-controls="home" role="tab" data-toggle="tab"><span>人员管理</span></a></li>
         </ul>
     </div>
     <content>
@@ -26,15 +26,15 @@
                     <span class="glyphicon glyphicon-search"></span>
                     <input type="text" class="form-control input-sm" placeholder="搜索关键字. . ." ng-model="searchName">
                 </div>
-                <button type="button" class="glyphicon glyphicon-refresh" title="刷新" ng-click="onRefresh($event)"></button>
                 <div class="button-add">
                     <button type="button" class="btn btn-primary glyphicon glyphicon-file"><span>新建问题</span></button>
                     <button type="button" class="btn btn-primary glyphicon glyphicon-plus"><span>添加人员</span></button>
                 </div>
             </div>
             <div class="tab-content">
+                <a class="glyphicon glyphicon-refresh" title="刷新" href="javascript:window.location.reload()"></a>
                 <div role="tabpanel" class="tab-pane active" id="suggestions">
-                    <form id="form1">
+                    <form class="form">
                         <!-- Table -->
                         <table id="header">
                             <thead>
@@ -71,20 +71,20 @@
                                     <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护号丽水市万赛软件科技有限公司维护号"></td>
                                     <td style="padding-left:20px;">
                                         <div class="button-control">
-                                            <button type="button" class="btn btn-primary">查看详细</button>
+                                            <button data-toggle="modal" data-target="#smsModal" type="button" ng-click="infoView(user)" class="btn btn-primary">查看详细</button>
                                             <button type="button" class="btn btn-danger">删除</button>
                                         </div>
                                     </td>
                                 </tr>
                                 <tr class="Tr">
                                     <td><input class="checkbox-t" type="checkbox" ng-checked="checkedtotal" ng-click="checkedTr($event)"></td>
-                                    <td style="text-align:center;padding-right:16px;"> {{ ($index + 1)+(currentPage-1)*10 }} </td>
+                                    <td style="text-align:center;padding-right:16px;"> {{ ($index + 2)+(currentPage-1)*10 }} </td>
                                     <td>2017-08-16 11:11:11</td>
                                     <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护号丽水市万赛软件科技有限公司维护号"></td>
                                     <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护号丽水市万赛软件科技有限公司维护号"></td>
                                     <td style="padding-left:20px;">
                                         <div class="button-control">
-                                            <button type="button" class="btn btn-primary">查看详细</button>
+                                            <button data-toggle="modal" data-target="#smsModal" type="button" ng-click="infoView(user)" class="btn btn-primary">查看详细</button>
                                             <button type="button" class="btn btn-danger">删除</button>
                                         </div>
                                     </td>
@@ -94,11 +94,75 @@
                     </form>
                 </div>
                 <div role="tabpanel" class="tab-pane" id="managers">
-                    <form id="form2">
-
+                    <form class="form">
+                        <table id="header">
+                            <thead>
+                                <tr>
+                                    <th style="min-width:30px;">
+                                        <input style="margin-left:5px;margin-top:8px;" type="checkbox" ng-click="checkedTotal()" ng-model="checkedtotal">
+                                    </th>
+                                    <th style="min-width:50px;">序号</th>
+                                    <th style="min-width:200px;padding-left:50px;">用户名</th>
+                                    <th style="width:200px">手机号码</th>
+                                    <th style="width:200px">固定电话</th>
+                                    <th style="width:660px;padding-left:20px;">操作</th>
+                                </tr>
+                            </thead>
+                        </table>
+                        <div style="border-top:solid 1px #ddd;margin:5px auto;"></div>
+                        <table id="content">
+                            <thead>
+                                <tr>
+                                    <th style="min-width:30px;"></th>
+                                    <th style="min-width:50px;"></th>
+                                    <th style="min-width:200px;padding-left:50px;"></th>
+                                    <th style="width:200px"></th>
+                                    <th style="width:200px"></th>
+                                    <th style="width:660px;padding-left:20px;"></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr class="Tr">
+                                    <td><input class="checkbox-t" type="checkbox" ng-checked="checkedtotal" ng-click="checkedTr($event)"></td>
+                                    <td style="text-align:center;padding-right:16px;"> {{ ($index + 1)+(currentPage-1)*10 }} </td>
+                                    <td style="padding-left:51px;">客服一</td>
+                                    <td>15906422850</td>
+                                    <td>0578-2021088</td>
+                                    <td style="padding-left:20px;">
+                                        <div class="button-control">
+                                            <button data-toggle="modal" data-target="#smsModal" type="button" ng-click="infoView(user)" class="btn btn-primary">修改资料</button>
+                                            <button type="button" class="btn btn-danger">删除</button>
+                                        </div>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
                     </form>
                 </div>
             </div>
+            <div class="modal fade" id="smsModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="smsModalLabel" aria-hidden="true">
+                <div class="modal-dialog">
+                    <div class="modal-content">
+                        <div class="modal-header">
+                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                            <p id="title">问题详细</p>
+                        </div>
+                        <div class="modal-body">
+                            <p>短信发送人:<input type="text" readonly="readonly" value="{{userInfo.Sender}}"></p>
+                            <p>接收人手机:<input type="text" readonly="readonly" value="{{userInfo.Receiver}}"> </p>
+                            <p>发送时间:<input type="text" readonly="readonly" value="{{userInfo.FirstTime}} {{userInfo.LastTime}}"> </p>
+                            <p>短信内容:</p>
+                            <textarea rows="5" type="text" readonly="readonly">{{userInfo.SMSContent}}</textarea>
+                        </div>
+                        <div class="modal-footer">
+                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+                        </div>
+                    </div>
+                    <!-- /.modal-content -->
+                </div>
+                <!-- /.modal-dialog -->
+            </div>
+            <!-- /.modal -->
         </div>
     </content>
     <footer class="foot">