Skip to content

白杨 / shrae-app

Go to a project
Commit 7ba48321 by lixiaofeng
Options

day1

1 parent 24908ecb
Inline Side-by-side
Showing with 95 additions and 30 deletions
dataPage.html
......@@ -19,7 +19,7 @@
display: inline;
float: left;
margin-top: 20px;
height: 20px;
/*height: 20px;*/
margin-left: 15px;
}
.container{
......@@ -72,57 +72,111 @@
width: 200px;
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>
<script src="src/js/saasService.js"></script>
</head>
<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">
<!--图片展示区-->
<div style="height: 20px;">
<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 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 class="container">
<div id="picdiv">
<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/184.jpg" class="item">&nbsp;
<img src="src/img/41.jpg" class="item"/>
<!--<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/184.jpg" class="item">&nbsp;-->
<!--<img src="src/img/41.jpg" class="item"/>-->
</div>
</div>
<!--灰色分割线-->
<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">
<input type="text" name="key01" class="key" value="名称"/><br>
<input type="text" name="value01" class="value"value="请输入..."/><br>
<form action="" id="form" method="post" target="_blank">
<!--<input type="text" name="key01" class="key" value="名称"/><br>-->
<!--<input type="text" name="value01" class="value"value="请输入..."/><br>-->
<!--灰色分割线-->
<hr class="layui-bg-gray">
<input type="text" name="key02" class="key" 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">
<input type="text" name="key04" class="key" value="名称"/><br>
<input type="text" name="value04" class="value"value="请输入..."/><br>
<!--<hr class="layui-bg-gray">-->
<!--<input type="text" name="key02" class="key" value="名称"/><br>-->
<!--<input type="text" name="value02" class="value"value="请输入..."/><br>-->
<hr class="layui-bg-gray"><br>
<p style=" margin:5px; text-align:center;"><input type="submit" value="保 存" id="submit"/></p>
<!--<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">-->
<!--<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>
</body>
<script src="./src/js/saasService.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script>
function editPic(){
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>
</html>
src/js/main.js
......@@ -7,6 +7,7 @@ var main = {
drawPoint:null,
currentPoint:null,
pastPoint:null,
pointId:null,
init:function () {
//初始化地图
this.map = new SuperMap.Map("map", {
......@@ -75,8 +76,8 @@ var main = {
var result = data.result;
if (result.length > 0){
var pointName = result[0].pointName;
var id = result[0].id;
main.getInfo(id);
main.pointId = result[0].id;
main.getInfo(main.pointId);
}
}
},
......@@ -152,9 +153,10 @@ var main = {
this.vectorLayer.addFeatures(this.currentPoint);
},
updateReturn:function () {
console.log(main.pointId)
//跳转修改信息界面
localStorage.setItem('pointId',main.pointId)
window.location.href="dataPage.html";
},
drawCompleted:function (eventArgs) {
main.pastPoint = main.currentPoint;
......
uploadImage.html
......@@ -18,11 +18,14 @@
<body>
<div class="">
<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>
</div>
<div class="z_photo upimg-div clear" >
<span class="imgs">
</span>
<section class="z_file fl">
<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 />
......@@ -37,5 +40,10 @@
</aside>
<script src="dist/jquery/jquery-3.2.1.min.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>
</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!