|
|
@@ -1,11 +1,8 @@
|
|
|
'use strict';
|
|
|
|
|
|
-angular.module('app').controller('PageViewController', ['$scope', '$filter', function($scope, $filter) {
|
|
|
+angular.module('app').controller('PageViewController', ['$scope', function($scope) {
|
|
|
|
|
|
//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.user = {
|
|
|
name: '客服一',
|
|
|
password: '12345678',
|
|
|
@@ -18,46 +15,58 @@ angular.module('app').controller('PageViewController', ['$scope', '$filter', fun
|
|
|
|
|
|
$scope.$on('$viewContentLoaded', function() {
|
|
|
var clientWidth = document.documentElement.clientWidth || window.innerWidth;
|
|
|
- var innerWidth = Math.max(Math.min(clientWidth, 640), 320);
|
|
|
+ var innerWidth = Math.max(Math.min(clientWidth, 600), 320);
|
|
|
+ var imgNum = $("#imgpreview").find('img').length;
|
|
|
console.log(innerWidth);
|
|
|
- if (innerWidth > 640) {
|
|
|
- angular.element(".userInfo>div>span").addClass("font-14");
|
|
|
- angular.element(".certificate").addClass("font-14");
|
|
|
- angular.element(".userInfo .input-sm ").addClass("font-13");
|
|
|
- angular.element(".userInfo .text-message").addClass("font-13");
|
|
|
- } else {
|
|
|
+ if (innerWidth > 480) {
|
|
|
+ angular.element(".font-13").removeClass("font-13");
|
|
|
+ angular.element("#content >p ").addClass("font-14");
|
|
|
+ angular.element("#content .text-message").addClass("font-14");
|
|
|
+ angular.element(".thumbnail").addClass("img-pc");
|
|
|
+ } else if (innerWidth >= 350 && innerWidth <= 480) {
|
|
|
+ angular.element(".font-14").removeClass("font-14");
|
|
|
+ angular.element(".thumbnail").removeClass("img-pc");
|
|
|
+ angular.element("#content >p ").addClass("font-13");
|
|
|
+ angular.element("#content .text-message").addClass("font-13");
|
|
|
+ angular.element(".viewModal").addClass("phone");
|
|
|
+ if (imgNum == 0) {
|
|
|
+ angular.element(".images").addClass("one");
|
|
|
+ } else if (imgNum == 1) {
|
|
|
+ angular.element(".images").removeClass("one");
|
|
|
+ angular.element(".images").addClass("two");
|
|
|
+ } else if (imgNum >= 2) {
|
|
|
+ angular.element(".images").removeClass("two");
|
|
|
+ angular.element(".images").addClass("three");
|
|
|
+ }
|
|
|
+ } else if (innerWidth < 350) {
|
|
|
angular.element(".font-13").removeClass("font-13");
|
|
|
angular.element(".font-14").removeClass("font-14");
|
|
|
+ angular.element(".thumbnail").removeClass("img-pc");
|
|
|
+ angular.element(".viewModal").addClass("phone");
|
|
|
+ if (imgNum == 0) {
|
|
|
+ angular.element(".images").addClass("one");
|
|
|
+ } else if (imgNum == 1) {
|
|
|
+ angular.element(".images").removeClass("one");
|
|
|
+ angular.element(".images").addClass("two");
|
|
|
+ } else if (imgNum >= 2) {
|
|
|
+ angular.element(".images").removeClass("two");
|
|
|
+ angular.element(".images").addClass("three");
|
|
|
+ }
|
|
|
}
|
|
|
});
|
|
|
|
|
|
- $scope.imgPreview = function(fileDom) {
|
|
|
- //判断是否支持FileReader
|
|
|
- if (window.FileReader) {
|
|
|
- var reader = new FileReader();
|
|
|
+ $scope.imgView = function(event) {
|
|
|
+ angular.element(".onView").removeClass("onView");
|
|
|
+ var img = $(event.target);
|
|
|
+ img[0].className = "onView";
|
|
|
+ if (img[0].naturalWidth > img[0].naturalHeight) {
|
|
|
+ angular.element(".image-view").addClass("width-Img");
|
|
|
} else {
|
|
|
- alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
|
|
|
- }
|
|
|
-
|
|
|
- //获取文件
|
|
|
- var file = fileDom.files[0];
|
|
|
- var imageType = /^image\//;
|
|
|
- //是否是图片
|
|
|
- if (!imageType.test(file.type)) {
|
|
|
- alert("请选择图片！");
|
|
|
- return;
|
|
|
+ angular.element(".image-view").removeClass("width-Img");
|
|
|
}
|
|
|
- //读取完成
|
|
|
- console.log(file);
|
|
|
- reader.onload = function(e) {
|
|
|
- // //获取图片dom
|
|
|
- // var img = document.getElementById("preview");
|
|
|
- // //图片路径设置为读取的图片
|
|
|
- //img.src = e.target.result;
|
|
|
- console.log("e.target.result");
|
|
|
- $("#imgadd").append('<a href="#" class="thumbnail"><img src="' + e.target.result + '"></a>');
|
|
|
- };
|
|
|
- reader.readAsDataURL(file);
|
|
|
+ $scope.imgUrl = img[0].src;
|
|
|
+ $(".image-big").remove();
|
|
|
+ $(".image-view").append('<img class="image-big" src="' + $scope.imgUrl + '" data-dismiss="modal">');
|
|
|
};
|
|
|
|
|
|
}]);
|
dgf
