add_room.php 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773
  1. <?php
  2. /* @var $this yii\web\View */
  3. $this->title = '编辑样板房';
  4. use yii\helpers\Url;
  5. ?>
  6. <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
  7. <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=210550b67bddb270e575a1838060f8ec&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder"></script>
  8. <form id="myform"action="" method="get">
  9. <div class="add-box publish">
  10. <ul class="add-input">
  11. <li>
  12. <div class="left">
  13. 名称
  14. </div>
  15. <div class="right">
  16. <input type="text" value="<?=isset($model->name)?$model->name:''?>" name="Building[name]" placeholder="输入小区名称" class="community community_verify">
  17. </div>
  18. </li>
  19. <li>
  20. <div class="left">
  21. 面积
  22. </div>
  23. <div class="right">
  24. <input type="text" value="<?=isset($model->acreage)?$model->acreage:''?>" name="Building[acreage]" placeholder="输入户型面积" class="area area_verify">
  25. </div>
  26. <i class="iconfont">㎡</i>
  27. </li>
  28. <li class="none">
  29. <div class="left">
  30. 单价
  31. </div>
  32. <div class="right">
  33. <input type="text" value="<?=isset($model->budget)?$model->budget:''?>" name="Building[budget]" placeholder="输入单价" class=" price budget_verify" >
  34. </div>
  35. <i class="iconfont">元/平方</i>
  36. </li>
  37. </ul>
  38. <ul class="time">
  39. <li>
  40. <div class="left">
  41. 可约时间
  42. </div>
  43. <div class="right">
  44. <input type="text" value="<?=isset($model->opening_begin)?date('Y-m-d',$model->opening_begin):''?>" name="opening_begin" id='datetime-picker' class="opening_begin_verify"/>
  45. </div>
  46. <i class="iconfont icon-gengduo"></i>
  47. </li>
  48. <li class="none">
  49. <div class="left">
  50. 结束时间
  51. </div>
  52. <div class="right">
  53. <input type="text" value="<?=isset($model->opening_end)?date('Y-m-d',$model->opening_end):''?>" name="opening_end" id='datetime-picker-end' class="opening_end_verify"/>
  54. </div>
  55. <i class="iconfont icon-gengduo"></i>
  56. </li>
  57. </ul>
  58. <ul>
  59. <li>
  60. <div class="left">
  61. 户型
  62. </div>
  63. <div class="right">
  64. <a href="javascript:;" class="open-popup" data-target="#type" id="layout"><?=isset($model->layout)?$model->layout:''?></a>
  65. <input type="text" value="<?=isset($model->layout)?$model->layout:''?>" name="Building[layout]" hidden="hidden" class="community layout layout_verify">
  66. </div>
  67. <i class="iconfont icon-gengduo"></i>
  68. </li>
  69. <li>
  70. <div class="left">
  71. 装修风格
  72. </div>
  73. <div class="right" data-target="#style">
  74. <a href="javascript:;" class="open-popup" data-target="#style" id="style_fg"><?=isset($model->style)?$model->style:''?></a>
  75. <input type="text" value="<?=isset($model->style)?$model->style:''?>" name="Building[style]" hidden="hidden" class="community style style_verify" >
  76. </div>
  77. <i class="iconfont icon-gengduo"></i>
  78. </li>
  79. </ul>
  80. <ul>
  81. <li>
  82. <div class="left">
  83. 设计师
  84. </div>
  85. <div class="right ">
  86. <a href="javascript:;" class="open-popup" data-target="#dg" id="designer_id">
  87. <?php if(!empty($model_designer)&&!empty($model->designer_id)):?>
  88. <?php foreach($model_designer as $key=>$arr):?>
  89. <?php if($arr->id==$model->designer_id){ echo $arr->realname;break;} ?>
  90. <?php endforeach?>
  91. <?php endif?>
  92. </a>
  93. <input type="text" value="<?=isset($model->designer_id)?$model->designer_id:''?>" name="Building[designer_id]" hidden="hidden" class="community designer_id designer_id_verify">
  94. </div>
  95. <i class="iconfont icon-gengduo"></i>
  96. </li>
  97. <li class="none">
  98. <div class="left">
  99. 项目经理
  100. </div>
  101. <div class="right">
  102. <a href="javascript:;" class="open-popup" data-target="#pm" id="manager_id">
  103. <?php if(!empty($model_manager)&&!empty($model->manager_id)):?>
  104. <?php foreach($model_manager as $key=>$arr):?>
  105. <?php if($arr->id==$model->manager_id){ echo $arr->realname;break;} ?>
  106. <?php endforeach?>
  107. <?php endif?>
  108. </a>
  109. <input type="text" value="<?=isset($model->manager_id)?$model->manager_id:''?>" name="Building[manager_id]" hidden="hidden" class="community manager_id manager_id_verify">
  110. </div>
  111. <i class="iconfont icon-gengduo"></i>
  112. </li>
  113. </ul>
  114. <!--房屋位置-->
  115. <div class="title">
  116. 房屋位置
  117. </div>
  118. <div class="address">
  119. <ul>
  120. <li>
  121. <div class="left">
  122. 选择地区
  123. </div>
  124. <div class="right ">
  125. <input type="text" name="city-picker" id='city-picker'class="areas_verify"/>
  126. </div>
  127. <i class="iconfont icon-gengduo"></i>
  128. </li>
  129. <li>
  130. <div class="right">
  131. <input type="text" value="<?=isset($model->address)?$model->address:''?>" name="Building[address]" placeholder="请输入详细地址" class="left address_verify" id="full-add" onblur="Map_position()">
  132. </div>
  133. </li>
  134. </ul>
  135. <div class="map-box">
  136. <div id="container" tabindex="0"></div>
  137. </div>
  138. </div>
  139. <!--客厅照片-->
  140. <div class="title">
  141. 添加客厅照片
  142. </div>
  143. <div class="container">
  144. <!--图片添加-->
  145. <div class="z_photo">
  146. <a href="javascript:;" class="z_file">
  147. <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->living->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->living->pic."'";}?>/>
  148. <input name="living_room" hidden="hidden" id="living_room" value=""/>
  149. </a>
  150. </div>
  151. </div>
  152. <!--主卧照片-->
  153. <div class="title">
  154. 添加主卧照片
  155. </div>
  156. <div class="container">
  157. <!--图片添加-->
  158. <div class="z_photo">
  159. <a href="javascript:;" class="z_file z_file1">
  160. <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->master->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->master->pic."'";}?>/>
  161. <input name="master_bedroom" hidden="hidden" id="master_bedroom" value=""/>
  162. </a>
  163. </div>
  164. </div>
  165. <!--局部照片-->
  166. <div class="title">
  167. 添加局部美照
  168. </div>
  169. <div class="container">
  170. <!--图片添加-->
  171. <div class="z_photo">
  172. <a href="javascript:;" class="z_file z_file2">
  173. <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->portion->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->portion->pic."'";}?> />
  174. <input name="portion" hidden="hidden" id="portion" value=""/>
  175. </a>
  176. </div>
  177. </div>
  178. <!--局部照片2-->
  179. <div class="title">
  180. 添加局部美照
  181. </div>
  182. <div class="container">
  183. <!--图片添加-->
  184. <div class="z_photo">
  185. <a href="javascript:;" class="z_file z_file2">
  186. <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->portion2->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->portion2->pic."'";}?> />
  187. <input name="portion2" hidden="hidden" id="portion2" value=""/>
  188. </a>
  189. </div>
  190. </div>
  191. <!--局部照片3-->
  192. <div class="title">
  193. 添加局部美照
  194. </div>
  195. <div class="container">
  196. <!--图片添加-->
  197. <div class="z_photo">
  198. <a href="javascript:;" class="z_file z_file2">
  199. <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->portion3->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->portion3->pic."'";}?> />
  200. <input name="portion3" hidden="hidden" id="portion3" value=""/>
  201. </a>
  202. </div>
  203. </div>
  204. <!--局部照片4-->
  205. <div class="title">
  206. 添加局部美照
  207. </div>
  208. <div class="container">
  209. <!--图片添加-->
  210. <div class="z_photo">
  211. <a href="javascript:;" class="z_file z_file2">
  212. <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->portion4->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->portion4->pic."'";}?> />
  213. <input name="portion4" hidden="hidden" id="portion4" value=""/>
  214. </a>
  215. </div>
  216. </div>
  217. <!--局部照片5-->
  218. <div class="title">
  219. 添加局部美照
  220. </div>
  221. <div class="container">
  222. <!--图片添加-->
  223. <div class="z_photo">
  224. <a href="javascript:;" class="z_file z_file2">
  225. <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->portion5->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->portion5->pic."'";}?> />
  226. <input name="portion5" hidden="hidden" id="portion5" value=""/>
  227. </a>
  228. </div>
  229. </div>
  230. <!--户型照片-->
  231. <div class="title">
  232. 添加户型平面图
  233. </div>
  234. <div class="container">
  235. <!--图片添加-->
  236. <div class="z_photo">
  237. <a href="javascript:;" class="z_file z_file3">
  238. <img id="imgShow_WU_FILE_0" class="acc_imgin" <?php if(!empty($model->flat->pic)){echo "src='".Yii::getAlias('@imgdomain').'/'.$model->flat->pic."'";}?> />
  239. <input name="flat" hidden="hidden" id="flat" value=""/>
  240. </a>
  241. </div>
  242. </div>
  243. <input type="text" name='Building[province]' hidden="hidden" class="province" value="<?=isset($model->province)?$model->province:''?>" >
  244. <input type="text" name='Building[city]' hidden="hidden" class="city" value="<?=isset($model->city)?$model->city:''?>" >
  245. <input type="text" name='Building[district]' hidden="hidden" class="district" value="<?=isset($model->district)?$model->district:''?>" >
  246. <input type="text" name="id" hidden="hidden" value="<?=isset($model->id)?$model->id:''?>" >
  247. <input type="text" name="Building[type]" hidden="hidden" value="2" >
  248. <input type="text" name="typeModel" hidden="hidden" value="edit" >
  249. <a class="weui-btn weui-btn_plain-default submit-btn get_address" >完成</a>
  250. <!--户型 弹出层-->
  251. <div id="type" class="weui-popup__container">
  252. <div class="weui-popup__overlay"></div>
  253. <div class="weui-popup__modal">
  254. <div class="radio-title">户型</div>
  255. <div class="weui-cells weui-cells_radio">
  256. <?php if(!empty($layout_arr)):?>
  257. <?php foreach($layout_arr as $key=>$arr):?>
  258. <label class="weui-cell weui-check__label close-popup layout_arr" for="<?='x1'.$key?>">
  259. <div class="weui-cell__bd">
  260. <p><?=$arr?></p>
  261. </div>
  262. <div class="weui-cell__ft">
  263. <input type="radio" class="weui-check" name="radio1" value="<?=$arr?>" id="<?='x1'.$key?>" >
  264. <span class="weui-icon-checked"></span>
  265. </div>
  266. </label>
  267. <?php endforeach?>
  268. <?php endif?>
  269. </div>
  270. <!-- <a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit-btn close-popup layout_arr">提交</a>-->
  271. </div>
  272. </div>
  273. <!--风格 弹出层-->
  274. <div id="style" class="weui-popup__container">
  275. <div class="weui-popup__overlay"></div>
  276. <div class="weui-popup__modal">
  277. <div class="radio-title">风格</div>
  278. <div class="weui-cells weui-cells_radio">
  279. <?php if(!empty($style_arr)):?>
  280. <?php foreach($style_arr as $key=>$arr):?>
  281. <label class="weui-cell weui-check__label close-popup style_arr" for="<?='x2'.$key?>">
  282. <div class="weui-cell__bd">
  283. <p><?=$arr?></p>
  284. </div>
  285. <div class="weui-cell__ft">
  286. <input type="radio" class="weui-check" name="radio1" value="<?=$arr?>" id="<?='x2'.$key?>" >
  287. <span class="weui-icon-checked"></span>
  288. </div>
  289. </label>
  290. <?php endforeach?>
  291. <?php endif?>
  292. </div>
  293. <!-- <a href="javascript:void(0);" class="weui-btn weui-btn_plain-default submit-btn close-popup style_arr">提交</a>-->
  294. </div>
  295. </div>
  296. <!--装修方式 弹出层-->
  297. <div id="methods" class="weui-popup__container">
  298. <div class="weui-popup__overlay"></div>
  299. <div class="weui-popup__modal">
  300. <div class="radio-title">方式</div>
  301. <div class="weui-cells weui-cells_radio">
  302. <?php if(!empty($pattern_arr)):?>
  303. <?php foreach($pattern_arr as $key=>$arr):?>
  304. <label class="weui-cell weui-check__label close-popup pattern_arr" for="<?='x4'.$key?>">
  305. <div class="weui-cell__bd">
  306. <p><?=$arr?></p>
  307. </div>
  308. <div class="weui-cell__ft">
  309. <input type="radio" class="weui-check" name="radio1" value="<?=$arr?>" id="<?='x4'.$key?>"/>
  310. <span class="weui-icon-checked"></span>
  311. </div>
  312. </label>
  313. <?php endforeach?>
  314. <?php endif?>
  315. </div>
  316. <!-- <a href="#" class="weui-btn weui-btn_plain-default submit-btn close-popup pattern_arr">提交</a>-->
  317. </div>
  318. </div>
  319. <!--设计师 弹出层-->
  320. <div id="dg" class="weui-popup__container staff-list dg">
  321. <div class="weui-popup__overlay"></div>
  322. <div class="weui-popup__modal">
  323. <div class="weui-cells weui-cells_radio">
  324. <?php if(!empty($model_designer)):?>
  325. <?php foreach($model_designer as $key=>$arr):?>
  326. <label class="weui-cell weui-check__label close-popup model_designer" for="<?='x5'.$key?>">
  327. <div class="weui-cell__bd">
  328. <div class="staff">
  329. <div class="img">
  330. <img src="<?=empty($arr->image->pic)?"":Yii::getAlias('@imgdomain').'/'.$arr->image->pic?>" alt="">
  331. </div>
  332. <div class="list-main">
  333. <h2><?=$arr->realname?><span>装潢设计师</span></h2>
  334. <p>简介:<?=$arr->introduction?></p>
  335. </div>
  336. </div>
  337. </div>
  338. <div class="weui-cell__ft">
  339. <input type="radio" class="weui-check" name="radio1" realname="<?=$arr->realname?>" value="<?=$arr->id?>" id="<?='x5'.$key?>" >
  340. <span class="weui-icon-checked"></span>
  341. </div>
  342. </label>
  343. <?php endforeach?>
  344. <?php endif?>
  345. </div>
  346. <a href="#" class="weui-btn weui-btn_plain-default submit-btn close-popup model_designer ">添加</a>
  347. </div>
  348. </div>
  349. <!--项目经理 弹出层-->
  350. <div id="pm" class="weui-popup__container staff-list pm">
  351. <div class="weui-popup__overlay"></div>
  352. <div class="weui-popup__modal">
  353. <div class="weui-cells weui-cells_radio">
  354. <?php if(!empty($model_manager)):?>
  355. <?php foreach($model_manager as $key=>$arr):?>
  356. <label class="weui-cell weui-check__label close-popup model_manager" for="<?='x6'.$key?>">
  357. <div class="weui-cell__bd">
  358. <div class="staff">
  359. <div class="img">
  360. <img src="<?=empty($arr->image->pic)?"":Yii::getAlias('@imgdomain').'/'.$arr->image->pic?>" alt="">
  361. </div>
  362. <div class="list-main">
  363. <h2><?=$arr->realname?><span>项目经理</span></h2>
  364. <p>简介:<?=$arr->introduction?></p>
  365. </div>
  366. </div>
  367. </div>
  368. <div class="weui-cell__ft">
  369. <input type="radio" class="weui-check" name="radio1" realname="<?=$arr->realname?>" value="<?=$arr->id?>" id="<?='x6'.$key?>" checked="checked">
  370. <span class="weui-icon-checked"></span>
  371. </div>
  372. </label>
  373. <?php endforeach?>
  374. <?php endif?>
  375. </div>
  376. <input name="pickup_address_coordinate" type="hidden" class="qh-zb" value="<?=isset($model->longitude)?$model->longitude:''?>,<?=isset($model->latitude)?$model->latitude:''?>"/>
  377. <a href="#" class="weui-btn weui-btn_plain-default submit-btn close-popup model_manager" >添加</a>
  378. </div>
  379. </div>
  380. </div>
  381. </form>
  382. <style>
  383. .weui-picker-modal .picker-items{
  384. font-size: 1.5rem;
  385. }
  386. .weui-picker-modal .picker-items-col{
  387. margin: 0 0.5rem;
  388. }
  389. </style>
  390. <script>
  391. $('.acc_imgin').on('click', function () {
  392. var that = this;
  393. var id = $(that).next('input').attr('id');
  394. var image = {
  395. localId: [],
  396. serverId: []
  397. };
  398. wx.chooseImage({
  399. count: 1, // 默认9
  400. sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
  401. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  402. success: function (res) {
  403. image.localIds = res.localIds; // 返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
  404. wx.uploadImage({
  405. localId: image.localIds[0], // 需要上传的图片的本地ID,由chooseImage接口获得
  406. isShowProgressTips: 1, // 默认为1,显示进度提示
  407. success: function (res) {
  408. image.serverId = res.serverId; // 返回图片的服务器端IDd
  409. var serverid = image.serverId;
  410. $.ajax({
  411. url:'<?=Url::toRoute(['building/imgurl']);?>',
  412. type:'GET',
  413. dataType:'json',
  414. data:{serverid:serverid},
  415. success:function(data){
  416. if(data.sign==1){
  417. $(that).next('input').val(data.imgurl);
  418. }else{
  419. $.alert(data.msg);
  420. }
  421. }
  422. });
  423. }
  424. });
  425. if(window.__wxjs_is_wkwebview){
  426. wx.getLocalImgData({
  427. localId:image.localIds[0], // 图片的localID
  428. success: function (res) {
  429. var localData = res.localData; // localData是图片的base64数据,可以用img标签显示
  430. $(that).attr('src',localData);
  431. }
  432. });
  433. }else{
  434. $(that).attr('src',image.localIds[0]);
  435. }
  436. },
  437. fail: function(res){
  438. }
  439. });
  440. });
  441. $('.layout_arr').click(function(){
  442. var val = $('#type input[name="radio1"]:checked').val();
  443. $('.layout').val(val);
  444. $('#layout').text(val);
  445. });
  446. $('.style_arr').click(function(){
  447. var val = $('#style input[name="radio1"]:checked').val();
  448. $('.style').val(val);
  449. $('#style_fg').text(val);
  450. });
  451. $('.pattern_arr').click(function(){
  452. var val = $('#methods input[name="radio1"]:checked').val();
  453. $('.pattern').val(val);
  454. $('#pattern').text(val);
  455. });
  456. $('.model_designer').click(function(){
  457. var val = $('#dg input[name="radio1"]:checked').val();
  458. var realname = $('#dg input[name="radio1"]:checked').attr('realname');
  459. $('.designer_id').val(val);
  460. $('#designer_id').text(realname);
  461. });
  462. $('.model_manager').click(function(){
  463. var val = $('#pm input[name="radio1"]:checked').val();
  464. var realname = $('#pm input[name="radio1"]:checked').attr('realname');
  465. $('.manager_id').val(val);
  466. $('#manager_id').text(realname);
  467. });
  468. $('.get_address').click(function(){
  469. //验证
  470. var community_verify = $('.community_verify').val();
  471. var area_verify = $('.area_verify').val();
  472. var budget_verify = $('.budget_verify').val();
  473. var layout_verify = $('.layout_verify').val();
  474. var style_verify = $('.style_verify').val();
  475. var pattern_verify = $('.pattern_verify').val();
  476. var opening_begin_verify = $('.opening_begin_verify').val();
  477. var opening_end_verify = $('.opening_end_verify').val();
  478. var areas_verify = $('.areas_verify').val();
  479. var address_verify = $('.address_verify').val();
  480. var designer_id_verify = $('.designer_id_verify').val();
  481. var manager_id_verify = $('.manager_id_verify').val();
  482. if(community_verify ==""){
  483. $.alert("请填写名称");return false;
  484. }else if(area_verify ==""){
  485. $.alert("请填写面积");return false;
  486. }else if(isNaN(area_verify)){
  487. $.alert("面积,请填写纯数字");return false;
  488. }else if(budget_verify ==""){
  489. $.alert("请填写单价");return false;
  490. }else if(isNaN(budget_verify)){
  491. $.alert("单价,请填写纯数字");return false;
  492. }else if(layout_verify ==""){
  493. $.alert("请选择写户型");return false;
  494. }else if(style_verify ==""){
  495. $.alert("请选择装修风格");return false;
  496. }else if(opening_begin_verify ==""){
  497. $.alert("请选择开始预约时间");return false;
  498. }else if(opening_end_verify ==""){
  499. $.alert("请选择结束预约时间");return false;
  500. }else if(opening_begin_verify > opening_end_verify){
  501. $.alert("开始时间不能大于结束时间");return false;
  502. }else if(areas_verify ==""){
  503. $.alert("请选择地区");return false;
  504. }else if(address_verify ==""){
  505. $.alert("请填写详情地址");return false;
  506. }else if(designer_id_verify ==""){
  507. $.alert("请选择设计师");return false;
  508. }else if(manager_id_verify ==""){
  509. $.alert("请选择项目经理");return false;
  510. }else{
  511. //提交表单
  512. var val = $('.address input[name="city-picker"]').val();
  513. var data = $('.address input[name="city-picker"]').attr('data-codes');
  514. if(data!=""){
  515. var arr = data.split(',');
  516. $('.province').val(arr[0]);
  517. $('.city').val(arr[1]);
  518. $('.district').val(arr[2]);
  519. }
  520. <?php if(empty($model)): ?>
  521. var url = '<?=Url::toRoute(['building/addroom']);?>';
  522. <?php else: ?>
  523. var url = '<?=Url::toRoute(['building/editroom']);?>';
  524. <?php endif; ?>
  525. $.ajax({
  526. url:url,
  527. type:'GET',
  528. dataType:'json',
  529. data:$('#myform').serialize(),
  530. success:function(data){
  531. // $.alert(data.msg);
  532. $.alert(data.msg, "提示", function() {
  533. window.location.href="<?=Url::toRoute(['building/index'])?>";
  534. });
  535. }
  536. });
  537. //end
  538. }
  539. });
  540. </script>
  541. <script type="text/javascript">
  542. //时间选择器
  543. var timeFormat = function () {
  544. return [
  545. ];
  546. };
  547. //可约时间
  548. $("#datetime-picker").datetimePicker({
  549. times: timeFormat,
  550. onChange: function (picker, values, displayValues) {
  551. //console.log(values);
  552. }
  553. });
  554. //结束时间
  555. $("#datetime-picker-end").datetimePicker({
  556. times: timeFormat,
  557. onChange: function (picker, values, displayValues) {
  558. //console.log(values);
  559. }
  560. });
  561. var JsArea = $.city;
  562. var map, geolocation,marker;
  563. <?php if(!empty($model)&&!empty($model->longitude)&&!empty($model->latitude)):?>
  564. //加载地图,调用浏览器定位服务
  565. map = new AMap.Map('container', {
  566. resizeEnable: true,
  567. zoom:13,
  568. center :[<?= $model->longitude ?>, <?= $model->latitude ?>]
  569. });
  570. lnglatXY = [<?= $model->longitude ?>, <?= $model->latitude ?>];
  571. marker = new AMap.Marker({
  572. position: lnglatXY,
  573. draggable: true,//是否可拖拽
  574. cursor: 'move',
  575. raiseOnDrag: true
  576. });
  577. regeocoder();
  578. marker.setMap(map);
  579. <?php else:?>
  580. //基本地图加载
  581. marker,map = new AMap.Map("container", {
  582. resizeEnable: true,
  583. //center: [118.183784,24.483341],//地图中心点
  584. zoom: 13 //地图显示的缩放级别
  585. });
  586. //定位(浏览器定位)--(坐标、详细地址)
  587. map.plugin('AMap.Geolocation', function() {
  588. geolocation = new AMap.Geolocation({
  589. enableHighAccuracy: true,//是否使用高精度定位,默认:true
  590. timeout: 10000, //超过10秒后停止定位,默认:无穷大
  591. showButton: false, //显示定位按钮,默认:true
  592. buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
  593. buttonPosition:'LB'
  594. });
  595. map.addControl(geolocation);
  596. geolocation.getCurrentPosition();
  597. AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
  598. AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
  599. });
  600. <?php endif?>
  601. //解析定位结果
  602. function onComplete(data) {
  603. lnglatXY = [data.position.getLng(), data.position.getLat()];//坐标
  604. $(".qh-zb").val(data.position.getLng()+","+data.position.getLat());
  605. regeocoder();//根据坐标解析详细地址
  606. addMarker();
  607. }
  608. function regeocoder() {
  609. var geocoder = new AMap.Geocoder({
  610. resizeEnable: true,
  611. radius: 1000,
  612. extensions: "all"
  613. });
  614. geocoder.getAddress(lnglatXY, function(status, result) {
  615. //console.log(result);
  616. if (status === 'complete' && result.info === 'OK') {
  617. geocoder_CallBack(result);
  618. }
  619. });
  620. }
  621. function geocoder_CallBack(data) {
  622. var address = data.regeocode.formattedAddress; //返回地址描述
  623. var citycode = data.regeocode.addressComponent.adcode; //城市编码
  624. var province_list = data.regeocode.addressComponent.province; //省份
  625. var city_list = data.regeocode.addressComponent.city; //城市
  626. var district_list = data.regeocode.addressComponent.district; //地区
  627. address = address.replace(province_list, "");
  628. address = address.replace(city_list, "");
  629. address = address.replace(district_list, "");
  630. // province_list(data.regeocode.addressComponent.province);//省份
  631. // city_list(data.regeocode.addressComponent.province,data.regeocode.addressComponent.city);//城市
  632. // district_list(data.regeocode.addressComponent.province,data.regeocode.addressComponent.city,data.regeocode.addressComponent.adcode);//地区
  633. $('.left').val(address);
  634. $("#city-picker").val(province_list + ' ' + city_list + ' ' + district_list);
  635. if(citycode!=""){
  636. var citycode1 = citycode.substring(0,4)+'00';
  637. var citycode2 = citycode.substring(0,2)+'0000';
  638. $("#city-picker").attr('data-codes',citycode2+","+citycode1+","+citycode);
  639. }
  640. }
  641. //解析定位错误信息
  642. function onError(data) {
  643. $.alert('定位失败');
  644. marker = new AMap.Marker({
  645. draggable: true,//是否可拖拽
  646. cursor: 'move',
  647. raiseOnDrag: true
  648. });
  649. marker.setMap(map);
  650. dragging();
  651. }
  652. //设置标注到定位位置
  653. function addMarker() {
  654. marker = new AMap.Marker({
  655. position: lnglatXY,
  656. draggable: true,//是否可拖拽
  657. cursor: 'move',
  658. raiseOnDrag: true
  659. });
  660. marker.setMap(map);
  661. dragging();
  662. // AMap.event.addListener(marker, 'dragging', function(e){
  663. // var lat = e.lnglat.getLat,
  664. // lng = e.lnglat.getLng;
  665. // marker.setPosition(new AMap.LngLat(lng,lat));
  666. // });
  667. };
  668. //获取拖拽后的坐标
  669. function dragging(){
  670. AMap.event.addListener(marker, 'dragging', function(e){
  671. var lat = e.lnglat.getLat(),
  672. lng = e.lnglat.getLng();
  673. // console.log('你拖拽到了(' + lng,lat + ')位置')
  674. });
  675. }
  676. //地址选择器
  677. $("#city-picker").cityPicker({
  678. title: "选择地址",
  679. onChange: function (picker, values, displayValues) {
  680. // console.log(values, displayValues);
  681. //map.setCity(displayValues[1]);//定位到所选地址区域
  682. if (displayValues[2] == ""){
  683. map.setCity(displayValues[1]);
  684. }else {
  685. map.setCity(displayValues[2]);
  686. }
  687. }
  688. });
  689. //根据关键字获取对应坐标
  690. function Map_position(){
  691. var text= document.getElementById("full-add").value;
  692. var placeSearch = new AMap.PlaceSearch();
  693. // console.log(text);
  694. placeSearch.search(text, function(status, result) {
  695. if (status === 'complete' && result.info === 'OK') {
  696. var poiArr = result.poiList.pois;
  697. //如果没有显示地图,就不用for
  698. for(var i=0;i<poiArr.length;i++){
  699. marker = new AMap.Marker({
  700. });
  701. }
  702. console.log(2);
  703. $(".qh-zb").val(poiArr[0].location.lng+","+poiArr[0].location.lat);
  704. //marker.setPosition([poiArr[0].location.lng, poiArr[0].location.lat]); //更新点标记位置
  705. map.panTo([poiArr[0].location.lng, poiArr[0].location.lat]);//平移到标注中心点
  706. }
  707. });
  708. }
  709. //点击地图更新标注位置
  710. // map.on('click', function(e) {
  711. // marker.setPosition(e.lnglat); //点击更新标注位置
  712. // //console.log('您在[ '+e.lnglat.getLng()+','+e.lnglat.getLat()+' ]的位置点击了地图!');
  713. // });
  714. //点击地图更新标注位置
  715. map.on('click', function(e) {
  716. marker.setPosition(e.lnglat); //点击更新标注位置
  717. //console.log('您在[ '+e.lnglat.getLng()+','+e.lnglat.getLat()+' ]的位置点击了地图!');
  718. $(".qh-zb").val(e.lnglat.getLng()+","+e.lnglat.getLat());
  719. var geocoder = new AMap.Geocoder({
  720. resizeEnable: true,
  721. radius: 1000,
  722. extensions: "all"
  723. });
  724. geocoder.getAddress(e.lnglat, function(status, result) {
  725. //console.log(result);
  726. if (status === 'complete' && result.info === 'OK') {
  727. var address = result.regeocode.formattedAddress; //返回地址描述
  728. var province_list = result.regeocode.addressComponent.province; //省份
  729. var city_list = result.regeocode.addressComponent.city; //城市
  730. var district_list = result.regeocode.addressComponent.district; //地区
  731. var citycode = result.regeocode.addressComponent.adcode; //城市编码
  732. address = address.replace(province_list, "");
  733. address = address.replace(city_list, "");
  734. address = address.replace(district_list, "");
  735. $('.left').val(address);
  736. $("#city-picker").val(province_list + ' ' + city_list + ' ' + district_list);
  737. // $("#city-picker").attr('data-codes',province_list + ' ' + city_list + ' ' + district_list);
  738. if(citycode!=""){
  739. var citycode1 = citycode.substring(0,4)+'00';
  740. var citycode2 = citycode.substring(0,2)+'0000';
  741. $("#city-picker").attr('data-codes',citycode2+","+citycode1+","+citycode);
  742. }
  743. }
  744. });
  745. });
  746. </script>