软件定制页

This commit is contained in:
zhy 2024-04-30 18:22:07 +08:00
parent 323de8a7fd
commit 931add948c
11 changed files with 1046 additions and 217 deletions

View File

@ -65,14 +65,14 @@
</dd>
<i class="iconfont iconfontdown icon_jiantou3_down"></i>
</dl>
<dl>
<!-- <dl>
<dt>典型案例</dt>
<dd>
<a href="">经典案例</a>
<a href="">应用案例</a>
</dd>
<i class="iconfont iconfontdown icon_jiantou3_down"></i>
</dl>
</dl> -->
<dl>
<dt>服务支持</dt>
<dd>

View File

@ -371,11 +371,11 @@
<a href="/solutions/traffic_apply/traffic_apply.html">交通应用解决方案</a>
<a href="/solutions/commerce_display/commerce_display.html">商业显示解决方案</a>
<a href="/solutions/video_process/video_process.html">同步视频处理方案</a>
<a href="/solutions/second_develop/second_develop.html">二次开发解决方案</a>
<a href="/solutions/second_develop/second_develop.html">大型表演手持led光影屏方案</a>
</div>
</div>
</li>
<li>
<!-- <li>
<a href="">典型案例</a>
<span></span>
<div class="sub_zinav">
@ -384,7 +384,7 @@
<a href="">应用案例</a>
</div>
</div>
</li>
</li> -->
<li>
<a href="javascript:;">服务支持</a>
<span></span>

View File

@ -87,6 +87,46 @@
font-size: 16px;
font-weight: 700;
}
.form-title {
text-align: center;
font-weight: 700;
color: #434850;
}
.form-group {
display: flex;
margin-bottom: 10px;
}
.form-group>label {
width: 20%;
font-size: 15px;
}
.form-control {
width: 80%;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
.Btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #007bff;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
transition: background-color 0.3s ease;
}
.Btn:hover {
background-color: #0056b3;
}
</style>
<body>
@ -166,7 +206,30 @@
</table>
</div>
<div style="width: 100%;">
<div style="width: 100%; height: 36%;box-sizing: border-box;margin: 3% auto 2%;">
<div style="width: 55%;margin: 0 auto;">
<div class="form-title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm">
<div class="form-group">
<label for="email">你的邮箱*</label>
<input id="email" class="form-control" type="email" name="email" required
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<label for="phone">你的电话 </label>
<input id="phone" class="form-control" type="tel" name="tel" aria-labelledby="phoneLabel">
</div>
<div class="form-group">
<label for="requirements">你的需求*</label>
<textarea id="requirements" class="form-control" name="requirements"
aria-labelledby="requirementsLabel" style="height: 80px;" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
@ -211,4 +274,39 @@
}
});
}
// script.js 文件内容
$(document).ready(function () {
$('requirements').on('input', function () {
var input = $(this).val();
// 允许的HTML标签
var allowedTags = ['<p>', '</p>', '<strong>', '</strong>', '<em>', '</em>'];
// 移除不被允许的标签
allowedTags.forEach(function (tag) {
input = input.replace(new RegExp(tag, 'gi'), '');
});
// 更新textarea的值
$(this).val(input);
});
$('#contactForm').on('submit', function (e) {
e.preventDefault();
// $.ajax({
// url: '',
// type: 'post',
// data: {
// email:$('#email').val(),
// phone:$('#phone').val(),
// content:$('#requirements').val(),
// },
// dataType: 'json',
// success:(res) =>{
// alert('意见提交成功!');
// },
// fail:(err)=>{
// alert('意见提交失败!');
// }
// });
alert('意见提交成功!');
});
});
</script>

View File

