<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8">
|
<title>编辑点</title>
|
<style>
|
.text{
|
float:left;
|
color:white;
|
font-size:16px;
|
margin-left: 30px;
|
margin-top: 5px;
|
}
|
.labelInput {
|
width: 150px;
|
height: 30px;
|
margin-left: 25px;
|
margin-right: 50px;
|
line-height: 40px;
|
font-size: 16px;
|
text-indent: 8px;
|
outline: 0;
|
float: left;
|
border: none;
|
border-color: #3b403f;
|
/* box-shadow: 0 2px 6px #3a3c42; */
|
border-top-left-radius: 2px;
|
border-bottom-left-radius: 2px;
|
background-color: rgba(63, 72, 84, 0.7);
|
color: white;
|
}
|
.my-save-btn{
|
margin-top: 80px;
|
margin-left: 100px;
|
width: 70px;
|
height: 30px;
|
color: white;
|
background-color: #303247;
|
border:1px;
|
cursor: pointer;
|
border-radius: 2px;
|
}
|
.my-save-btn:hover{
|
background-color:rgb(107, 169, 220);
|
}
|
.layui-form-select .layui-input {
|
padding-right: 30px;
|
height: 30px;
|
cursor: pointer;
|
background: #20212b;
|
color: grey;
|
border-color: #3b403f;
|
}
|
|
.layui-form-select dl dd.layui-this {
|
background-color: grey;
|
top: 35px;
|
color: #fff;
|
}
|
|
/*下拉框高度*/
|
.layui-form-select dl {
|
top: 33px;
|
background: #3b403f !important;
|
color: white;
|
height: 100px;
|
}
|
|
</style>
|
<link href="../../libs/layui/css/layui.css" rel="stylesheet">
|
<script type="text/javascript" src="../../libs/jquery/jquery-3.5.1.min.js"></script>
|
<script type="text/javascript" src="../../libs/layui/layui.js"></script>
|
</head>
|
|
<body>
|
<div style="margin-top: 20px;">
|
<form class="layui-form" action="">
|
<div>
|
<span class="text">标题</span>
|
<input id="input" class="labelInput" type="text" placeholder="输入文字" autocomplete="off" oninput="labelChange(event)" onporpertychange="labelChange(event)"/>
|
</div>
|
<div>
|
<span class="text">图片</span>
|
<button type="button" class="layui-btn layui-btn-fluid layui-bg-black" style="height:30px;margin-top:10px;line-height: 30px;float: left;" id="uploadImg">
|
<i class="layui-icon"></i>上传图片
|
</button>
|
</div>
|
</form>
|
</div>
|
<script>
|
var currentPointId
|
function child(id,text) {
|
currentPointId=id
|
layui.use(['element', 'layer', 'form','colorpicker','upload'], function () {
|
var element = layui.element;
|
var form = layui.form;
|
var colorpicker = layui.colorpicker;
|
var upload=layui.upload;
|
$("#input").val(text)
|
upload.render({
|
elem: '#uploadImg', //绑定元素
|
accept: 'images',
|
url: parent.httpConfig.webApiUrl + "landstamp/front/upload",
|
done: function (res) {
|
if (res.code == 0) {
|
let popId="pop_"+id;
|
parent.updatePoint(2,currentPointId, res.url);
|
}
|
layui.use('layer', function () {
|
var layer = layui.layer;
|
layer.msg(res.msg, { time: 1000 });
|
});
|
}
|
});
|
form.render();
|
});
|
}
|
function labelChange(e) {
|
parent.updatePoint(1,currentPointId,$("#input").val());
|
}
|
|
</script>
|
|
|
</body>
|
|
</html>
|
