productDev/dmttwebsit.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,284 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8">
			<title>å³äºæä»¬</title>
			<link rel="stylesheet" href="./assets/common.css">
			<link rel="stylesheet" href="./assets/about.css">
			<link rel="stylesheet" href="./assets/animate.css">
			<link rel="stylesheet" href="./assets/animate.min.css">
			<link rel="stylesheet" href="./assets/swiper.css">
			<link rel="stylesheet" href="./assets/selectFilter.css">
			<script src="./js/jquery.js"></script>
			<script src="./js/swiper.js"></script>
			<script src="./js/about.js"></script>
			<script src="./js/selectFilter.js"></script>
			</head>
			<body>
			<div class="index">
			<div id="back-to-top">
			<img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
			</div>
			<div id="header">
			<div class="nav">
			<div class="nav-logo">
			<img src="./assets/images/top_logo@2x.png" alt="logo">
			</div>
			<ul>
			<li>
			<a href="./index.html">é¦é¡µ</a>
			</li>
			<li>
			<a href="./intelligent_system.html">æºæ§ç³»ç»</a>
			</li>
			<li>
			<a href="./solution.html">è§£å³æ¹æ¡</a>
			</li>
			<li>
			<a href="./alot.html">Alotç©è</a>
			</li>
			<li>
			<a href="./dynamics.html">ææ°å¨æ</a>
			</li>
			<li id="a">
			<a href="./about.html" onclick="dingwei('a')">å³äºæä»¬</a>
			</li>
			<li id="b">
			<a href="./about.html#section1" onclick="dingwei('b')">æ¸ éåä½</a>
			</li>
			</ul>
			<a href="./about.html#section1" class="nav-btn" onclick="dingwei('b')">åè´¹è¯ç¨</a>
			</div>
			</div>
			<div style="width: 100%; height: 70px;"></div>
			<div class="index-banner">
			<div class="index-banner-c">
			<div class="index-banner-c-a">å³äºæä»¬ è±ç±³ç§æ</div>
			<div class="index-banner-c-b">æºæ§åºé¦è¥éSaaSç³»ç»+æ°æºè§£å³æ¹æ¡æå¡</div>
			<div class="index-banner-c-c">
			<span>å¨è¯¢è¯¦æ</span>
			<img src="./assets/images/btn_ar@2x.png" alt="">
			</div>
			</div>
			</div>
			<div class="index-y">
			<div class="title">å¬å¸ä»ç»</div>
			<div class="info">ä¸ä¸æä½ææ°æºåè§£å³æ¹æ¡æå¡å</div>
			<div class="index-y-c">
			<div class="index-y-c-img">
			<img src="./assets/images/aboutus_img1@2x.png" alt="">
			</div>
			<div class="index-y-c-info">
			<img class="logo" src="./assets/images/aboutus_ic_logo@2x.png" alt="">
			<span>å®å¾½è±ç±³ç§ææéå¬å¸ï¼æç«äº2014å¹´ï¼æ»é¨ä½äºåè¥å¸ï¼æ¯å½å®¶é«æ°ææ¯ä¼ä¸ãåè½¯è®¤è¯ä¼ä¸ãç§åæ¿æçä¼ä¸ãå¬å¸ä¸æ³¨å¤§æ°æ®ãäºèç½ãç©èç½åAIæ·±åº¦å¦ä¹ çé¢åææ¯çåæ°ç åï¼æç»èç¦æ°æºä½è²å¹³å°ãæºæ§ä½è²åºé¦ã24Hæ äººå¼å®ãæ¯åºæ¸¸ä¹åãç©ºé´æºæ§ç®¡çäºå¤§ä¸å¡æ¹åã
			åå¤å¹´æ¥ä»¥æºå¤´ææ¯åæ°ï¼å¼é¢äº§ä¸èååºç¨ï¼æå»ºèµ·"äº+å¤§æ°æ®+5G+ç©èç½+AIoT"äºä½ä¸ä½çç©ºé´æºæ§åè¿è¥ç®¡çä½ç³»ï¼è´åä¸ºæä½æè¡ä¸æä¾æ´å¥è½¯ç¡¬ä»¶åæºæ§åºæ¯è§£å³æ¹æ¡ï¼å©ååºé¦å®ç°å¨åºæ¯æºè½ååçº§æ¹é ï¼ç®åå·²ä¸º3000+å®¢æ·æä¾æå¡ã</span>
			<img class="icon" src="./assets/images/aboutus_ic_1@2x.png" alt="">
			</div>
			</div>
			<div class="index-y-l">
			<div class="index-y-l-item">
			<img src="./assets/images/aboutus_ic_yuanjing@2x.png" alt="">
			<span>æä¸ºå¨çé¢åçæä½ææ°æºåæå¡åï¼å¼é¢æºæ§ç©ºé´æ°çæã</span>
			</div>
			<div class="index-y-l-item">
			<img src="./assets/images/aboutus_ic_shiming@2x.png" alt="">
			<span>æå»ºä»¥èµè½åºé¦ä¸ºæ ¸å¿çæºæ§åè¿è¥ç®¡çä½ç³»ï¼è´åäºä¸ºå¨çå®¢æ·æä¾å·æåç»æ§ãåé æ§ãéå¯¹æ§åæå®æ½çè§£å³æ¹æ¡ï¼</span>
			</div>
			<div class="index-y-l-item">
			<img src="./assets/images/aboutus_ic_jiazhiguan@2x.png" alt="">
			<span>æ°æºåæ°ï¼è¿½æ±ä½éªã</span>
			</div>
			</div>
			</div>
			<div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
			<div class="title">å¬å¸èµè´¨</div>
			<div class="info">ç®åå¬å¸å·²ç»è£è·å½å®¶é«æ°ææ¯ä¼ä¸ãå½å®¶ç§æåä¸å°ä¼ä¸ãå®å¾½çåè½¯è®¤è¯ä¼ä¸ï¼æ¥æèµè´¨è®¤è¯60+ï¼è½¯ä»¶èä½100+</div>
			<div class="index-y-img">
			<img src="./assets/images/aboutus_img_zizhi@2x.png" alt="">
			</div>
			</div>
			<div class="index-y" id="section1">
			<div class="title">æ¸ éåä½</div>
			<div class="info">çä¸æ¨çä¿¡æ¯ï¼æä»¬å°å°½å¿«èç³»æ¨</div>
			<div class="index-y-from">
			<div class="from-item">
			<div class="from-item-label"><b>*</b>äº§ååç§°ï¼</div>
			<div class="from-item-val">
			<div class="filter-box">
			<div class="filter-text">
			<input class="filter-title" type="text" readonly placeholder="è¯·éæ©æºæ§ç³»ç»" />
			<i class="icon icon-filter-arrow"></i>
			</div>
			<select name="filter" id="options"></select>
			</div>
			</div>
			</div>
			<div class="from-item">
			<div class="from-item-label"><b>*</b>å§ åï¼</div>
			<div class="from-item-val">
			<input type="text" id="name" placeholder="è¯·è¾å¥æ¨çå§å">
			</div>
			</div>
			<div class="from-item">
			<div class="from-item-label"><b>*</b>çµ è¯ï¼</div>
			<div class="from-item-val">
			<input type="text" id="phone" placeholder="è¯·è¾å¥æ¨ççµè¯">
			</div>
			</div>
			<div class="from-item">
			<div class="from-item-label">é® ç®±ï¼</div>
			<div class="from-item-val">
			<input type="text" id="email" placeholder="è¯·è¾å¥æ¨çé®ç®±">
			</div>
			</div>
			<div class="from-item">
			<div class="from-item-label">åä½åç§°ï¼</div>
			<div class="from-item-val">
			<input type="text" id="unit" placeholder="è¯·è¾å¥æ¨çåä½åç§°">
			</div>
			</div>
			</div>
			<div class="index-y-btn" id="btnSub">æäº¤åä½</div>
			</div>
			<div class="footer">
			<div class="footer-c">
			<div class="footer-c-logo">
			<div class="footer-c-logo-c">
			<img src="./assets/images/bottom_logo@2x.png" alt="" />
			</div>
			</div>
			<div class="footer-c-n">
			<div class="footer-c-n-box">
			<div class="footer-c-n-item" id="zhihui">
			<div class="footer-c-n-item-label">æºæ§ç³»ç»</div>
			</div>
			<div class="footer-c-n-item" id="fangan">
			<div class="footer-c-n-item-label">è§£å³æ¹æ¡</div>
			</div>
			<div class="footer-c-n-item">
			<div class="footer-c-n-item-label">èç³»æä»¬</div>
			<div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone"></div>
			<div class="footer-c-n-item-row" id="phone"></div>
			<div class="footer-c-n-item-row" id="serviceDate"></div>
			<div class="footer-c-n-item-row" id="companyAddr"></div>
			</div>
			<div class="footer-c-n-item">
			<div class="footer-c-n-item-qrcode">
			<img src="" id="qrcode" />
			<span>å¾®ä¿¡æ«ç åè´¹è¯ç¨</span>
			</div>
			</div>
			</div>
			</div>
			<div class="footer-c-info" id="footerInfo">
			<!-- Copyright Â© 2022-2027 \| å®å¾½è±ç±³ç§ææéå¬å¸ \| <a href="/">çICPå¤14008319å·-2 \| çICPå¤14008319å·-5</a>-->
			</div>
			</div>
			</div>
			</div>
			<script type="text/javascript">
			let url = 'http://121.41.112.139:8099'

			function dingwei(id) {
			$('.underline').remove()
			$(`#${id}`).append('<div class="underline"></div>')
			}

			// è·åfootéç½®
			$.ajax({
			async: false,
			url: url + '/dmttwebsite/web/api/getFoodDataVO',
			type: 'GET',
			success: function (res) {
			console.log(res)
			$('#companyAddr').text('å¬å¸å°åï¼' + res.data.address)
			$('#serviceDate').text('æå¡æ¶é´ï¼' + res.data.serverTime)
			$('#phone').text('èç³»ææºï¼' + res.data.linkMobile)
			$('#linkPhone').text(res.data.linkPhone)
			$('#footerInfo').text(res.data.footWords)
			$('#qrcode').attr('src', res.data.footFullImgUrl)

			for (const item of res.data.solveScheme) {
			$('#fangan').append('<div class="footer-c-n-item-row"><a href="' + item.address + '">' + item.name + '</a></div>')
			}

			for (const item of res.data.wisdomSystem) {
			$('#zhihui').append('<div class="footer-c-n-item-row"><a href="' + item.address + '">' + item.name + '</a></div>')
			}
			}
			})

			$.ajax({
			async: false,
			url: 'http://www.dmtt.run:81/web/productList',
			type: 'POST',
			success: function (res) {
			let options = document.getElementById('options')
			for (const item of res.data) {
			options.append(new Option(item.name, item.id))
			}
			},
			error: function (error) {
			console.log(error)
			}
			})

			var product = null
			//è¿éæ¯åå§å
			$('.filter-box').selectFilter({
			callBack : function (val){
			console.log(val)
			product = val
			}
			});
			$('#btnSub').click(() => {
			let name = $('#name').val()
			let phone = $('#phone').val()
			let email = $('#email').val()
			let unit = $('#unit').val()
			if (!product) {
			alert('è¯·éæ©äº§ååç§°')
			return
			}
			if (!name) {
			alert('è¯·è¾å¥å§å')
			return
			}
			if (!phone) {
			alert('è¯·è¾å¥çµè¯')
			return
			}
			$.ajax({
			url: 'http://www.dmtt.run:81/web/createCustomer',
			data: JSON.stringify({
			productId: product,
			name: name,
			phone: phone,
			email: email,
			company: unit
			}),
			type: "post",
			dataType: "json",
			crossDomain: true,
			contentType: "application/json",
			success: function (res) {
			if (res.code !== 200) {
			alert(res.message)
			return
			}
			alert('æ¨å¥½ï¼æ¨çæ°æ®å·²æäº¤ï¼æä»¬ä¼å°½å¿«åå¤æ¨ï¼')
			$('#name').val('');
			$('#phone').val('');
			$('#email').val('');
			$('#unit').val('');
			$('.filter-title').val('')
			product = null
			},
			error: function (error) {
			alert('æäº¤å¤±è´¥ï¼')
			}
			});
			})
			</script>
			</body>
			</html>