ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vuue 打卡

2021-08-26 11:32:48  阅读:150  来源: 互联网

标签:function Remark 必填 vuue tag var 打卡 data


            daka(e) {

                var that = this;
                var layer = {
                    msg: function(txt) {
                        that.messageshow(txt);
                    }
                }
                var $ = {
                    ajax: function(e) {
                        that.uniajax(e);
                    },
                }

                var temp = that.btntxt;
                var state = that.wxstate;

                if (state == 1) {
                    ceshi();
                } else {
                    layer.msg("微信地理位置正在加载,请等待加载完成再次点击。");
                    var data = {
                        AccountNo:0,
                        SignTime:0,
                        Longitude:0,
                        Latitude:0,
                        Adress:"",
                        Remark:""
                    };
                    var  result=  [123,60];
                    data.Longitude = result[0];
                    data.Latitude =  result[1];
                    data.Adress ="测试地址";
                    data.Remark = that.Remark;
                    if(data.Remark.length<1){
                        
                        layer.msg("请输入备注!");
                        return;
                    }
                    
                    //获取用户信息
                    var  userinfo=uni.getStorageSync('op'+that.edition);
                    data.AccountNo =   userinfo.UserName;
                    savedata(data);
                    return false;
                }

       //begin  保存数据
        function convercoordinate(longitude,latitude,callback){

          //转换地图坐标系
          $.ajax({
            url: ' https://restapi.amap.com/v3/assistant/coordinate/convert?locations=' +
                longitude + ',' + latitude +
                '&coordsys=gps&output=json&key=887692dac57ab8b8be9ebd2d01379dde',
            dataType: 'JSON',
            method: 'GET',
            success: function(data) {
              console.log(data);
              data = data.data;
              if (data.status == 1) {
                var result = data.locations.split(",");
                console.log(result[0] + '***' + result[1]); //输出转换后的坐标
                callback(result);
              }
            }
          });
        }

        function getconvercoordinateAddress(result,callback)
        {
          //获取详细地址
          $.ajax({
            url: 'https://restapi.amap.com/v3/geocode/regeo?output=json&location=' + result[0] + ',' + result[1] + '&key=887692dac57ab8b8be9ebd2d01379dde&radius=1000&extensions=all',
            dataType: 'JSON',
            method: 'GET',
            success: function (data) {
              console.log(data);
              var address = data.regeocode.formatted_address;
              callback(address);

            }
          });
        }

        function savedata(data){
            function ToFormData(d){var c=new FormData();var b=Object.keys(d);for(var a=0;a<b.length;a++){c.append(b[a],d[b[a]]||"")}return c};
            var data = ToFormData(data);
                 $.ajax({
                        url: 'http://localhost:11519/API/BFKQ/Add',
                        dataType: 'JSON',
                        method: 'POST',
                        data:data,
                        success: function (res) {
                            //debugger;
                            if(res.msg=="添加成功")
                            {
                                layer.msg("打卡成功!");
                                that.loadList();        
                            }else{
                                layer.msg("打卡失败!");
                            }
                         
                        }
                      });

        }

        //end

                function ceshi() {
                    console.log(1111);
                    //微信获取地址开始
                    //根据微信信息获取地址位置

                    wx.getLocation({
                        type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
                        success: function(res) {

                            that.btntxt = "正在获取位置信息...请稍候...";

                            var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
                            var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。

                            console.log(longitude + ',' + latitude);

              //---

                      convercoordinate(longitude,latitude,function(result){
                    getconvercoordinateAddress (result,function(address){
                        var data = {
                            AccountNo:0,
                            SignTime:0,
                            Longitude:0,
                            Latitude:0,
                            Adress:""
                        };
                        data.Longitude = result[0];
                        data.Latitude =  result[1];
                        data.Adress =address;
                        //获取用户信息
                        var  userinfo=uni.getStorageSync('op'+that.edition);
                         data.AccountNo =   userinfo.UserName;


                        savedata(data);
                    })
                });



                        },
                        fail: function(res) {

                            layer.msg("获取当前位置错误,请检查是否打开获取地理位置权限");
                            that.btntxt = temp;

                        },
                        cancel: function(res) {
                            layer.msg("获取当前位置错误,请检查是否打开获取地理位置权限");

                        }
                    });
                    //微信获取地址结束


                };

            },

 

		mounted() {
			function loadjs(src, callback) {
				var t = document.getElementsByTagName("script");

				for (var i = 0; i < t.length; i++) {
					var dd = t[i].src;
					if(dd.indexOf('jweixin-1.4.0.js')!=-1 ||dd.indexOf('maps?v=1.4.4')!=-1 )
					{
						return;
					}
				}
				var tag = document.createElement("script");
				tag.type = 'text/javascript';
				tag.src = src;
				tag.onload = function(e, b, c) {
					callback();
				};
				document.head.appendChild(tag);
			}
			var that = this;
			loadjs("http://webapi.amap.com/maps?v=1.4.4&key=887692dac57ab8b8be9ebd2d01379dde", function() {
				loadjs("../../static/wxjs/jweixin-1.4.0.js", function() {

					//初始化001 wx
					//var state = 0;
					wx.config({
						debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
						appId: 'xxx', // 必填,公众号的唯一标识
						timestamp: 13456789, // 必填,生成签名的时间戳
						nonceStr: 'xxx', // 必填,生成签名的随机串
						signature: '123465789', // 必填,签名
						jsApiList: ['checkJsApi', 'getLocation',
							'getNetworkType'
						] // 必填,需要使用的JS接口列表
					});


					wx.ready(function() {
						wx.checkJsApi({
							jsApiList: ['getLocation', 'getNetworkType'],
							success: function(res) {
								//state = 1;
								that.wxstate = 1; //只有在微信浏览器中
							}
						});
					});
					//001end


				});
			});

		},

  

 

标签:function,Remark,必填,vuue,tag,var,打卡,data
来源: https://www.cnblogs.com/enych/p/15188705.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有