@ -87,6 +87,46 @@
font-size: 16px;
font-weight: 700;
}
.form-title {
text-align: center;
font-weight: 700;
color: #434850;
}
.form-group {
display: flex;
margin-bottom: 10px;
}
.form-group>label {
width: 20%;
font-size: 15px;
}
.form-control {
width: 80%;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
.Btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #007bff;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
transition: background-color 0.3s ease;
}
.Btn:hover {
background-color: #0056b3;
}
</style>
<body>
@ -127,7 +167,7 @@
</colgroup>
<thead>
<tr>
<th colspan="2">智慧城市管理平台LEDOK Cloud</th>
<th colspan="2">智慧城市管理平台LEDOK IoT</th>
</tr>
</thead>
<tbody>
@ -166,7 +206,30 @@
</table>
</div>
<div style="width: 100%;">
<div style="width: 100%; height: 36%;box-sizing: border-box;margin: 3% auto 2%;">
<div style="width: 55%;margin: 0 auto;">
<div class="form-title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm">
<div class="form-group">
<label for="email">你的邮箱*</label>
<input id="email" class="form-control" type="email" name="email" required
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<label for="phone">你的电话 </label>
<input id="phone" class="form-control" type="tel" name="tel" aria-labelledby="phoneLabel">
</div>
<div class="form-group">
<label for="requirements">你的需求*</label>
<textarea id="requirements" class="form-control" name="requirements"
aria-labelledby="requirementsLabel" style="height: 80px;" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
@ -211,4 +274,39 @@
}
});
}
// script.js 文件内容
$(document).ready(function () {
$('requirements').on('input', function () {
var input = $(this).val();
// 允许的HTML标签
var allowedTags = ['<p>', '</p>', '<strong>', '</strong>', '<em>', '</em>'];
// 移除不被允许的标签
allowedTags.forEach(function (tag) {
input = input.replace(new RegExp(tag, 'gi'), '');
});
// 更新textarea的值
$(this).val(input);
});
$('#contactForm').on('submit', function (e) {
e.preventDefault();
// $.ajax({
// url: '',
// type: 'post',
// data: {
// email:$('#email').val(),
// phone:$('#phone').val(),
// content:$('#requirements').val(),
// },
// dataType: 'json',
// success:(res) =>{
// alert('意见提交成功!');
// },
// fail:(err)=>{
// alert('意见提交失败!');
// }
// });
alert('意见提交成功!');
});
});
</script>

View File

@ -87,6 +87,46 @@
font-size: 16px;
font-weight: 700;
}
.form-title {
text-align: center;
font-weight: 700;
color: #434850;
}
.form-group {
display: flex;
margin-bottom: 10px;
}
.form-group>label {
width: 20%;
font-size: 15px;
}
.form-control {
width: 80%;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
.Btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #007bff;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
transition: background-color 0.3s ease;
}
.Btn:hover {
background-color: #0056b3;
}
</style>
<body>
@ -166,7 +206,30 @@
</table>
</div>
<div style="width: 100%;">
<div style="width: 100%; height: 36%;box-sizing: border-box;margin: 3% auto 2%;">
<div style="width: 55%;margin: 0 auto;">
<div class="form-title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm">
<div class="form-group">
<label for="email">你的邮箱*</label>
<input id="email" class="form-control" type="email" name="email" required
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<label for="phone">你的电话 </label>
<input id="phone" class="form-control" type="tel" name="tel" aria-labelledby="phoneLabel">
</div>
<div class="form-group">
<label for="requirements">你的需求*</label>
<textarea id="requirements" class="form-control" name="requirements"
aria-labelledby="requirementsLabel" style="height: 80px;" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
@ -211,4 +274,39 @@
}
});
}
// script.js 文件内容
$(document).ready(function () {
$('requirements').on('input', function () {
var input = $(this).val();
// 允许的HTML标签
var allowedTags = ['<p>', '</p>', '<strong>', '</strong>', '<em>', '</em>'];
// 移除不被允许的标签
allowedTags.forEach(function (tag) {
input = input.replace(new RegExp(tag, 'gi'), '');
});
// 更新textarea的值
$(this).val(input);
});
$('#contactForm').on('submit', function (e) {
e.preventDefault();
// $.ajax({
// url: '',
// type: 'post',
// data: {
// email:$('#email').val(),
// phone:$('#phone').val(),
// content:$('#requirements').val(),
// },
// dataType: 'json',
// success:(res) =>{
// alert('意见提交成功!');
// },
// fail:(err)=>{
// alert('意见提交失败!');
// }
// });
alert('意见提交成功!');
});
});
</script>

View File

