Skip to content

白杨 / shrae-app

Go to a project
Commit 7ba48321 by lixiaofeng
Options

day1

1 parent 24908ecb
Inline Side-by-side
Showing with 96 additions and 31 deletions
dataPage.html
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
display: inline; display: inline;
float: left; float: left;
margin-top: 20px; margin-top: 20px;
height: 20px; /*height: 20px;*/
margin-left: 15px; margin-left: 15px;
} }
.container{ .container{
...@@ -72,57 +72,111 @@ ...@@ -72,57 +72,111 @@
width: 200px; width: 200px;
height: 40px; height: 40px;
} }
#picdiv{
overflow: scroll;
}
#picdiv:first-child{
margin-left: 12px;
}
#picdiv::-webkit-scrollbar{
width: 0;
height: 0;
}
#form .value{
color:#c1c1c1;
background: url("src/image/btn1.png") no-repeat 80% 50%;
}
</style> </style>
<script src="src/js/saasService.js"></script>
</head> </head>
<body> <body>
<!--最上方--> <!--最上方-->
<div><div id="title"><img src="src/img/btn_back.png" id="backimage"/>网点数据</div></div> <div><div id="title"><img src="src/image/btn_back.png" id="backimage"/>网点数据</div></div>
<!--灰色分割线--> <!--灰色分割线-->
<hr class="layui-bg-gray"> <hr class="layui-bg-gray">
<!--图片展示区--> <!--图片展示区-->
<div style="height: 20px;"> <div style="height: 20px;">
<div style="float: left;"> <div style="float: left;">
<img id="icon1" class="content" src="src/img/icon1.png"/>&nbsp;&nbsp;图片 <img id="icon1" class="content" src="src/image/icon1.png"/>&nbsp;&nbsp;图片
</div> </div>
<div class="content" style="float: right;margin-right: 10px;">4张&nbsp;&nbsp;<img src="src/img/btn1.png" onclick="editPic()"></div> <div class="content" style="float: right;margin-right: 10px;"><span class="picNum">4</span>张&nbsp;&nbsp;<img src="src/image/btn1.png" onclick="editPic()"></div>
</div> </div>
<div class="container"> <div class="container">
<div id="picdiv"> <div id="picdiv">
<img src="src/img/macsierra-012.jpg" class="item" style="margin-left: 12px;"/>&nbsp; <!--<img src="src/img/macsierra-012.jpg" class="item" style="margin-left: 12px;"/>&nbsp;-->
<img src="src/img/jinmao.jpg" class="item"/>&nbsp; <!--<img src="src/img/jinmao.jpg" class="item"/>&nbsp;-->
<img src="src/img/184.jpg" class="item">&nbsp; <!--<img src="src/img/184.jpg" class="item">&nbsp;-->
<img src="src/img/41.jpg" class="item"/> <!--<img src="src/img/41.jpg" class="item"/>-->
</div> </div>
</div> </div>
<!--灰色分割线--> <!--灰色分割线-->
<hr class="layui-progress"> <hr class="layui-progress">
<!--下方表格--> <!--下方表格-->
<div><img id="icon2" src="src/img/icon2.png">&nbsp;&nbsp;字段</div> <div><img id="icon2" src="src/image/icon2.png">&nbsp;&nbsp;字段</div>
<!--表格--> <!--表格-->
<form action="" method="post" target="_blank"> <form action="" id="form" method="post" target="_blank">
<input type="text" name="key01" class="key" value="名称"/><br> <!--<input type="text" name="key01" class="key" value="名称"/><br>-->
<input type="text" name="value01" class="value"value="请输入..."/><br> <!--<input type="text" name="value01" class="value"value="请输入..."/><br>-->
<!--灰色分割线--> <!--灰色分割线-->
<hr class="layui-bg-gray"> <!--<hr class="layui-bg-gray">-->
<input type="text" name="key02" class="key" value="名称"/><br> <!--<input type="text" name="key02" class="key" value="名称"/><br>-->
<input type="text" name="value02" class="value"value="请输入..."/><br> <!--<input type="text" name="value02" class="value"value="请输入..."/><br>-->
<hr class="layui-bg-gray">
<input type="text" name="key03" class="key" value="名称"/><br>
<input type="text" name="value03" class="value"value="请输入..."/><br>
<hr class="layui-bg-gray"> <!--<hr class="layui-bg-gray">-->
<input type="text" name="key04" class="key" value="名称"/><br> <!--<input type="text" name="key03" class="key" value="名称"/><br>-->
<input type="text" name="value04" class="value"value="请输入..."/><br> <!--<input type="text" name="value03" class="value"value="请输入..."/><br>-->
<!---->
<hr class="layui-bg-gray"><br> <!--<hr class="layui-bg-gray">-->
<p style=" margin:5px; text-align:center;"><input type="submit" value="保 存" id="submit"/></p> <!--<input type="text" name="key04" class="key" value="名称"/><br>-->
<!--<input type="text" name="value04" class="value"value="请输入..."/><br>-->
<!---->
<!--<hr class="layui-bg-gray"><br>-->
<!--<p style=" margin:5px; text-align:center;"><input type="submit" value="保 存" id="submit"/></p>-->
</form> </form>
</body> </body>
<script src="./src/js/saasService.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script> <script>
function editPic(){ function editPic(){
alert(123); alert(123);
} }
console.log('enter')
saas.saasHttpRequest('/v1/point/getPointById',{
pointId:localStorage.getItem('pointId'),
needExtCols:true
},function (data) {
console.log(data)
if(data.code == 'S001'){
var msg = data.result.infos
// console.log(msg)
var str = ''
var strImg = ''
var photo = data.result.photos
console.log(photo)
for(var i=0;i<msg.length;i++){
// console.log(msg[i])
var num = i+1
str += "<input type=\"text\" name=\"key0"+num+"\" class=\"key\" value="+(msg[i].fieldName?msg[i].fieldName:'')+"><br>\n" +
"\t\t\t<input type=\"text\" name=\"value0"+num+"\" class=\"value\" value="+(msg[i].fieldValue?msg[i].fieldValue:'')+"><br>\n" +
"\t\t\t\n" +
"\t\t\t<hr class=\"layui-bg-gray\">"
}
for(var i=0;i<photo.length;i++){
photo[i].photoPath = "http://114.55.43.0:16907/v1/point/getFile?ak=30bdc45ee00940cda7917d134fdb1523&filePath="+photo[i].photoPath
strImg += "<img src="+photo[i].photoPath+" class=\"item\"/>"
}
// localStorage.setItem('strImg',strImg)
$('.picNum').html(photo.length)
$('#form').append(str)
$('#picdiv').append(strImg)
}
},function (err) {
});
$('#picdiv').on('click',function (e) {
if(e.target.className == 'item'){
window.location.href = './uploadImage.html'
}
})
</script> </script>
</html> </html>
src/js/imgUp.js
...@@ -50,7 +50,7 @@ $(function(){ ...@@ -50,7 +50,7 @@ $(function(){
} }
setTimeout(function(){ setTimeout(function(){
$(".up-section").removeClass("loading"); $(".up-section").removeClass("loading");
$(".up-img").removeClass("up-opcity"); $(".up-img").removeClass("up-opcity");
},450); },450);
numUp = imgContainer.find(".up-section").length; numUp = imgContainer.find(".up-section").length;
if(numUp >= 5){ if(numUp >= 5){
......
src/js/main.js
...@@ -7,6 +7,7 @@ var main = { ...@@ -7,6 +7,7 @@ var main = {
drawPoint:null, drawPoint:null,
currentPoint:null, currentPoint:null,
pastPoint:null, pastPoint:null,
pointId:null,
init:function () { init:function () {
//初始化地图 //初始化地图
this.map = new SuperMap.Map("map", { this.map = new SuperMap.Map("map", {
...@@ -75,8 +76,8 @@ var main = { ...@@ -75,8 +76,8 @@ var main = {
var result = data.result; var result = data.result;
if (result.length > 0){ if (result.length > 0){
var pointName = result[0].pointName; var pointName = result[0].pointName;
var id = result[0].id; main.pointId = result[0].id;
main.getInfo(id); main.getInfo(main.pointId);
} }
} }
}, },
...@@ -152,9 +153,10 @@ var main = { ...@@ -152,9 +153,10 @@ var main = {
this.vectorLayer.addFeatures(this.currentPoint); this.vectorLayer.addFeatures(this.currentPoint);
}, },
updateReturn:function () { updateReturn:function () {
console.log(main.pointId)
//跳转修改信息界面 //跳转修改信息界面
localStorage.setItem('pointId',main.pointId)
window.location.href="dataPage.html"; window.location.href="dataPage.html";
}, },
drawCompleted:function (eventArgs) { drawCompleted:function (eventArgs) {
main.pastPoint = main.currentPoint; main.pastPoint = main.currentPoint;
......
uploadImage.html
...@@ -18,11 +18,14 @@ ...@@ -18,11 +18,14 @@
<body> <body>
<div class=""> <div class="">
<div id="title"> <div id="title">
<img src="src/image/btn_back.png" id="backimage" onclick="backReturn()"/>图片 <img src="src/image/btn_back.png" id="backimage" onclick="window.history.back()"/>图片
<button id="saveimage" onclick="saveReturn()">保存</button> <button id="saveimage" onclick="saveReturn()">保存</button>
</div> </div>
<div class="z_photo upimg-div clear" > <div class="z_photo upimg-div clear" >
<span class="imgs">
</span>
<section class="z_file fl"> <section class="z_file fl">
<img src="src/image/a11.png" class="add-img"> <img src="src/image/a11.png" class="add-img">
<input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple /> <input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
...@@ -37,5 +40,10 @@ ...@@ -37,5 +40,10 @@
</aside> </aside>
<script src="dist/jquery/jquery-3.2.1.min.js"></script> <script src="dist/jquery/jquery-3.2.1.min.js"></script>
<script src="src/js/imgUp.js"></script> <script src="src/js/imgUp.js"></script>
<script>
var strImg = localStorage.getItem('strImg')
console.log(strImg)
// $('body').append(strImg).find('img').addClass('up-img')
</script>
</body> </body>
</html> </html>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!