zenghuanyu/sysolution
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

软件定制页

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/modules/footer.html
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>

6
src/modules/navbar.html
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>

100
src/products/xixun_software/AIPS/AIPS2.0/AIPS2.0_customize.html
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>

102
src/products/xixun_software/AIPS/AIPS4.0/AIPS4.0_customize.html
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>

100
src/products/xixun_software/AIPS/Vehicle HUB/Vehicle HUB_customize.html
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>

106
src/products/xixun_software/APP/I Led/I Led_customize.html
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>

100
src/products/xixun_software/APP/LEDOK Lite/LEDOK Lite_customize.html
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>

4
src/products/xixun_software/APP/LEDOK Lite/LEDOK Lite_download.html
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)

122
src/products/xixun_software/SingleMachine/LedOK_Express/LedOK_Express_customize.html
View File

@ -1,5 +1,6 @@
<!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" />
@ -13,7 +14,8 @@
<link rel="shortcut icon" href="../../../../favicon.ico" />
<title>熙讯-软件服务-LedOK Express</title>
<meta name="keywords" content="熙讯,LED控制系统,LED控制卡,播控系统,软件服务,熙讯下载,解决方案提供商-熙讯、熙讯云科技、熙讯电子科技有限公司、熙讯官网、熙讯下载" />
<meta name="description" content="上海熙讯电子科技有限公司是全球户外数字传媒与LED显示控制系统解决方案服务商，致力于以互联网技术和智能系统推动行业的产业升级，为打造数字智慧城市贡献力量。10年来我们精耕于这一领域，凭借卓越的创新能力、突出的定制能力、优秀的服务能力、赢得了全球客户的信任！" />
<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" />
@ -72,21 +74,65 @@
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;
}
.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>
@ -111,12 +157,16 @@
<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>
<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%" />
<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">
<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>
@ -139,7 +189,8 @@
</tr>
<tr>
<td>功能介绍</td>
<td colspan="3">LEDOK Express是支持多平台的单机局域网软件，实现局域网自动发现设备，可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发，轻松管理附近的LED和LCD显示屏。</td>
<td colspan="3">LEDOK
Express是支持多平台的单机局域网软件，实现局域网自动发现设备，可进行LED模组智能设置、批量设备管理、多窗口多页面节目编排和批量内容下发，轻松管理附近的LED和LCD显示屏。</td>
</tr>
<tr>
<td>功能定制</td>
@ -168,7 +219,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>
@ -177,6 +251,7 @@
#include(footer)
<div class="Topping" id="ScrollTop"><i class="layui-icon layui-icon-top"></i></div>
</body>
</html>
<!--百度分享脚本-->
@ -213,4 +288,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>

88
src/solutions/lamp_pole/lamp_pole.html
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>

223
src/static/css/layout.css
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;
}
}