app-ccef7bd6df.js 31 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547
  1. /**
  2. * Make sure the charset of the page using this script is
  3. * set to utf-8 or you will not get the correct results.
  4. */
  5. var utf8 = (function () {
  6. var highSurrogateMin = 0xd800,
  7. highSurrogateMax = 0xdbff,
  8. lowSurrogateMin = 0xdc00,
  9. lowSurrogateMax = 0xdfff,
  10. surrogateBase = 0x10000;
  11. function isHighSurrogate(charCode) {
  12. return highSurrogateMin <= charCode && charCode <= highSurrogateMax;
  13. }
  14. function isLowSurrogate(charCode) {
  15. return lowSurrogateMin <= charCode && charCode <= lowSurrogateMax;
  16. }
  17. function combineSurrogate(high, low) {
  18. return ((high - highSurrogateMin) << 10) + (low - lowSurrogateMin) + surrogateBase;
  19. }
  20. /**
  21. * Convert charCode to JavaScript String
  22. * handling UTF16 surrogate pair
  23. */
  24. function chr(charCode) {
  25. var high, low;
  26. if (charCode < surrogateBase) {
  27. return String.fromCharCode(charCode);
  28. }
  29. // convert to UTF16 surrogate pair
  30. high = ((charCode - surrogateBase) >> 10) + highSurrogateMin,
  31. low = (charCode & 0x3ff) + lowSurrogateMin;
  32. return String.fromCharCode(high, low);
  33. }
  34. /**
  35. * Convert JavaScript String to an Array of
  36. * UTF8 bytes
  37. * @export
  38. */
  39. function stringToBytes(str) {
  40. var bytes = [],
  41. strLength = str.length,
  42. strIndex = 0,
  43. charCode, charCode2;
  44. while (strIndex < strLength) {
  45. charCode = str.charCodeAt(strIndex++);
  46. // handle surrogate pair
  47. if (isHighSurrogate(charCode)) {
  48. if (strIndex === strLength) {
  49. throw new Error('Invalid format');
  50. }
  51. charCode2 = str.charCodeAt(strIndex++);
  52. if (!isLowSurrogate(charCode2)) {
  53. throw new Error('Invalid format');
  54. }
  55. charCode = combineSurrogate(charCode, charCode2);
  56. }
  57. // convert charCode to UTF8 bytes
  58. if (charCode < 0x80) {
  59. // one byte
  60. bytes.push(charCode);
  61. }
  62. else if (charCode < 0x800) {
  63. // two bytes
  64. bytes.push(0xc0 | (charCode >> 6));
  65. bytes.push(0x80 | (charCode & 0x3f));
  66. }
  67. else if (charCode < 0x10000) {
  68. // three bytes
  69. bytes.push(0xe0 | (charCode >> 12));
  70. bytes.push(0x80 | ((charCode >> 6) & 0x3f));
  71. bytes.push(0x80 | (charCode & 0x3f));
  72. }
  73. else {
  74. // four bytes
  75. bytes.push(0xf0 | (charCode >> 18));
  76. bytes.push(0x80 | ((charCode >> 12) & 0x3f));
  77. bytes.push(0x80 | ((charCode >> 6) & 0x3f));
  78. bytes.push(0x80 | (charCode & 0x3f));
  79. }
  80. }
  81. return bytes;
  82. }
  83. /**
  84. * Convert an Array of UTF8 bytes to
  85. * a JavaScript String
  86. * @export
  87. */
  88. function bytesToString(bytes) {
  89. var str = '',
  90. length = bytes.length,
  91. index = 0,
  92. byte,
  93. charCode;
  94. while (index < length) {
  95. // first byte
  96. byte = bytes[index++];
  97. if (byte < 0x80) {
  98. // one byte
  99. charCode = byte;
  100. }
  101. else if ((byte >> 5) === 0x06) {
  102. // two bytes
  103. charCode = ((byte & 0x1f) << 6) | (bytes[index++] & 0x3f);
  104. }
  105. else if ((byte >> 4) === 0x0e) {
  106. // three bytes
  107. charCode = ((byte & 0x0f) << 12) | ((bytes[index++] & 0x3f) << 6) | (bytes[index++] & 0x3f);
  108. }
  109. else {
  110. // four bytes
  111. charCode = ((byte & 0x07) << 18) | ((bytes[index++] & 0x3f) << 12) | ((bytes[index++] & 0x3f) << 6) | (bytes[index++] & 0x3f);
  112. }
  113. str += chr(charCode);
  114. }
  115. return str;
  116. }
  117. return {
  118. stringToBytes: stringToBytes,
  119. bytesToString: bytesToString
  120. };
  121. }());
  122. 'use strict';
  123. var app = angular.module('app', [
  124. 'ui.router',
  125. 'templatescache',
  126. 'ui.bootstrap',
  127. 'ngAnimate'
  128. ]);
  129. angular.module('app').run(['$rootScope', '$state', '$stateParams',
  130. function($rootScope, $state, $stateParams) {
  131. $rootScope.$state = $state;
  132. $rootScope.$stateParams = $stateParams;
  133. }
  134. ]).config(['$stateProvider', '$urlRouterProvider',
  135. function($stateProvider, $urlRouterProvider) {
  136. $urlRouterProvider.otherwise('/home'); //
  137. $stateProvider.state('home', {
  138. url: '/home',
  139. templateUrl: 'templates/home.html',
  140. controller: 'HomeController'
  141. })
  142. .state('webChat', {
  143. url: '/webChat',
  144. templateUrl: 'templates/webChat.html',
  145. controller: 'WebController'
  146. })
  147. .state('webChat.conComplain', {
  148. url: '/conComplain',
  149. templateUrl: 'templates/webChat-1.html',
  150. controller: 'WebController'
  151. })
  152. .state('webChat.queryEv', {
  153. url: '/queryEv',
  154. templateUrl: 'templates/webChat-2.html',
  155. controller: 'WebController'
  156. })
  157. .state('webChat.dyInfo', {
  158. url: '/dyInfo',
  159. templateUrl: 'templates/webChat-3.html',
  160. controller: 'WebController'
  161. })
  162. .state('webChat.phoneLogin', {
  163. url: '/phoneLogin',
  164. templateUrl: 'templates/webChat-4.html',
  165. controller: 'WebController'
  166. }).state('webChat.online', {
  167. url: '/online',
  168. templateUrl: 'templates/webChat-5.html',
  169. controller: 'WebController'
  170. });
  171. }
  172. ]);
  173. angular.module('templatescache', []).run(['$templateCache', function($templateCache) {$templateCache.put('templates/home.html','<div class="main">\r\n <header>\r\n <!--<div class="header111">\r\n <img src="../img/webChatImg/banner.png" alt="">\r\n </div>-->\r\n <!-- <div class="swiper-container">\r\n <div class="swiper-wrapper">\r\n <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>\r\n <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>\r\n <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>\r\n </div>\r\n <!-- \u5982\u679C\u9700\u8981\u5206\u9875\u5668 -->\r\n <!-- <div class="swiper-pagination"></div> -->\r\n <!-- \u5982\u679C\u9700\u8981\u5BFC\u822A\u6309\u94AE -->\r\n <!--<div class="swiper-button-prev"></div>\r\n <div class="swiper-button-next"></div>-->\r\n <!-- \u5982\u679C\u9700\u8981\u6EDA\u52A8\u6761 -->\r\n <!--<div class="swiper-scrollbar"></div>-->\r\n <!-- </div> -->\r\n\r\n </header>\r\n\r\n <content>\r\n <div>\r\n </div>\r\n </content>\r\n\r\n <footer class="foot">\r\n <div class="footinfo">\r\n <div ui-sref=".conComplain" ng-click="actived($event)">\r\n <a class="Aa" href="" style="width:25%"><span class="glyphicon glyphicon-list"></span><br>\u533A\u53BF\u5E02</a>\r\n </div>\r\n <div ui-sref=".queryEv" ng-click="actived($event)">\r\n <a class="Aa" href="" style="width:25%"><span class="glyphicon glyphicon-search"></span><br>\u641C\u7D22\u4E8B\u9879</a>\r\n </div>\r\n <div ui-sref=".comConsult" ng-click="actived($event)">\r\n <a class="Aa" href="" style="width:25%"><span class="glyphicon glyphicon-list-alt"></span><br>\u670D\u52A1\u4E8B\u9879</a>\r\n </div>\r\n <div ui-sref=".dyInfo" ng-click="actived($event)">\r\n <a class="Aa" href="" style="width:25%"><span class="glyphicon glyphicon-fire"></span><br>\u6700\u591A\u8DD1\u4E00\u6B21</a>\r\n </div>\r\n </div>\r\n </footer>\r\n\r\n\r\n\r\n\r\n\r\n <!-- <div class="modal fade errorLogin" id="errorLoginModal" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="errorLoginModalLabel" aria-hidden="true">\r\n <div class="modal-info">\r\n <p>{{addr.regeocode.addressComponent.district}}\u6682\u4E0D\u652F\u6301\u6B64\u529F\u80FD</p>\r\n <a href="" data-dismiss="modal">\u5173 \u95ED</a>\r\n </div>\r\n </div>\r\n <div class="modal fade phoneLogin" id="phoneLoginModal" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="phoneLoginModalLabel" aria-hidden="true">\r\n <div class="modal-info">\r\n <p>\u8BF7\u8F93\u5165\u624B\u673A\u53F7\u7801</p>\r\n <input class="form-control input-sm" type="text" ng-model="mobile">\r\n <a ng-click="onlineService()">\u786E \u5B9A</a>\r\n <a href="" data-dismiss="modal">\u5173 \u95ED</a>\r\n </div>\r\n </div> -->\r\n</div>');
  174. $templateCache.put('templates/webChat-1.html','<div class="ui-webView">\r\n <div class="header">\r\n <span onClick="javascript :history.back(-1);" class="glyphicon glyphicon-arrow-left"></span><span>\u54A8\u8BE2\u6295\u8BC9</span><span ui-sref="home" class="glyphicon glyphicon-home"></span>\r\n </div>\r\n <div class="webContent-1">\r\n <div class="webImg-1">\r\n </div>\r\n\r\n <div class="circular" id="1">\r\n <span> <p>\u54A8\u8BE2\u6295\u8BC9</p> </span>\r\n </div>\r\n\r\n <div class="web-button">\r\n <div style="height:50px"></div>\r\n <a href="tel:12345">\r\n <button type="button" class="btn btn-block">\r\n \r\n <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>\r\n <p>\u4EBA\u5DE5\u5BA2\u670D</p> \r\n </button>\r\n </a>\r\n <a href="https://zjwskj.qiyukf.com/client?k=e52a7ac21a88369ef6c38c56b54c810e&wp=1" target="_blank">\r\n <button type="button" class="btn btn-block">\r\n <span class=" glyphicon glyphicon-phone-alt" aria-hidden="true"></span>\r\n <p>\u5728\u7EBF\u54A8\u8BE2</p>\r\n \r\n </button>\r\n </a>\r\n <button type="button" class="btn btn-block" ui-sref="webChat.online">\r\n <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>\r\n <p>\u7F51\u4E0A\u6295\u8BC9</p> \r\n </button>\r\n </div>\r\n </div>\r\n</div>');
  175. $templateCache.put('templates/webChat-2.html','<div class="ui-webView">\r\n <div class="header">\r\n <span onClick="javascript :history.back(-1);" class="glyphicon glyphicon-arrow-left"></span><span>\u67E5\u8BE2\u8BC4\u4EF7</span><span ui-sref="home" class="glyphicon glyphicon-home"></span>\r\n </div>\r\n <div class="webContent-1">\r\n <div class="webImg-1">\r\n </div>\r\n\r\n <div class="circular" id="color2">\r\n <span> <p>\u67E5\u8BE2\u8BC4\u4EF7</p> </span>\r\n </div>\r\n\r\n <div class="web-button" id="btn2">\r\n <div style="height:50px"></div>\r\n <button type="button" class="btn btn-block">\r\n <span class="glyphicon glyphicon-phone" aria-hidden="true"></span>\r\n <p>\u624B\u673A\u53F7\u67E5\u8BE2</p> \r\n </button>\r\n <button type="button" class="btn btn-block">\r\n <span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>\r\n <p>\u67E5\u8BE2\u7801\u67E5\u8BE2</p> \r\n </button>\r\n </div>\r\n </div>\r\n</div>');
  176. $templateCache.put('templates/webChat-3.html','<div class="ui-webView">\r\n <div class="header">\r\n <span onClick="javascript :history.back(-1);" class="glyphicon glyphicon-arrow-left"></span><span>\u52A8\u6001\u4FE1\u606F</span><span ui-sref="home" class="glyphicon glyphicon-home"></span>\r\n </div>\r\n <div class="webContent-1">\r\n <div class="webImg-1">\r\n </div>\r\n\r\n <div class="circular" id="color3">\r\n <span> <p>\u52A8\u6001\u4FE1\u606F</p> </span>\r\n </div>\r\n\r\n <div class="web-button" id="btn3">\r\n <div style="height:50px"></div>\r\n <button type="button" class="btn btn-block">\r\n <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>\r\n <p>\u5E73\u53F0\u7B80\u4ECB</p> \r\n </button>\r\n <button type="button" class="btn btn-block">\r\n <span class=" glyphicon glyphicon-phone-alt btn3-2" aria-hidden="true"></span>\r\n <p>\u9886\u5BFC\u63A5\u542C\u9884\u544A</p> \r\n </button>\r\n <button type="button" class="btn btn-block">\r\n <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>\r\n <p>\u5DE5\u4F5C\u52A8\u6001</p> \r\n </button>\r\n </div>\r\n </div>\r\n</div>');
  177. $templateCache.put('templates/webChat-4.html','');
  178. $templateCache.put('templates/webChat-5.html','<div class="header">\r\n <span onClick="javascript :history.back(-1);" class="glyphicon glyphicon-arrow-left"></span><span>\u7F51\u4E0A\u4FE1\u7BB1</span><span ui-sref="home" class="glyphicon glyphicon-home"></span>\r\n</div>\r\n<div class="webContent-2" ng-click="footShow($event)">\r\n <!--<div class="webimg-2">\r\n <img src="../img/\u4ED9\u5BAB\u6E56.jpg">\r\n </div>-->\r\n\r\n <div class="userInfo">\r\n <div><span>\u59D3&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\u540D\uFF1A</span><input class="form-control input-sm" type="text" placeholder="\u5355\u884C\u8F93\u5165" ng-focus="footHide()"><span class="certificate">*</span></div>\r\n <div><span>\u624B\u673A\u53F7\u7801\uFF1A</span><input class="form-control input-sm" type="text" placeholder="\u5355\u884C\u8F93\u5165" ng-focus="footHide()"><span class="certificate">*</span></div>\r\n <div><span>\u6295\u8BC9\u5185\u5BB9\uFF1A</span>\r\n <div class="text-message" contenteditable="plaintext-only" ng-focus="footHide()"></div><span class="certificate">*</span>\r\n </div>\r\n <div class="image"><span>\u56FE&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\u7247\uFF1A</span>\r\n <div id="imgpreview">\r\n </div>\r\n <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-open"></span></button>\r\n <input id="file" type="file" name="file" multiple="multiple" onchange=\'angular.element(this).scope().imgPreview(this)\' />\r\n </div>\r\n <div><span>\u6240\u5728\u4F4D\u7F6E\uFF1A</span>\r\n <div style="height:25px"></div>\r\n <div class="text-map">\r\n <gaode-map options="mapOptions" style="height:150px"></gaode-map>\r\n </div>\r\n </div>\r\n <div class="button-bottom">\r\n <button type="button" class="btn btn-default" ng-click="pageChange()">\u63D0\u4EA4</button>\r\n </div>\r\n <div class="modal fade viewModal" id="viewModal" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="viewModalLabel" aria-hidden="true">\r\n <button type="button" class="close" aria-hidden="true" ng-click="delImg()"><span class="glyphicon glyphicon-trash"></span></button>\r\n <a class="thumbnail image-view"></a>\r\n <div class="modal-info" ng-show="sure">\r\n <p>\u786E\u5B9A\u5220\u9664\uFF1F</p>\r\n <button type="button" class="btn btn-success" data-dismiss="modal" ng-click="delSure()">\u786E\u5B9A</button>\r\n <button type="button" class="btn btn-success" ng-click="sure=flase">\u53D6\u6D88</button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>');
  179. $templateCache.put('templates/webChat.html','<header>\r\n</header>\r\n<content ui-view class="fade-in-right-big"></content>\r\n\r\n<footer class="foot">\r\n</footer>');}]);
  180. (function() {
  181. 'use strict';
  182. angular
  183. .module('app')
  184. .directive('gaodeMap', Directive);
  185. Directive.$inject = [];
  186. function Directive() {
  187. var directive = {
  188. link: link,
  189. restrict: 'E',
  190. template: '<div id="container"></div>',
  191. replace: true,
  192. scope: {
  193. options: '='
  194. }
  195. };
  196. return directive;
  197. function link($scope, element, attrs) {
  198. var map, geolocation, marker, geocoder;
  199. //加载地图,调用浏览器定位服务
  200. map = new AMap.Map('container', {
  201. resizeEnable: true,
  202. zoom: 17
  203. });
  204. map.plugin('AMap.Geolocation', function() {
  205. geolocation = new AMap.Geolocation({
  206. enableHighAccuracy: true, //是否使用高精度定位,默认:true
  207. timeout: 10000, //超过10秒后停止定位,默认:无穷大
  208. maximumAge: 0, //定位结果缓存0毫秒,默认:0
  209. convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
  210. showButton: true, //显示定位按钮,默认:true
  211. buttonPosition: 'RB', //定位按钮停靠位置,默认:'LB',左下角
  212. buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
  213. showMarker: true, //定位成功后在定位到的位置显示点标记,默认:true
  214. showCircle: true, //定位成功后用圆圈表示定位精度范围,默认:true
  215. panToLocation: true, //定位成功后将定位到的位置作为地图中心点,默认:true
  216. zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
  217. useNative: true
  218. });
  219. map.addControl(geolocation);
  220. geolocation.getCurrentPosition();
  221. // AMap.event.addListener(geolocation, 'complete', function(ret) {
  222. // console.log(ret.message);
  223. // }); //返回定位信息
  224. // AMap.event.addListener(geolocation, 'error', function(ret) {
  225. // console.log(ret.message);
  226. // }); //返回定位出错信息
  227. // marker = new AMap.Marker({
  228. // map: map,
  229. // bubble: true,
  230. // content: '<div class="marker-route marker-marker-bus-from"></div>' //自定义点标记覆盖物内容,
  231. // });
  232. // marker.setLabel({
  233. // offset: new AMap.Pixel(20, 0),
  234. // content: "我在这里"
  235. // });
  236. // //geocoder = new AMap.Geocoder({});
  237. // map.on('click', function(e) {
  238. // marker.setPosition(e.lnglat);
  239. // geocoder.getAddress(e.lnglat, function(status, result) {
  240. // if (status == 'complete') {
  241. // document.getElementById('input').value = result.regeocode.formattedAddress
  242. // }
  243. // });
  244. // });
  245. });
  246. // $scope.$watch("options", function(newValue, oldValue) {
  247. // if ($scope.options) {
  248. // map.setCenter([$scope.options.lng, $scope.options.lat]);
  249. // marker.setPosition([$scope.options.lng, $scope.options.lat]);
  250. // }
  251. // }, true);
  252. }
  253. }
  254. })();
  255. 'use strict';
  256. angular.module('app').controller('HomeController', ['$scope', '$state', '$timeout', function($scope, $state, $timeout) {
  257. $scope.getAddSuccess = true;
  258. $scope.$on('$viewContentLoaded', function() {
  259. //加载轮播
  260. var swiper = new Swiper('.swiper-container', {
  261. pagination: '.swiper-pagination',
  262. paginationClickable: true,
  263. loop: true,
  264. autoplayDisableOnInteraction: false,
  265. autoplay: 5000,
  266. effect: 'coverflow',
  267. slidesPerView: 'auto',
  268. centeredSlides: true,
  269. spaceBetween: -55,
  270. coverflow: {
  271. rotate: 30,
  272. stretch: 0,
  273. depth: 60,
  274. modifier: 1,
  275. slideShadows: false
  276. }
  277. });
  278. //加载字体适应
  279. var clientWidth = document.documentElement.clientWidth || window.innerWidth;
  280. var innerWidth = Math.max(Math.min(clientWidth, 480), 320);
  281. console.log(innerWidth);
  282. if (innerWidth < 350) {
  283. angular.element(".explain").removeClass("font-15");
  284. angular.element(".explain").addClass("font-12");
  285. } else if (innerWidth > 400) {
  286. angular.element(".explain").removeClass("font-12");
  287. angular.element(".explain").addClass("font-15");
  288. }
  289. //加载地图,调用浏览器定位服务
  290. var map, geolocation, marker, geocoder, regeocoder;
  291. map = new AMap.Map('', {
  292. resizeEnable: true,
  293. zoom: 17
  294. });
  295. map.plugin('AMap.Geolocation', function() {
  296. geolocation = new AMap.Geolocation({
  297. enableHighAccuracy: true, //是否使用高精度定位,默认:true
  298. timeout: 10000, //超过10秒后停止定位,默认:无穷大
  299. maximumAge: 0, //定位结果缓存0毫秒,默认:0
  300. convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
  301. showButton: true, //显示定位按钮,默认:true
  302. buttonPosition: 'RB', //定位按钮停靠位置,默认:'LB',左下角
  303. buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
  304. showMarker: true, //定位成功后在定位到的位置显示点标记,默认:true
  305. showCircle: true, //定位成功后用圆圈表示定位精度范围,默认:true
  306. panToLocation: true, //定位成功后将定位到的位置作为地图中心点,默认:true
  307. zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
  308. useNative: true
  309. });
  310. map.addControl(geolocation);
  311. geolocation.getCurrentPosition();
  312. AMap.event.addListener(geolocation, 'complete', onComplete); //返回定位信息
  313. AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
  314. function onComplete(data) {
  315. $scope.getAddSuccess = true;
  316. var geocoder = new AMap.Geocoder({
  317. radius: 1000,
  318. extensions: "all"
  319. });
  320. console.log("获取地址");
  321. geocoder.getAddress(data.position, function(status, result) {
  322. if (status === 'complete' && result.info === 'OK') {
  323. $scope.addr = result;
  324. $timeout();
  325. }
  326. });
  327. };
  328. function onError(data) {
  329. $scope.getAddSuccess = false;
  330. };
  331. });
  332. });
  333. $scope.onOnlineClick = function(e) {
  334. $scope.mobile = "";
  335. var activeClick = $(e.target);
  336. console.log(activeClick);
  337. if (!$scope.getAddSuccess) {
  338. alert("获取地址失败,请开启手机GPS定位功能,并允许获取地理位置授权");
  339. window.location.reload();
  340. } else if (!$scope.addr && $scope.getAddSuccess) {
  341. alert("地理位置获取中,请稍后");
  342. } else if ($scope.addr.regeocode.addressComponent.district === '莲都区') {
  343. //activeClick[0].parentElement.parentElement.dataset.target = "#phoneLoginModal";
  344. activeClick[0].parentElement.dataset.target = "#phoneLoginModal";
  345. } else {
  346. //activeClick[0].parentElement.parentElement.dataset.target = "#errorLoginModal";
  347. activeClick[0].parentElement.dataset.target = "#errorLoginModal";
  348. }
  349. };
  350. $scope.onlineService = function() {
  351. console.log($scope.mobile.length);
  352. if ($scope.mobile.length == 11) {
  353. ysf.config({
  354. mobile: $scope.mobile,
  355. success: function() { // 成功回调
  356. ysf.open();
  357. },
  358. error: function() { // 错误回调
  359. // handle error
  360. ysf.open();
  361. }
  362. });
  363. } else {
  364. alert("请正确输入手机号码");
  365. }
  366. };
  367. }]);
  368. 'use strict';
  369. angular.module('app').controller('WebController', ['$scope', '$timeout', function($scope, $timeout) {
  370. //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
  371. $scope.$on('$viewContentLoaded', function() {
  372. var clientWidth = document.documentElement.clientWidth || window.innerWidth;
  373. var innerWidth = Math.max(Math.min(clientWidth, 480), 320);
  374. console.log(innerWidth);
  375. if (innerWidth > 350) {
  376. angular.element(".userInfo>div>span").addClass("font-14");
  377. angular.element(".certificate").addClass("font-14");
  378. angular.element(".userInfo .input-sm ").addClass("font-13");
  379. angular.element(".userInfo .text-message").addClass("font-13");
  380. } else {
  381. angular.element(".font-13").removeClass("font-13");
  382. angular.element(".font-14").removeClass("font-14");
  383. }
  384. });
  385. $scope.imgView = function(event) {
  386. angular.element(".onView").removeClass("onView");
  387. var img = $(event.target);
  388. img[0].className = "onView";
  389. if (img[0].naturalWidth > img[0].naturalHeight) {
  390. angular.element(".image-view").addClass("width-Img");
  391. } else {
  392. angular.element(".image-view").removeClass("width-Img");
  393. }
  394. $scope.imgUrl = img[0].src;
  395. $(".image-big").remove();
  396. $(".image-view").append('<img class="image-big" src="' + $scope.imgUrl + '" data-dismiss="modal">');
  397. };
  398. $scope.delSure = function() {
  399. $scope.sure = false;
  400. // var activeClick = $($event.target);
  401. // console.log(activeClick);
  402. // var imgUrl = activeClick[0].parentElement.previousElementSibling.firstElementChild.src;
  403. var imgs = $(".images");
  404. $(".image-big").remove();
  405. for (var i = 0, len = imgs.length; i < len; i++) {
  406. if ($(".images")[i].firstElementChild.className == "onView") {
  407. $(".images")[i].remove();
  408. var imgNum = $("#imgpreview").find('img').length;
  409. if (imgNum == 2) {
  410. angular.element(".images").removeClass("three");
  411. angular.element(".images").addClass("two");
  412. } else if (imgNum = 1) {
  413. angular.element(".images").removeClass("two");
  414. angular.element(".images").addClass("one");
  415. }
  416. return;
  417. }
  418. };
  419. };
  420. $scope.delImg = function() {
  421. $scope.sure = true;
  422. };
  423. $scope.actived = function($event) {
  424. var activeClick = $($event.target);
  425. if (activeClick[0].nodeName == "A") {
  426. angular.element(".Aa").removeClass("activeColor");
  427. angular.element(".glyphicon").removeClass("activeColor");
  428. activeClick.addClass("activeColor");
  429. } else if (activeClick[0].nodeName == "SPAN") {
  430. angular.element(".Aa").removeClass("activeColor");
  431. angular.element(".glyphicon").removeClass("activeColor");
  432. activeClick.addClass("activeColor");
  433. $(activeClick[0].parentElement).addClass("activeColor");
  434. }
  435. };
  436. $scope.footHide = function() {
  437. angular.element(".foot").addClass("hide");
  438. };
  439. $scope.footShow = function($event) {
  440. var activeClick = $($event.target);
  441. if (activeClick[0].className == "form-control input-sm" || activeClick[0].className == "text-message") {
  442. angular.element(".foot").addClass("hide");
  443. } else {
  444. $timeout(function() {
  445. angular.element(".foot").removeClass("hide");
  446. }, 400);
  447. }
  448. };
  449. $scope.imgPreview = function(fileDom) {
  450. //判断是否支持FileReader
  451. if (window.FileReader) {
  452. var reader = new FileReader();
  453. } else {
  454. alert("您的设备不支持图片预览功能,如需该功能请升级您的设备!");
  455. };
  456. //获取文件
  457. var file = fileDom.files[0];
  458. var imageType = /^image\//;
  459. //是否是图片
  460. if (!imageType.test(file.type)) {
  461. alert("请选择图片!");
  462. return;
  463. };
  464. $("#file")[0].value = "";
  465. //读取完成
  466. reader.onload = function(e) {
  467. // //获取图片dom
  468. // var img = document.getElementById("preview");
  469. // //图片路径设置为读取的图片
  470. // img.src = e.target.result;
  471. var img = new Image,
  472. width = 1080, //image resize
  473. quality = 0.9, //image quality
  474. canvas = document.createElement("canvas"),
  475. drawer = canvas.getContext("2d");
  476. img.src = this.result;
  477. if (img.src) {
  478. var imgNum = $("#imgpreview").find('img').length;
  479. canvas.width = width;
  480. canvas.height = width * (img.height / img.width);
  481. drawer.drawImage(img, 0, 0, canvas.width, canvas.height);
  482. img.src = canvas.toDataURL("image/jpeg", quality);
  483. if (imgNum == 0) {
  484. $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
  485. angular.element(".images").addClass("one");
  486. } else if (imgNum == 1) {
  487. $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
  488. angular.element(".images").removeClass("one");
  489. angular.element(".images").addClass("two");
  490. } else if (imgNum >= 2) {
  491. $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
  492. angular.element(".images").removeClass("two");
  493. angular.element(".images").addClass("three");
  494. }
  495. };
  496. };
  497. reader.readAsDataURL(file);
  498. };
  499. }]);