\n\n

,需要通过父级DOM结构来判断 */ var trackActionPhone = function (node) { var nodeInnerText = node.innerText || ''; if (!limitRegLength(nodeInnerText)) return; var nodeText = trimText(nodeInnerText); if (nodeText.length < 5 || nodeText.length > 20) return false; var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'click'; var str = trimText(node.href || nodeText || ''); if (phoneReg.test(str) && numUseReg.test(str)) { window.postMessage({ type: 'SHOPS_CONTACT_TRACK', data: { phone: nodeText, }, }, '*'); _paq.push(['trackEvent', type, 'phone', nodeText]); return true; } /** 排查父级嵌套非标签场景,并且对dom的正则校验做一个性能兜底,通过控制innerText的长度,来确保正则的性能 */ var fatherText = trimText(node.parentNode.innerText || ''); if (fatherText.length < 5 || fatherText.length > 20) return false; if (phoneReg.test(fatherText) && numUseReg.test(fatherText)) { window.postMessage({ type: 'SHOPS_CONTACT_TRACK', data: { phone: nodeText, }, }, '*'); _paq.push(['trackEvent', type, 'phone', nodeText]); return true; } return false; }; window.addEventListener('click', function (e) { var node = e.target; /** 社媒点击 */ var appName = ''; var getAppAriaLabel = node.ariaLabel || node.parentNode.ariaLabel || ''; if (mediaList.includes(getAppAriaLabel.toLowerCase())) { appName = getAppAriaLabel; } if ( !appName && node.nodeName && node.nodeName.toLowerCase() === 'a' ) { appName = getMediaName(node.href) || getMediaName(node.alt); } if ( !appName && node.nodeName && node.nodeName.toLowerCase() === 'img' ) { appName = getMediaName(node.alt) || getMediaName(node.src); } if ( !appName && node.nodeName && node.nodeName.toLowerCase() === 'i' ) { appName = getMediaName(node.className); } if (appName) { _paq.push(['trackEvent', 'click', 'contactApp', appName]); return; } /** 联系方式点击 */ if (trackActionPhone(node, 'click')) return; if (node.nodeName && node.nodeName.toLowerCase() === 'a') { var val = node.href; if (!limitRegLength(val)) return; if (emailReg.test(val)) { window.postMessage({ type: 'SHOPS_CONTACT_TRACK', data: { email: val, }, }, '*'); _paq.push(['trackEvent', 'click', 'email', val]); return; } } if (node.nodeName && node.nodeName.toLowerCase() === 'i') { var val = node.className; var content = node.parentNode.href || ''; if (val.includes('email')) { window.postMessage({ type: 'SHOPS_CONTACT_TRACK', data: { email: content, }, }, '*'); _paq.push(['trackEvent', 'click', 'email', content]); return; } } var nodeChildList = node.childNodes; for (var i = 0; i < nodeChildList.length; i++) { if (nodeChildList[i].nodeType !== 3) continue; var val = nodeChildList[i].textContent.replace(/\s?:?/g, ''); if (!limitRegLength(val)) continue; if (emailReg.test(val)) { window.postMessage({ type: 'SHOPS_CONTACT_TRACK', data: { email: val, }, }, '*'); _paq.push(['trackEvent', 'click', 'email', val]); return; } } trackNumberData(node); }); window.addEventListener('copy', function (e) { if (trackActionPhone(e.target, 'copy')) return; var text = e.target.textContent; if (!text) return; var val = text.replace(/\s:?/g, ''); if (!limitRegLength(val)) return; if (emailReg.test(val)) { window.postMessage({ type: 'SHOPS_CONTACT_TRACK', data: { email: val, }, }, '*'); _paq.push(['trackEvent', 'copy', 'email', val]); return; } trackNumberData(e.target); }); } trackContactInit(); /** * 基于custom_inquiry_form.js 以及 form.js 对于询盘表单提交的实现,来反推询盘表单的input标签触发,用来收集意向客户 * 1. 缓存的KEY:TRACK_INPUT_ID_MTM_00; * 2. 缓存策略 - lockTrackInput:单个页面内,10分钟内,不重复上报 */ function trackActionInput() { const CACHE_KEY = 'TRACK_INPUT_ID_MTM_00'; const pathName = window.location.hostname + window.location.pathname; var lockTrackInput = function () { try { const lastCacheData = localStorage.getItem(CACHE_KEY); if (!lastCacheData) return false; const cacheData = JSON.parse(lastCacheData); const cacheTime = cacheData[pathName]; if (!cacheTime) return false; return Date.now() - cacheTime < 1000 * 60 * 10; // 10分钟内,不重复上报 } catch (error) { console.error('lockTrackInput Error', error); return false; } }; var setInputTrackId = function () { try { const curCacheData = localStorage.getItem(CACHE_KEY); if (curCacheData) { const cacheData = JSON.parse(curCacheData); cacheData[pathName] = Date.now(); localStorage.setItem(CACHE_KEY, JSON.stringify(cacheData)); return; } const cacheData = { [pathName]: Date.now(), }; localStorage.setItem(CACHE_KEY, JSON.stringify(cacheData)); } catch (error) { console.error('setInputTrackId Error', error); } }; var getInputDom = function (initDom) { var ele = initDom; while (ele) { /** * isWebSiteForm 是站点的表单 * isChatWindowForm 是聊天窗口的表单 */ /** 旧模板表单 */ var isWebSiteForm = !!( /crm-form/i.test(ele.className) && ele.querySelector('form') ); /** 1:新模板自定义表单、2:Get a Quote 弹框表单 */ var isWebSiteFormNew = !!( /inquiry/i.test(ele.className) && ele.querySelector('form') ); if (isWebSiteForm || isWebSiteFormNew) { _paq.push(['trackEvent', 'formInquiry', 'formInput', 'page']); setInputTrackId(); return; } /** Mkt会话触达-聊天弹框的表单输入: MKT由于是iframe嵌入,所以MKT的上报,会单独写到MKT-form代码上 */ var isInquiryChatForm = !!( /comp-form/i.test(ele.className) && ele.querySelector('form') ); if (isInquiryChatForm) { _paq.push(['trackEvent', 'formInquiry', 'formInput', 'chat']); setInputTrackId(); return; } /** 向上查找父节点 */ ele = ele.parentNode; } }; function initInputListener() { var inputUseDebounce = function (fn, delay) { var timer = null; var that = this; return function () { var args = Array.prototype.slice.call(arguments); if (timer) clearTimeout(timer); timer = setTimeout(function () { fn.apply(that, args); }, delay); }; }; var optimizeGetInputDom = inputUseDebounce(getInputDom, 300); window.addEventListener('input', function (e) { /** 如果已经上报过,则不再上报 */ if (lockTrackInput()) return; optimizeGetInputDom(e.target); }); } try { initInputListener(); } catch (error) { console.log('initInputListener Error', error); } } trackActionInput(); } /** 第三方消息上报:目前主要是针对全点托管会话;在msgCollect/index.js中调试,访问test.html */ function thirdMsgCollect() { /** 先检测是否是stayReal托管:如果stayReal脚本都没有,那么说明当前站点未开启stayReal会话托管 */ const scriptList = Array.prototype.slice.call( document.querySelectorAll('script'), ); const checkStayReal = () => !!scriptList.find((s) => s.src.includes('stayreal.xiaoman.cn')); if (!checkStayReal()) return; /** 缓存当前消息队列的最后一条消息id */ const CACHE_KEY = 'CACHE_KEY_MONITOR'; const setCache = (msgIndex) => { /** 对缓存KEY进行base64转码处理 */ const cacheMsgIndex = btoa(msgIndex); localStorage.setItem(CACHE_KEY, cacheMsgIndex); }; const getCache = () => { const cacheMsgIndex = localStorage.getItem(CACHE_KEY); if (cacheMsgIndex) return Number(atob(cacheMsgIndex)); return -1; }; /** 拉取最新msg列表 */ const pullMsgList = () => { const msgEleList = Array.prototype.slice.call( document.querySelectorAll('#chat-list li'), ); const msgIds = []; const msgMap = msgEleList.reduce((acc, item) => { const sendTime = item .querySelector('.message-data-time') .textContent.trim(); const sendContent = item.querySelector('.message').textContent.trim(); /** msg带有class:other-message的是访客消息,my-message的是客服消息 */ const isOtherMessage = item .querySelector('.message') .classList.contains('other-message'); const msgId = item.querySelector('.message').getAttribute('id'); const msgItemData = { msgId, user: isOtherMessage ? 'visitor' : 'official', time: sendTime, content: sendContent, }; msgIds.push(msgId); acc[msgId] = msgItemData; return acc; }, {}); return { ids: msgIds, dataMap: msgMap, }; }; /** 加密并上传消息数据 */ let ENCRYPT_KEY = 'de29f1aab63ab033'; let ENCRYPT_IV = 'b8d2badf875e76ac'; const baseUrl = 'https://cms.xiaoman.cn'; // var getEncryptConfig = function () { // const url = baseUrl + '/shop-api/innerApi/getKeyIv' // $.get( // url, // function (result) { // console.log('result', result) // if (Number(result.code) === 0 && result.data.key && result.data.iv) { // ENCRYPT_KEY = result.data.key // ENCRYPT_IV = result.data.iv // uploadMsgData() // } else { // /** 如果获取失败,则重试 */ // setTimeout(() => { // getEncryptConfig() // }, 1000) // } // }, // 'json' // ) // } // getEncryptConfig() const encryptMsg = function (msgData) { const enc = new TextEncoder(); // 转字节 const keyBytes = enc.encode(ENCRYPT_KEY); const ivBytes = enc.encode(ENCRYPT_IV); const plainBytes = enc.encode(msgData); // 导入密钥并加密 return crypto.subtle .importKey('raw', keyBytes, { name: 'AES-CBC' }, false, ['encrypt']) .then(function (cryptoKey) { return crypto.subtle.encrypt( { name: 'AES-CBC', iv: ivBytes }, cryptoKey, plainBytes, ); }) .then(function (encryptedBuffer) { // 转 base64 返回 return btoa( String.fromCharCode(...new Uint8Array(encryptedBuffer)), ); }) .catch((err) => { return Promise.reject(err); }); }; let uploadFlag = false; const uploadMsgData = function () { if (uploadFlag) return; uploadFlag = true; const { ids, dataMap } = pullMsgList(); let cacheMsgIndex = getCache(); const msgLen = ids.length; if (!msgLen) { // 消息DOM未挂载 || 消息DOM已挂载,但是消息列表为空 uploadFlag = false; return; } if (msgLen - 1 < cacheMsgIndex) { /** 针对站点挂后台一段时间,消息列表会自动塞入重复消息,导致消息有重复,刷新后又重置回正常消息列表,所以这里需要更新锚点下标 */ cacheMsgIndex = msgLen - 1; setCache(cacheMsgIndex); uploadFlag = false; return; } if (msgLen - 1 === cacheMsgIndex) { // 缓存的最后一次发送的消息ID是最后一条(说明当前消息均已经上报),则不跳过本地上报 uploadFlag = false; return; } const currentMsgIds = ids.slice(cacheMsgIndex + 1, msgLen); const currentMsgData = currentMsgIds.map((id) => dataMap[id]); const mtmId = window.matomo_site_id_cookie_key || ''; // 获取mtm会话id const msgBody = { mtmId, curl: window.location.href, msgList: currentMsgData, }; const msgBodyStr = JSON.stringify(msgBody); encryptMsg(msgBodyStr) .then(function (encryptedMsg) { console.log('encryptedMsg:', encryptedMsg, msgBodyStr); const url = baseUrl + '/shop-api/External/ListenSiteActiveStatus'; $.ajax({ type: 'POST', url, data: JSON.stringify({ d_v: encryptedMsg }), contentType: 'application/json', success: function (result) { if (Number(result.code) === 0) { // 更新消息队列 setCache(msgLen - 1); } uploadFlag = false; }, error: function (err) { console.error(err, '请求异常'); uploadFlag = false; }, }); }) .catch((err) => { console.error(err, '数据加密失败'); uploadFlag = false; }); }; /** 监控chat-list的DOM变更 */ const initChatListObserver = () => { // 需要监听的 DOM 节点 const target = document.getElementById('chat-list'); if (!target) return; // 回调函数 const callback = function (mutationsList, observer) { for (const mutation of mutationsList) { console.log('mutation', mutation); if (mutation.type === 'childList') { uploadMsgData(); } } }; // 配置 const config = { childList: true, // 监听子节点的增删 subtree: true, // 是否也监听后代节点 }; // 创建 observer const observer = new MutationObserver(callback); // 开始监听 observer.observe(target, config); }; let testCount = 30; let itv = null; const checkChatDom = () => !!document.querySelector('#vc-model'); const initTalkCheck = () => { itv = setTimeout(() => { console.log('checkChatDom', checkChatDom(), testCount); if (!checkChatDom() && testCount > 0) { testCount--; initTalkCheck(); return; } clearTimeout(itv); uploadMsgData(); initChatListObserver(); }, 1500); }; initTalkCheck(); } try { gtmTrack(); thirdMsgCollect(); console.log('inserted gtm code'); } catch (error) { console.error('gtmTrack Error', error); } }); })();

Alle Kategorieë
Agter

DEEPLINK Aangepaste Metaalverwerkingpraktyk: Oorkomming van Presisievorminguitdagings vir Spesiale-vormige Ryswaterglas van Roestvrystaal

I. Projekagtergrond en uitdagings

Ons kliënt, ’n merk wat spesialiseer in hoogwaardige huishoudelike produkte, het beplan om ’n naadlose, eenstuk-gevormde roestvrystaalwynglas vir die ligte-luksusverbruikersgroepe in Europa, Amerika en Rusland te ontwikkel.

Kernvereistes

  • Struktuur : Die koppie se liggaam het ’n golwende, spesiaal gevormde gekurweerde oppervlak met 6 posisioneringsgate op die onderkant; die hele produk is ’n naadlose eenstukstruktuur sonder las- of saamvoegingsverbindings.
  • Materiaal : Voedselgraad-304-roestvrystaal wat veiligheid en nie-toksisiteit waarborg.
  • Voorkoms : Spelspieëlafwerking vir ’n luksueuse metalliese tekstuur sonder duidelike bewerkingsmerke.
  • Naukeurigheid : Posisioneringstoleransie van die onderkantgate ≤±0. 2mm, met 'n gladde en sonder-afskurwe rand.

II. Prosesoplossing en -implementering

Ons het uiteindelik 'n gekombineerde proses aangeneem van veelvoudige-deptrek-eenstukvorming (diep stansing) + plaaslike koinvasvorming + spieëlglanpolisering om aan die kliënt se vereistes te voldoen.

1. Kernproses: Veelvoudige-deptrek-eenstukvorming

In plaas van die tradisionele buis-hidrovormingsproses, het ons begin met plat rypies van roestvrystaal en die bekersliggaam gevorm deur 4 progressiewe deptrekpassas . Die besonderhede van elke prosedure en die probleme wat opgelos is, is soos volg: In die stadium van die voorbereiding van die rypies, het ons gekies 2mm-dik 304 roestvrystaalplate, wat in ronde stukke met 'n deursnee van 120 mm gesny is, en die rande is ontbyt om spanningkonsentrasie by die rande te voorkom en kraking tydens die daaropvolgende trekproses te voorkom. Tydens die eerste trekpassie het ons 'n mall met 'n groot radius gebruik om die plaat aanvanklik na 'n vlak beker met 'n hoogte van 40 mm te trek, terwyl die trekkoëffisiënt by 0,55 gehou is om die aanvanklike spanning te verlig en onmiddellike skeuring van die materiaal te voorkom. Om die plastisiteit van die materiaal vir verdere dieptrek te herstel, het ons oplossingsglansverharding by 1050 °C na die eerste trek uitgevoer, gevolg deur vinnige waterafkoeling om werkverharding doeltreffend te verwyder. Tydens die tweede tot derde trekpassies het ons geleidelik die mallradius verminder en die bekerliggaam na die finale hoogte getrek na 65mm, met die trekkoëffisiënt by 0,7 vir elke passie gehou. Deur die vervorming gelykmatig te versprei, het ons verseker dat die wanddikteverskil binne 0.2laastens, in die 4de vormgewingspas, het ons 'n vormmal met 'n golwende kontuur gebruik en die spesiaalgevormde gekurwe oppervlak van die bekerliggaam presies gevorm deur middel van hidrouliese pers-stempeling, wat terugvering van die beker vermy en die ontwerpgolwende vorm perfek herstel.

2. Besonderhede-afwerking: Plaaslike stempelproses vir die bekerbasis

Nadat die hoof bekerliggaam gevorm is, het ons 'n aangepaste presisie-mal vir plaaslike stempeling van die bekerbasis gebruik:

  • Vas die bekerliggaam onderstebo, en pas druk gelyktydig toe op 'n hidrouliese pers met 'n 6-punt koppelstempel.
  • Adopteer 'n trapsgewyse druktoepassing strategie: eers ligte druk vir posisionering, daarna geleidelike verhoging van die druk tot by die finale diepte om algehele vervorming van die bekerliggaam te vermy.
  • Voer lae-temperatuur spanningverligtingsverharding uit na stempeling om plaaslike spanning te verwyder en vervorming tydens gebruik te voorkom.

3. Oppervlakbehandeling: Voedselgraad-spieëlglanse

Om 'n hoogwaardige visuele effek te bereik en aan voedselveiligheidsstandaarde te voldoen, het ons 'n 3-stadium-polisproses :

  • Grofpolis : Verwyder stansmerke enoksiedskale met 'n 800-masjien-skuurband.
  • Mediumpolis verbeter die oppervlakglans met 'n nylon wiel wat saam met 'n chroomoksied-polisheerpasta gebruik word.
  • Fynpolis : Bereik 'n spieëlfinis met 'n suiwer katoenkloutjie-wiel wat saam met diamantpolispasta gebruik word.

III. Projekresultate & Kliëntreaksie

Na 3 ronde van malliterasie en prosesoptimalisering, het ons suksesvol roestvrystaalwynglasmonsters gelewer wat aan al die vereistes voldoen:

  • ✅ Strukturele integriteit : 100% naadlose eenstukvorming met eenvormige wanddikte.
  • ✅ Presisie-nakoming : Posisietoleransie van die onderste kuiltjies beheer binne ± 0.2mM.
  • ✅ Volkome voorkoms : Deurskynende spiegeleffek sonder enige verwerkingsmerke, wat pas by die ligte luksusposisionering.
  • ✅ Veiligheidsgewigste : Geslaag vir EU-voedselkontakmateriaaltoetse (FCM) en voldoen aan LFGB-standaarde.

IV. DEEPLINK se kernvoordele: Hoekom kies u ons?

1. Tegniese struikelblokke by die vorming van komplekse, spesiaal gevormde komponente

Met 10+ jare van kundigheid in presisie-metaalvorming beheers ons kernprosesse soos meervoudige dieptrekking, plaaslike stempeling en interne hoëdruk-vorming. Ons bereik eenstukvorming van plat voorwerpe tot naadlose, spesiaal gevormde dele, wat die probleme van onvoldoende sterkte en lekkasiegevaar wat deur tradisionele lasprosesse veroorsaak word, perfek oplos — sodat ons ‘n betroubare vennoot vir hoë-end aangepaste metaalonderdele is.

2. Volledige ketting aangepaste diensvermoë

Ons verskaf 'n eenmalige oplossing op maat van produkontwerp-optimisering, vormontwikkeling en klein-batch proefproduksie tot groot-skaal massa-produksie:

  • Ontwerpstadium : Help kliënte om strukture te optimaliseer, proses-volhoubaarheid en voorkoms-effekte te balanseer, en risiko’s tydens massa-produksie te verminder.
  • Skimmelontwikkeling : Onafhanklike ontwerp en vervaardiging van presisievorms met ’n iterasie-siklus wat verkort is na 7–10 dae, om vinnig op kliëntbehoeftes te reageer.
  • Kwaliteitsbeheer : Volledige proses-inspeksie (afmetings, oppervlak, materiaal) om te verseker dat elke produk aan die ontwerp- en veiligheidsstandaarde voldoen.

3. Hoë-kwaliteit Metalmaterials & Internasionale Sertifiseringversekering

Alle metalmaterials word gekies hoogkwaliteit Metale Materialen . Die produksieproses volg streng die ISO9001-kwaliteitsbestuurstelsel, en die eindprodukte slaag internasionale kwaliteitsertifikasies soos EU CE en Amerikaanse ANSI, wat aan die toegangsvereistes van buitelandse markte voldoen en buitelandse kopers gerusstel.

 

Vorige

Hoe Deeplink 50 000 hoë-presisie 304 roestvrystaal stansverbindingsstukke per maand gelewer het vir ’n Duitse vervaardiger van voedselverpakingsuitrusting

ALLES

Metaal Draaghandvatsverwerking Geval: 'n Reis van Kwaliteitsbeheer vanaf Ontwerp tot Afgewerkte Produk

Volgende
Aanbevole produkte