@ -87,6 +87,46 @@
font-size: 16px;
font-weight: 700;
}
.form-title {
text-align: center;
font-weight: 700;
color: #434850;
}
.form-group {
display: flex;
margin-bottom: 10px;
}
.form-group>label {
width: 20%;
font-size: 15px;
}
.form-control {
width: 80%;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
.Btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #007bff;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
transition: background-color 0.3s ease;
}
.Btn:hover {
background-color: #0056b3;
}
</style>
<body>
@ -100,9 +140,9 @@
<h5>I Led</h5>
<div class="right">
<a href="./I Led_specific.html">功能特性</a>
<!-- <a href="./I Led_video.html">视频</a> -->
<!-- <a href="./I Led_download.html">资料下载</a> -->
<!-- <a href="./I Led_customize.html" class="active">定制</a> -->
<!-- <a href="./I Led_video.html">视频</a>
<a href="./I Led_download.html">资料下载</a>
<a href="./I Led_customize.html" class="active">定制</a> -->
</div>
</div>
</div>
@ -168,7 +208,30 @@
</table>
</div>
<div style="width: 100%;">
<div style="width: 100%; height: 36%;box-sizing: border-box;margin: 3% auto 2%;">
<div style="width: 55%;margin: 0 auto;">
<div class="form-title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm">
<div class="form-group">
<label for="email">你的邮箱*</label>
<input id="email" class="form-control" type="email" name="email" required
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<label for="phone">你的电话 </label>
<input id="phone" class="form-control" type="tel" name="tel" aria-labelledby="phoneLabel">
</div>
<div class="form-group">
<label for="requirements">你的需求*</label>
<textarea id="requirements" class="form-control" name="requirements"
aria-labelledby="requirementsLabel" style="height: 80px;" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
@ -213,4 +276,39 @@
}
});
}
// script.js 文件内容
$(document).ready(function () {
$('requirements').on('input', function () {
var input = $(this).val();
// 允许的HTML标签
var allowedTags = ['<p>', '</p>', '<strong>', '</strong>', '<em>', '</em>'];
// 移除不被允许的标签
allowedTags.forEach(function (tag) {
input = input.replace(new RegExp(tag, 'gi'), '');
});
// 更新textarea的值
$(this).val(input);
});
$('#contactForm').on('submit', function (e) {
e.preventDefault();
// $.ajax({
// url: '',
// type: 'post',
// data: {
// email:$('#email').val(),
// phone:$('#phone').val(),
// content:$('#requirements').val(),
// },
// dataType: 'json',
// success:(res) =>{
// alert('意见提交成功!');
// },
// fail:(err)=>{
// alert('意见提交失败!');
// }
// });
alert('意见提交成功!');
});
});
</script>

View File

@ -87,6 +87,46 @@
font-size: 16px;
font-weight: 700;
}
.form-title {
text-align: center;
font-weight: 700;
color: #434850;
}
.form-group {
display: flex;
margin-bottom: 10px;
}
.form-group>label {
width: 20%;
font-size: 15px;
}
.form-control {
width: 80%;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
.Btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #007bff;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
transition: background-color 0.3s ease;
}
.Btn:hover {
background-color: #0056b3;
}
</style>
<body>
@ -162,7 +202,30 @@
</table>
</div>
<div style="width: 100%;">
<div style="width: 100%; height: 36%;box-sizing: border-box;margin: 3% auto 2%;">
<div style="width: 55%;margin: 0 auto;">
<div class="form-title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm">
<div class="form-group">
<label for="email">你的邮箱*</label>
<input id="email" class="form-control" type="email" name="email" required
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<label for="phone">你的电话 </label>
<input id="phone" class="form-control" type="tel" name="tel" aria-labelledby="phoneLabel">
</div>
<div class="form-group">
<label for="requirements">你的需求*</label>
<textarea id="requirements" class="form-control" name="requirements"
aria-labelledby="requirementsLabel" style="height: 80px;" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
@ -207,4 +270,39 @@
}
});
}
// script.js 文件内容
$(document).ready(function () {
$('requirements').on('input', function () {
var input = $(this).val();
// 允许的HTML标签
var allowedTags = ['<p>', '</p>', '<strong>', '</strong>', '<em>', '</em>'];
// 移除不被允许的标签
allowedTags.forEach(function (tag) {
input = input.replace(new RegExp(tag, 'gi'), '');
});
// 更新textarea的值
$(this).val(input);
});
$('#contactForm').on('submit', function (e) {
e.preventDefault();
// $.ajax({
// url: '',
// type: 'post',
// data: {
// email:$('#email').val(),
// phone:$('#phone').val(),
// content:$('#requirements').val(),
// },
// dataType: 'json',
// success:(res) =>{
// alert('意见提交成功!');
// },
// fail:(err)=>{
// alert('意见提交失败!');
// }
// });
alert('意见提交成功!');
});
});
</script>

