Kaynağa Gözat

群组资料界面

dgf 8 yıl önce
ebeveyn
işleme
22ef5ae4a8

BIN
dist/img/111.jpg


BIN
dist/img/HappyNewYear.jpg


Dosya farkı çok büyük olduğundan ihmal edildi
+ 1 - 1
dist/webManger12346/app-b88c138877.css


Dosya farkı çok büyük olduğundan ihmal edildi
+ 1 - 1
dist/webManger12346/app-49d709499b.js


+ 2 - 2
dist/webManger12346/index.html

@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
     <!--<link rel="stylesheet" href="../bower_components/bootstrap-material-design/dist/bootstrap-material-design.css">-->
     <link rel="stylesheet" href="../bower_components/animate.css/animate.min.css">
-    <link rel="stylesheet" href="app-b88c138877.css">
+    <link rel="stylesheet" href="app-9fadd23821.css">
 
     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
     <!--<script src="js/jquery.min.js"></script>-->
@@ -22,7 +22,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-49d709499b.js"></script>
+    <script src="app-a9472bdec3.js"></script>
 </head>
 
 <body ng-app="app">

+ 31 - 2
talkview/src/js/controller/groupsinfoController.js

@@ -3,10 +3,39 @@
 angular.module('appMessage').controller('GroupsinfoController', ['$scope', function($scope) {
     //lxtalkClient.Invoke('{15180DEF-D508-45F7-BAEB-6486CD8752C8}', '_Register', '', $scope);
     $scope.searchClass = "允许任何人加入该群";
+    $scope.groupUsers = [
+        { loginName: "0578+0+lsswsrj", displayName: "万赛软件维护", manger: 0 },
+        { loginName: "0578+0+lsslqq", displayName: "陆趣趣", manger: 1 },
+        { loginName: "0578+0+lssdgf", displayName: "戴国峰", manger: 1 },
+        { loginName: "0578+0+lsszlg", displayName: "郑连根", manger: 2 },
+        { loginName: "0578+0+lsslzy", displayName: "蓝梓洋", manger: 2 },
+    ];
+
+    $scope.searchUser = function() {
+        var users = $("#content>tbody>tr");
+        //console.log(users);
+        if ($scope.searchName !== "") {
+            $("#content>tbody>tr").addClass("hide");
+            for (var i = 0, len = users.length; i < len; i++) {
+                if (users[i].firstElementChild.nextElementSibling.firstElementChild.value.indexOf($scope.searchName) !== -1 || users[i].firstElementChild.nextElementSibling.nextElementSibling.firstElementChild.value.indexOf($scope.searchName) !== -1)
+                    $(users[i]).removeClass("hide");
+            }
+        } else if ($scope.searchName == "")
+            $("#content>tbody>tr").removeClass("hide");
+    };
+
+    $scope.getMangerIco = function(user) {
+        if (user.manger == 0)
+            return '../img/groupManger.png';
+        else if (user.manger == 1)
+            return '../img/mangers.png';
+        else if (user.manger == 2)
+            return '';
+    };
 
     $scope.actived = function($event) {
         var activeClick = $($event.target);
-        console.log(activeClick);
+        //console.log(activeClick);
         if (activeClick[0].nodeName == "A") {
             angular.element(".Li").removeClass("activeBackground");
             angular.element(".Aa").removeClass("activeColor");
@@ -25,7 +54,7 @@ angular.module('appMessage').controller('GroupsinfoController', ['$scope', funct
 
     $scope.activeTable = function($event) {
         var activeClick = $($event.target);
-        console.log(activeClick);
+        //console.log(activeClick);
         $("#content>tbody>tr").removeClass("activebcolor");
         $(activeClick[0].parentElement).addClass("activebcolor");
         $(activeClick[0].parentElement.parentElement).addClass("activebcolor");

+ 62 - 2
talkview/src/less/app.main.less

@@ -5,7 +5,7 @@
 /* 设置滚动条的样式 */::-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%;
     height: 100%;
@@ -329,6 +329,7 @@
 body {
     overflow-x: hidden;
 }
+
 #details-right {
     min-width: 220px;
     height: 450px;
@@ -1103,7 +1104,7 @@ body {
         .tab-pane {
             margin: 5px auto;
             #form1 {
-                background: #FFF;/* Opera 11.1 - 12.0 */
+                background: #FFF;
                 white-space: nowrap; /* 自适应宽度,不换行*/
                 overflow: hidden;
                 #icoImg {
@@ -1303,6 +1304,7 @@ body {
                                 padding: 7px 8px 6px 3px;
                                 font-size:16px;
                                 color:#ddd;
+                                cursor: pointer;
                                 &:hover {
                                     color: #E35850;
                                 }
@@ -1344,5 +1346,63 @@ body {
                 }
             }
         }
+        .modal .modal-dialog {
+            top: 200px;
+            left: 140px;
+            width: 220px;
+            margin: 0;
+            padding: 0;
+            font-family: "微软雅黑","宋体";
+            text-align: center;
+            .modal-header {
+                height: 40px;
+                border-bottom: none;
+                font-size: 17px;
+            }
+            .modal-footer {
+                border-top: none;
+                text-align: center;
+                >button.sure {
+                    margin: 10px auto 20px;
+                    padding: 2px 4px;
+                    height: 28px;
+                    width: 100px;
+                    font-size: 15px;
+                    background: #5bc0de;
+                    border: #5bc0de;
+                    &:hover,&:focus {
+                        outline: none;
+                        background: #5bc0de;
+                        border: #5bc0de;
+                    }
+                    &:active, .open>.dropdown-toggle.btn-primary{
+                        border: none;
+                        outline: none;
+                        background-color: #439BB2;
+                        border-color: #439BB2;
+                    }
+                }
+                >button.del {
+                    margin: 10px 8px 20px;
+                    padding: 2px 4px;
+                    height: 24px;
+                    width: 70px;
+                    font-size: 13px;
+                    background: #5bc0de;
+                    border: #5bc0de;
+                    &:hover,&:focus {
+                        outline: none;
+                        background: #5bc0de;
+                        border: #5bc0de;
+                    }
+                    &:active, .open>.dropdown-toggle.btn-primary{
+                        border: none;
+                        outline: none;
+                        background-color: #439BB2;
+                        border-color: #439BB2;
+                    }
+                }
+            }
+        }
     }
 }

+ 39 - 13
talkview/src/templates/groupsInfo.html

@@ -40,7 +40,7 @@
             <form id="form2">
                 <div class="input-search">
                     <span class="glyphicon glyphicon-search"></span>
-                    <input type="text" class="form-control input-sm" placeholder="查找联系人. . ." ng-model="searchName">
+                    <input type="text" class="form-control input-sm" placeholder="查找联系人. . ." ng-change="searchUser()" ng-model="searchName">
                 </div>
                 <div id="tableForm">
                     <!-- Table -->
@@ -65,20 +65,20 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr ng-click="activeTable($event)">
-                                <td style="text-align:center;"><img src="../img/groupManger.png" alt=""></td>
-                                <td><input type="text" readonly="readonly" value="0578+0+lsswsrj1"></td>
-                                <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护1"></td>
+                            <tr ng-click="activeTable($event)" ng-repeat="user in groupUsers track by $index">
+                                <td style="text-align:center;"><img ng-src="{{getMangerIco(user)}}" alt=""></td>
+                                <td><input type="text" readonly="readonly" ng-value="user.loginName"></td>
+                                <td><input type="text" readonly="readonly" ng-value="user.displayName"></td>
                                 <td>
-                                    <a class="glyphicon glyphicon-remove"></a>
+                                    <a class="glyphicon glyphicon-remove" data-toggle="modal" data-target="#delModal"></a>
                                 </td>
                             </tr>
-                            <tr ng-click="activeTable($event)">
+                            <!--<tr ng-click="activeTable($event)">
                                 <td style="text-align:center;"><img src="../img/mangers.png" alt=""></td>
                                 <td><input type="text" readonly="readonly" value="0578+0+lsswsrj2"></td>
                                 <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护2"></td>
                                 <td>
-                                    <a class="glyphicon glyphicon-remove"></a>
+                                    <a class="glyphicon glyphicon-remove" data-toggle="modal" data-target="#delModal"></a>
                                 </td>
                             </tr>
                             <tr ng-click="activeTable($event)">
@@ -86,7 +86,7 @@
                                 <td><input type="text" readonly="readonly" value="0578+0+lsswsrj3"></td>
                                 <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护3"></td>
                                 <td>
-                                    <a class="glyphicon glyphicon-remove"></a>
+                                    <a class="glyphicon glyphicon-remove" data-toggle="modal" data-target="#delModal"></a>
                                 </td>
                             </tr>
                             <tr ng-click="activeTable($event)">
@@ -94,7 +94,7 @@
                                 <td><input type="text" readonly="readonly" value="0578+0+lsswsrj4"></td>
                                 <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护4"></td>
                                 <td>
-                                    <a class="glyphicon glyphicon-remove"></a>
+                                    <a class="glyphicon glyphicon-remove" data-toggle="modal" data-target="#delModal"></a>
                                 </td>
                             </tr>
                             <tr ng-click="activeTable($event)">
@@ -102,9 +102,9 @@
                                 <td><input type="text" readonly="readonly" value="0578+0+lsswsrj5"></td>
                                 <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护5"></td>
                                 <td>
-                                    <a class="glyphicon glyphicon-remove"></a>
+                                    <a class="glyphicon glyphicon-remove" data-toggle="modal" data-target="#delModal"></a>
                                 </td>
-                            </tr>
+                            </tr>-->
                         </tbody>
                     </table>
                 </div>
@@ -127,10 +127,36 @@
                     <div class="text-message" contenteditable="plaintext-only"></div>
                 </div>
                 <div class="button-bottom">
-                    <button type="button" class="btn btn-primary">保存</button>
+                    <button type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">保存</button>
                     <button type="button" class="btn btn-primary">关闭</button>
                 </div>
             </form>
         </div>
+        <!--OK-->
+        <div class="modal fade" id="okModal" tabindex="-2" role="dialog" data-backdrop="static" aria-labelledby="okModalLabel" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <p id="titleB">保存成功</p>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-primary sure" data-dismiss="modal">确 定</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="modal fade" id="delModal" tabindex="-2" role="dialog" data-backdrop="static" aria-labelledby="delModalLabel" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <p id="titleB">确定删除该群成员</p>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-primary del" data-dismiss="modal">确 定</button>
+                        <button type="button" class="btn btn-primary del" data-dismiss="modal">取 消</button>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </div>

+ 1 - 1
talkview/src/templates/historyMsg.html

@@ -277,7 +277,7 @@
                     <div class="well m-l-xs m-t-xs fit-content">
                         <span class="text-message">
                         <a href="#" class="thumbnail">
-                            <img style="max-width:300px;max-height:250px;" src="../img/111.jpg" alt="通用的占位符缩略图">
+                            <img style="max-width:300px;max-height:250px;" src="../img/Lighthouse.jpg" alt="通用的占位符缩略图">
                         </a>
 					</span>
                     </div>

+ 1 - 1
webManger12346/src/less/app.main.less

@@ -355,7 +355,7 @@ body{
                                 background: #D9534F;
                                 border: #D9534F;
                             }
-                            &:active, .open>.dropdown-toggle.btn-primary{
+                            &:active, .open>.dropdown-toggle.btn-danger{
                                 border: none;
                                 outline: none;
                                 background-color: #A5403E;

+ 5 - 5
webManger12346/src/templates/mangerWeb.html

@@ -158,7 +158,7 @@
                             </div>
                         </div>
                         <div class="modal-footer">
-                            <button type="button" data-toggle="modal" data-target="#okModal" class="btn btn-success">确 定</button>
+                            <button type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">确 定</button>
                             <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                         </div>
                     </div>
@@ -189,7 +189,7 @@
                             </div>
                         </div>
                         <div class="modal-footer">
-                            <button type="button" data-toggle="modal" data-target="#okModal" class="btn btn-success">保 存</button>
+                            <button type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">保 存</button>
                             <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                         </div>
                     </div>
@@ -220,7 +220,7 @@
                             <p><input type="text" class="form-control input-sm" ng-value="user.email"><span>邮箱地址:</span></p>
                         </div>
                         <div class="modal-footer">
-                            <button ng-click="save($event)" type="button" data-toggle="modal" data-target="#okModal" class="btn btn-success">保 存</button>
+                            <button ng-click="save($event)" type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">保 存</button>
                             <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                         </div>
                     </div>
@@ -250,7 +250,7 @@
                             <p><input type="text" class="form-control input-sm"><span>邮箱地址:</span></p>
                         </div>
                         <div class="modal-footer">
-                            <button ng-click="save($event)" type="button" data-toggle="modal" data-target="#okModal" class="btn btn-success">保 存</button>
+                            <button ng-click="save($event)" type="button" data-toggle="modal" data-target="#okModal" class="btn btn-primary">保 存</button>
                             <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                         </div>
                     </div>
@@ -264,7 +264,7 @@
                             <p id="titleB">保存成功</p>
                         </div>
                         <div class="modal-footer">
-                            <button type="button" class="btn btn-success" data-dismiss="modal">OK</button>
+                            <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button>
                         </div>
                     </div>
                 </div>