Browse Source

微信界面

dgf 8 years ago
parent
commit
c474dd1575

File diff suppressed because it is too large
+ 1 - 0
dist/web12345/app-18ea703c2e.css


File diff suppressed because it is too large
+ 0 - 1
dist/web12345/app-7df27d12bf.css


File diff suppressed because it is too large
+ 0 - 1
dist/web12345/app-92c4d480ea.js


File diff suppressed because it is too large
+ 1 - 0
dist/web12345/app-bfd5556f2d.js


+ 2 - 2
dist/web12345/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-7df27d12bf.css">
+    <link rel="stylesheet" href="app-18ea703c2e.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-92c4d480ea.js"></script>
+    <script src="app-bfd5556f2d.js"></script>
 </head>
 
 <body ng-app="app">

+ 17 - 6
web12345/src/js/controller/webController.js

@@ -3,11 +3,10 @@
 angular.module('app').controller('WebController', ['$scope', '$timeout', function($scope, $timeout) {
     //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
     $scope.imgView = function(event) {
+        angular.element(".onView").removeClass("onView");
         var img = $(event.target);
-        console.log(img);
-        img[0].id = "onView";
+        img[0].className = "onView";
         if (img[0].naturalWidth > img[0].naturalHeight) {
-            console.log("111111111");
             angular.element(".image-view").addClass("width-Img");
         } else {
             angular.element(".image-view").removeClass("width-Img");
@@ -24,9 +23,8 @@ angular.module('app').controller('WebController', ['$scope', '$timeout', functio
         // var imgUrl = activeClick[0].parentElement.previousElementSibling.firstElementChild.src;
         var imgs = $(".images");
         $(".image-big").remove();
-        console.log(imgs);
         for (var i = 0, len = imgs.length; i < len; i++) {
-            if ($(".images")[i].firstElementChild.id == "onView") {
+            if ($(".images")[i].firstElementChild.className == "onView") {
                 $(".images")[i].remove();
                 var imgNum = $("#imgpreview").find('img').length;
                 if (imgNum == 2) {
@@ -47,7 +45,6 @@ angular.module('app').controller('WebController', ['$scope', '$timeout', functio
 
     $scope.actived = function($event) {
         var activeClick = $($event.target);
-        console.log(activeClick);
         if (activeClick[0].nodeName == "A") {
             angular.element(".Aa").removeClass("activeColor");
             angular.element(".glyphicon").removeClass("activeColor");
@@ -60,6 +57,20 @@ angular.module('app').controller('WebController', ['$scope', '$timeout', functio
         }
     };
 
+    $scope.footHide = function() {
+        angular.element(".foot").addClass("hide");
+    };
+    $scope.footShow = function($event) {
+        var activeClick = $($event.target);
+        if (activeClick[0].className == "form-control input-sm" || activeClick[0].className == "text-message") {
+            angular.element(".foot").addClass("hide");
+        } else {
+            $timeout(function() {
+                angular.element(".foot").removeClass("hide");
+            }, 400);
+        }
+    };
+
     $scope.imgPreview = function(fileDom) {
         //判断是否支持FileReader
         if (window.FileReader) {

+ 11 - 3
web12345/src/less/app.main.less

@@ -24,11 +24,14 @@
 body{
     background-color: #F5F5F5;
 }
+content {
+    flex: 1;
+}
 
 .header {
     position: fixed;
     top: 0%;
-    z-index: 99;
+    z-index: 1000;
     width: 100%;
     height: 40px;
     padding-top: 9px;
@@ -164,6 +167,8 @@ body{
             font-size: 12px;
         }
         >div>span {
+            float: left;
+            margin-top: 3px;
             color: #333;
             font-size: 14px;
             font-weight: 600;
@@ -176,16 +181,19 @@ body{
             color: #E35850;
         }
         .input-sm {
+            font-size: 13px;
             width: 65%;
+            height: 26px;
             float: right;
             margin-right: 10%;
             font-weight: 500;
             font-family: "微软雅黑","宋体";
         }
         .text-message {
+            font-size: 13px;
             white-space: normal;
             width: 65%;
-            min-height: 60px;
+            min-height: 70px;
             float: right;
             margin-right: 10%;
             margin-top: 3px;
@@ -348,7 +356,7 @@ body{
             }
         }
         .button-bottom{
-            margin: 0px 10% 15px;
+            margin: 0px 10% 20px;
             .btn-default{
                 line-height: normal;
                 height: 36px;

+ 5 - 4
web12345/src/templates/webChat-5.html

@@ -1,17 +1,17 @@
 <div class="header">
     <span onClick="javascript :history.back(-1);" class="glyphicon glyphicon-arrow-left"></span><span>网上投诉</span><span ui-sref="home" class="glyphicon glyphicon-home"></span>
 </div>
-<div class="webContent-2">
+<div class="webContent-2" ng-click="footShow($event)">
     <div class="webimg-2">
         <img src="../img/仙宫湖.jpg">
     </div>
 
     <div class="userInfo">
         <div style="height:5px"></div>
-        <div><span>姓&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp名:</span><input class="form-control input-sm" type="text" placeholder="单行输入"><span class="certificate">*</span></div>
-        <div><span>手机号码:</span><input class="form-control input-sm" type="text" placeholder="单行输入"><span class="certificate">*</span></div>
+        <div><span>姓&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp名:</span><input class="form-control input-sm" type="text" placeholder="单行输入" ng-focus="footHide()"><span class="certificate">*</span></div>
+        <div><span>手机号码:</span><input class="form-control input-sm" type="text" placeholder="单行输入" ng-focus="footHide()"><span class="certificate">*</span></div>
         <div><span>投诉内容:</span>
-            <div class="text-message" contenteditable="plaintext-only"></div><span class="certificate">*</span>
+            <div class="text-message" contenteditable="plaintext-only" ng-focus="footHide()"></div><span class="certificate">*</span>
         </div>
         <div class="image"><span>图&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp片:</span>
             <div id="imgpreview">
@@ -20,6 +20,7 @@
             <input id="file" type="file" name="file" multiple="multiple" onchange='angular.element(this).scope().imgPreview(this)' />
         </div>
         <div><span>所在位置:</span>
+            <div style="height:25px"></div>
             <div class="text-map">
                 <gaode-map options="mapOptions" style="height:150px"></gaode-map>
             </div>

+ 5 - 3
web12345/src/templates/webChat.html

@@ -1,6 +1,8 @@
-<div ui-view class="fade-in-right-big"></div>
+<header>
+</header>
+<content ui-view class="fade-in-right-big"></content>
 
-<div class="foot">
+<footer class="foot">
     <div class="footinfo">
         <div ui-sref=".conComplain" ng-click="actived($event)">
             <a class="Aa" href=""><span class="glyphicon glyphicon-earphone"></span><br>咨询投诉</a>
@@ -15,4 +17,4 @@
             <a class="Aa" href=""><span class="glyphicon glyphicon-file"></span><br>动态信息</a>
         </div>
     </div>
-</div>
+</footer>