地图对接

WebUI/CallCenterWeb.UI/Appeal/AddAppeal.html

@@ -100,10 +100,25 @@
                         <th class="Importent">事件地址:</th>
                         <td colspan="7">
                             <select class="select_" id="sourcearea"></select>
-                            <input id="sourceaddress" type="text" placeholder="输入详细地址" style="width:66%" />
                         </td>
                     </tr>
                     <tr>
+                    	<th class="Importent"></th>
+                        <td colspan="7">
+                        	<input id="sourceaddress" type="text" placeholder="输入详细地址" style="width:50%; padding-left: 15px;" />
+                    	</td>
+                    </tr>
+                    <tr>
+                        <th class="Importent"></th>
+                        <td colspan="7">
+                        	<div style="width:710px">
+				                <div id="myMap" style="width:100%;height:400px;"></div>
+				                <input type="hidden" class="store_Lng" value="115.659773"/>
+        						<input type="hidden" class="store_Lat" value="34.395449" />
+				            </div>
+                    	</td>
+                    </tr>
+                    <tr>
                         <th>附件上传:</th>
                         <td colspan="7">
                             <div class="fileBox"></div>
@@ -154,7 +169,7 @@
                         </td>
                         <th>紧急程度:</th>
                         <td>
-                            <select class="select_" id="level">
+                            <select class="select_" id="level"> 
                                 <!--<option value="0">选择</option>-->
                                 <option value="1">普通</option>
                                 <option value="2">紧急</option>
@@ -166,12 +181,13 @@
                     <button class="btns BC">保存</button>
                     <button class="btns SavedSubmit">保存并提交</button>
                 </div>
-
             </div>
         </div>
     </div>
+    <script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
     <script src="../css/laydate/laydate.js"></script>
     <script src="../js/adjustHeight.js"></script>
