Página inicial Explorar Ajuda
Entrar
lqq
/
LxtalkUIView
Observar 2
Favorito 1
Fork 1
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

管理界面

dgf 8 anos atrás
pai
9b8b68b0eb
commit
b89c588be7
10 arquivos alterados com 171 adições e 36 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 1 0
      common/app.bootstrap.less
  2. 1 0
      dist/webManger12346/app-4b6e557352.js
  3. 0 1
      dist/webManger12346/app-743b496e9c.css
  4. 0 1
      dist/webManger12346/app-98c65f7219.js
  5. 1 0
      dist/webManger12346/app-fd63a75081.css
  6. 3 2
      dist/webManger12346/index.html
  7. 1 0
      webManger12346/src/html/index.html
  8. 30 1
      webManger12346/src/js/controller/webController.js
  9. 56 18
      webManger12346/src/less/app.main.less
  10. 78 13
      webManger12346/src/templates/mangerWeb.html

+ 1 - 0
common/app.bootstrap.less
Ver arquivo 

@@ -5,6 +5,7 @@
 
     .form-group-sm & {
 
       line-height: normal;
 
       font-size: 12px;
 
+      font-family: "微软雅黑","宋体";
 
       padding: 2px 4px;
 
       height: 24px;
 
       &:focus {

Diferenças do arquivo suprimidas por serem muito extensas
+ 1 - 0
dist/webManger12346/app-4b6e557352.js


Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 1
dist/webManger12346/app-743b496e9c.css


Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 1
dist/webManger12346/app-98c65f7219.js


Diferenças do arquivo suprimidas por serem muito extensas
+ 1 - 0
dist/webManger12346/app-fd63a75081.css


+ 3 - 2
dist/webManger12346/index.html
Ver arquivo 

@@ -7,8 +7,9 @@
 
     <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=no">
 
     <!-- 新 Bootstrap 核心 CSS 文件 -->
 
     <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-743b496e9c.css">
 
+    <link rel="stylesheet" href="app-fd63a75081.css">
 
 
     <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
 
     <!--<script src="js/jquery.min.js"></script>-->
 
@@ -21,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-98c65f7219.js"></script>
 
+    <script src="app-4b6e557352.js"></script>
 
 </head>
 
 
 <body ng-app="app">

+ 1 - 0
webManger12346/src/html/index.html
Ver arquivo 

@@ -7,6 +7,7 @@
 
     <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=no">
 
     <!-- 新 Bootstrap 核心 CSS 文件 -->
 
     <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.css">

+ 30 - 1
webManger12346/src/js/controller/webController.js
Ver arquivo 

@@ -1,10 +1,39 @@
 
 'use strict';
 
 
-angular.module('app').controller('WebMangerController', ['$scope', function($scope) {
 
+angular.module('app').controller('WebMangerController', ['$scope', '$filter', function($scope, $filter) {
 
 
     //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
 
+    $scope.now = new Date();
 
+    $scope.nowDate = $filter("date")($scope.now, "yyyy-MM-dd HH:mm:ss");
 
+    $scope.createDate = $scope.nowDate;
 
     $scope.currentPage = 1;
 
     $scope.animateFirst = true;
 
+    $scope.user = {
 
+        name: '客服一',
 
+        password: '12345678',
 
+        loginname: 'kehu01',
 
+        sex: 0,
 
+        mob: '15906422850',
 
+        tel: '0578-2021088',
 
+        email: 'kehu01@wswin.cn',
 
+    };
 
+
 
+    $scope.getSex = function() {
 
+        console.log("1111111111111");
 
+        if ($scope.user === undefined)
 
+            return '保密';
 
+        if ($scope.user.sex == 0)
 
+            return '男';
 
+        else if ($scope.user.sex == 1)
 
+            return '女';
 
+        else
 
+            return '保密';
 
+    };
 
+
 
+    $scope.save = function($event) {
 
+        var activeClick = $($event.target);
 
+        console.log(activeClick);
 
+    };
 
 
     $scope.checkedTr = function($event) {
 
         var activeClick = $($event.target);

+ 56 - 18
webManger12346/src/less/app.main.less
Ver arquivo 

@@ -380,6 +380,7 @@ body{
 
             top: 0px;
 
             width: 800px;
 
             font-size: 13px;
 
+            font-family: "微软雅黑","宋体";
 
             .modal-header {
 
                 height: 45px;
 
                 line-height: normal;
 
@@ -389,7 +390,7 @@ body{
 
             }
 
             .modal-body {
 
                 padding-bottom: 0px;
 
-                margin: -10px 20px auto 10px;
 
+                margin: 0px 20px auto 10px;
 
                 >p {
 
                     color: #666;
 
                     line-height: 20px;
 
@@ -397,17 +398,38 @@ body{
 
                         color: #000;
 
                         margin-left: 10px;
 
                     }
 
+                    .input-sm {
 
+                        font-size: 13px;
 
+                        float: right;
 
+                        width: 670px;
 
+                        margin-top: -1px;
 
+                        padding: 0px 10px 2px 10px; 
+                        border: none;
 
+                        border-bottom: 1px solid #FFF;
 
+                        outline: none;
 
+                        box-shadow: none;
 
+                        border-radius: 0px;
 
+                        color: #000;
 
+                        &:focus {
 
+                            border-bottom: 1px solid #439BB2;
 
+                        }
 
+                    }
 
                 }
 
                 .text-message {
 
-                    float: left;
 
-                    margin: -30px 10px 10px 75px;
 
+                    float: right;
 
+                    width: 670px;
 
+                    margin: -30px 0px 10px 80px;
 
+                    padding: 0px 10px 2px 10px; 
+                    border: none;
 
+                    border-bottom: 1px solid #FFF;
 
+                    outline: none;
 
+                    box-shadow: none;
 
                     line-height: 20px;
 
                     white-space: normal;
 
                     font-weight: 500;
 
                     color: #000;
 
                     &:focus {
 
-                        outline: none;
 
-                        border: 1px solid #5bc0de;
 
+                        border-bottom: 1px solid #439BB2;
 
                     }
 
                 }
 
                 #imgpreview {
 
@@ -449,7 +471,7 @@ body{
 
                 }
 
             }
 
         }
 
-        #okModal .modal-dialog {
 
+        .okModal .modal-dialog {
 
             top: 250px;
 
             width: 200px;
 
             .modal-header {
 
@@ -466,24 +488,40 @@ body{
 
                 }
 
             }
 
         }
 
-        #personModal .modal-dialog {
 
+        .personModal .modal-dialog {
 
+            border-radius: 7px;
 
+            background-color: #eee;
 
             top: 120px;
 
+            width: 400px;
 
             .modal-body {
 
-                margin-top: 10px;
 
+                margin: 0px 10px 0px -10px;
 
                 >p {
 
-                    display: inline-block;
 
-                    >span {
 
-                        float: left;
 
-                    }
 
-                    >input {
 
-                        float: left;
 
-                        width: 250px;
 
-                        padding-left: 25px; 
-                        background: #eee;
 
+                    padding-bottom: 30px;
 
+                    .input-sm {
 
+                        float: right;
 
+                        width: 290px;
 
+                        margin-top: -1px;
 
+                        padding: 0px 10px 2px 10px; 
+                        border: none;
 
+                        border-bottom: 1px solid #FFF;
 
+                        outline: none;
 
+                        box-shadow: none;
 
+                        border-radius: 0px;
 
+                        color: #000;
 
                         &:focus {
 
-                            background: #FFF;
 
+                            border-bottom: 1px solid #439BB2;
 
                         }
 
                     }
 
+                    >span {
 
+                        font-size: 12px;
 
+                        color: #666;
 
+                        float: right;
 
+                    }
 
+                }
 
+                >div {
 
+                    background-color: #FFF;
 
+                    float: right;
 
+                    margin-top: -33px;
 
                 }
 
             }
 
         }

+ 78 - 13
webManger12346/src/templates/mangerWeb.html
Ver arquivo 

@@ -27,8 +27,8 @@
 
                     <input type="text" class="form-control input-sm" placeholder="搜索关键字. . ." ng-model="searchName">
 
                 </div>
 
                 <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>
 
+                    <button type="button" data-toggle="modal" data-target="#infoModal-new" class="btn btn-primary glyphicon glyphicon-file"><span>新建问题</span></button>
 
+                    <button type="button" data-toggle="modal" data-target="#personModal-new" class="btn btn-primary glyphicon glyphicon-plus"><span>添加人员</span></button>
 
                 </div>
 
             </div>
 
             <div class="tab-content">
 
@@ -129,7 +129,7 @@
 
                 </div>
 
             </div>
 
             <!--info-->
 
-            <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="infoModalLabel" aria-hidden="true">
 
+            <div class="modal fade infoModal" id="infoModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="infoModalLabel" aria-hidden="true">
 
                 <div class="modal-dialog">
 
                     <div class="modal-content">
 
                         <div class="modal-header">
 
@@ -163,8 +163,38 @@
 
                     </div>
 
                 </div>
 
             </div>
 
+            <div class="modal fade infoModal" id="infoModal-new" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="infoModalLabel" 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="titleA">新建问题</p>
 
+                        </div>
 
+                        <div class="modal-body">
 
+                            <p>创建时间：<input type="text" class="form-control input-sm" ng-model="createDate"></p>
 
+                            <p>提交用户：<input type="text" class="form-control input-sm"></p>
 
+                            <p>手机号码：<input type="text" class="form-control input-sm"></p>
 
+                            <p>问题详细：</p>
 
+                            <span class="text-message" contenteditable="plaintext-only"></span>
 
+
 
+                            <p>图片描述：
 
+                                <div id="imgpreview">
 
+                                </div>
 
+                            </p>
 
+                            <p>所在位置：</p>
 
+                            <div class="text-map">
 
+                                <gaode-map options="mapOptions" style="height:180px"></gaode-map>
 
+                            </div>
 
+                        </div>
 
+                        <div class="modal-footer">
 
+                            <button type="button" data-toggle="modal" data-target="#okModal" class="btn btn-success">报 存</button>
 
+                            <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
             <!--person-->
 
-            <div class="modal fade" id="personModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="personModalLabel" aria-hidden="true">
 
+            <div class="modal fade personModal" id="personModal" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="personModalLabel" aria-hidden="true">
 
                 <div class="modal-dialog">
 
                     <div class="modal-content">
 
                         <div class="modal-header">
 
@@ -172,25 +202,60 @@
 
                             <p id="titleA">修改资料</p>
 
                         </div>
 
                         <div class="modal-body">
 
-                            <p><span>登&nbsp 录&nbsp 名：</span><input type="text" class="form-control input-sm" ng-model="searchName">
 
-                                <span>密&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp码：</span> <input type="text" class="form-control input-sm" ng-model="searchName">
 
-                            </p>
 
-                            <p><span>用&nbsp 户&nbsp 名：</span><input type="text" class="form-control input-sm" ng-model="searchName">
 
-                                <span>性&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp别：</span> <input type="text" class="form-control input-sm" ng-model="searchName">
 
+                            <p><input type="text" class="form-control input-sm" ng-value="user.loginname"><span>登录名：</span></p>
 
+                            <p><input type="password" class="form-control input-sm" ng-value="user.password"><span>密码：</span></p>
 
+                            <p><input type="text" class="form-control input-sm" ng-value="user.name"><span>用户名：</span></p>
 
+                            <p><select class="form-control input-sm" ng-value="getSex()">
 
+                                    <option>保密</option>
 
+                                    <option>男</option>
 
+                                    <option>女</option>
 
+                                </select>
 
+                                <span>性别：</span>
 
                             </p>
 
-                            <p><span>手机号码：</span><input type="text" class="form-control input-sm" ng-model="searchName">
 
-                                <span>座机号码：</span> <input type="text" class="form-control input-sm" ng-model="searchName">
 
+                            <div style="height:10px;width:20px"></div>
 
+                            <p><input type="text" class="form-control input-sm" ng-value="user.mob"><span>手机号码：</span></p>
 
+                            <p><input type="text" class="form-control input-sm" ng-value="user.tel"><span>座机号码：</span></p>
 
+                            <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 type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="modal fade personModal" id="personModal-new" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="personModalLabel" 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="titleA">添加人员</p>
 
+                        </div>
 
+                        <div class="modal-body">
 
+                            <p><input type="text" class="form-control input-sm"><span>登录名：</span></p>
 
+                            <p><input type="password" class="form-control input-sm"><span>密码：</span></p>
 
+                            <p><input type="text" class="form-control input-sm"><span>用户名：</span></p>
 
+                            <p><select class="form-control input-sm">
 
+                                    <option>保密</option>
 
+                                    <option>男</option>
 
+                                    <option>女</option>
 
+                                </select>
 
+                                <span>性别：</span>
 
                             </p>
 
+                            <div style="height:10px;width:20px"></div>
 
+                            <p><input type="text" class="form-control input-sm"><span>手机号码：</span></p>
 
+                            <p><input type="text" class="form-control input-sm"><span>座机号码：</span></p>
 
+                            <p><input type="text" class="form-control input-sm"><span>邮箱地址：</span></p>
 
                         </div>
 
                         <div class="modal-footer">
 
-                            <button 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-success">保 存</button>
 
                             <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
 
                         </div>
 
                     </div>
 
                 </div>
 
             </div>
 
             <!--OK-->
 
-            <div class="modal fade" id="okModal" tabindex="-2" role="dialog" data-backdrop="static" aria-labelledby="okModalLabel" aria-hidden="true">
 
+            <div class="modal fade okModal" 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">