View File

@ -104,7 +104,7 @@
</a>
</div>
</div>
<!-- <div class="box">
<div class="box">
<div class="tit">软件</div>
<div class="list2">
<div class="li clearfix">
@ -118,7 +118,7 @@
</a>
</div>
</div>
</div> -->
</div>
</div>
</div>
#include(footer)

View File

@ -1,182 +1,257 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="applicable-device" content="pc,mobile" />
<link rel="shortcut icon" href="../../../../favicon.ico" />
<title>熙讯-软件服务-LedOK Express</title>
<meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
<meta name="description" content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商致力于以互联网技术和智能系统推动行业的产业升级为打造数字智慧城市贡献力量。10年来我们精耕于这一领域凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任" />
<link rel="stylesheet" href="../../../../static/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../../../../static/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../../../../static/css/layout.css" />
<script type="text/javascript" src="../../../../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../../static/js/BeerSlider.js"></script>
<meta name="Author" content="xixun" />
</head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta name="applicable-device" content="pc,mobile" />
<link rel="shortcut icon" href="../../../../favicon.ico" />
<title>熙讯-软件服务-LedOK Express</title>
<meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
<meta name="description"
content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商致力于以互联网技术和智能系统推动行业的产业升级为打造数字智慧城市贡献力量。10年来我们精耕于这一领域凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任" />
<link rel="stylesheet" href="../../../../static/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../../../../static/layui/css/layui.css" />
<link rel="stylesheet" type="text/css" href="../../../../static/css/layout.css" />
<script>
var type = navigator.appName;
if (type == "Netscape") var lang = navigator.language;
else var lang = navigator.userLanguage;
var lang = lang.substr(0, 2);
<script type="text/javascript" src="../../../../static/js/jquery.min.js"></script>
<script type="text/javascript" src="../../../../static/js/BeerSlider.js"></script>
<meta name="Author" content="xixun" />
</head>
//英文路径
var url = window.location;
//获取网页的来路
<script>
var type = navigator.appName;
if (type == "Netscape") var lang = navigator.language;
else var lang = navigator.userLanguage;
var lang = lang.substr(0, 2);
function getQueryString(name) {
const url_string = window.location.href; // window.location.href
const url = new URL(url_string);
if (url.searchParams.get(name) != null) {
Cookie_Set("language", url.searchParams.get(name));
}
}
getQueryString("language");
console.log(!Cookie_Get("language"), lang);
if (!Cookie_Get("language") && lang == "en") {
window.location.href = "";
}
//英文路径
var url = window.location;
//获取网页的来路
function Cookie_Set(name, val) {
// var strsec = getsec(time);
var exp = new Date();
// exp.setTime(exp.getTime() + strsec * 1);
document.cookie = name + "=" + val + ";path=/";
function getQueryString(name) {
const url_string = window.location.href; // window.location.href
const url = new URL(url_string);
if (url.searchParams.get(name) != null) {
Cookie_Set("language", url.searchParams.get(name));
}
function Cookie_Get(name) {
var arr,
reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if ((arr = document.cookie.match(reg))) {
return arr[2];
} else {
return null;
}
}
function getsec(str) {
var str1 = str.substring(1, str.length) * 1;
var str2 = str.substring(0, 1);
if (str2 == "s") {
return str1 * 1000;
} else if (str2 == "h") {
return str1 * 60 * 60 * 1000;
} else if (str2 == "d") {
return str1 * 24 * 60 * 60 * 1000;
}
}
</script>
<style lang="scss">
.layui-table {
width: auto;
/* margin: 10px 20px; */
}
.xixun_software_table th,
.xixun_software_table td {
text-align: center;
}
.xixun_software_table th {
background-color: #9dc9ff;
font-size: 16px;
font-weight: 700;
}
</style>
}
getQueryString("language");
console.log(!Cookie_Get("language"), lang);
if (!Cookie_Get("language") && lang == "en") {
window.location.href = "";
}
<body>
<div class="header head3">#include(navbar)</div>
function Cookie_Set(name, val) {
// var strsec = getsec(time);
var exp = new Date();
// exp.setTime(exp.getTime() + strsec * 1);
document.cookie = name + "=" + val + ";path=/";
}
function Cookie_Get(name) {
var arr,
reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if ((arr = document.cookie.match(reg))) {
return arr[2];
} else {
return null;
}
}
function getsec(str) {
var str1 = str.substring(1, str.length) * 1;
var str2 = str.substring(0, 1);
if (str2 == "s") {
return str1 * 1000;
} else if (str2 == "h") {
return str1 * 60 * 60 * 1000;
} else if (str2 == "d") {
return str1 * 24 * 60 * 60 * 1000;
}
}
<div class="TopicPage">
<!--程序注意 只要含有“publicLink”这个导航的页面header就得添加类名“head3” -->
</script>
<style lang="scss">
.layui-table {
width: auto;
/* margin: 10px 20px; */
}
<div class="publicLink">
<div class="container1260" style="align-items: center">
<h5>LedOK Express</h5>
<div class="right">
<a href="./LedOK_Express_specific.html">功能特性</a>
<a href="./LedOK_Express_video.html">视频</a>
<a href="./LedOK_Express_download.html">资料下载</a>
<a href="./LedOK_Express_customize.html" class="active">定制</a>
</div>
.xixun_software_table th,
.xixun_software_table td {
text-align: center;
}
.xixun_software_table th {
background-color: #9dc9ff;
font-size: 16px;
font-weight: 700;
}
.form-title {
text-align: center;
font-weight: 700;
color: #434850;
}
.form-group {
display: flex;
margin-bottom: 10px;
}
.form-group>label {
width: 20%;
font-size: 15px;
}
.form-control {
width: 80%;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
.Btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #007bff;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
transition: background-color 0.3s ease;
}
.Btn:hover {
background-color: #0056b3;
}
</style>
<body>
<div class="header head3">#include(navbar)</div>
<div class="TopicPage">
<!--程序注意 只要含有“publicLink”这个导航的页面header就得添加类名“head3” -->
<div class="publicLink">
<div class="container1260" style="align-items: center">
<h5>LedOK Express</h5>
<div class="right">
<a href="./LedOK_Express_specific.html">功能特性</a>
<a href="./LedOK_Express_video.html">视频</a>
<a href="./LedOK_Express_download.html">资料下载</a>
<a href="./LedOK_Express_customize.html" class="active">定制</a>
</div>
</div>
<div class="publicLink" style="background-color: #f7f8f9">
<div class="container1260" style="height: 80vh; padding: 10px">
<div style="position: relative; width: 40%; height: 100%">
<div style="position: absolute; top: 5%; left: 5%; width: 60%">
<p style="padding: 10px; font-size: 18px; color: #ffffff">LedOK Express</p>
<p style="width: 100%; padding: 10px; font-size: 14px; text-align: justify; text-indent: 2em; color: #ffffff">专注于LED显示应用行业的专业力量我们精于定制为您点亮无限可能。专为LED显示屏领域度身打造PC端控制软件凭借深厚行业经验和专业技术积累我们深谙您的独特需求旨在以精准操控和卓越性能引领您走向显示技术的前沿让您在LED显示世界中游刃有余尽享专业定制带来的无尽可能!</p>
</div>
<img src="../../../../static/products/xixun_software/SingleMachine/1单机版软件定制.jpg" alt="" style="width: auto; height: 100%" />
</div>
<div class="publicLink" style="background-color: #f7f8f9">
<div class="container1260" style="height: 80vh; padding: 10px">
<div style="position: relative; width: 40%; height: 100%">
<div style="position: absolute; top: 5%; left: 5%; width: 60%">
<p style="padding: 10px; font-size: 18px; color: #ffffff">LedOK Express</p>
<p
style="width: 100%; padding: 10px; font-size: 14px; text-align: justify; text-indent: 2em; color: #ffffff">
专注于LED显示应用行业的专业力量我们精于定制为您点亮无限可能。专为LED显示屏领域度身打造PC端控制软件凭借深厚行业经验和专业技术积累我们深谙您的独特需求旨在以精准操控和卓越性能引领您走向显示技术的前沿让您在LED显示世界中游刃有余尽享专业定制带来的无尽可能!
</p>
</div>
<div style="width: 60%; height: 100%; padding: 10px 20px; background-color: #57abff">
<div style="width: 100%; background-color: #886969">
<!-- <table class="layui-table" lay-even lay-size="lg"> -->
<table class="layui-table xixun_software_table" lay-even>
<colgroup>
<!-- <col width="25%">
<img src="../../../../static/products/xixun_software/SingleMachine/1单机版软件定制.jpg" alt=""
style="width: auto; height: 100%" />
</div>
<div style="width: 60%; height: 100%; padding: 10px 20px; background-color: #57abff">
<div style="width: 100%; background-color: #886969;height: 60%;">
<!-- <table class="layui-table" lay-even lay-size="lg"> -->
<table class="layui-table xixun_software_table" lay-even>
<colgroup>
<!-- <col width="25%">
<col width="25%">
<col width="25%">
<col width="25%"> -->
</colgroup>
<thead>
<tr>
<th colspan="4">单机版PC软件 LEDOK Express</th>
</tr>
</thead>
<tbody>
<tr>
<td>平台支持</td>
<td>WINDOWS</td>
<td>MAC OS</td>
<td>LINUX</td>
</tr>
<tr>
<td>功能介绍</td>
<td colspan="3">LEDOK Express是支持多平台的单机局域网软件实现局域网自动发现设备可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发轻松管理附近的LED和LCD显示屏。</td>
</tr>
<tr>
<td>功能定制</td>
<td colspan="3">
基础功能报价中包含:<br />
1自定义LOGO<br />
2自定义软件名称连同熙讯公开版本持续升级更新。<br />
其他个性化功能按实际需求评估后单独报价<br />
</td>
</tr>
<tr>
<td>软件使用培训费用【可选】</td>
<td colspan="3">
¥1,000.00<br />
单次/1人/1天异地差旅费另计<br />
</td>
</tr>
<tr>
<td>备注</td>
<td colspan="3">
1所有平台和软件均为远程部署需现场实施请提前商务沟通确认并提供相关人员的差旅和现场实施费用<br />
2所有平台和软件只提供可运行程序或安装包不提供源代码<br />
</td>
</tr>
</tbody>
</table>
</div>
<div style="width: 100%;">
</colgroup>
<thead>
<tr>
<th colspan="4">单机版PC软件 LEDOK Express</th>
</tr>
</thead>
<tbody>
<tr>
<td>平台支持</td>
<td>WINDOWS</td>
<td>MAC OS</td>
<td>LINUX</td>
</tr>
<tr>
<td>功能介绍</td>
<td colspan="3">LEDOK
Express是支持多平台的单机局域网软件实现局域网自动发现设备可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发轻松管理附近的LED和LCD显示屏。</td>
</tr>
<tr>
<td>功能定制</td>
<td colspan="3">
基础功能报价中包含:<br />
1自定义LOGO<br />
2自定义软件名称连同熙讯公开版本持续升级更新。<br />
其他个性化功能按实际需求评估后单独报价<br />
</td>
</tr>
<tr>
<td>软件使用培训费用【可选】</td>
<td colspan="3">
¥1,000.00<br />
单次/1人/1天异地差旅费另计<br />
</td>
</tr>
<tr>
<td>备注</td>
<td colspan="3">
1所有平台和软件均为远程部署需现场实施请提前商务沟通确认并提供相关人员的差旅和现场实施费用<br />
2所有平台和软件只提供可运行程序或安装包不提供源代码<br />
</td>
</tr>
</tbody>
</table>
</div>
<div style="width: 100%; height: 36%;box-sizing: border-box;margin: 3% auto 2%;">
<div style="width: 55%;margin: 0 auto;">
<div class="form-title">联系我们的专业软件产品经理</div>
<br>
<form id="contactForm">
<div class="form-group">
<label for="email">你的邮箱*</label>
<input id="email" class="form-control" type="email" name="email" required
aria-labelledby="emailLabel">
</div>
<div class="form-group">
<label for="phone">你的电话 </label>
<input id="phone" class="form-control" type="tel" name="tel" aria-labelledby="phoneLabel">
</div>
<div class="form-group">
<label for="requirements">你的需求*</label>
<textarea id="requirements" class="form-control" name="requirements"
aria-labelledby="requirementsLabel" style="height: 80px;" required></textarea>
</div>
<div>
<button type="submit" class="Btn" style="float: right;">提交</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
#include(footer)
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body>
</div>
#include(footer)
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body>
</html>
<!--百度分享脚本-->
@ -213,4 +288,39 @@
}
});
}
</script>
// script.js 文件内容
$(document).ready(function () {
$('requirements').on('input', function () {
var input = $(this).val();
// 允许的HTML标签
var allowedTags = ['<p>', '</p>', '<strong>', '</strong>', '<em>', '</em>'];
// 移除不被允许的标签
allowedTags.forEach(function (tag) {
input = input.replace(new RegExp(tag, 'gi'), '');
});
// 更新textarea的值
$(this).val(input);
});
$('#contactForm').on('submit', function (e) {
e.preventDefault();
// $.ajax({
// url: '',
// type: 'post',
// data: {
// email:$('#email').val(),
// phone:$('#phone').val(),
// content:$('#requirements').val(),
// },
// dataType: 'json',
// success:(res) =>{
// alert('意见提交成功!');
// },
// fail:(err)=>{
// alert('意见提交失败!');
// }
// });
alert('意见提交成功!');
});
});
</script>

