From f11f559192ca5fd9b8ca66197016a1ec7ead9729 Mon Sep 17 00:00:00 2001 From: BaoXs <bao_dida@163.com> Date: 星期一, 16 五月 2022 10:55:47 +0800 Subject: [PATCH] Merge branch 'master' of http://117.78.1.188:8089/r/DDE-WEB --- view/project/editPoint.html | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 100 insertions(+), 8 deletions(-) diff --git a/view/project/editPoint.html b/view/project/editPoint.html index a632175..b8529a8 100644 --- a/view/project/editPoint.html +++ b/view/project/editPoint.html @@ -8,15 +8,21 @@ .text{ float:left; color:white; - font-size:16px; + font-size:14px; margin-left: 30px; margin-top: 5px; + } + .text2{ + float:left; + color:white; + font-size:14px; + margin-left: 35px; + margin-top: 20px; } .labelInput { width: 150px; height: 30px; - margin-left: 25px; - margin-right: 50px; + margin-left: 30px; line-height: 40px; font-size: 16px; text-indent: 8px; @@ -77,12 +83,66 @@ <div style="margin-top: 20px;"> <form class="layui-form" action=""> <div> - <span class="text">鏍囬</span> + <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"> + <div style="display:inline-block;margin-top: 20px;margin-left: 30px;color:white"> + 鏍囩棰滆壊 + </div> + <div id="colorSelect" style="display:inline-block;margin-top: 5px;"> + </div> + </div> + <div> + <div style="display:inline-block;margin-top: 20px;margin-left: 30px;color:white"> + 鏍囩澶у皬 + </div> + <div style="display:inline-block;margin-top: 5px; width: 150px;"> + <select id="fontsize" lay-verify="required" class="my-select" lay-filter="fontsize"> + <option value="10">10</option> + <option value="20">20</option> + <option value="30">30</option> + <option value="40">40</option> + <option value="50">50</option> + <option value="60">60</option> + <option value="70">70</option> + <option value="80">80</option> + <option value="90">90</option> + <option value="100">100</option> + <option value="110">110</option> + <option value="120">120</option> + <option value="130">130</option> + <option value="140">140</option> + <option value="150">150</option> + </select> + </div> + </div> + <div> + <div style="display:inline-block;margin-top: 20px;margin-left: 30px;color:white"> + 鏍囩瀛椾綋 + </div> + <div style="display:inline-block;margin-top: 5px;width: 150px;"> + <select id="fontfamily" lay-verify="required" class="my-select" lay-filter="fontfamily"> + <option value="SimSun">瀹嬩綋</option> + <option value="SimHei">榛戜綋</option> + <option value="Microsoft">寰蒋闆呴粦</option> + <option value="KaiTi">妤蜂綋</option> + <option value="FangSong">浠垮畫</option> + <option value="LiSu">闅朵功</option> + <option value="MingLiU">缁嗘槑浣�</option> + </select> + </div> + </div> + <div> + <span class="text2">鍥炬爣</span> + <button type="button" class="layui-btn layui-bg-black" style="width:150px;height:30px;margin-top:15px;margin-left: 30px;line-height: 30px;float: left;" id="uploadIcon"> + <i class="layui-icon"></i>涓婁紶鍥炬爣 + </button> + </div> + <div> + <br/> + <span class="text2">鍥剧墖</span> + <button type="button" class="layui-btn layui-bg-black" style="width:150px;height:30px;margin-top:15px;margin-left: 30px;line-height: 30px;float: left;" id="uploadImg"> <i class="layui-icon"></i>涓婁紶鍥剧墖 </button> </div> @@ -90,7 +150,7 @@ </div> <script> var currentPointId - function child(id,text) { + function child(id,text,fontColor,fontSize,fontfamily) { currentPointId=id layui.use(['element', 'layer', 'form','colorpicker','upload'], function () { var element = layui.element; @@ -98,6 +158,38 @@ var colorpicker = layui.colorpicker; var upload=layui.upload; $("#input").val(text) + colorpicker.render({ + elem: '#colorSelect', + color: fontColor, + size:'20px', + done: function (color) { + parent.updatePoint(2,currentPointId,color); + }, + }); + fontSize=parseInt(fontSize); + $("#fontsize").val(fontSize); + form.on("select(fontsize)", function (data) { + parent.updatePoint(3,currentPointId,data.value); + }) + $("#fontfamily").val(fontfamily); + form.on("select(fontfamily)", function (data) { + parent.updatePoint(4,currentPointId,data.value); + }) + upload.render({ + elem: '#uploadIcon', //缁戝畾鍏冪礌 + accept: 'images', + url: parent.httpConfig.webApiUrl + "landstamp/front/upload", + done: function (res) { + if (res.code == 0) { + let popId="pop_"+id; + parent.updatePoint(6,currentPointId, res.url); + } + layui.use('layer', function () { + var layer = layui.layer; + layer.msg(res.msg, { time: 1000 }); + }); + } + }); upload.render({ elem: '#uploadImg', //缁戝畾鍏冪礌 accept: 'images', @@ -105,7 +197,7 @@ done: function (res) { if (res.code == 0) { let popId="pop_"+id; - parent.updatePoint(2,currentPointId, res.url); + parent.updatePoint(5,currentPointId, res.url); } layui.use('layer', function () { var layer = layui.layer; -- Gitblit v1.9.1