From 885edef97a642aaceede847c084f70156cbfe9a9 Mon Sep 17 00:00:00 2001
From: ansel0926 <ansel0926@gmail.com>
Date: 星期二, 17 五月 2022 10:41:36 +0800
Subject: [PATCH] Merge branch 'master' of ssh://117.78.1.188:29418/DDE-WEB
---
view/project/shpAdd.html | 239 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 239 insertions(+), 0 deletions(-)
diff --git a/view/project/shpAdd.html b/view/project/shpAdd.html
new file mode 100644
index 0000000..69b7132
--- /dev/null
+++ b/view/project/shpAdd.html
@@ -0,0 +1,239 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="UTF-8">
+ <title>shp 娣诲姞</title>
+ <style>
+ .text {
+ float: left;
+ color: white;
+ font-size: 14px;
+ margin-left: 30px;
+ margin-top: 5px;
+ }
+
+ .input {
+ width: 100%;
+
+ height: 30px;
+ line-height: 40px;
+ font-size: 14px;
+ 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-left: 50px;
+ width: 250px;
+ height: 30px;
+ color: white;
+ background-color: rgba(35, 68, 117, 0.85);
+ 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;
+ }
+
+ .layui-colorpicker {
+ width: 20px !important;
+ height: 20px !important;
+ border: 1px solid #e6e6e6;
+ padding: 5px;
+ border-radius: 2px;
+ line-height: 24px;
+ display: inline-block;
+ cursor: pointer;
+ transition: all .3s;
+ -webkit-transition: all .3s;
+ }
+ </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">
+ <div style="height: 40px;width: 100%;margin-top: 10px;">
+ <div
+ style="width: 20%; float:left;text-align: center;color: white;font-size:14px;line-height: 14px;line-height: 30px;">
+ 鍚嶅瓧:
+ </div>
+ <div style="width: 70%; float:left;">
+ <input id="name" class="input" type="text" placeholder="杈撳叆鍚嶇О" autocomplete="off" />
+ </div>
+ </div>
+
+ <div style="height:40px;width: 100%;margin-top: 10px;">
+ <div
+ style="width: 20%; float:left;text-align: center;color: white;font-size:14px;line-height: 14px;line-height: 30px;">
+ 棰滆壊:
+ </div>
+ <div style="width: 70%; float:left;">
+ <div id="colorSelect" style="display:inline-block;margin-top: 5px;">
+ </div>
+ </div>
+ </div>
+
+ <div style="height: 40px;width: 100%;margin-top: 10px;">
+ <div
+ style="width: 20%; float:left;text-align: center;color: white;font-size:14px;line-height: 14px;line-height: 30px;">
+ 绫诲瀷:
+ </div>
+ <div style="width: 70%; float:left;">
+
+ <select id="type" lay-verify="required" lay-filter="fontfamily" style="margin-top: 10px;">
+ <option value="point">鐐�</option>
+ <option value="line">绾�</option>
+ <option value="polygon">闈�</option>
+ </select>
+
+ </div>
+ </div>
+
+ <div style="height: 40px;width: 100%;margin-top: 10px;">
+ <div style="width: 20%; float:left;text-align: center;color: white;font-size:14px;line-height: 14px;line-height: 30px;">
+ 鏂囦欢
+ </div>
+ <div style="width: 70%; float:left;">
+ <button type="button" class="layui-btn layui-bg-black"
+ style="width:150px;height:35px;float: left;" id="uploadIcon">
+ <i class="layui-icon"></i>涓婁紶shp
+ </button>
+ <input type="hidden" id="path">
+ <input type="hidden" id="color" value="#ffde06">
+ </div>
+ </div>
+ <div style="width: 100%;margin-top: 10px; color: white;">
+ <div id="tips" style="margin-left: 50px;color: white;font-family: emoji;font-size: 14px;font-style: italic;"></div>
+ </div>
+ <div style="height: 40px;width: 100%;margin-top: 10px;">
+ <button class="my-save-btn" onclick="uploadShp()">涓婁紶</button>
+ </div>
+
+
+ </form>
+ </div>
+ <script>
+
+ layui.use(['element', 'layer', 'form', 'colorpicker', 'upload'], function () {
+ var element = layui.element;
+ var form = layui.form;
+ var colorpicker = layui.colorpicker;
+ var upload = layui.upload;
+ colorpicker.render({
+ elem: '#colorSelect',
+ color: "#ffde06",
+ size: '20px',
+ done: function (color) {
+
+ },
+ change: function(color){
+ console.log(color);
+ $("#color").val(color);
+ }
+ });
+
+ upload.render({
+ elem: '#uploadIcon', //缁戝畾鍏冪礌
+ accept: 'file',
+ url: parent.httpConfig.webApiUrl + "landstamp/front/uploadShp",
+ done: function (res) {
+ if (res.code == 0) {
+ $("#path").val(res.url);
+ $("#tips").html("涓婁紶鏂囦欢:"+res.filename);
+
+ } else {
+ parent.vMsg.warning(res.msg);
+ }
+ }
+ });
+ });
+
+ function uploadShp() {
+ var name = $("#name").val();
+ var color = $("#color").val();
+ var type = $("#type").val();
+ var path = $("#path").val();
+ if (name == "") {
+ parent.vMsg.warning("璇疯緭鍏ュ悕瀛�");
+ return;
+ }
+ if (path == "") {
+ parent.vMsg.warning("璇蜂笂浼爏hp鏂囦欢");
+ return;
+ }
+ var obj = {
+ "name": name,
+ "color": color,
+ "type": type,
+ "path": path,
+ }
+ let token = window.localStorage.getItem("token");
+
+ $.ajax({
+ url: parent.httpConfig.webApiUrl + "landstamp/front/saveShp",
+ type: 'POST',
+ dataType: "json",
+ async:false,
+ data: JSON.stringify(obj),
+ contentType: "application/json;charset=utf-8",
+ beforeSend: function (request) {
+ request.setRequestHeader("token", token);
+ },
+ success: function (result) {
+ console.log(result);
+ if(result.code ==0){
+ parent.vMsg.warning("涓婁紶鎴愬姛");
+ }else{
+ parent.vMsg.warning("涓婁紶澶辫触");
+ }
+ }
+ });
+
+ }
+
+
+ </script>
+
+
+</body>
+
+</html>
\ No newline at end of file
--
Gitblit v1.9.1