View File

@ -190,70 +190,76 @@
<td class="Support">支持</td>
</tr>
<tr>
<td class="GroupAdPlacement">分组广告投放</td>
<td class="GroupAdPlacement">批量广告投放</td>
<td class="Support">支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="AdPlaySorting">广告播放排序</td>
<td class="AdPlaySorting">多屏同步播放</td>
<td class="Support">支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="MoreScreenSyncPlay">多屏同步播放</td>
<td class="MoreScreenSyncPlay">实时信息插播</td>
<td class="Support">支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="RegionalTargetedAd">区域定点投放</td>
<td class="RegionalTargetedAd">智慧屏幕管理</td>
<td class="Support">支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="VehicleTrajectoryQuery">车辆轨迹查询</td>
<td class="OnlyQueryTodayTrajectory">7天内任意1天</td>
<td class="CustomizAccordingUserNeed">按用户需求定制</td>
</tr>
<tr>
<td class="PlayLogQuery">播放日志查询</td>
<td class="OnlySupport7DayQuery">仅支持7天查询</td>
<td class="CustomizAccordingUserNeed">按用户需求定制</td>
</tr>
<tr>
<td class="PlayLogExport">播放日志导出</td>
<td class="OnlySupport7DayExport">仅支持7天数据导出</td>
<td class="CustomizAccordingUserNeed">按用户需求定制</td>
</tr>
<!-- <tr>
<td>用户数量</td>
<td>1个超级用户+4个子用户</td>
<td>不限制</td>
</tr> -->
<tr>
<td class="CustomDomainName">自定义域名</td>
<td class="NotSupport">不支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="PersonalizedFunctionCustomization">个性化功能定制</td>
<td class="NotSupport">不支持</td>
<td class="Support_customized_free">支持(根据定制功能付费)</td>
</tr>
<tr>
<td class="SSLSecureCommunication">SSL安全通讯</td>
<td class="VehicleTrajectoryQuery">智慧监控管理</td>
<td class="Support">支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="EqualProtectionCertificateServe">等保认证服务</td>
<td class="NotSupport">支持</td>
<td class="ProvideTechnicalServe">提供技术服务</td>
<td class="VehicleTrajectoryQuery">智慧电能管理</td>
<td class="Support">支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="PlatformMaintenanceServe">平台维护服务</td>
<td class="Free">免费</td>
<td class="PaidAnnually">按年付费</td>
<td class="VehicleTrajectoryQuery">智慧照明管理</td>
<td class="Support">不支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="VehicleTrajectoryQuery">智慧物联设备</td>
<td class="Support">不支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="VehicleTrajectoryQuery">智慧IP广播</td>
<td class="Support">不支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="VehicleTrajectoryQuery">智慧交通管理</td>
<td class="Support">不支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="VehicleTrajectoryQuery">人流量统计</td>
<td class="Support">不支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="VehicleTrajectoryQuery">气象环境监测</td>
<td class="Support">不支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="PlayLogQuery">自定义域名</td>
<td class="Support">不支持</td>
<td class="Support">支持</td>
</tr>
<tr>
<td class="PlayLogQuery">个性化功能定制</td>
<td class="Support">不支持</td>
<td class="Support">支持(根据定制功能收费)</td>
</tr>
</tbody>
</table>
</div>

