From ebc4c778854c8d2666b1bbaf3dcba2ba00f08453 Mon Sep 17 00:00:00 2001
From: ansel0926 <ansel0926@gmail.com>
Date: 星期日, 15 五月 2022 18:42:46 +0800
Subject: [PATCH] 编辑线、面，文字标记和图片标记点
---
view/project/editPoint.html | 87 +++++++++++++++++++++++++++++++++++++++----
1 files changed, 79 insertions(+), 8 deletions(-)
diff --git a/view/project/editPoint.html b/view/project/editPoint.html
index c551618..dae45ef 100644
--- a/view/project/editPoint.html
+++ b/view/project/editPoint.html
@@ -8,14 +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: 30px;
+ margin-top: 20px;
+ }
.labelInput {
- width: 180px;
+ width: 150px;
height: 30px;
- margin-left: 25px;
+ margin-left: 30px;
margin-right: 50px;
line-height: 40px;
font-size: 16px;
@@ -77,12 +84,59 @@
<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" style="margin-top: 10px;">鍥剧墖</span>
- <button type="button" class="layui-btn layui-bg-black" style="width:180px;height:30px;margin-top:10px;margin-left: 25px;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="uploadImg">
<i class="layui-icon"></i>涓婁紶鍥剧墖
</button>
</div>
@@ -90,7 +144,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 +152,23 @@
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: '#uploadImg', //缁戝畾鍏冪礌
accept: 'images',
@@ -105,7 +176,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