+    <script src="../js/appeal/index.js"></script>
     <script>
         var submit;
         $(document).ready(function () {
@@ -246,6 +262,8 @@
                         files: $("#file").val(), //(多个用英文逗号,隔开)
                         sourcearea: $("#sourcearea").val(), //=事发地域id
                         sourceaddress: $('#sourceaddress').val(), //=事发详细地址
+                        longitude: $('.store_Lng').val(),
+                        latitude: $('.store_Lat').val(),
                         source: $("#source").val(), //=来源
                         isresult: $(' input[name="banli"]:checked ').val(), //=（0转办1直办）
                         result: $('#result').val(),

WebUI/CallCenterWeb.UI/CommonHtml/AddAppeal.html

@@ -87,10 +87,25 @@
                         <th class="Importent">事件地址:</th>
                         <td colspan="7">
                             <select class="select_" id="sourcearea"></select>
-                            <input id="sourceaddress" type="text" placeholder="输入详细地址" style="width:66%" />
                         </td>
                     </tr>
                     <tr>
+                    	<th class="Importent"></th>
+                        <td colspan="7">
+                        	<input id="sourceaddress" type="text" placeholder="输入详细地址" style="width:50%; padding-left: 15px;" />
+                    	</td>
+                    </tr>
+                    <tr>
+                        <th class="Importent"></th>
+                        <td colspan="7">
+                        	<div style="width:710px">
+				                <div id="myMap" style="width:100%;height:400px;"></div>
+				                <input type="hidden" class="store_Lng" value="115.659773"/>
+        						<input type="hidden" class="store_Lat" value="34.395449"/>
+				            </div>
+                    	</td>
+                    </tr>
+                    <tr>
                         <th>附件上传:</th>
                         <td colspan="7">
                             <div class="fileBox">
@@ -159,12 +174,13 @@
             </div>
         </div>
     </div>
+    <script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
     <script src="../css/laydate/laydate.js"></script>
     <script src="../js/adjustHeight.js"></script>
+    <script src="../js/appeal/index.js"></script>
     <script>
         var wid = helper.request.queryString("wid");
         var submit;
-
         $(document).ready(function () {
             QY($("#sourcearea"));
             LY($("#source"));
@@ -178,7 +194,6 @@
                 } else {
                     $(".Nows_box").hide();
                 }
-
             })
             $(".BC").click(function () {
                 submit = 0;
@@ -200,50 +215,62 @@
                 Add()
             })
             if (wid) {
-                $.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetWorkOrder', {
-                    workorderid: wid,
-                    "token": $.cookie("token")
-                }, function (result) {
-                    if (result.state.toLowerCase() == "success") {
-                        var Data = result.data.data;
-                        $("#cusname").val(Data[0].F_CusName);
-                        $("#cusphone").val(Data[0].F_CusPhone);
-                        $("#conphone").val(Data[0].F_ConPhone);
-                        $("#title").val(Data[0].F_ComTitle);
-                        $('#content').val(Data[0].F_ComContent);
-                        $('#email').val(Data[0].F_Email);
-                        $("#zipcode").val(Data[0].F_ZipCode);
-                        $("#result").val(Data[0].F_Result);
-                        //x性别
-                        $("#SEX").val(Data[0].F_CusSex + '');
-                        //来源
-                        $("#source").val(Data[0].F_InfoSource + '');
-                        //事件地址
-                        $("#sourcearea").val(Data[0].F_SourceArea + '');
-                        //主题词
-                        $("#keys").val(Data[0].F_Key + '');
-                        //类型
-                        $("#type").val(Data[0].F_InfoType + '');
-                        //紧急程度
-                        $("#level").val(Data[0].F_Level + '');
-                        if (Data[0].F_IsResult == 1) {
-                            $(".Nows_box").toggle();
+            	$.ajax({
+                    type: "get",
+                    url: huayi.config.callcenter_url + "WorkOrder/GetWorkOrder",
+                    dataType: 'json',
+                    async: false,
+                    data: {
+                    	workorderid: wid,
+                    	token: $.cookie("token")
+                    },
+                    success: function (data) {
+                        if (data.state.toLowerCase() == "success") {
+                            var Data = data.data.data;
+	                        $("#cusname").val(Data[0].F_CusName);
+	                        $("#cusphone").val(Data[0].F_CusPhone);
+	                        $("#conphone").val(Data[0].F_ConPhone);
+	                        $("#title").val(Data[0].F_ComTitle);
+	                        $('#content').val(Data[0].F_ComContent);
+	                        $('#email').val(Data[0].F_Email);
+	                        $("#zipcode").val(Data[0].F_ZipCode);
+	                        $("#result").val(Data[0].F_Result);
+	                        $(".store_Lng").val(Data[0].F_Longitude);
+	                        $(".store_Lat").val(Data[0].F_Latitude);
+	                        //x性别
+	                        $("#SEX").val(Data[0].F_CusSex + '');
+	                        //来源
+	                        $("#source").val(Data[0].F_InfoSource + '');
+	                        //事件地址
+	                        $("#sourcearea").val(Data[0].F_SourceArea + '');
+	                        //主题词
+	                        $("#keys").val(Data[0].F_Key + '');
+	                        //类型
+	                        $("#type").val(Data[0].F_InfoType + '');
+	                        //紧急程度
+	                        $("#level").val(Data[0].F_Level + '');
+	                        if (Data[0].F_IsResult == 1) {
+	                            $(".Nows_box").toggle();
+	                        }
+	                        $(' input[name="mj"][value="' + Data[0].F_IsProtect + '"]').prop("checked", "checked");
+	                        $(' input[name="banli"][value="' + Data[0].F_IsResult + '"]').prop("checked", "checked");
+	                        $('#sourceaddress').val(Data[0].F_SourceAddress);
+	                        $('.F_FinalOpinion').val(Data[0].F_FinalOpinion);
+	                        $(Data[0].File).each(function (k, q) {
+	                            var strs = '<span class="files" fiel-num="' + q.F_FileId + '">' + q.F_FileName.substring(19) + '<i class="fa fa-remove del_file"></i></span>'
+	                            $(strs).appendTo($('.fileBox')).find('.del_file').click(function (event) {
+	                                event.stopPropagation();
+	                                $(this).parent().remove();
+	                                file_num()
+	                            })
+	                            file_num()
+	                        })
                         }
-                        $(' input[name="mj"][value="' + Data[0].F_IsProtect + '"]').prop("checked", "checked");
-                        $(' input[name="banli"][value="' + Data[0].F_IsResult + '"]').prop("checked", "checked");
-                        $('#sourceaddress').val(Data[0].F_SourceAddress);
-                        $('.F_FinalOpinion').val(Data[0].F_FinalOpinion);
-                        $(Data[0].File).each(function (k, q) {
-                            var strs = '<span class="files" fiel-num="' + q.F_FileId + '">' + q.F_FileName.substring(19) + '<i class="fa fa-remove del_file"></i></span>'
-                            $(strs).appendTo($('.fileBox')).find('.del_file').click(function (event) {
-                                event.stopPropagation();
-                                $(this).parent().remove();
-                                file_num()
-                            })
-                            file_num()
-                        })
+
                     }
-                })
+                });
+            	
+               
 
             }
         });

