短信界面

talkview/src/js/controller/messageController.js

@@ -1,4 +1,4 @@
-angular.module('appMessage').controller('MessageController', ['$scope', '$filter', '$location', '$anchorScroll', '$timeout', '$element', function($scope, $filter, $location, $anchorScroll, $timeout, $element) {
+angular.module('appMessage').controller('MessageController', ['$scope', '$filter', '$timeout', function($scope, $filter, $timeout) {
         lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', '_Register', '', $scope);
         $scope.glued = true;
         $scope.count = true;
@@ -155,20 +155,20 @@ angular.module('appMessage').controller('MessageController', ['$scope', '$filter
             lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', 'LoadImages', JSON.stringify(data), $scope);
         };
 
-        $scope.scrollHide = function() {
-            angular.element("#body").addClass("scrollGlue");
-        };
-        $scope.scrollShow = function() {
-            if (angular.element("#body").hasClass("scrollGlue")) {
-                angular.element("#body").removeClass("scrollGlue");
-                gotoBottom();
-            } else angular.element("#body").removeClass("scrollGlue");
-        };
+        // $scope.scrollHide = function() {
+        //     angular.element("#body").addClass("scrollGlue");
+        // };
+        // $scope.scrollShow = function() {
+        //     if (angular.element("#body").hasClass("scrollGlue")) {
+        //         angular.element("#body").removeClass("scrollGlue");
+        //         gotoBottom();
+        //     } else angular.element("#body").removeClass("scrollGlue");
+        // };
 
-        var gotoBottom = function() {
-            $location.hash("bottom");
-            $anchorScroll();
-        };
+        // var gotoBottom = function() {
+        //     $location.hash("bottom");
+        //     $anchorScroll();
+        // };
 
     }])
     .animation(".animate", function() {

talkview/src/js/router.js

@@ -7,7 +7,7 @@ angular.module('appMessage').run(['$rootScope', '$state', '$stateParams',
     function($stateProvider, $urlRouterProvider, $compileProvider) {
         $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|local):/);
         $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local):/);
-        $urlRouterProvider.otherwise('/smsSend'); //
+        $urlRouterProvider.otherwise('/messages'); //
         $stateProvider.state('messages', {
                 url: '/messages',
                 templateUrl: 'templates/messages.html',

talkview/src/less/app.main.less

@@ -2,9 +2,9 @@
     margin-top: 5px;
 }
 
-.scrollGlue {
-    overflow-y: hidden;
-}
+/* 设置滚动条的样式 */::-webkit-scrollbar { width: 6px;}
+/* 滚动槽 */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #FFFFFF; border-radius: 3px;}
+/* 滚动条滑块 */::-webkit-scrollbar-thumb { border-radius: 3px; background: #ccc; -webkit-box-shadow: inset 0 0 6px transparent;}::-webkit-scrollbar-thumb:window-inactive { background: transparent;}
 
 .full-client{
     width: 100%;
@@ -38,7 +38,7 @@
 }
 
 .media-body {
-    width: 1200px;
+    width: 2500px;
     font-family: "微软雅黑","宋体";
     font-size: 13px;
     vertical-align: top;
@@ -467,6 +467,7 @@ body {
         text-align: left;
         height: 210px;
         padding: 5px;
+        overflow-y: auto;
         >img {
             height: 100px;
         }
@@ -577,21 +578,21 @@ body {
 }
 
 .smsView {
-    width: 600px;
-    height: 500px;
+    width: 550px;
+    height: 450px;
     margin: 100px auto;
     background: #F5FAFE;
     border: 1px solid #ccc;
     font-size: 12px;
     #sms-set {
-        height: 45px;
+        height: 35px;
         background: #F5F5F5;
         button {
             float: right;
             height: 25px;
             width: 75px;
             padding: 0px;
-            margin: 10px 20px;
+            margin: 5px 20px;
             font-size: 12px;
             >span {
                 padding-right: 2px;
@@ -599,14 +600,15 @@ body {
         }
     }
     #sms-manage {
-        height: 45px;
+        height: 35px;
         background: #F5FAFE;
+        padding-right: 2px;
         button {
             float: left;
             height: 25px;
             width: 75px;
             padding: 0px;
-            margin: 10px 5px;
+            margin: 5px;
             font-size: 12px;
             background: #5A98DE;
             border: #5A98DE;
@@ -614,6 +616,10 @@ body {
                 padding-right: 2px;
             }
         }
+        >span {
+            color: #007FE0;
+            font-size: 9pt;
+        }
     }
     #sms-mob {
         height: 30px;
@@ -639,11 +645,28 @@ body {
         background: #fff;
     }
     #sms-inbox {
-        height: 100px;
+        height: 120px;
         border: 1px solid #ccc;
         border-radius: 5px;
         margin: 10px;
-        padding: 5px;
         background: #fff;
+        #sms-input {
+            height: 80px;
+            padding: 5px 20px 5px 5px;
+            margin-right: -20px;
+            overflow-y: auto;
+            &:focus {
+                border: none;
+                outline: none;
+            }
+        }
+        button {
+            float: right;
+            height: 30px;
+            width: 70px;
+            padding: auto;
+            margin-right: 10px;;
+            font-size: 12px;
+        }
     }
 }

talkview/src/templates/smsSend.html

@@ -6,6 +6,7 @@
     <div id="sms-manage">
         <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-log-out"></span>短信群发</button>
         <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-wrench"></span>短信管理</button>
+        <span>您处于个人模式下，本月您尚可发送20000条短信，您个人已发送20000条短信</span>
     </div>
     <div style="border-top:solid 1px #ccc;"></div>
     <div id="sms-mob">
@@ -16,6 +17,11 @@
     </div>
     <div id="sms-media">
     </div>
-    <div id="sms-inbox" contenteditable="true">
+    <div id="sms-inbox">
+        <div id="sms-input" contenteditable="true">
+        </div>
+        <div id="sms-button">
+            <button type="button" class="btn btn-success">发送</button>
+        </div>
     </div>
 </div>