github.com/jincm/wesharechain@v0.0.0-20210122032815-1537409ce26a/app/html/myself/myself_body.html (about) 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="copyright" content="www.apicloud.com" /> 6 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> 7 <title>myself</title> 8 <link rel="stylesheet" type="text/css" href="../../css/app_common.css" /> 9 <link rel="stylesheet" type="text/css" href="../../css/api.css" /> 10 <link rel="stylesheet" type="text/css" href="../../css/idangerous.swiper.css"> 11 12 <style> 13 .exitbtn {margin: 15px 10px;border-radius: 4px;border: 1px solid #D33A31;background-color: #fff;color: #D33A31;text-align: center;height: 2em;line-height: 2em;} 14 </style> 15 16 </head> 17 <body> 18 19 <!-- 1 用户登录 --> 20 <div id="data_div"></div> 21 22 <script id="mytmpl" type="text/x-dot-template"> 23 <div class="egret-flex-item profile" tapmode="fmbtnhover" onclick="openUserDetail('{{=it.user_id}}')"> 24 <div class="egret-flex-item-logo"> 25 <img src="../../image/test/frame0103cover05.jpg" alt="" class=""> 26 </div> 27 <div class="egret-flex-item-shelf"> 28 {{ if(it.user_id){ }} 29 <div class="egret-flex-item-shelf01">{{=it.user_name}}</div> 30 {{ }else{ }} 31 <div class="egret-flex-item-shelf01">登陆</div> 32 {{ } }} 33 {{ if(it.user_id){ }} 34 <span class="egret-flex-item-shelf02">{{=it.user_id}}</span> 35 {{ }else{ }} 36 <span class="egret-flex-item-shelf02">个人信息</span> 37 {{ } }} 38 </div> 39 <div class="egret-flex-item-shelf"> 40 <span class="egret-flex-item-shelf01">资料</span> 41 <!--<img src="../../image/cm2_list_icn_arr.png" alt="" class="">--> 42 </div> 43 </div> 44 </script> 45 46 <!-- 47 <div class="userinfo"> 48 <div class="userinfocol01 userinfocol br"> 49 <div class="info">动态</div> 50 <div class="num">0</div> 51 </div> 52 <div class="userinfocol02 userinfocol br"> 53 <div class="info">关注</div> 54 <div class="num">9</div> 55 </div> 56 <div class="userinfocol03 userinfocol"> 57 <div class="info">粉丝</div> 58 <div class="num">0</div> 59 </div> 60 </div> 61 --> 62 63 <!-- 2 我的消息 --> 64 <div class="egret-flex-item isolateitem-top isolateitem-bottom" tapmode="fmbtnhover" onclick="openNewWin('message')"> 65 <div class="egret-flex-item-logo"> 66 <img src="../../image/ic_nearby_select.png" alt="" class=""> 67 </div> 68 <div class="egret-flex-item-shelf"> 69 <div class="egret-flex-item-shelf01">我的文章</div> 70 </div> 71 <div class="egret-flex-item-arrow"> 72 <img src="../../image/cm2_list_icn_arr.png" alt="" class=""> 73 </div> 74 </div> 75 76 <!-- 3 --> 77 <div class="egret-flex-item isolateitem-top" tapmode="fmbtnhover" onclick="openNewWin('liuliangbao')"> 78 <div class="egret-flex-item-logo"> 79 <img src="../../image/ic_nearby_select.png" alt="" class=""> 80 </div> 81 <div class="egret-flex-item-shelf"> 82 <div class="egret-flex-item-shelf01">设置</div> 83 </div> 84 <div class="egret-flex-item-arrow"> 85 <img src="../../image/cm2_list_icn_arr.png" alt="" class=""> 86 </div> 87 </div> 88 <div class="egret-flex-item" tapmode="fmbtnhover" onclick="openNewWin('settingtime')"> 89 <div class="egret-flex-item-logo"> 90 <img src="../../image/ic_nearby_select.png" alt="" class=""> 91 </div> 92 <div class="egret-flex-item-shelf"> 93 <div class="egret-flex-item-shelf01">积分</div> 94 </div> 95 <div class="egret-flex-item-arrow"> 96 <img src="../../image/cm2_list_icn_arr.png" alt="" class=""> 97 </div> 98 </div> 99 <div class="egret-flex-item isolateitem-bottom" tapmode="fmbtnhover" onclick="openNewWin('setting')"> 100 <div class="egret-flex-item-logo"> 101 <img src="../../image/ic_nearby_select.png" alt="" class=""> 102 </div> 103 <div class="egret-flex-item-shelf"> 104 <div class="egret-flex-item-shelf01">草稿箱</div> 105 </div> 106 <div class="egret-flex-item-arrow"> 107 <img src="../../image/cm2_list_icn_arr.png" alt="" class=""> 108 </div> 109 </div> 110 111 <!-- 4 --> 112 <div class="egret-flex-item isolateitem-top" tapmode="fmbtnhover" onclick="openNewWin('about')"> 113 <div class="egret-flex-item-logo"> 114 <img src="../../image/ic_nearby_select.png" alt="" class=""> 115 </div> 116 <div class="egret-flex-item-shelf"> 117 <div class="egret-flex-item-shelf01">我的收藏</div> 118 </div> 119 <div class="egret-flex-item-arrow"> 120 <img src="../../image/cm2_list_icn_arr.png" alt="" class=""> 121 </div> 122 </div> 123 <div class="egret-flex-item isolateitem-bottom" tapmode="fmbtnhover" onclick="openNewWin('about')"> 124 <div class="egret-flex-item-logo"> 125 <img src="../../image/ic_nearby_select.png" alt="" class=""> 126 </div> 127 <div class="egret-flex-item-shelf"> 128 <div class="egret-flex-item-shelf01">帮助</div> 129 </div> 130 <div class="egret-flex-item-arrow"> 131 <img src="../../image/cm2_list_icn_arr.png" alt="" class=""> 132 </div> 133 </div> 134 135 <div class="exitbtn" id="exit" tapmode="" onclick="toExit()">退出登录</div> 136 137 <!-- 138 <div class="exitbtn" tapmode="exitbtnhover" onclick="">退出登录</div> 139 140 <div class="exitbtn" id="register" tapmode="" onclick="toRegister()">注册</div> 141 <div class="exitbtn" id="login" tapmode="" onclick="toLogin()">登录</div> 142 <div class="exitbtn" id="lbs" tapmode="" onclick="get_lbs()">LBS</div> 143 <div class="exitbtn" id="upload_pic" tapmode="" onclick="upload_pic()">上传图片</div> 144 --> 145 146 </body> 147 <script type="text/javascript" src="../../script/api.js"></script> 148 <script type="text/javascript" src="../../script/doT.min.js" charset="utf-8"></script> 149 <script type="text/javascript" src="../../script/app.js"></script> 150 <script type="text/javascript"> 151 152 function toExit(){ 153 $api.rmStorage("user_id"); 154 $api.rmStorage("token"); 155 //$api.clearStorage (); 156 157 alert("登陆信息已清除"); 158 api.openWin({ 159 name:'login', 160 url:'../win_login.html' 161 }) 162 } 163 function openUserDetail(user_id) { 164 if("undefined" == user_id || user_id.length == 0){ 165 api.openWin({ 166 name:'login', 167 url:'../win_login.html' 168 }); 169 }else{ 170 api.openWin({ 171 name:'myself_info_win', 172 url:'./myself_info_win.html' 173 }); 174 } 175 /*winName = grouptype + "_" + type + "_detail" 176 winUrl = winName + "_win.html" 177 api.openWin({ 178 name: winName, 179 url: winUrl, 180 pageParam: {dataId: did} 181 });*/ 182 } 183 184 function openNewWin (winname) { 185 186 alert("应该跳转到user页面 " + winname); 187 /*api.openWin({ 188 name: winname, 189 url: './'+ winname +'.html', 190 delay:200 191 });*/ 192 } 193 194 function loadLogin(){ 195 user_id = $api.getStorage("user_id"); 196 console.log("user_id is " + user_id); 197 var obj = {"user_id":user_id,"user_name":"老猪","content":"user1 is a good man"}; 198 //obj = {}; 199 200 var data_div = $api.byId('data_div'); 201 var tpl = $api.byId('mytmpl').text; 202 var tempFn = doT.template(tpl); 203 data_div.innerHTML = tempFn(obj); 204 } 205 apiready = function () { 206 loadLogin(); 207 } 208 loadLogin(); 209 210 //added by jincm for test 211 function toLogin(){ 212 api.openWin({ 213 name:'login', 214 url:'../win_login.html' 215 }) 216 } 217 function toRegister(){ 218 api.openWin({ 219 name:'register', 220 url:'../win_register.html' 221 }) 222 } 223 function get_lbs(){ 224 console.log("start location"); 225 var baiduMap = api.require('baiduMap'); 226 baiduMap.getLocation( 227 function(ret, err){ 228 var sta = ret.status; 229 var lat = ret.lat; 230 var lon = ret.lon; 231 var t = ret.timestamp; 232 if(sta){ 233 var str = '经度：'+ lon +'<br>'; 234 str += '纬度：'+ lat +'<br>'; 235 str += '更新时间：'+ t +'<br>'; 236 api.alert({msg:str}); 237 } else{ 238 api.alert({msg:err.msg}); 239 } 240 } 241 ); 242 //baiduLocation.stopLocation(); 243 } 244 function upload_pic(){ 245 /*var obj = api.require('imageSelect'); 246 obj.select( 247 function(ret,err){ 248 if(ret.status) { 249 api.alert({msg:ret.image}); 250 } else{ 251 api.alert({msg:err.msg}); 252 } 253 }); 254 var imageTool = api.require('imageTool'); 255 imageTool.openImage(function(ret, err) { 256 api.prompt({title:"信息", 257 msg:"图片名称："+ret.imgName+"图片大小："+ret.imgSize+"图片路径："+ret.imgPath, 258 buttons:["取消","确定"]}); 259 });*/ 260 261 //UIMediaScanner获取的图片路径通过api.ajax上传图片 262 api.getPicture({ 263 sourceType: 'camera', 264 encodingType: 'jpg', 265 mediaValue: 'pic', 266 destinationType: 'url', 267 allowEdit: true, 268 quality: 80, 269 targetWidth:300, 270 targetHeight:400, 271 saveToPhotoAlbum: true 272 }, function(ret, err){ 273 if (ret) { 274 //api.alert({msg:ret.data}); 275 //api.showProgress(); 276 filepath = ret.data; 277 console.log(filepath); 278 279 var token = $api.getStorage("token"); 280 console.log(token); 281 http_url = "http://123.56.159.76/v1/ay/lost/563ed050ce6a3d1f234f3eba/upload_imgs?token=" + token;//url may write in key.xml 282 283 //mybody = JSON.stringify({"account": token, "passwd": "test2"}) 284 //console.log(mybody); 285 286 api.ajax({ 287 url:http_url, 288 method: 'post', 289 timeout: 30, 290 dataType: 'json', 291 returnAll:true, 292 data:{ 293 //error : values:{'accout': username, 'identify_code':identify_code, 'passwd': password} 294 //files:{"file":["filepath1","filepath2"]} 295 //body: mybody, 296 //values和files可以同时使用，其它参数都不能同时使用 297 files: {"file": filepath} 298 } 299 },function(ret,err){ 300 //coding... 301 //api.hideProgress(); 302 if (ret) { 303 var urlJson = JSON.stringify(ret); 304 console.log(JSON.stringify(ret)); 305 console.log(JSON.stringify(ret.body)) 306 api.alert({ 307 title: '上传成功', 308 msg: ret.body.img_urls, 309 buttons: ['确定'] 310 }); 311 }else { 312 api.alert({ 313 msg:('错误码：'+err.code+'；错误信息：'+err.msg+'网络状态码：'+err.statusCode) 314 }); 315 } 316 }); 317 } else{ 318 api.alert({msg:err.msg}); 319 } 320 }); 321 } 322 </script> 323 </html>