WebUI/CallCenterWeb.UI/index.html

@@ -1032,6 +1032,31 @@
         	background: #048aad;
         	color: #FFFFFF;
         }
+        .mapPos{
+        	position: fixed;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			margin: auto;
+			display: none;
+			z-index: 3333;
+        }
+        .mapBJ{
+        	position: fixed;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			margin: auto;
+			display: none;
+			z-index: 333;
+			background: #000000;
+			filter:alpha(opacity=50);  
+		    -moz-opacity:0.5;  
+		    -khtml-opacity: 0.5;  
+		    opacity: 0.5;  
+        }
     </style>
 </head>
 
@@ -1577,14 +1602,14 @@
                                             <select name="sourcearea" id="sourcearea">
                                                 <option value="0">请选择</option>
                                             </select>
-                                            <select name="sourcearea" id="sourcetown">
-                                                <option value="0">请选择</option>
-                                            </select>
-                                            <select name="sourcearea" id="sourcecounty">
-                                                <option value="0">请选择</option>
-                                            </select>
-                                            <input id="sourceaddress" type="text" placeholder="输入详细地址" />
+                                            <input id="sourceaddress" autocomplete="off" type="text" placeholder="输入详细地址" />
                                         </span>
+                                        <div class="mapBJ" style="width:100%; height:100%"></div>
+                                        <div class="mapPos" style="width:710px; height:400px;">
+							                <div id="myMap" style="width:100%; height:400px;"></div>
+							                <input type="hidden" class="store_Lng" value="115.659773"/>
+			        						<input type="hidden" class="store_Lat" value="34.395449" />
+							            </div>
                                     </div>
                                     <div class="form-group clearfix">
                                         <span class="col-sm-1">
@@ -2113,7 +2138,7 @@
 		</div>
     <!--在线客服结束-->
 <input type="hidden" id="cqorder" />
-
+	<script src="https://api.map.baidu.com/api?v=2.0&ak=ZG4gLQZUD6Eq1K11cqlYAR4by8CKgLyu&callback=mapinit"></script>
     <script src="./js/plugins/cropper/cropper.min.js"></script>
     <script src="./js/jquery.md5.js"></script>
     <script src="./css/laydate/laydate.js"></script>
@@ -2123,6 +2148,7 @@
     <script src="./js/main.js?v=2.0"></script>
     <script src="./js/chat.js"></script>
     <script src="./js/index.js?v=2.0"></script>
+    <script src="./js/appeal/mapIndex.js"></script>
     <script src="./js/plugins/metisMenu/jquery.metisMenu.js"></script>
     <script src="./js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
     <script src="./js/hplus.min.js?v=4.1.0"></script>

WebUI/CallCenterWeb.UI/js/index.js

@@ -533,7 +533,10 @@ $(document).ready(function () {
             //Adds();
         }
     })
-
+	$(".mapBJ").click(function(){
+		$(".mapPos").hide();
+	  	$(".mapBJ").hide();
+	})
     //加载知识库
     loadZSK();
     //加载左侧导航菜单
@@ -749,7 +752,7 @@ $(document).ready(function () {
     })
     //QY($("#sourcearea"));
     //区县，主干道、乡镇，路社区村三级联动（目前在来电弹屏中使用）
-    helper.getDropList.getLocations($('#sourcearea'), $('#sourcetown'), $('#sourcecounty'));
+    helper.getDropList.getLocations($('#sourcearea'));
     LB($("#type"));
     ZT($("#keys"));
     //加载来电类型 默认是 已受理并发送id
@@ -873,12 +876,14 @@ function Adds() {
             title: $("#title").val(),
             content: $("#content").val(),
             callid: callid,
-            // 						files:$("#file").val(),//(多个用英文逗号,隔开)
+            //files:$("#file").val(),//(多个用英文逗号,隔开)
             sourcearea: $("#sourcearea").val(), //=事发地域id
             sourceaddress: $('#sourceaddress').val(), //=事发详细地址
             source: 1, //=来源
             isresult: $(' input[name="banli"]:checked ').val(), //=（0转办1直办）
             result: $('#result').val(),
+            longitude: $('.store_Lng').val(),
+            latitude: $('.store_Lat').val(),
             keys: $("#keys").val(), //=关键词id(多个用英文逗号,隔开)				
             type: $("#type").val(), //=类型			
             isprotect: $(' input[name="mj"]:checked ').val(), //=(0普通1保密)