View File

@ -21848,6 +21848,229 @@ ul {
.investor_yj .con a .right .icon img {
width: 100%;
}
/* 定制样式 */
.form-title{
text-align: center;font-weight: 700;color:#434850;
}
.form-group {
display: flex;
margin-bottom: 10px;
}
.form-group>label{
width: 20%;
font-size: 15px;
}
.form-control {
width: 80%;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
.Btn {
display: flex;
justify-content: center;
align-items: center;
background-color: #007bff;
color: white;
border: none;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
transition: background-color 0.3s ease;
}
.Btn:hover {
background-color: #0056b3;
}
.TopicPage_Custom {
padding: 4.9479vw 0 4vw;
min-height: calc(100vh - 700px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.TopicPage_Custom .box {
width: 31.34921%;
}
.TopicPage_Custom .box:not(:first-child) {
margin-left: 2.976185%;
}
.TopicPage_Custom .box .tit {
font-size: 1.0417vw;
color: #333;
padding-bottom: .7813vw;
border-bottom: .0521vw solid #cacaca;
}
.TopicPage_Custom .box .list a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 1.3021vw;
align-items: center;
}
.TopicPage_Custom .box .list a p {
font-size: .9375vw;
color: #333;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: calc(100% - 40px);
padding-left: .7500vw;
line-height: 1.3;
display: flex;
align-items: center;
}
.TopicPage_Custom .box .list a .TextIcon {
width: 22px;
font-size: 0;
}
.TopicPage_Custom .box .list a .TextIcon img {
width: 100%;
}
.TopicPage_Custom .box .list a .TextIcon .Lhide {
display: none;
}
.TopicPage_Custom .box .list a:hover .TextIcon .Lshow {
display: none;
}
.TopicPage_Custom .box .list a:hover .TextIcon .Lhide {
display: block;
}
.TopicPage_Custom .box .list a .icon {
width: 14px;
}
.TopicPage_Custom .box .list a .icon img {
width: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.TopicPage_Custom .box .list a .icon img.Lhide {
display: none;
}
.TopicPage_Custom .box .list a:hover p {
color: #00479d;
}
.TopicPage_Custom .box .list a:hover img.Lshow {
display: none;
}
.TopicPage_Custom .box .list a:hover img.Lhide {
display: block;
}
.TopicPage_Custom .box .list2 .li {
margin-top: 1.3021vw;
position: relative;
}
.TopicPage_Custom .box .list2 .li .left {
width: 100%;
display: flex;
align-items: center;
padding-right: 70px;
}
.TopicPage_Custom .box .list2 .li .right {
position: absolute;
top: 2px;
right: 0;
z-index: 3;
}
.TopicPage_Custom .box .list2 .li:nth-child(n + 1) {
margin-top: 1.3021vw;
}
.TopicPage_Custom .box .list2 .li .icon1 {
width: 22px;
font-size: 0;
}
.TopicPage_Custom .box .list2 .li .icon1 img {
width: 100%;
}
.TopicPage_Custom .box .list2 .li .text {
padding-left: .7813vw;
width: calc(100% - 22px);
}
.TopicPage_Custom .box .list2 .li .text h5 {
line-height: 1.3;
font-size: .9375vw;
color: #333;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: flex;
align-items: center;
}
.TopicPage_Custom .box .list2 .li .UpdateSm {
font-size: .7292vw;
color: #828282;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.TopicPage_Custom .box .list2 .li .UpdateSm:hover {
color: #00479d;
;
}
.TopicPage_Custom .box .list2 .li .icon2 {
width: 14px;
margin-right: 5px;
}
.TopicPage_Custom .box .list2 .li .icon2 img {
width: 100%;
}
.TopicPage_Custom .box .list2 .li .icon2 img.Lhide {
display: none;
}
.TopicPage_Custom .box .list2 .li:hover .icon1 img.Lhide,
.TopicPage_Custom .box .list2 .li:hover .icon2 img.Lhide {
display: block;
}
.TopicPage_Custom .box .list2 .li:hover .icon1 img.Lshow,
.TopicPage_Custom .box .list2 .li:hover .icon2 img.Lshow {
display: none;
}
.TopicPage_Custom .box .list2 .li:hover .text h5 {
color: #00479d;
}
.TopicPage_Custom .box .list2 .li:hover .text p {
color: #00479d;
}
}