app-e7936fe227.js 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675
  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. 'ngCookies'
  129. ]);
  130. angular.module('app').run(['$rootScope', '$state', '$stateParams',
  131. function($rootScope, $state, $stateParams) {
  132. $rootScope.$state = $state;
  133. $rootScope.$stateParams = $stateParams;
  134. }
  135. ]).config(['$stateProvider', '$urlRouterProvider',
  136. function($stateProvider, $urlRouterProvider) {
  137. $urlRouterProvider.otherwise('/home'); //
  138. $stateProvider.state('home', {
  139. url: '/home',
  140. templateUrl: 'templates/home.html',
  141. controller: 'HomeController'
  142. })
  143. .state('webChat', {
  144. url: '/webChat',
  145. templateUrl: 'templates/webChat.html',
  146. controller: 'WebController'
  147. })
  148. .state('webChat.conComplain', {
  149. url: '/conComplain',
  150. templateUrl: 'templates/webChat-1.html',
  151. controller: 'WebController'
  152. })
  153. .state('webChat.queryEv', {
  154. url: '/queryEv',
  155. templateUrl: 'templates/webChat-2.html',
  156. controller: 'WebController'
  157. })
  158. .state('webChat.dyInfo', {
  159. url: '/dyInfo',
  160. templateUrl: 'templates/webChat-3.html',
  161. controller: 'WebController'
  162. })
  163. .state('webChat.phoneLogin', {
  164. url: '/phoneLogin',
  165. templateUrl: 'templates/webChat-4.html',
  166. controller: 'WebController'
  167. }).state('webChat.online', {
  168. url: '/online',
  169. templateUrl: 'templates/webChat-5.html',
  170. controller: 'WebController'
  171. });
  172. }
  173. ]);
  174. 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 </header>\r\n\r\n <content>\r\n <div></div>\r\n </content>\r\n\r\n <footer>\r\n <div class="bg">\r\n <img src="../img/webChatImg/bg2.jpg" alt="">\r\n </div>\r\n <div class="contain" ng-cloak>\r\n <div class="inquire" ng-cloak>\r\n <a href="http://www.lszszw.gov.cn/Search.aspx">\r\n <img class="breath size1" src="../img/webChatImg/\u81EA\u52A9\u54A8\u8BE2.png" alt=""><span class="explain">\u81EA\u52A9\u54A8\u8BE2</span>\r\n </a>\r\n </div>\r\n <div class="call" ng-cloak>\r\n <a href="tel:057812345">\r\n <img class="breath size2" src="../img/webChatImg/12345.png" alt=""><span class="explain">\u62E8\u625312345</span>\r\n </a>\r\n </div>\r\n <div class="online" ng-cloak>\r\n <a data-toggle="modal" href="">\r\n <img class="breath size3" ng-click="onOnlineClick($event)" src="../img/webChatImg/\u5728\u7EBF\u670D\u52A1.png" alt=""><span ng-click="onOnlineClick($event)" class="explain">\u5728\u7EBF\u670D\u52A1</span>\r\n </a>\r\n </div>\r\n <div class="email" ng-cloak>\r\n <a ui-sref="webChat.online">\r\n <img class="breath size4" src="../img/webChatImg/\u7F51\u4E0A\u4FE1\u7BB1.png" alt=""><span class="explain">\u7F51\u4E0A\u4FE1\u7BB1</span>\r\n </a>\r\n </div>\r\n <div class="result" ng-cloak>\r\n <a href="">\r\n <img class="breath size5" src="../img/webChatImg/\u7ED3\u679C\u67E5\u8BE2.png" alt=""><span class="explain">\u7ED3\u679C\u67E5\u8BE2</span>\r\n </a>\r\n </div>\r\n\r\n <div class="logo">\r\n <img src="../img/webChatImg/logo.png" alt="">\r\n </div>\r\n </div>\r\n </footer>\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" style="color:#888;">\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" style="color:#888;">\u5173\u95ED</a>\r\n </div>\r\n </div>\r\n</div>');
  175. $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>');
  176. $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>');
  177. $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>');
  178. $templateCache.put('templates/webChat-4.html','');
  179. $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-model="bundle.name" 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-model="bundle.mobile" ng-focus="footHide()"><span class="certificate">*</span></div>\r\n <div><span>\u6295\u8BC9\u5185\u5BB9\uFF1A</span>\r\n <div class="text-message descr" 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 <select id="result" class="form-control input-sm">\r\n <option></option>\r\n <option></option>\r\n <option></option>\r\n </select>\r\n <div class="glyphicon glyphicon-map-marker cover-white"></div>\r\n <div class="text-map">\r\n <gaode-map id="container"></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="submit()" data-toggle="modal" data-target="#information">\u63D0\u4EA4</button>\r\n </div>\r\n <div class="modal fade information" id="information" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="infoModalLabel" aria-hidden="true">\r\n <div class="modal-info submit" ng-show="submiting">\r\n <p>&nbsp<img src="../img/Loading.gif" alt="">&nbsp&nbsp&nbsp</p>\r\n <p style="margin:-5px auto 0px;">&nbsp\u6B63\u5728\u4E0A\u4F20\u6570\u636E . . .</p>\r\n </div>\r\n <div class="modal-info success" ng-show="successed">\r\n <p>\u4E0A\u4F20\u6210\u529F</p>\r\n <a data-dismiss="modal" ng-click="successed=flase">\u786E\u5B9A</a>\r\n </div>\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="sure=true"><span class="glyphicon glyphicon-trash"></span></button>\r\n <a class="thumbnail image-view"></a>\r\n <div class="modal-info sure" ng-show="sure">\r\n <p>\u786E\u5B9A\u5220\u9664\uFF1F</p>\r\n <a data-dismiss="modal" ng-click="delSure()">\u786E\u5B9A</a>\r\n <a ng-click="sure=flase" style="color:#888;">\u53D6\u6D88</a>\r\n </div>\r\n </div>\r\n </div>\r\n</div>');
  180. $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>');}]);
  181. 'use strict';
  182. angular.module('app').controller('HomeController', ['$scope', '$state', '$timeout', function($scope, $state, $timeout) {
  183. $scope.getAddSuccess = true;
  184. $scope.$on('$viewContentLoaded', function() {
  185. //加载轮播
  186. var swiper = new Swiper('.swiper-container', {
  187. pagination: '.swiper-pagination',
  188. paginationClickable: true,
  189. loop: true,
  190. autoplayDisableOnInteraction: false,
  191. autoplay: 5000,
  192. effect: 'coverflow',
  193. slidesPerView: 'auto',
  194. centeredSlides: true,
  195. spaceBetween: -55,
  196. coverflow: {
  197. rotate: 30,
  198. stretch: 0,
  199. depth: 60,
  200. modifier: 1,
  201. slideShadows: false
  202. }
  203. });
  204. //加载字体适应
  205. var clientWidth = document.documentElement.clientWidth || window.innerWidth;
  206. var innerWidth = Math.max(Math.min(clientWidth, 480), 320);
  207. console.log(innerWidth);
  208. if (innerWidth < 350) {
  209. angular.element(".explain").removeClass("font-15");
  210. angular.element(".explain").addClass("font-12");
  211. } else if (innerWidth > 400) {
  212. angular.element(".explain").removeClass("font-12");
  213. angular.element(".explain").addClass("font-15");
  214. }
  215. //加载sdk
  216. ysf.on({
  217. 'onload': function() {
  218. $scope.sdk = true;
  219. }
  220. });
  221. //加载地图,调用浏览器定位服务
  222. var map, geolocation, marker, geocoder, regeocoder;
  223. map = new AMap.Map('', {
  224. resizeEnable: true,
  225. zoom: 17
  226. });
  227. map.plugin('AMap.Geolocation', function() {
  228. geolocation = new AMap.Geolocation({
  229. enableHighAccuracy: true, //是否使用高精度定位,默认:true
  230. timeout: 10000, //超过10秒后停止定位,默认:无穷大
  231. maximumAge: 0, //定位结果缓存0毫秒,默认:0
  232. convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
  233. showButton: true, //显示定位按钮,默认:true
  234. buttonPosition: 'RB', //定位按钮停靠位置,默认:'LB',左下角
  235. buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
  236. showMarker: true, //定位成功后在定位到的位置显示点标记,默认:true
  237. showCircle: true, //定位成功后用圆圈表示定位精度范围,默认:true
  238. panToLocation: true, //定位成功后将定位到的位置作为地图中心点,默认:true
  239. zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
  240. useNative: true
  241. });
  242. map.addControl(geolocation);
  243. geolocation.getCurrentPosition();
  244. AMap.event.addListener(geolocation, 'complete', onComplete); //返回定位信息
  245. AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
  246. function onComplete(data) {
  247. $scope.getAddSuccess = true;
  248. var geocoder = new AMap.Geocoder({
  249. radius: 1000,
  250. extensions: "all"
  251. });
  252. console.log("获取地址");
  253. geocoder.getAddress(data.position, function(status, result) {
  254. if (status === 'complete' && result.info === 'OK') {
  255. $scope.addr = result;
  256. $timeout();
  257. }
  258. });
  259. };
  260. function onError(data) {
  261. $scope.getAddSuccess = false;
  262. };
  263. });
  264. });
  265. $scope.onOnlineClick = function(e) {
  266. console.log($scope.sdk);
  267. $scope.mobile = "";
  268. var activeClick = $(e.target);
  269. //console.log(activeClick);
  270. if (!$scope.getAddSuccess) {
  271. alert("获取地址失败,请开启手机GPS定位功能,并允许获取地理位置授权");
  272. window.location.reload();
  273. } else if (!$scope.addr && $scope.getAddSuccess) {
  274. alert("地理位置获取中,请稍后");
  275. } else if ($scope.addr.regeocode.addressComponent.district === '莲都区') {
  276. //activeClick[0].parentElement.parentElement.dataset.target = "#phoneLoginModal";
  277. activeClick[0].parentElement.dataset.target = "#phoneLoginModal";
  278. } else {
  279. //activeClick[0].parentElement.parentElement.dataset.target = "#errorLoginModal";
  280. activeClick[0].parentElement.dataset.target = "#errorLoginModal";
  281. }
  282. };
  283. $scope.onlineService = function() {
  284. //console.log($scope.mobile, $scope.sdk);
  285. if ($scope.mobile.length == 11 && $scope.sdk) {
  286. ysf.config({
  287. uid: $scope.mobile, // 用户Id
  288. name: '微信用户', // 用户名称
  289. email: $scope.addr.regeocode.formattedAddress, // 用户邮箱
  290. mobile: $scope.mobile, // 用户电话
  291. success: function() { // 成功回调
  292. ysf.open();
  293. console.log('success');
  294. },
  295. error: function() { // 错误回调
  296. // handle error
  297. //ysf.open();
  298. alert('error!!!');
  299. }
  300. });
  301. } else {
  302. alert("请正确输入手机号码");
  303. }
  304. };
  305. }]);
  306. 'use strict';
  307. angular.module('app').controller('WebController', ['$scope', '$timeout', 'userService', 'messageService', function($scope, $timeout, userService, messageService) {
  308. //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
  309. $scope.bundle = {
  310. userId: -1,
  311. //不超过2000个字符
  312. describe: '',
  313. //不超过50个字符
  314. name: '',
  315. //手机号码
  316. mobile: '',
  317. //不超过100个字符
  318. title: '',
  319. /// 类型
  320. /// 0我要咨询;1我要投诉;2我要建议;3领导信箱;4我要举报 5纠错
  321. type: 0,
  322. //是否建议 1-建议 0-投诉
  323. advice: '0',
  324. //是否公开互联网(1是;0否)
  325. isPublic: 0,
  326. assets: []
  327. };
  328. $scope.$on('$viewContentLoaded', function() {
  329. var clientWidth = document.documentElement.clientWidth || window.innerWidth;
  330. var innerWidth = Math.max(Math.min(clientWidth, 480), 320);
  331. //console.log(innerWidth);
  332. if (innerWidth > 350) {
  333. angular.element(".userInfo>div>span").addClass("font-14");
  334. angular.element(".certificate").addClass("font-14");
  335. angular.element(".userInfo .input-sm ").addClass("font-13");
  336. angular.element(".userInfo .text-message").addClass("font-13");
  337. } else {
  338. angular.element(".font-13").removeClass("font-13");
  339. angular.element(".font-14").removeClass("font-14");
  340. }
  341. });
  342. $scope.imgView = function(event) {
  343. angular.element(".onView").removeClass("onView");
  344. var img = $(event.target);
  345. img[0].className = "onView";
  346. if (img[0].naturalWidth > img[0].naturalHeight) {
  347. angular.element(".image-view").addClass("width-Img");
  348. } else {
  349. angular.element(".image-view").removeClass("width-Img");
  350. }
  351. $scope.imgUrl = img[0].src;
  352. $(".image-big").remove();
  353. $(".image-view").append('<img class="image-big" src="' + $scope.imgUrl + '" data-dismiss="modal">');
  354. };
  355. $scope.delSure = function() {
  356. $scope.sure = false;
  357. var imgs = $(".images");
  358. $(".image-big").remove();
  359. for (var i = 0, len = imgs.length; i < len; i++) {
  360. if (imgs[i].firstElementChild.className == "onView") {
  361. imgs[i].remove();
  362. var imgNum = $("#imgpreview").find('img').length;
  363. if (imgNum == 2) {
  364. angular.element(".images").removeClass("three");
  365. angular.element(".images").addClass("two");
  366. } else if (imgNum = 1) {
  367. angular.element(".images").removeClass("two");
  368. angular.element(".images").addClass("one");
  369. }
  370. return;
  371. }
  372. };
  373. };
  374. // $scope.actived = function($event) {
  375. // var activeClick = $($event.target);
  376. // if (activeClick[0].nodeName == "A") {
  377. // angular.element(".Aa").removeClass("activeColor");
  378. // angular.element(".glyphicon").removeClass("activeColor");
  379. // activeClick.addClass("activeColor");
  380. // } else if (activeClick[0].nodeName == "SPAN") {
  381. // angular.element(".Aa").removeClass("activeColor");
  382. // angular.element(".glyphicon").removeClass("activeColor");
  383. // activeClick.addClass("activeColor");
  384. // $(activeClick[0].parentElement).addClass("activeColor");
  385. // }
  386. // };
  387. // $scope.footHide = function() {
  388. // angular.element(".foot").addClass("hide");
  389. // };
  390. // $scope.footShow = function($event) {
  391. // var activeClick = $($event.target);
  392. // if (activeClick[0].className == "form-control input-sm" || activeClick[0].className == "text-message") {
  393. // angular.element(".foot").addClass("hide");
  394. // } else {
  395. // $timeout(function() {
  396. // angular.element(".foot").removeClass("hide");
  397. // }, 400);
  398. // }
  399. // };
  400. $scope.submit = function() {
  401. var imgs = $(".images");
  402. for (var i = 0, len = imgs.length; i < len; i++) {
  403. $scope.bundle.assets.push({ assetType: 1, data: imgs[i].firstElementChild.src });
  404. };
  405. $scope.bundle.describe = $(".descr")[0].textContent;
  406. if ($scope.mapPosition)
  407. $scope.bundle.assets.push({ assetType: 0, data: { info: $scope.mapPosition.info, district: $scope.mapPosition.addressComponent.district, address: $scope.mapPosition.formattedAddress, position: $scope.mapPosition.position } });
  408. console.log($scope.bundle);
  409. $scope.submiting = true;
  410. $timeout(function() {
  411. $scope.submiting = false;
  412. $scope.successed = true;
  413. }, 1000);
  414. //messageService.submit($scope.bundle, "successCallback", "failsCallback");
  415. // $scope.bundle.name = "";
  416. // $scope.bundle.mobile = "";
  417. // $scope.bundle.describe = $(".descr")[0].textContent = "";
  418. // $scope.bundle.assets = [];
  419. };
  420. $scope.imgPreview = function(fileDom) {
  421. //判断是否支持FileReader
  422. if (window.FileReader) {
  423. var reader = new FileReader();
  424. } else {
  425. alert("您的设备不支持图片预览功能,如需该功能请升级您的设备!");
  426. };
  427. //获取文件
  428. var file = fileDom.files[0];
  429. var imageType = /^image\//;
  430. //是否是图片
  431. if (!imageType.test(file.type)) {
  432. alert("请选择图片!");
  433. return;
  434. };
  435. $("#file")[0].value = "";
  436. //读取完成
  437. reader.onload = function(e) {
  438. // //获取图片dom
  439. // var img = document.getElementById("preview");
  440. // //图片路径设置为读取的图片
  441. // img.src = e.target.result;
  442. var img = new Image,
  443. width = 1080, //image resize
  444. quality = 0.9, //image quality
  445. canvas = document.createElement("canvas"),
  446. drawer = canvas.getContext("2d");
  447. img.src = this.result;
  448. $(img).on('load', function() {
  449. $(img).off('load');
  450. var imgNum = $("#imgpreview").find('img').length;
  451. canvas.width = width;
  452. canvas.height = width * (img.height / img.width);
  453. drawer.drawImage(img, 0, 0, canvas.width, canvas.height);
  454. img.src = canvas.toDataURL(file.type, quality);
  455. if (imgNum == 0) {
  456. $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
  457. angular.element(".images").addClass("one");
  458. } else if (imgNum == 1) {
  459. $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
  460. angular.element(".images").removeClass("one");
  461. angular.element(".images").addClass("two");
  462. } else if (imgNum >= 2) {
  463. $("#imgpreview").append('<a data-toggle="modal" data-target="#viewModal" class="thumbnail images"><img onClick="angular.element(this).scope().imgView(event)" src="' + img.src + '"></a>');
  464. angular.element(".images").removeClass("two");
  465. angular.element(".images").addClass("three");
  466. }
  467. });
  468. };
  469. reader.readAsDataURL(file);
  470. };
  471. }]);
  472. (function() {
  473. 'use strict';
  474. angular
  475. .module('app')
  476. .directive('gaodeMap', Directive);
  477. Directive.$inject = [];
  478. function Directive() {
  479. var directive = {
  480. link: link,
  481. restrict: 'E',
  482. template: '<div id="container"></div>',
  483. replace: true,
  484. scope: false
  485. // scope: {
  486. // options: '='
  487. // }
  488. };
  489. return directive;
  490. function link(scope, element, attrs) {
  491. var map, geolocation, marker, geocoder;
  492. //加载地图,调用浏览器定位服务
  493. map = new AMap.Map('container', {
  494. resizeEnable: true,
  495. zoom: 17
  496. });
  497. map.plugin('AMap.Geolocation', function() {
  498. geolocation = new AMap.Geolocation({
  499. enableHighAccuracy: true, //是否使用高精度定位,默认:true
  500. timeout: 10000, //超过10秒后停止定位,默认:无穷大
  501. maximumAge: 0, //定位结果缓存0毫秒,默认:0
  502. convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
  503. showButton: true, //显示定位按钮,默认:true
  504. buttonPosition: 'RB', //定位按钮停靠位置,默认:'LB',左下角
  505. buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
  506. showMarker: true, //定位成功后在定位到的位置显示点标记,默认:true
  507. showCircle: true, //定位成功后用圆圈表示定位精度范围,默认:true
  508. panToLocation: true, //定位成功后将定位到的位置作为地图中心点,默认:true
  509. zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
  510. useNative: true
  511. });
  512. map.addControl(geolocation);
  513. geolocation.getCurrentPosition();
  514. AMap.event.addListener(geolocation, 'complete', onComplete); //返回定位信息
  515. AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
  516. function onComplete(data) {
  517. map.clearMap();
  518. scope.mapPosition = data;
  519. var geocoder = new AMap.Geocoder({
  520. radius: 1000,
  521. extensions: "all"
  522. });
  523. var marker = new AMap.Marker({
  524. map: map,
  525. bubble: false,
  526. visible: true
  527. });
  528. geocoder.getAddress(data.position, function(status, result) {
  529. if (status == 'complete' && result.info === 'OK') {
  530. //console.log(result);
  531. $("#result")[0][0].textContent = result.regeocode.formattedAddress.substring(6);
  532. $("#result")[0][1].textContent = result.regeocode.pois[0].name;
  533. $("#result")[0][2].textContent = result.regeocode.pois[1].name;
  534. } else {
  535. alert("错误A:定位失败");
  536. }
  537. });
  538. map.on('click', function(e) {
  539. marker.setPosition(e.lnglat);
  540. geocoder.getAddress(e.lnglat, function(status, result) {
  541. if (status == 'complete' && result.info === 'OK') {
  542. //console.log($("#result"));
  543. //var sub = result.regeocode.formattedAddress.indexOf(result.regeocode.aois[0].name)
  544. $("#result")[0][0].textContent = result.regeocode.formattedAddress.substring(6);
  545. $("#result")[0][1].textContent = result.regeocode.pois[0].name;
  546. $("#result")[0][2].textContent = result.regeocode.pois[1].name;
  547. $("#result")[0].selectedIndex = 0;
  548. } else {
  549. alert("错误B:定位失败");
  550. }
  551. });
  552. });
  553. }
  554. function onError(data) {}
  555. });
  556. }
  557. }
  558. })();
  559. (function() {
  560. 'use strict';
  561. angular
  562. .module('app')
  563. .service('auth2Service', auth2Service);
  564. auth2Service.$inject = ['$cookies', '$http'];
  565. function auth2Service($cookies, $http) {
  566. this.checkAuthByResponse = checkAuthByResponse;
  567. this.checkAuthByCookie = checkAuthByCookie;
  568. function checkAuthByResponse(response) {
  569. if (response.status == 501) {
  570. window.location = "/home";
  571. }
  572. }
  573. function checkAuthByCookie() {
  574. return $cookies.user != "" || $cookies.user != undefined;
  575. }
  576. }
  577. })();
  578. 'use strict';
  579. angular.module('app').service('messageService', ['$http', '$cookies', '$location', 'userService', function($http, $cookies, $location, userService) {
  580. var self = this;
  581. this.submit = function(bundle, successCallback, failsCallback) {
  582. bundle.userId = userService.getMe().Id;
  583. $http.post($location.protocol() + '://' + $location.host() + ':' + $location.port() + '/api/bundle', bundle).then(successCallback, failsCallback);
  584. }
  585. }]);
  586. (function() {
  587. 'use strict';
  588. angular
  589. .module('app')
  590. .service('userService', userService);
  591. userService.$inject = ['$http', '$cookies', 'auth2Service'];
  592. function userService($http, $cookies, auth2Service) {
  593. this.getMe = getMe;
  594. function getMe() {
  595. if (this.me != undefined)
  596. return this.me;
  597. if ($cookies.get('User') != "" || $cookies.get('User') != undefined) {
  598. this.me = JSON.parse($cookies.get('User'));
  599. return this.me;
  600. }
  601. if (this.me === undefined)
  602. $http.get('/api/user').then(
  603. function(response) {
  604. this.me = response.data;
  605. },
  606. function(response) {
  607. this.me = {};
  608. auth2Service.checkAuthByResponse(response);
  609. }
  610. );
  611. }
  612. }
  613. })();