2270 lines
103 KiB
CSV
2270 lines
103 KiB
CSV
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>MSASU32MSB5106KPNA01 | MULTILAYER CERAMIC CAPACITORS | TAIYO YUDEN CO., LTD. for NA</title>
|
||
|
||
<meta name="description" content="MSASU32MSB5106KPNA01(Previous Part Number:UMK325BJ106KM-P) MULTILAYER CERAMIC CAPACITORS Product Outline:10uF±10%, 50V, X5R, 1210/3225 (EIA/JIS)" />
|
||
<meta name="keywords" content="MSASU32MSB5106KPNA01,MULTILAYER CERAMIC CAPACITORS,TY-COMPAS,TAIYO YUDEN" />
|
||
|
||
|
||
<meta charset="utf-8">
|
||
|
||
<meta name="format-detection" content="telephone=no">
|
||
<link rel="shortcut icon" href="/TYCOMPAS/favicon.ico">
|
||
|
||
<link rel="canonical" href="https://ds.yuden.co.jp/TYCOMPAS/ut/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
|
||
<link rel="alternate" hreflang="ja" href="https://ds.yuden.co.jp/TYCOMPAS/jp/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="en-US" href="https://ds.yuden.co.jp/TYCOMPAS/ut/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="en-CA" href="https://ds.yuden.co.jp/TYCOMPAS/ut/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="en-SG" href="https://ds.yuden.co.jp/TYCOMPAS/ap/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="en-IN" href="https://ds.yuden.co.jp/TYCOMPAS/ap/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="en-MY" href="https://ds.yuden.co.jp/TYCOMPAS/ap/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="en-PH" href="https://ds.yuden.co.jp/TYCOMPAS/ap/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="en-GB" href="https://ds.yuden.co.jp/TYCOMPAS/eu/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="de" href="https://ds.yuden.co.jp/TYCOMPAS/eu/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="fr" href="https://ds.yuden.co.jp/TYCOMPAS/eu/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="zh-CN" href="https://ds.yuden.co.jp/TYCOMPAS/cs/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="zh-TW" href="https://ds.yuden.co.jp/TYCOMPAS/cs/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="zh-HK" href="https://ds.yuden.co.jp/TYCOMPAS/cs/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="ko" href="https://ds.yuden.co.jp/TYCOMPAS/kr/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" hreflang="en" href="https://ds.yuden.co.jp/TYCOMPAS/or/detail?pn=MSASU32MSB5106KPNA01&u=M" />
|
||
<link rel="alternate" href="https://ds.yuden.co.jp/TYCOMPAS/ut/sm/detail?pn=MSASU32MSB5106KPNA01&u=M" media="only screen and (max-width: 640px)" />
|
||
|
||
<meta http-equiv="content-language" content="en-US, en-CA">
|
||
<script type="text/javascript" src="/TYCOMPAS/js/vue/2.5.13/vue.min.js" ></script>
|
||
|
||
<script type="text/javascript" src="/TYCOMPAS/js/jquery/jquery-3.6.0.min.js"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/jquery/jquery.csv.min.js"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/jquery/jquery.color.js"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/jquery/jquery.cookie.js"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/jquery/jquery-ui.min.js"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/ut/js/dialogMessages.js?ver=14.8.0.5" ></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/ut/js/appDefinitions.js?cid=C&u=M" ></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/commonUtil.min.js?ver=14.8.0.5"></script>
|
||
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/components.min.js?ver=14.8.0.5" ></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/definition.min.js?ver=14.8.0.5"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/app/effectManager.js?ver=14.8.0.5"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/qMan.min.js?ver=14.8.0.5"></script>
|
||
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/app.min.js?ver=14.8.0.5" ></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/hoverLargeImage.min.js?ver=14.8.0.5"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/toPageTopComponent.min.js?ver=14.8.0.5"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/pagerInfo.min.js?ver=14.8.0.5"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/tyInfoManager.min.js?ver=14.8.0.5"></script>
|
||
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/gdpr.min.js?ver=14.8.0.5"></script>
|
||
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/precautions.min.js?ver=14.8.0.5"></script>
|
||
<link type="text/css" rel="stylesheet" href="/TYCOMPAS/css/min/reset.min.css?ver=14.8.0.5" />
|
||
<link type="text/css" rel="stylesheet" href="/TYCOMPAS/css/min/tyc.min.css?ver=14.8.0.5" />
|
||
<link href="/TYCOMPAS/css/lib/fontawesome/5.14.0/css/all.min.css" rel="stylesheet" />
|
||
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/applicationLogger.min.js?ver=14.8.0.5" defer></script>
|
||
|
||
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/commonHeader.min.js?ver=14.8.0.5"></script>
|
||
|
||
<link href="https://www.amcharts.com/lib/3/plugins/export/export.css" rel="stylesheet" type="text/css">
|
||
<link type="text/css" rel="stylesheet" href="/TYCOMPAS/css/min/detail.min.css?ver=14.8.0.5"/>
|
||
</head>
|
||
<body id="detail">
|
||
|
||
<header id="header" class="norm">
|
||
|
||
<div id="logo">
|
||
<a href="./searcherMain" class="applogger" log-layers="Click,Logo,TYCOMPAS">
|
||
<img class="compas" src="/TYCOMPAS/image/Common/img_compass.png" title="TYCOMPAS" alt=""/>
|
||
|
||
<img class="logo" src="/TYCOMPAS/image/Common/logo.png" title="TYCOMPAS" alt="TY-COMPAS"/>
|
||
</a>
|
||
</div>
|
||
<div class="rightside_contents">
|
||
<div id="yuden_logo">
|
||
|
||
|
||
|
||
|
||
|
||
<a href="https://www.yuden.co.jp/en/" target="_blank" class="applogger" log-layers="Click,Logo,TAIYO YUDEN">
|
||
<img src="/TYCOMPAS/image/Common/yuden_logo.gif" title="TAIYO YUDEN" alt="TAIYO YUDEN" />
|
||
</a>
|
||
|
||
</div>
|
||
<div id="header_func">
|
||
<ul class="func_list">
|
||
|
||
<li id="region" class="func" @mouseenter="region_on" @mouseleave="region_off">
|
||
<span>Select Region</span>
|
||
<ul class="region_list">
|
||
|
||
<li class="list"><a href="/TYCOMPAS/jp/detail" @click="changeRegion">日本</a></li>
|
||
<li class="list"><a href="/TYCOMPAS/ut/detail" @click="changeRegion">North America</a></li>
|
||
<li class="list"><a href="/TYCOMPAS/ap/detail" @click="changeRegion">Asia Pacific</a></li>
|
||
<li class="list"><a href="/TYCOMPAS/eu/detail" @click="changeRegion">Europe</a></li>
|
||
<li class="list"><a href="/TYCOMPAS/cs/detail" @click="changeRegion">中国</a></li>
|
||
<li class="list"><a href="/TYCOMPAS/kr/detail" @click="changeRegion">한국</a></li>
|
||
<li class="list"><a href="/TYCOMPAS/or/detail" @click="changeRegion">Other Regions</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="func">
|
||
<a id="versionInfo" href="javascript:void('versionInfo');" @click="showVersionInfo()">Version info.</a>
|
||
</li>
|
||
<li class="func" id="caseStudy">
|
||
<a class="precausions applogger"
|
||
href="/PreCautions/PRECAUTIONS_en.html?ver=14.8.0.5"
|
||
log-layers="Click,Precaution"
|
||
>PRECAUTIONS AND DISCLAIMERS</a>
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<div id="container">
|
||
<nav id="ProductCategoryArea">
|
||
<div id="downloadIconArea">
|
||
|
||
<a class="applogger" log-layers="HeaderArea,Download,SpecSheet" log-msg="MSASU32MSB5106KPNA01" title="Spec Sheet" target="_blank" href="./specSheet?pn=MSASU32MSB5106KPNA01" onclick="tyInfoManager.trackingGA('MSASU32MSB5106KPNA01','MSASU32MSB5106KPNA01_SS.pdf');" >
|
||
<img src="/TYCOMPAS/image/Detail/icon_pdf.gif" />
|
||
</a>
|
||
|
||
|
||
<a class="applogger" log-layers="HeaderArea,Download,SparaFile" log-msg="MSASU32MSB5106KPNA01" title="S-parameter(1 Product)" target="_blank"
|
||
href="./download?pn=MSASU32MSB5106KPNA01&fileType=Spara_file" onclick="tyInfoManager.trackingGA('MSASU32MSB5106KPNA01','Spara_file');" >
|
||
<img src="/TYCOMPAS/image/Common/icon_spara.png" />
|
||
</a>
|
||
|
||
|
||
|
||
<a class="applogger" log-layers="HeaderArea,Download,CirFile" log-msg="MSASU32MSB5106KPNA01" title="SPICE model(1 Product)[cir]" target="_blank"
|
||
href="./download?pn=MSASU32MSB5106KPNA01&fileType=cir_file"
|
||
onclick="tyInfoManager.trackingGA('MSASU32MSB5106KPNA01','cir_file');">
|
||
<img src="/TYCOMPAS/image/Common/icon_spice.png" />
|
||
</a>
|
||
|
||
</div>
|
||
<div class="productNo">
|
||
<h1>MSASU32MSB5106KPNA01</h1>
|
||
<span>(Previous Part Number : UMK325BJ106KM-P)</span>
|
||
</div>
|
||
</nav>
|
||
<div id="ProductAreaSeparatorLine"></div>
|
||
<div id="ClassificationSeriesArea">
|
||
<span class="ClassificationSeries">MULTILAYER CERAMIC CAPACITORS</span>
|
||
<span class="ClassificationSeries"> [Multilayer Ceramic Capacitors (High dielectric type) for General Electronic Equipment]</span>
|
||
</div>
|
||
<table id="DetailTable">
|
||
|
||
<tr>
|
||
|
||
<td rowspan="6" id="ProductSpecificationArea">
|
||
<h2 class="ItemLabel">Specifications</h2>
|
||
<table>
|
||
<tbody>
|
||
<tr >
|
||
|
||
<td class="ItemName">Status</td>
|
||
<td class="ItemValue">Mass Production (Preferred) </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Capacitance</td>
|
||
<td class="ItemValue">10 uF ± 10 % </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Case Size (EIA/JIS)</td>
|
||
<td class="ItemValue">1210/3225 </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Rated Voltage</td>
|
||
<td class="ItemValue">50 V </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">tanδ (max)</td>
|
||
<td class="ItemValue">5 % </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Temperature Characteristic (EIA)</td>
|
||
<td class="ItemValue">X5R </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Operating Temp. Range (EIA)</td>
|
||
<td class="ItemValue">-55 to +85 ℃ </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Capacitance Change(EIA)</td>
|
||
<td class="ItemValue">±15 % </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">High Temperature Loading<br>(% Rated Voltage)</td>
|
||
<td class="ItemValue">150 % </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Insulation Resistance (min)</td>
|
||
<td class="ItemValue">100 MΩ·μF </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Derating</td>
|
||
<td class="ItemValue">STD </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Dimension L</td>
|
||
<td class="ItemValue">3.2 ±0.30 mm</td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Dimension W</td>
|
||
<td class="ItemValue">2.5 ±0.20 mm</td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Dimension T</td>
|
||
<td class="ItemValue">2.5 ±0.20 mm</td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Dimension e</td>
|
||
<td class="ItemValue">0.60 ±0.30 mm</td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">RoHS Compliance (10 subst.)</td>
|
||
<td class="ItemValue">Yes </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">REACH Compliance (250 subst.)</td>
|
||
<td class="ItemValue">Yes </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Halogen Free</td>
|
||
<td class="ItemValue">Yes </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Soldering</td>
|
||
<td class="ItemValue">Reflow </td>
|
||
</tr>
|
||
<tr >
|
||
|
||
<td class="ItemName">Standard Quantity</td>
|
||
<td class="ItemValue">Taping Embossed 1000pcs </td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="netStock" id="stockCheckController" v-if="loaded && hasQuantity">
|
||
<div class="title">Quantity</div>
|
||
<div v-for="(searchedPart,outerIndex) in filteredParts" class="distributorBlock" v-if="searchedPart.Parts.length > 0">
|
||
<div class="productNumber"><span v-if="outerIndex > 0">Previous Part Number : </span><span v-html="searchedPart.SearchedPart"></span></div>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="distributor">Distributor</th>
|
||
<th class="quantity">Quantity</th>
|
||
<th class="cart">Buy</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr v-for="(parts,index) in searchedPart.Parts" >
|
||
<td class="distributor">
|
||
<a target="_blank" :href="parts.CustomDistributorInfo.url">
|
||
<img :src="'/TYCOMPAS/image/Detail/stockcheck/' + parts.CustomDistributorInfo.logo" />
|
||
</a>
|
||
</td>
|
||
<td v-html="formatNumber(parts.Quantity)" class="quantity"></td>
|
||
<td class="cart">
|
||
<a :href="parts.CartLink.URL" target="_blank">
|
||
<img src="/TYCOMPAS/image/Detail/stockcheck/icon_cart.jpg" />
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="poweredby">
|
||
Powered by <a target="_blank" href="http://www.netcomponents.com/">netComponents</a>
|
||
</div>
|
||
</div>
|
||
|
||
</td>
|
||
|
||
<td id="ExteriorPictureArea" class="right_column" colspan="1" >
|
||
<h2 class="ItemLabel">Appearance</h2>
|
||
<div>
|
||
<img src="productImage?pn=MSASU32MSB5106KPNA01&fileType=pic_Filename" alt="" />
|
||
</div>
|
||
|
||
</td>
|
||
<td id="compass">
|
||
<h2 class="ItemLabel">To Higher Specification</h2>
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td class="u" colspan="3">
|
||
|
||
<a href="./detail?pn=MSASU31LBB5106KTNA01&u=M"
|
||
class="applogger" log-layers="Compass,Click" log-msg="1-MSASU32MSB5106KPNA01"
|
||
title="Smaller Size(LxW)">Smaller</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="l" >
|
||
|
||
<a href="./detail?pn=MSASU32MAB7106KPNA01&u=M"
|
||
class="applogger" log-layers="Compass,Click" log-msg="4-MSASU32MSB5106KPNA01"
|
||
title="Higher Temperature">Hi-Temp.</a>
|
||
</td>
|
||
<td id="compassImg"><img src="/TYCOMPAS/image/Detail/compass.png" /></td>
|
||
<td class="r" >
|
||
|
||
<a href="./detail?pn=MSASU31LBB5106KTNA01&u=M"
|
||
class="applogger" log-layers="Compass,Click" log-msg="2-MSASU32MSB5106KPNA01"
|
||
title="Lower Height (incl. Smaller)">Lower</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="d" colspan="3">
|
||
|
||
<a href="./detail?pn=MSASG32MSB5226MPNA01&u=M"
|
||
class="applogger" log-layers="Compass,Click" log-msg="3-MSASU32MSB5106KPNA01"
|
||
title="Higher Capactance">Hi-Cap.</a>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td id="FeatureArea" class="right_column" colspan="2">
|
||
<h2 class="ItemLabel">Features</h2>
|
||
|
||
|
||
<div class="ItemValue">Monolithic structure provides higher reliability<br /><br />A wide range of capacitance values available in standard case sizes<br /><br />The use of nickel as electrode material and plating processing improve the solderability<br />and heat resistance characteristics. It also prevents migration and raises the level <br />of reliability.<br /><br />Low equivalent series resistance(ESR) provides superior noise absorption characteristics</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td id="PurposeArea" class="right_column" colspan="2">
|
||
<h2 class="ItemLabel">Main Applications</h2>
|
||
<div class="ItemValue" >Communication equipment<br />(cellular phone, wireless applications, etc.)<br /><br />General digital circuit<br /><br />Power supply bypass capacitors<br /> Liquid crystal modules<br /> Liquid crystal drive voltage lines<br /> LSI, IC, converters (both for input and output)<br /><br />Smoothing capacitors<br /> DC-DC converters (for both input and output)<br /> Switching power supplies (secondary side)</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr><td><a id="dataDownloadArea" name="dataDownloadArea"></a></td></tr>
|
||
<tr>
|
||
<td id="DataDownloadArea">
|
||
<h2>Document</h2>
|
||
|
||
<div class="ItemValue">
|
||
<a class="pdf applogger" href="./standardSpecification?pn=MSASU32MSB5106KPNA01&cid=C" target="_blank"
|
||
log-layers="DownloadArea,Download,StandardSpecification" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGA('MSASU32MSB5106KPNA01','standard_specification.pdf');">Reference Specification(EIA)</a>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="ItemValue">
|
||
<a class="pdf applogger" href="./specSheet?pn=MSASU32MSB5106KPNA01" target="_blank"
|
||
log-layers="DownloadArea,Download,SpecSheet" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGA('MSASU32MSB5106KPNA01','MSASU32MSB5106KPNA01_SS.pdf');">Spec Sheet</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="pdf applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=Datasheet" target="_blank"
|
||
log-layers="DownloadArea,Download,DataSheet" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('MSASU32MSB5106KPNA01.pdf')">Characteristics Data</a>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=ED" target="_blank"
|
||
log-layers="DownloadArea,Download,ED" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('dim_MS_mlcc_all.jpg')">Dimensions(Outline, Land Patterns, and so on)</a>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="ItemValue">
|
||
<a class="pdf applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=Not" target="_blank"
|
||
log-layers="DownloadArea,Download,Not" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('notice_e.pdf')">Notice for TAIYO YUDEN products</a>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="ItemValue">
|
||
<a class="pdf applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=CS" target="_blank"
|
||
log-layers="DownloadArea,Download,CS" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('c_mlcc_S_e.pdf')">Part Number</a>
|
||
</div>
|
||
<div> </div>
|
||
</td>
|
||
|
||
<td id="SimulationDataArea">
|
||
<h2>Simulation data</h2>
|
||
|
||
<div class="ItemValue">
|
||
<a class="explain applogger"
|
||
log-layers="SimulationDataArea,Download,Spectre_file" log-msg="MSASU32MSB5106KPNA01"
|
||
target="_blank" href="https://www.yuden.co.jp/en/product/support/com_lib/upload/TYTempDCBiasModel_e.pdf">About Temperature/DC bias model</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=Spara_file" target="_blank"
|
||
onclick="tyInfoManager.trackingGADetail('MSASU32MSB5106_PNA01.s2p')"
|
||
log-layers="SimulationDataArea,Download,SparaFile" log-msg="MSASU32MSB5106KPNA01"
|
||
>S-parameter(1 Product)</a>
|
||
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=SPZ" target="_blank"
|
||
log-layers="SimulationDataArea,Download,SPZ" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('HVC_S.zip')">S-parameter(Series)[zip]</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger"
|
||
log-layers="SimulationDataArea,Download,CirFile" log-msg="MSASU32MSB5106KPNA01"
|
||
href="./download?pn=MSASU32MSB5106KPNA01&fileType=cir_file" target="_blank"
|
||
onclick="tyInfoManager.trackingGA('MSASU32MSB5106KPNA01','cir_file');">SPICE model(1 Product)[cir]</a>
|
||
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=SCL" target="_blank"
|
||
log-layers="SimulationDataArea,Download,SCL" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('HVC_S.lib')">SPICE model(Series)[lib]</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=SCZ" target="_blank"
|
||
log-layers="SimulationDataArea,Download,SCZ" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('HVC_S_spice.zip')">SPICE model(Series)[zip]</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=LTspice_file" target="_blank"
|
||
log-layers="SimulationDataArea,Download,LTspice_file" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('MSASU32MSB5106_PNA01_LT.zip')">Temperature/DC bias model(LTspice)[zip]</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=PSpice_file" target="_blank"
|
||
log-layers="SimulationDataArea,Download,Pspice_file" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('MSASU32MSB5106_PNA01_P.zip')">Temperature/DC bias model(PSpice)[zip]</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=HSPICE_file" target="_blank"
|
||
log-layers="SimulationDataArea,Download,HSPICE_file" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('MSASU32MSB5106_PNA01_H.zip')">Temperature/DC bias model(HSPICE)[zip]</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=Spectre_file" target="_blank"
|
||
log-layers="SimulationDataArea,Download,Spectre_file" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('MSASU32MSB5106_PNA01_S.zip')">Temperature/DC bias model(Spectre)[zip]</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=3D_Filename" target="_blank"
|
||
log-layers="SimulationDataArea,Download,3D_Filename" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('MSASU32MSB5106KPNA01.step')">3D model (STEP)</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger" href="./download?pn=MSASU32MSB5106KPNA01&fileType=land_Filename" target="_blank"
|
||
log-layers="SimulationDataArea,Download,land_Filename" log-msg="MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGADetail('MSASU32MSB5106KPNA01.dxf','MSASU32MSB5106KPNA01')">Land Pattern(DXF)</a>
|
||
</div>
|
||
<hr style="margin:5px 10px;color:#CCC;" />
|
||
|
||
<div class="ItemValue">
|
||
<a class="text applogger"
|
||
log-layers="SimulationDataArea,Download,SpyceApp" log-msg="MSASU32MSB5106KPNA01"
|
||
title="User-specified Temp./Bias model [.s2p, .cir]"
|
||
target="_blank"
|
||
href="//spyce.yuden.co.jp/TYSPYCE/ut/C/spyce.html?productNo=MSASU32MSB5106KPNA01"
|
||
onclick="tyInfoManager.trackingGA('MSASU32MSB5106KPNA01','SPYCE');"
|
||
>User-specified Temp./Bias model [.s2p, .cir]</a>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
|
||
<td id="LinkArea">
|
||
<h2 class="ItemLabel">Links</h2>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/product/support/com_lib/" class="applogger" log-layers="LinkArea,Link,https://www.yuden.co.jp/en/product/support/com_lib/" log-msg="MSASU32MSB5106KPNA01"
|
||
>Download Component Library</a>
|
||
</div>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/product/support/EMC_sim/" class="applogger" log-layers="LinkArea,Link,https://www.yuden.co.jp/en/product/support/EMC_sim/" log-msg="MSASU32MSB5106KPNA01"
|
||
>Download Simulator for EMC Compornents</a>
|
||
</div>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/product/pdf/basics_en.pdf" class="applogger" log-layers="LinkArea,Link,https://www.yuden.co.jp/en/product/pdf/basics_en.pdf" log-msg="MSASU32MSB5106KPNA01"
|
||
>The Fundamental Technical Knowledge of Capacitors</a>
|
||
</div>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/product/support/useful/faq/" class="applogger" log-layers="LinkArea,Link,https://www.yuden.co.jp/en/product/support/useful/faq/" log-msg="MSASU32MSB5106KPNA01"
|
||
>Q&A</a>
|
||
</div>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/product/support/com_lib/upload/SMEAS_EN.pdf" class="applogger" log-layers="LinkArea,Link,https://www.yuden.co.jp/en/product/support/com_lib/upload/SMEAS_EN.pdf" log-msg="MSASU32MSB5106KPNA01"
|
||
>Conditions for measuring S-parameter</a>
|
||
</div>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/sustainability/society/QA/certification/" class="applogger" log-layers="LinkArea,Link,https://www.yuden.co.jp/en/sustainability/society/QA/certification/" log-msg="MSASU32MSB5106KPNA01"
|
||
>Management System Certification Status(ISO, IATF)</a>
|
||
</div>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/contact/pro_priv.html" class="applogger" log-layers="LinkArea,Link,https://www.yuden.co.jp/en/contact/pro_priv.html" log-msg="MSASU32MSB5106KPNA01"
|
||
>Inquiries</a>
|
||
</div>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/product/product_qualityguide/" class="applogger" log-layers="LinkArea,Link,https://www.yuden.co.jp/en/product/product_qualityguide/" log-msg="MSASU32MSB5106KPNA01"
|
||
>Change to Part Numbers</a>
|
||
</div>
|
||
<div> </div>
|
||
</td>
|
||
|
||
<td id="EnvCertificationArea" >
|
||
<h2 class="ItemLabel">RoHS and REACH Certificate of Compliance</h2>
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www2.yuden.co.jp/request_certificate/en/appl_v2/rohs_parts_make.php?cd=MSASU32MSB5106KPNA01"
|
||
class="applogger" log-layers="EnvCertificationArea,Download,RohsProd" log-msg="MSASU32MSB5106KPNA01">RoHS(Product)</a>
|
||
</div>
|
||
|
||
<div class="ItemValue">
|
||
<a target="_blank" href="https://www2.yuden.co.jp/request_certificate/en/appl_v2/reach_parts_make.php?cd=MSASU32MSB5106KPNA01"
|
||
class="applogger" log-layers="EnvCertificationArea,Download,ReachProd" log-msg="MSASU32MSB5106KPNA01">REACH(Product)</a>
|
||
</div>
|
||
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td id="NoticeArea" colspan="3">
|
||
<div id="notice">
|
||
<div class="ItemValue">
|
||
Sn-Zn solder paste can affect MLCC reliability performance.<br />Please contact Taiyo Yuden Co., Ltd prior to usage.
|
||
</div>
|
||
<div class="ItemValue">
|
||
Please contact our sales staff when ordering or inquiring the details about products on our website.
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td id="SpecificGraphArea" colspan="3">
|
||
<h2 class="ItemLabel">Characteristic value graphs</h2>
|
||
<div class="graphBox" style="width:49.5%;display:inline-block;margin-bottom:1em;">
|
||
<div>
|
||
|
||
<div id="chartArea1" style="height:350px;"></div>
|
||
<div class="button_area">
|
||
<button onclick="downloadCsv('CIMP','MHz','ohm')">Save Data</button>
|
||
<button onclick="saveChart('CIMP')">Save Chart</button>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
var $chartArea = $('#chartArea' + 1);
|
||
var graphType = "CIMP";
|
||
var lineVisibleInfo = [true,true];
|
||
var postData = {
|
||
'productNoList' : "MSASU32MSB5106KPNA01",
|
||
'u' : appDefinitions.getUnit(),
|
||
'cid': "C",
|
||
'gtype' : "CIMP",
|
||
'xaxisminauto' : true,
|
||
'yaxisminauto' : true,
|
||
'xaxismaxauto' : true,
|
||
'yaxismaxauto' : true,
|
||
'xaxisunit' : "MHz",
|
||
'yaxixunit' : "ohm",
|
||
'xaxismin' : "",
|
||
'xaxismax' : "",
|
||
'yaxismin' : "",
|
||
'yaxismax' : "",
|
||
'xaxistypelog' : true,
|
||
'yaxistypelog' : true,
|
||
// 'xaxisaddline' : /*true*/ 'dummyY',
|
||
// 'ginfodatas' : "JMK063ABJ105KP-F:::CAP:::FF0000:::5:::true:::true",
|
||
'showType' : 'detail'
|
||
};
|
||
$.ajax("./detailGraphRest",{
|
||
method : "POST",
|
||
data : postData
|
||
}).done(function(response,status){
|
||
var chartSettings = response.graphChartSetting;
|
||
var chartData = response.graphChartData;
|
||
chartSettings.dataProvider = chartData;
|
||
chartSettings.titles[0].text = Detail.productNo + "\n" + chartSettings.titles[0].text;
|
||
for(var i_=0;i_<chartSettings.titles.length;i_++)
|
||
chartSettings.titles[i_].size = 12;
|
||
for(var i_=0;i_<chartSettings.valueAxes.length;i_++)
|
||
chartSettings.valueAxes[i_].titleFontSize = 12;
|
||
for(var i_=0;i_<chartSettings.graphs.length;i_++){
|
||
chartSettings.graphs[i_].hidden = !lineVisibleInfo[i_];
|
||
chartSettings.graphs[i_].title = chartSettings.graphs[i_].title.replace(Detail.productNo,"");
|
||
}
|
||
addAxeslabelFunction(chartSettings);
|
||
addBalloonFunction(chartSettings,graphType);
|
||
chartSettings.legend = {
|
||
"useGraphSettings": true,
|
||
};
|
||
// chartSettings.legend.showEntries = false;
|
||
// if(chartSettings.graphs.length > 1)
|
||
chartSettings.legend.showEntries = true;
|
||
// console.log(chartSettings);
|
||
var chart = AmCharts.makeChart(
|
||
'chartArea' + 1,
|
||
chartSettings
|
||
);
|
||
(function(chart,graphType){
|
||
addLegendFunction(chart,graphType);
|
||
})(chart,graphType);
|
||
Detail.chart[graphType] = chart;
|
||
}).fail(function(){
|
||
$chartArea.text('Failed to download chart');
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="graphBox" style="width:49.5%;display:inline-block;margin-bottom:1em;">
|
||
<div>
|
||
|
||
<div id="chartArea2" style="height:350px;"></div>
|
||
<div class="button_area">
|
||
<button onclick="downloadCsv('CCAP','MHz','uF')">Save Data</button>
|
||
<button onclick="saveChart('CCAP')">Save Chart</button>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
var $chartArea = $('#chartArea' + 2);
|
||
var graphType = "CCAP";
|
||
var lineVisibleInfo = [true];
|
||
var postData = {
|
||
'productNoList' : "MSASU32MSB5106KPNA01",
|
||
'u' : appDefinitions.getUnit(),
|
||
'cid': "C",
|
||
'gtype' : "CCAP",
|
||
'xaxisminauto' : true,
|
||
'yaxisminauto' : true,
|
||
'xaxismaxauto' : true,
|
||
'yaxismaxauto' : true,
|
||
'xaxisunit' : "MHz",
|
||
'yaxixunit' : "uF",
|
||
'xaxismin' : "",
|
||
'xaxismax' : "",
|
||
'yaxismin' : "",
|
||
'yaxismax' : "",
|
||
'xaxistypelog' : true,
|
||
'yaxistypelog' : true,
|
||
// 'xaxisaddline' : /*true*/ 'dummyY',
|
||
// 'ginfodatas' : "JMK063ABJ105KP-F:::CAP:::FF0000:::5:::true:::true",
|
||
'showType' : 'detail'
|
||
};
|
||
$.ajax("./detailGraphRest",{
|
||
method : "POST",
|
||
data : postData
|
||
}).done(function(response,status){
|
||
var chartSettings = response.graphChartSetting;
|
||
var chartData = response.graphChartData;
|
||
chartSettings.dataProvider = chartData;
|
||
chartSettings.titles[0].text = Detail.productNo + "\n" + chartSettings.titles[0].text;
|
||
for(var i_=0;i_<chartSettings.titles.length;i_++)
|
||
chartSettings.titles[i_].size = 12;
|
||
for(var i_=0;i_<chartSettings.valueAxes.length;i_++)
|
||
chartSettings.valueAxes[i_].titleFontSize = 12;
|
||
for(var i_=0;i_<chartSettings.graphs.length;i_++){
|
||
chartSettings.graphs[i_].hidden = !lineVisibleInfo[i_];
|
||
chartSettings.graphs[i_].title = chartSettings.graphs[i_].title.replace(Detail.productNo,"");
|
||
}
|
||
addAxeslabelFunction(chartSettings);
|
||
addBalloonFunction(chartSettings,graphType);
|
||
chartSettings.legend = {
|
||
"useGraphSettings": true,
|
||
};
|
||
// chartSettings.legend.showEntries = false;
|
||
// if(chartSettings.graphs.length > 1)
|
||
chartSettings.legend.showEntries = true;
|
||
// console.log(chartSettings);
|
||
var chart = AmCharts.makeChart(
|
||
'chartArea' + 2,
|
||
chartSettings
|
||
);
|
||
(function(chart,graphType){
|
||
addLegendFunction(chart,graphType);
|
||
})(chart,graphType);
|
||
Detail.chart[graphType] = chart;
|
||
}).fail(function(){
|
||
$chartArea.text('Failed to download chart');
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="graphBox" style="width:49.5%;display:inline-block;margin-bottom:1em;">
|
||
<div>
|
||
|
||
<div id="chartArea3" style="height:350px;"></div>
|
||
<div class="button_area">
|
||
<button onclick="downloadCsv('CESL','MHz','nH')">Save Data</button>
|
||
<button onclick="saveChart('CESL')">Save Chart</button>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
var $chartArea = $('#chartArea' + 3);
|
||
var graphType = "CESL";
|
||
var lineVisibleInfo = [true];
|
||
var postData = {
|
||
'productNoList' : "MSASU32MSB5106KPNA01",
|
||
'u' : appDefinitions.getUnit(),
|
||
'cid': "C",
|
||
'gtype' : "CESL",
|
||
'xaxisminauto' : true,
|
||
'yaxisminauto' : true,
|
||
'xaxismaxauto' : true,
|
||
'yaxismaxauto' : true,
|
||
'xaxisunit' : "MHz",
|
||
'yaxixunit' : "nH",
|
||
'xaxismin' : "",
|
||
'xaxismax' : "",
|
||
'yaxismin' : "",
|
||
'yaxismax' : "",
|
||
'xaxistypelog' : true,
|
||
'yaxistypelog' : true,
|
||
// 'xaxisaddline' : /*true*/ 'dummyY',
|
||
// 'ginfodatas' : "JMK063ABJ105KP-F:::CAP:::FF0000:::5:::true:::true",
|
||
'showType' : 'detail'
|
||
};
|
||
$.ajax("./detailGraphRest",{
|
||
method : "POST",
|
||
data : postData
|
||
}).done(function(response,status){
|
||
var chartSettings = response.graphChartSetting;
|
||
var chartData = response.graphChartData;
|
||
chartSettings.dataProvider = chartData;
|
||
chartSettings.titles[0].text = Detail.productNo + "\n" + chartSettings.titles[0].text;
|
||
for(var i_=0;i_<chartSettings.titles.length;i_++)
|
||
chartSettings.titles[i_].size = 12;
|
||
for(var i_=0;i_<chartSettings.valueAxes.length;i_++)
|
||
chartSettings.valueAxes[i_].titleFontSize = 12;
|
||
for(var i_=0;i_<chartSettings.graphs.length;i_++){
|
||
chartSettings.graphs[i_].hidden = !lineVisibleInfo[i_];
|
||
chartSettings.graphs[i_].title = chartSettings.graphs[i_].title.replace(Detail.productNo,"");
|
||
}
|
||
addAxeslabelFunction(chartSettings);
|
||
addBalloonFunction(chartSettings,graphType);
|
||
chartSettings.legend = {
|
||
"useGraphSettings": true,
|
||
};
|
||
// chartSettings.legend.showEntries = false;
|
||
// if(chartSettings.graphs.length > 1)
|
||
chartSettings.legend.showEntries = true;
|
||
// console.log(chartSettings);
|
||
var chart = AmCharts.makeChart(
|
||
'chartArea' + 3,
|
||
chartSettings
|
||
);
|
||
(function(chart,graphType){
|
||
addLegendFunction(chart,graphType);
|
||
})(chart,graphType);
|
||
Detail.chart[graphType] = chart;
|
||
}).fail(function(){
|
||
$chartArea.text('Failed to download chart');
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="graphBox" style="width:49.5%;display:inline-block;margin-bottom:1em;">
|
||
<div>
|
||
|
||
<div id="chartArea4" style="height:350px;"></div>
|
||
<div class="button_area">
|
||
<button onclick="downloadCsv('CDCBA','V','%')">Save Data</button>
|
||
<button onclick="saveChart('CDCBA')">Save Chart</button>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
var $chartArea = $('#chartArea' + 4);
|
||
var graphType = "CDCBA";
|
||
var lineVisibleInfo = [true];
|
||
var postData = {
|
||
'productNoList' : "MSASU32MSB5106KPNA01",
|
||
'u' : appDefinitions.getUnit(),
|
||
'cid': "C",
|
||
'gtype' : "CDCBA",
|
||
'xaxisminauto' : false,
|
||
'yaxisminauto' : false,
|
||
'xaxismaxauto' : true,
|
||
'yaxismaxauto' : false,
|
||
'xaxisunit' : "V",
|
||
'yaxixunit' : "%",
|
||
'xaxismin' : "0",
|
||
'xaxismax' : "",
|
||
'yaxismin' : "-100",
|
||
'yaxismax' : "20",
|
||
'xaxistypelog' : false,
|
||
'yaxistypelog' : false,
|
||
// 'xaxisaddline' : /*false*/ 'dummyY',
|
||
// 'ginfodatas' : "JMK063ABJ105KP-F:::CAP:::FF0000:::5:::true:::true",
|
||
'showType' : 'detail'
|
||
};
|
||
$.ajax("./detailGraphRest",{
|
||
method : "POST",
|
||
data : postData
|
||
}).done(function(response,status){
|
||
var chartSettings = response.graphChartSetting;
|
||
var chartData = response.graphChartData;
|
||
chartSettings.dataProvider = chartData;
|
||
chartSettings.titles[0].text = Detail.productNo + "\n" + chartSettings.titles[0].text;
|
||
for(var i_=0;i_<chartSettings.titles.length;i_++)
|
||
chartSettings.titles[i_].size = 12;
|
||
for(var i_=0;i_<chartSettings.valueAxes.length;i_++)
|
||
chartSettings.valueAxes[i_].titleFontSize = 12;
|
||
for(var i_=0;i_<chartSettings.graphs.length;i_++){
|
||
chartSettings.graphs[i_].hidden = !lineVisibleInfo[i_];
|
||
chartSettings.graphs[i_].title = chartSettings.graphs[i_].title.replace(Detail.productNo,"");
|
||
}
|
||
addAxeslabelFunction(chartSettings);
|
||
addBalloonFunction(chartSettings,graphType);
|
||
chartSettings.legend = {
|
||
"useGraphSettings": true,
|
||
};
|
||
// chartSettings.legend.showEntries = false;
|
||
// if(chartSettings.graphs.length > 1)
|
||
chartSettings.legend.showEntries = true;
|
||
// console.log(chartSettings);
|
||
var chart = AmCharts.makeChart(
|
||
'chartArea' + 4,
|
||
chartSettings
|
||
);
|
||
(function(chart,graphType){
|
||
addLegendFunction(chart,graphType);
|
||
})(chart,graphType);
|
||
Detail.chart[graphType] = chart;
|
||
}).fail(function(){
|
||
$chartArea.text('Failed to download chart');
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="graphBox" style="width:49.5%;display:inline-block;margin-bottom:1em;">
|
||
<div>
|
||
|
||
<div id="chartArea5" style="height:350px;"></div>
|
||
<div class="button_area">
|
||
<button onclick="downloadCsv('CTCCP','degC','%')">Save Data</button>
|
||
<button onclick="saveChart('CTCCP')">Save Chart</button>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
var $chartArea = $('#chartArea' + 5);
|
||
var graphType = "CTCCP";
|
||
var lineVisibleInfo = [true,true,true,true,true,true,true,true];
|
||
var postData = {
|
||
'productNoList' : "MSASU32MSB5106KPNA01",
|
||
'u' : appDefinitions.getUnit(),
|
||
'cid': "C",
|
||
'gtype' : "CTCCP",
|
||
'xaxisminauto' : true,
|
||
'yaxisminauto' : true,
|
||
'xaxismaxauto' : true,
|
||
'yaxismaxauto' : true,
|
||
'xaxisunit' : "degC",
|
||
'yaxixunit' : "%",
|
||
'xaxismin' : "",
|
||
'xaxismax' : "",
|
||
'yaxismin' : "",
|
||
'yaxismax' : "",
|
||
'xaxistypelog' : false,
|
||
'yaxistypelog' : false,
|
||
// 'xaxisaddline' : /*false*/ 'dummyY',
|
||
// 'ginfodatas' : "JMK063ABJ105KP-F:::CAP:::FF0000:::5:::true:::true",
|
||
'showType' : 'detail'
|
||
};
|
||
$.ajax("./detailGraphRest",{
|
||
method : "POST",
|
||
data : postData
|
||
}).done(function(response,status){
|
||
var chartSettings = response.graphChartSetting;
|
||
var chartData = response.graphChartData;
|
||
chartSettings.dataProvider = chartData;
|
||
chartSettings.titles[0].text = Detail.productNo + "\n" + chartSettings.titles[0].text;
|
||
for(var i_=0;i_<chartSettings.titles.length;i_++)
|
||
chartSettings.titles[i_].size = 12;
|
||
for(var i_=0;i_<chartSettings.valueAxes.length;i_++)
|
||
chartSettings.valueAxes[i_].titleFontSize = 12;
|
||
for(var i_=0;i_<chartSettings.graphs.length;i_++){
|
||
chartSettings.graphs[i_].hidden = !lineVisibleInfo[i_];
|
||
chartSettings.graphs[i_].title = chartSettings.graphs[i_].title.replace(Detail.productNo,"");
|
||
}
|
||
addAxeslabelFunction(chartSettings);
|
||
addBalloonFunction(chartSettings,graphType);
|
||
chartSettings.legend = {
|
||
"useGraphSettings": true,
|
||
};
|
||
// chartSettings.legend.showEntries = false;
|
||
// if(chartSettings.graphs.length > 1)
|
||
chartSettings.legend.showEntries = true;
|
||
// console.log(chartSettings);
|
||
var chart = AmCharts.makeChart(
|
||
'chartArea' + 5,
|
||
chartSettings
|
||
);
|
||
(function(chart,graphType){
|
||
addLegendFunction(chart,graphType);
|
||
})(chart,graphType);
|
||
Detail.chart[graphType] = chart;
|
||
}).fail(function(){
|
||
$chartArea.text('Failed to download chart');
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="graphBox" style="width:49.5%;display:inline-block;margin-bottom:1em;">
|
||
<div>
|
||
|
||
<div id="chartArea6" style="height:350px;"></div>
|
||
<div class="button_area">
|
||
<button onclick="downloadCsv('CACTB','Vrms','%')">Save Data</button>
|
||
<button onclick="saveChart('CACTB')">Save Chart</button>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
var $chartArea = $('#chartArea' + 6);
|
||
var graphType = "CACTB";
|
||
var lineVisibleInfo = [true];
|
||
var postData = {
|
||
'productNoList' : "MSASU32MSB5106KPNA01",
|
||
'u' : appDefinitions.getUnit(),
|
||
'cid': "C",
|
||
'gtype' : "CACTB",
|
||
'xaxisminauto' : false,
|
||
'yaxisminauto' : true,
|
||
'xaxismaxauto' : true,
|
||
'yaxismaxauto' : true,
|
||
'xaxisunit' : "Vrms",
|
||
'yaxixunit' : "%",
|
||
'xaxismin' : "0",
|
||
'xaxismax' : "",
|
||
'yaxismin' : "",
|
||
'yaxismax' : "",
|
||
'xaxistypelog' : false,
|
||
'yaxistypelog' : false,
|
||
// 'xaxisaddline' : /*false*/ 'dummyY',
|
||
// 'ginfodatas' : "JMK063ABJ105KP-F:::CAP:::FF0000:::5:::true:::true",
|
||
'showType' : 'detail'
|
||
};
|
||
$.ajax("./detailGraphRest",{
|
||
method : "POST",
|
||
data : postData
|
||
}).done(function(response,status){
|
||
var chartSettings = response.graphChartSetting;
|
||
var chartData = response.graphChartData;
|
||
chartSettings.dataProvider = chartData;
|
||
chartSettings.titles[0].text = Detail.productNo + "\n" + chartSettings.titles[0].text;
|
||
for(var i_=0;i_<chartSettings.titles.length;i_++)
|
||
chartSettings.titles[i_].size = 12;
|
||
for(var i_=0;i_<chartSettings.valueAxes.length;i_++)
|
||
chartSettings.valueAxes[i_].titleFontSize = 12;
|
||
for(var i_=0;i_<chartSettings.graphs.length;i_++){
|
||
chartSettings.graphs[i_].hidden = !lineVisibleInfo[i_];
|
||
chartSettings.graphs[i_].title = chartSettings.graphs[i_].title.replace(Detail.productNo,"");
|
||
}
|
||
addAxeslabelFunction(chartSettings);
|
||
addBalloonFunction(chartSettings,graphType);
|
||
chartSettings.legend = {
|
||
"useGraphSettings": true,
|
||
};
|
||
// chartSettings.legend.showEntries = false;
|
||
// if(chartSettings.graphs.length > 1)
|
||
chartSettings.legend.showEntries = true;
|
||
// console.log(chartSettings);
|
||
var chart = AmCharts.makeChart(
|
||
'chartArea' + 6,
|
||
chartSettings
|
||
);
|
||
(function(chart,graphType){
|
||
addLegendFunction(chart,graphType);
|
||
})(chart,graphType);
|
||
Detail.chart[graphType] = chart;
|
||
}).fail(function(){
|
||
$chartArea.text('Failed to download chart');
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
<div class="graphBox" style="width:49.5%;display:inline-block;margin-bottom:1em;">
|
||
<div>
|
||
|
||
<div id="chartArea7" style="height:350px;"></div>
|
||
<div class="button_area">
|
||
<button onclick="downloadCsv('CRC','Arms','degC')">Save Data</button>
|
||
<button onclick="saveChart('CRC')">Save Chart</button>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
var $chartArea = $('#chartArea' + 7);
|
||
var graphType = "CRC";
|
||
var lineVisibleInfo = [true,true,true];
|
||
var postData = {
|
||
'productNoList' : "MSASU32MSB5106KPNA01",
|
||
'u' : appDefinitions.getUnit(),
|
||
'cid': "C",
|
||
'gtype' : "CRC",
|
||
'xaxisminauto' : false,
|
||
'yaxisminauto' : false,
|
||
'xaxismaxauto' : true,
|
||
'yaxismaxauto' : false,
|
||
'xaxisunit' : "Arms",
|
||
'yaxixunit' : "degC",
|
||
'xaxismin' : "0",
|
||
'xaxismax' : "",
|
||
'yaxismin' : "1",
|
||
'yaxismax' : "100",
|
||
'xaxistypelog' : false,
|
||
'yaxistypelog' : true,
|
||
// 'xaxisaddline' : /*false*/ 'dummyY',
|
||
// 'ginfodatas' : "JMK063ABJ105KP-F:::CAP:::FF0000:::5:::true:::true",
|
||
'showType' : 'detail'
|
||
};
|
||
$.ajax("./detailGraphRest",{
|
||
method : "POST",
|
||
data : postData
|
||
}).done(function(response,status){
|
||
var chartSettings = response.graphChartSetting;
|
||
var chartData = response.graphChartData;
|
||
chartSettings.dataProvider = chartData;
|
||
chartSettings.titles[0].text = Detail.productNo + "\n" + chartSettings.titles[0].text;
|
||
for(var i_=0;i_<chartSettings.titles.length;i_++)
|
||
chartSettings.titles[i_].size = 12;
|
||
for(var i_=0;i_<chartSettings.valueAxes.length;i_++)
|
||
chartSettings.valueAxes[i_].titleFontSize = 12;
|
||
for(var i_=0;i_<chartSettings.graphs.length;i_++){
|
||
chartSettings.graphs[i_].hidden = !lineVisibleInfo[i_];
|
||
chartSettings.graphs[i_].title = chartSettings.graphs[i_].title.replace(Detail.productNo,"");
|
||
}
|
||
addAxeslabelFunction(chartSettings);
|
||
addBalloonFunction(chartSettings,graphType);
|
||
chartSettings.legend = {
|
||
"useGraphSettings": true,
|
||
};
|
||
// chartSettings.legend.showEntries = false;
|
||
// if(chartSettings.graphs.length > 1)
|
||
chartSettings.legend.showEntries = true;
|
||
// console.log(chartSettings);
|
||
var chart = AmCharts.makeChart(
|
||
'chartArea' + 7,
|
||
chartSettings
|
||
);
|
||
(function(chart,graphType){
|
||
addLegendFunction(chart,graphType);
|
||
})(chart,graphType);
|
||
Detail.chart[graphType] = chart;
|
||
}).fail(function(){
|
||
$chartArea.text('Failed to download chart');
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
</div>
|
||
<footer id="footer">
|
||
<div id="PageFooter">
|
||
<span>Copyright© 2011 - 2025 TAIYO YUDEN CO.,LTD. All Rights Reserved</span>
|
||
</div>
|
||
|
||
|
||
<div id="inquiry">
|
||
<span>
|
||
<a target="_blank" href="https://www.yuden.co.jp/en/contact/pro_priv.html" class="applogger" log-layers="Click,Contact">Inquiries</a>
|
||
</span>
|
||
<span>
|
||
<a target="_blank" href="/howtouse/250318_TY_TY-COMPAS_Intstruction_pc_e.pdf" class="applogger" log-layers="Click,How to use">Function guide</a>
|
||
</span>
|
||
</div>
|
||
|
||
<hr style="border:0;clear:both;" />
|
||
</footer>
|
||
|
||
<div id="MessageBox">
|
||
<div v-if="display" class="bg" @click="outerClick">
|
||
<div @click.stop="ignore" class="outer_box" >
|
||
<div class="title_box" >
|
||
<div @click="hide" v-show="removable">
|
||
<i class="fas fa-times close" ></i>
|
||
</div>
|
||
<div class="title" >{{title}}</div>
|
||
</div>
|
||
<div class="message_box" style="text-align:left;">
|
||
<div class="mark" >
|
||
<i v-if="type=='info'" class="fa fa-info-circle" aria-hidden="true"></i>
|
||
<i v-if="type=='warn' || type=='error'" :class="type" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
|
||
<i v-if="type=='confirm'" class="fa confirm fa-question-circle" aria-hidden="true"></i>
|
||
|
||
</div>
|
||
<div class="message" >
|
||
<div v-html="message"></div>
|
||
<div class="button_box">
|
||
<div v-if="type=='confirm'" class="confirm" >
|
||
<button @click="okClick">{{buttonOK}}</button>
|
||
<button @click="cancelClick">{{buttonCancel}}</button>
|
||
</div>
|
||
<div v-else><button @click="okClick">{{buttonOK}}</button></div>
|
||
</div>
|
||
</div>
|
||
<hr style="clear:both;border-width:0;" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</body>
|
||
<script type="text/javascript">
|
||
//<!--
|
||
$(function(){
|
||
|
||
var pageTop = new ToPageTopComponent(["ProductCategoryArea","header","SearchCondition"],"/TYCOMPAS/image/Common/btn_pagetop.png");
|
||
pageTop.write();
|
||
|
||
tyInfoManager.setSearchHistory("MSASU32MSB5106KPNA01");
|
||
|
||
if(false){
|
||
|
||
var statusDialogMessage = {
|
||
exist : "",
|
||
notExist : ""
|
||
};
|
||
|
||
var subProductList = [];
|
||
var $warnHtml = $('<div id="subsBox"><div id="subsMsg"></div><table id="substituteList"><tbody></tbody></table></div>');
|
||
var $rowBase = $('<tr><td class="item"></td><td class="link"></td></tr>');
|
||
var $linkBase = $('<a href="#"></a>').text("Show substitute item.");
|
||
$warnHtml.find('#subsMsg').html(subProductList.length > 0 ? statusDialogMessage.exist : statusDialogMessage.notExist);
|
||
if(subProductList && subProductList.length > 0){
|
||
$.each(subProductList,function(i){
|
||
var item = this.toString();
|
||
var $row = $rowBase.clone();
|
||
if(i++ % 2 == 1)
|
||
$row.addClass('odd')
|
||
var $link = $linkBase.clone();
|
||
$link.attr('href',"./detail?pn=" + encodeURIComponent(item) + "&u=" + commonUtil.getQueryString("u"));
|
||
$row.children('td.item').text(item);
|
||
$row.children('td.link').append($link);
|
||
$warnHtml.find('tbody').append($row);
|
||
});
|
||
}else
|
||
$warnHtml.find('table').remove();
|
||
|
||
var queueFunc = function(){
|
||
vueComponents.messageBoxComponent.info({
|
||
message : $warnHtml.html(),
|
||
title : "Status Info",
|
||
buttonOK : "Show searched item."
|
||
});
|
||
};
|
||
if(!vueComponents.messageBoxComponent.display){
|
||
queueFunc();
|
||
}else{
|
||
vueComponents.messageBoxComponent.queue(queueFunc);
|
||
}
|
||
}
|
||
|
||
|
||
$('#compass td a').hover(
|
||
function(){
|
||
var $a = $(this);
|
||
if($a.hasClass('disable'))
|
||
return;
|
||
var $td = $a.parents('td').first();
|
||
var addClass = $td.attr('class');
|
||
$('#compass img').removeAttr('class').addClass(addClass);
|
||
},function(){
|
||
;
|
||
}
|
||
);
|
||
|
||
|
||
tyInfoManager.setSearchHistory("MSASU32MSB5106KPNA01");
|
||
|
||
});
|
||
|
||
window.Detail = {
|
||
classificationId : "C",
|
||
productNo : "MSASU32MSB5106KPNA01",
|
||
oldProductNo : "UMK325BJ106KM-P"
|
||
};
|
||
window.Detail.chart = {};
|
||
|
||
//-->
|
||
</script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/amcharts/amcharts.js"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/amcharts/xy.js"></script>
|
||
<script type='text/javascript' src="/TYCOMPAS/js/amcharts/plugins/export/export.min.js"></script>
|
||
<script src="https://www.amcharts.com/lib/3/plugins/export/export.js" type="text/javascript"></script>
|
||
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/detail.min.js?ver=14.8.0.5"></script>
|
||
|
||
|
||
|
||
<script type="text/x-template" id="product-search-template">
|
||
<form id="search" @submit="search" @keydown.enter="onEnterSelect" novalidate>
|
||
<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
|
||
<div>
|
||
<input v-if="isSM" type="email" style="ime-mode:disabled;" autocomplete="off" placeholder="-Wildcard(*,?)-" @click="showSuggest" @keydown.esc="resetSuggest" @focus="onFocus" @keydown.down.stop="onDownArrow" @keydown.up.stop="onUpArrow" v-model="labelText" />
|
||
<input v-else type="email" style="ime-mode:disabled;" autocomplete="off" placeholder="-Wildcard(*,?) available-" @click="showSuggest" @keydown.esc="resetSuggest" @focus="onFocus" @keydown.down.stop="onDownArrow" @keydown.up.stop="onUpArrow" v-model="labelText" />
|
||
<ul>
|
||
<li v-for="item in dataList" @click="onSelect(item,$event)" @mousemove="onMouseMove">{{item}}</li>
|
||
</ul>
|
||
</div>
|
||
</form>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="simple-product-search-template">
|
||
<form id="topSearch" @submit="search" @keydown.enter="onEnterSelect">
|
||
<div>
|
||
<input type="text" name="pn" style="ime-mode:disabled;" autocomplete="off" placeholder="-Wildcard(*,?) available-" @click="showSuggest" @keydown.esc="resetSuggest" @focus="onFocus" @keydown.down.stop="onDownArrow" @keydown.up.stop="onUpArrow" v-model="prm.pn" />
|
||
<ul>
|
||
<li v-for="item in dataList" @click="onSelect(item,$event)" @mousemove="onMouseMove">{{item}}</li>
|
||
</ul>
|
||
</div>
|
||
<input type="hidden" name="u" v-model="prm.u" />
|
||
</form>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="history-search-template">
|
||
<div class="historySearchBox" style="position:relative" >
|
||
<i class="fas fa-chevron-down" @click="onFocus"></i>
|
||
<input v-if="dataList.length > 0" class="history_input" type="text" autocomplete="off" placeholder="-- Choose from List --" @keydown.enter="onEnterSelect" @keydown.esc="resetSuggest" @focus="onFocus" @keydown.down.stop="onDownArrow" @keydown.up.stop="onUpArrow" @keydown="keyRefuse" />
|
||
<input v-else type="text" autocomplete="off" disabled="disabled" placeholder=" - No History - " />
|
||
<ul>
|
||
<li v-for="item in dataList" @click="onSelect(item,$event)" @mousemove="onMouseMove">{{item}}</li>
|
||
</ul>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="menu-controll-template">
|
||
<div id="menuController" @click="menuClick">
|
||
<img style="width:12px" src="/TYCOMPAS/image/SpecificationSearcher/menu.png" />
|
||
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="common-facet-header-template">
|
||
<div class="head">
|
||
<div class="set_mark" :class="{on : hasCondition(prm,head)}" @click.stop="clear"><i class="fa fa-circle" aria-hidden="true"></i></div>
|
||
<div v-if="showCheckBtn" class="chk detailapplogger" :class="{active : hasAllCondition()}" @click="appendParam" :log-layers="'Search,' + head.parent + ',SelectAll'" :log-msg="head.id=='Seri' ? head.extraId : head.id"> </div>
|
||
<div v-if="dialogFile" class="help"><a target="_blank" :href="'/application_guide/' + dialogFile" class="applogger" log-layers="Search,Click,Guide"><i class="fas fa-question-circle link_mark"></i></a></div>
|
||
<span class="open_mark">－</span>
|
||
<span v-if="!isSelectableRangeFacetMode()" class="k" v-html="head.name">title of header</span>
|
||
<span v-else="isSelectableRangeFacetMode()" class="k">
|
||
<select v-model="localSelectableKey">
|
||
<option v-for="opt in selectableRangeFacetList" :value="opt.id" v-html="opt.name">optionName</option>
|
||
</select>
|
||
</span>
|
||
<span class="restrict" v-if="head.restrict > 0">※Internal Only.</span>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="lineup-facet-template">
|
||
<div>
|
||
<header-component :showCheckBtn="true" v-if="item.Layer == 1" :head="{'id': 'Seri' , 'name':item.LineUpName,data:item , 'parent':'Lineup' ,'extraId':item.LineUpId}" @clear="clearLineup" :prm="prm" @append-param="appendParam"></header-component>
|
||
<div class="body">
|
||
<ul class="body list-component">
|
||
<li is="lineup-component" @append-param="appendParam" :showCheckBtn="true" @search="search" v-for="child in item.Children" :lowSpeedMode="lowSpeedMode" :lineup-child="child" :extra="item.LineUpId" :prm="prm"></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="list-facet-template">
|
||
<div>
|
||
<header-component @append-param="appendParam" :showCheckBtn="true" :head="head" :prm="prm" @clear="clear" :dialogMessage="item.message" :dialogFile="item.dialogFile" :targets="item.searchItemTargets"></header-component>
|
||
<div class="body">
|
||
<ul class="list-component" :title="item.message">
|
||
<li is="list-component" v-for="target in item.searchItemTargets" @search="listSearch" :low-speed-mode="lowSpeedMode" :prm="prm" :list="{'count':target.productCount, 'dataId':target.searchItemTargetId, 'name': target.searchItemTargetName , 'prmKey':item.searchItemId, 'hoverMessage':target.hoverMessage}" ></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="common-list-template">
|
||
<li :class="{unbind : list.count==0 && lowSpeedMode == false }" @click="listClick(list,prm)" >
|
||
<div class="set_mark" :class="{sel : contains(prm[list.prmKey],list.dataId)}" > </div>
|
||
<div class="list" :title="list.hoverMessage">
|
||
<a v-if="list.name" :href="'javascript:void(\'' + list.dataId + '\');'">{{list.name}}</a>
|
||
<a v-else :href="'javascript:void(\'' + list.dataId + '\');'">{{list.dataId}}</a>
|
||
<span class="c" v-if="lowSpeedMode == false">{{list.count}}</span>
|
||
</div>
|
||
</li>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="advanced-facet-template">
|
||
<div>
|
||
<header-component :showCheckBtn="false" :head="{id : adv.GraphType,name : adv.gTitle, restrict : adv.IpRestriction}" :prm="prm" @clear="clear"></header-component>
|
||
<div class="body">
|
||
<div class="slider_area">
|
||
<div is="slider-component" :detail-item="{dataId: adv.GraphType}" :mySliderValue="mySliderValue" @setSlider="setSlider" />
|
||
</div>
|
||
<div class="x-title" v-html="adv.gXLabel"></div>
|
||
<div class="x-keyvalue-table">
|
||
<div class="x-value range" v-if="mySliderValue=='range'">
|
||
<input type="text" class="min" v-model="xMinValue" />～<input type="text" class="max" v-model="xMaxValue" />
|
||
</div>
|
||
<div class="x-value match" v-else>
|
||
<input type="text" class="match" v-model="xMatchValue" />
|
||
</div>
|
||
<div class="x-unit">
|
||
<select v-model="xUnitValue">
|
||
<option v-for="dir in adv.X" :value="dir" v-html="dir"></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="y-title" v-html="adv.gYLabel"></div>
|
||
<div class="y-keyvalue-table">
|
||
<div class="y-value">
|
||
<span class="yDirection" v-if="adv.gDirection == 0">≤</span>
|
||
<span class="yDirection" v-if="adv.gDirection == 1">≥</span>
|
||
<input type="text" v-model="yValue" />
|
||
</div>
|
||
<div class="y-unit">
|
||
<select v-model="yUnitValue">
|
||
<option v-for="dir in adv.Y" :value="dir" v-html="dir"></option>
|
||
</select>
|
||
</div>
|
||
<div class="adv_button"><button type="submit" @click="searchClick"><i aria-hidden="true" class="fa fa-search"></i></button></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="range-facet-template">
|
||
<div v-show="isShowable()">
|
||
<header-component :showCheckBtn="false" :selectableRangeFacetList="selectableRangeFacetList" :selectableRangeFacetKey="selectableRangeFacetKey" :head="head" :prm="prm" @clear="clear" @changeSelectableRangeFacetKey="changeSelectableRangeFacetKey"></header-component>
|
||
<div class="body">
|
||
<div class="slider_area">
|
||
<div is="slider-component" :detail-item="item" :mySliderValue="mySliderValue" @setSlider="setSlider" />
|
||
</div>
|
||
<div class="unit_area">
|
||
<div is="unit-component" :detail-item="item" :myUnitValue="myUnitValue" @setUnitValue="setUnitValue" />
|
||
</div>
|
||
<hr style="border-width:0;margin-bottom:4px;" />
|
||
<div class="virtualRow">
|
||
<div class="sort">
|
||
<img :src="mySortImage[mySortCounter]" :alt="mySortCounter" @click="sortCounterClick" />
|
||
</div>
|
||
<div class="match" v-if="mySliderValue=='match'">
|
||
<div is="source-suggest-component" :detail-item="item" @setValue="setMatchValue" @setText="setMatchText" :myText="matchText" :myValue="matchValue" :myUnitValue="myUnitValue" :mySortCounter="mySortCounter" :unitChangeTimer="unitChangeTimer"></div>
|
||
</div>
|
||
<div class="range" v-if="mySliderValue=='range'">
|
||
<div is="source-suggest-component" :detail-item="item" @setValue="setMinValue" @setText="setMinText" :myText="minText" :myValue="minValue" :myUnitValue="myUnitValue" :maxValue="maxValue" :mySortCounter="mySortCounter" :unitChangeTimer="unitChangeTimer"></div><span>～</span><div is="source-suggest-component" :detail-item="item" @setValue="setMaxValue" @setText="setMaxText" :myText="maxText" :myValue="maxValue" :myUnitValue="myUnitValue" :minValue="minValue" :mySortCounter="mySortCounter" :unitChangeTimer="unitChangeTimer"></div>
|
||
</div>
|
||
</div>
|
||
<hr style="border-width:0" />
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="source-suggest-template">
|
||
<div class="source_suggest_component">
|
||
<div v-if="mySortCounter==2" class="source_component">
|
||
<source-select-component :detailItem="detailItem" :myValue="myValue" :myUnitValue="myUnitValue" @setValue="setValue" @setText="setText" :minValue="minValue" :maxValue="maxValue" />
|
||
</div>
|
||
<div v-else class="suggest_component">
|
||
<suggest-component :detailItem="detailItem" :mySortCounter="mySortCounter" :myValue="myValue" :myText="myText" :myUnitValue="myUnitValue" @setText="setText" @setValue="setValue" :minValue="minValue" :maxValue="maxValue" :unitChangeTimer="unitChangeTimer" />
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="suggest-template">
|
||
<div class="suggest_box">
|
||
<i class="fas fa-chevron-down" @click="onFocus"></i>
|
||
<input type="text" @focus="onFocus" @keydown.down.stop="onDownArrow" @keydown.up.stop="onUpArrow" @keydown.enter.stop="onEnterSelect" v-model="labelText" />
|
||
<ul>
|
||
<li value="" @click="onSelect({label:'',value:''},$event)" > </li>
|
||
<li v-for="item in showFilter" :value="[item.searchItemTargetValue ? item.searchItemTargetValue : item.searchItemTargetId]" v-if="filter(item)" @click="onSelect(item,$event)">{{item[myUnitValue] ? item[myUnitValue] : item.searchItemTargetId}}</li>
|
||
</ul>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="sm-suggest-template">
|
||
<div class="suggest_box">
|
||
<input type="text" v-model="myText" readonly="true" @click="showAssistBox" />
|
||
<div v-if="display" class="assist_box" @click="hideAssistBox" :class="{'show' : display}">
|
||
<div class="assist_ui" @click.stop="ignore">
|
||
<div class="title">{{detailItem.specificationName}}<span v-if="myUnitValue != ''" style="display:inline">[{{myUnitValue}}]</span></div>
|
||
<div class="about_settings">
|
||
<p>Display range setting…</p>
|
||
<select v-model="aboutIndex" @change="checkReset">
|
||
<option value="0"></option>
|
||
<option v-for="idx in Object.keys(effectiveTree)" :value="idx">{{effectiveTree[idx].label}}</option>
|
||
</select>
|
||
</div>
|
||
<div class="value_settings" v-if="aboutIndex > 0">
|
||
<p>Value setting…</p>
|
||
<select @change="emitValue">
|
||
<option value=""></option>
|
||
<option v-for="item in effectiveTree[aboutIndex].list" :value="item.searchItemTargetValue ? item.searchItemTargetValue : item.searchItemTargetId" :selected="item.searchItemTargetValue == myValue || item.searchItemTargetId == myValue">{{item[myUnitValue] ? item[myUnitValue] : item.searchItemTargetId}}</option>
|
||
</select>
|
||
|
||
</div>
|
||
<div class="closer"><button @click="hideAssistBox">Close</button></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="source-select-template">
|
||
<select @change="setMyValue">
|
||
<option value="" ></option>
|
||
<option v-for="item in sortFilter()" :value="[item.searchItemTargetValue ? item.searchItemTargetValue : item.searchItemTargetId]" :selected="item.searchItemTargetValue == myValue || item.searchItemTargetId == myValue">{{item[myUnitValue] ? item[myUnitValue] : item.searchItemTargetId}}</option>
|
||
</select>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="unit-template">
|
||
<div>
|
||
Unit：
|
||
<select v-if="detailItem.unitInfo && detailItem.unitInfo.length > 0" @change="setUnitValue">
|
||
<option v-for="unit in detailItem.unitInfo" :value="unit" :selected="unit==myUnitValue">{{unit}}</option>
|
||
</select>
|
||
<span v-else-if="myUnitValue != ''">{{myUnitValue}}</span>
|
||
<span v-else >{{unitInfo[detailItem.dataUnit]}}</span>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="slider-template">
|
||
<div>
|
||
<input :id="detailItem.dataId + '_match'" type="radio" class="match" value="match" :name="detailItem.dataId + '_radio'" v-model="mySlider" /><label :for="detailItem.dataId + '_match'" class="match">Match</label><input :id="detailItem.dataId + '_range'" type="radio" class="range" value="range" :name="detailItem.dataId + '_radio'" v-model="mySlider" /><label :for="detailItem.dataId + '_range'" class="range">Range</label>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="lineup-template">
|
||
<li class="layer_box" v-if="String(lineupChild.isLayer)=='true'">
|
||
<div class="lineup_set_mark detailapplogger" :class="{on : hasCondition()}" @click="detailLog(extra +',' +lineupChild.LineUpId);appendParam(allIdList,true)" @click.stop="clear"><i class="fa fa-circle" aria-hidden="true"></i></div>
|
||
<div class="chk detailapplogger" :class="{active : hasAllCondition()}" @click="appendParam(allIdList)" log-layers="'Search,LineUp,SelectAll'" :log-msg="extra+','+lineupChild.LineUpId"> </div>
|
||
<ul>
|
||
<li class="layer" :style="'background:none;background-color:#' + lineupChild.Color + ';\''" v-html="lineupChild.LineUpName"></li>
|
||
<li is="lineup-component" @append-param="appendParam" v-for="child in lineupChild.Children" :lowSpeedMode="lowSpeedMode" :lineup-child="child" :prm="prm" @search="search" :extra="extra+','+lineupChild.LineUpId" ></li>
|
||
</ul>
|
||
</li>
|
||
<li v-else-if="String(lineupChild.isLayer)!='true'" :class="{unbind : lowSpeedMode==false && lineupChild.productCount==0}" @click="detailSearchLog(lineupChild);search(lineupChild,prm)">
|
||
<div class="set_mark" :class="{sel : contains(prm['Seri'],lineupChild.LineUpId)}" > </div>
|
||
<div class="list">
|
||
<a v-if="lineupChild.LineUpName" :href="'javascript:void(\'' + lineupChild.LineUpId + '\');'" v-html="lineupChild.LineUpName"></a>
|
||
<a v-else :href="'javascript:void(\'' + lineupChild.LineUpId + '\');'">{{lineupChild.LineUpId}}</a>
|
||
<span v-if="!lowSpeedMode" class="c">{{lineupChild.productCount}}</span>
|
||
</div>
|
||
</li>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="record-header-template">
|
||
<thead>
|
||
<tr>
|
||
<th v-if="pickerable">Display</th>
|
||
<th v-if="pickerable">Color</th>
|
||
<th v-if="deletable"></th>
|
||
<th v-for="header in headers" v-if="isVisible(header.dataId) && isShowable(header.dataId)" >
|
||
<div :class="header.dataId">
|
||
<span v-html="header.specificationName"></span>
|
||
<!/*-- 用途のみ --*/>
|
||
<div class="howabout" v-if="header.dataId == 'SR6'"><i @click="showSR6()" class="fas fa-question-circle"></i></div>
|
||
</div>
|
||
</th>
|
||
<th><div class="taildummy"></div></th>
|
||
<tr>
|
||
<tr class="sort" v-if="!pickerable">
|
||
<td v-for="header in headers" v-if="isVisible(header.dataId) && isShowable(header.dataId)" >
|
||
<a v-if="header.dataId!='SR6' && sortIdMap[header.dataId] != '' && header.sortTargetDataId!=null " href="javascript:void('sort_asc');" @click="sortSearch(sortIdMap[header.dataId],'a')">
|
||
<img v-if="indexOf(sortIdMap[header.dataId],'a') >= 0" src="/TYCOMPAS/image/Common/btn_sort_up_active.png" />
|
||
<img v-else src="/TYCOMPAS/image/Common/btn_sort_up.png" />
|
||
</a>
|
||
<a v-if="header.dataId!='SR6' && sortIdMap[header.dataId] != '' && header.sortTargetDataId!=null " href="javascript:void('sort_desc');" @click="sortSearch(sortIdMap[header.dataId],'d')">
|
||
<img v-if="indexOf(sortIdMap[header.dataId],'d') >= 0" src="/TYCOMPAS/image/Common/btn_sort_bottom_active.png" />
|
||
<img v-else src="/TYCOMPAS/image/Common/btn_sort_bottom.png" />
|
||
</a>
|
||
<span v-if="indexOf(sortIdMap[header.dataId]) >= 0">{{indexOf(sortIdMap[header.dataId]) + 1}}</span>
|
||
</td>
|
||
<td></td>
|
||
</tr>
|
||
</thead>
|
||
</script>
|
||
<script type="text/x-template" id="sm-sort-template">
|
||
<div id="smSortComponent">
|
||
<div v-for="idx in sortColumnCount" is="sort-layer-component" :prm="prm" :headers="headers" :sortKeyList="sortKeyList" :sortDirList="sortDirList":sortList="sortList" :idx="idx" @setSortDirection="setSortDirection"></div>
|
||
<div class="sortCloser" @click="hide"><i class="fas fa-angle-double-up"></i></div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="sm-sort-layer-template">
|
||
<div class="sortLayer">
|
||
{{idx}}
|
||
<select v-model="sortKeyList[idx-1]">
|
||
<option value="" selected="selected"></option>
|
||
<option v-for="head in sortList" :value="head.sortPrm">{{stripHtml(head.specificationName)}}</option>
|
||
</select>
|
||
<div class="sortUp sort" :class="[sortDirList[idx-1] == 'a' ? 'current' : '']" @click="setSortDirection('a')"><i class="fas fa-caret-up"></i></div>
|
||
<div class="sortDn sort" :class="[sortDirList[idx-1] == 'd' ? 'current' : '']" @click="setSortDirection('d')"><i class="fas fa-caret-down"></i></div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="sm-page-jumper-template">
|
||
<div id="pageJumper">
|
||
<select v-model="pageNumber">
|
||
<option v-for="page in calcList()" :value="page" :selected="page==pager.currentPage">{{page}}</option>
|
||
</select>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="page-jumper-template">
|
||
<div id="pageJumperOLD">
|
||
<form @submit="pageJump">
|
||
<input type="search" name="jumpertext" autocomplete="off" ref="input" :placeholder="'to '+pager.totalPage" list="jumperList" :value="pager.currentPage" @change="changeValue"/>
|
||
<datalist id="jumperList">
|
||
<option v-for="page in calcList()" :value="page" />
|
||
</datalist>
|
||
</input>
|
||
<button type="submit">go</button>
|
||
</form>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="pager-template">
|
||
<td class="pager_area">
|
||
<ul>
|
||
<li :class="[calcPager.currentPage >2 ? '' : 'none']" @click="pagerLog('Click','First');pagerClick(prm,1)" class="first jump" ><a href="javascript:void('first');"><<</a></li>
|
||
<li :class="[calcPager.currentPage >=2 ? '' : 'none']" @click="pagerLog('Click','Prev');pagerClick(prm,calcPager.currentPage - 1)" class="prev jump" ><a href="javascript:void('prev');"><</a></li>
|
||
<li v-for="pg in calcPager.navigationList" class="page" :class="{'active' : pg==prm['pg']}">
|
||
<a :href="'javascript:void(\'page ' + pg + '\');'" @click="pagerLog('Click',pg);pagerClick(prm,pg)">{{pg}}</a>
|
||
</li>
|
||
<li :class="[calcPager.currentPage < calcPager.totalPage ? '' : 'none']" @click="pagerLog('Click','Next');pagerClick(prm,calcPager.currentPage + 1)" class="next jump" ><a href="javascript:void('next');">></a></li>
|
||
<li :class="[calcPager.currentPage < calcPager.totalPage - 1 ? '' : 'none']" @click="pagerLog('Click','Last');pagerClick(prm,calcPager.totalPage)" class="last jump" ><a href="javascript:void('last');">>></a></li>
|
||
<li class="pager_description">
|
||
<span class="start">{{calcPager.start}}</span>
|
||
<span class="end">{{calcPager.end}}</span>
|
||
<span class="totalPage">{{calcPager.totalRec}}</span>
|
||
</li>
|
||
</ul>
|
||
<div v-if="showJumper && calcPager.totalPage > 1" is="jumper-component" :prm="prm" :pager="calcPager" @search="pagerClick"></div>
|
||
</td>
|
||
</script>
|
||
<script type="text/x-template" id="sm-pager-template">
|
||
<div class="pager_area">
|
||
<div class="pager_description">
|
||
<span class="start">{{calcPager.start}}</span>
|
||
<span class="end">{{calcPager.end}}</span>
|
||
<span class="totalPage">{{calcPager.totalRec}}</span>
|
||
</div>
|
||
<div :class="[calcPager.currentPage >=2 ? '' : 'none']" @click="pagerClick(prm,calcPager.currentPage - 1)" class="prev jump" ><a href="javascript:void('prev');"><</a></div>
|
||
<div :class="[calcPager.currentPage < calcPager.totalPage ? '' : 'none']" @click="pagerClick(prm,calcPager.currentPage + 1)" class="next jump" ><a href="javascript:void('next');">></a></div>
|
||
<div v-if="showJumper && calcPager.totalPage > 1" is="jumper-component" :prm="prm" :pager="calcPager" @search="pagerClick"></div>
|
||
<hr />
|
||
</div>
|
||
</script>
|
||
|
||
|
||
|
||
<script type="text/x-template" id="sm-record-list-template">
|
||
<article>
|
||
<div class="header">
|
||
<div class="itemImage"><img :src="'/TYCOMPAS/image/ProductIcons/s_'+record.PicFile" alt="" /></div>
|
||
<div class="itemButtons">
|
||
<i class="fas fa-list" :class="[hasMyList() ? 'active' : '']" @click="mylistCtrl" ></i>
|
||
<i v-if="record.Comparison"class="fas fa-chart-line" :class="[hasGraph() ? 'active' : '']" @click="graphCtrl" ></i>
|
||
</div>
|
||
<div class="itemMain">
|
||
<h3 v-if="isEqItem">{{record.PartNumber}}</h3>
|
||
<h3 v-else><a target="_blank" :href="toDetail()" class="applogger" log-layers="Result,Click,PartNumber">{{record.PartNumber}}</a></h3>
|
||
<div class="icons">
|
||
<img v-if="record.SR2 == 'MP' && record.ModifiedDate && record.ModifiedDate > (new Date() - (new Date(2001,12,1) - new Date(2001,6,1))) / 1000" :src="'/TYCOMPAS/image/Common/icon_new.png'" />
|
||
<img v-if="record.SR2" :src="'/TYCOMPAS/image/Common/icon_' + record.SR2 + '.png'" />
|
||
<img v-if="record.EHS == 'RoHS compliance'" alt="RoHS" src="/TYCOMPAS/image/Common/icon_RoHS.png" />
|
||
<img v-if="record['AEC-Q200'] != null && record['AEC-Q200']!=''" :alt="record['AEC-Q200']" :src="'/TYCOMPAS/image/Common/icon_' + record['AEC-Q200'] + '.png'" />
|
||
<img v-if="(isDisplayColumn('SR6') && isVisible('SR6') && isShowable('SR6')) && record.SR6" :src="'/TYCOMPAS/image/Common/icon_' + record.SR6.replace('@','_') + '.png'" :alt="getSR6Name(record.SR6)" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="body">
|
||
<div v-for="(header,index) in headers" v-if="header.dataId!='SR6' && isDisplayColumn(header.dataId) && isVisible(header.dataId) && isShowable(header.dataId)" class="keyvalue">
|
||
<span v-html="stripHtml(header.specificationName)" class="key"></span>
|
||
<span v-if="getValue(header)" class="value">{{getValue(header)}}</span>
|
||
</div>
|
||
|
||
</div>
|
||
</article>
|
||
</script>
|
||
<script type="text/x-template" id="color-picker-template">
|
||
<div class="picker" >
|
||
<div class="current" @click="showPicker" :style="'background-color:#'+ color + ';min-width:'+ minPaletteSize + ';min-height:'+ minPaletteSize + ';'"></div>
|
||
<div v-if="visible" class="picker_box">
|
||
<ul>
|
||
<li class="paletteOuter" v-for="(clr,index) in colorList">
|
||
<div @click="setColor(record.PartNumber,clr,index)" :style="'min-width:'+ minListPaletteSize + ';min-height:' + minListPaletteSize +';background-color:#' + clr + ';'"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div v-if="visible" class="pickerBackground" @click="hidePicker"></div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="record-list-template">
|
||
<tr>
|
||
<td v-if="pickerable" style="text-align:center;"><input type="checkbox" checked="checked" @click="setHide" /></td>
|
||
<td v-if="pickerable" style="text-align:center;"><div :is="'picker-component' + idx" :record="record" :color="color" @set-color="setColor"></div></td>
|
||
<td v-if="deletable"><button @click="deleteCtrl(record.PartNumber)">delete</button></td>
|
||
<td is="column-component" v-for="head in headers" v-if="isVisible(head.dataId) && isShowable(head.dataId)" :prm="prm" :column="{'key':head.searchItemId ? head.searchItemId : head.dataId,'value':record[head.searchItemId ? head.searchItemId : head.dataId],'partNumber':record.PartNumber,'ModifiedDate':record.ModifiedDate}" :graphs="graphs" @graphCtrl="graphCtrl" :mylists="mylists" @mylistCtrl="mylistCtrl" :extra="extra" ></td>
|
||
<td is="column-component" :prm="prm" :column="{'key':'PartNumber', 'value':record.PartNumber, 'opt':'tail'}" :extra="extra"></td>
|
||
</tr>
|
||
</script>
|
||
<script type="text/x-template" id="record-column-template">
|
||
<td v-if="column.key == 'PartNumber'" class="PartNumber">
|
||
<a :href="'./detail?pn='+encodeURIComponent(column.value) + '&u=' + prm.u" target="_blank" @click="applog(['Result','Click','PartNumber'+ (column.opt ? '_'+column.opt : '') ],column.value + (extra? ',' + extra : ''))">{{column.value}}</a>
|
||
</td>
|
||
<td v-else-if="column.key == 'OldName'" class="OldName">
|
||
<span v-html="column.value" />
|
||
</td>
|
||
<td v-else-if="column.key == 'PicFile'" :class="column.key">
|
||
<img :src="'../image/ProductIcons/s_'+column.value" :part-number="column.partNumber" />
|
||
</td>
|
||
<td v-else-if="column.key == 'PdfFile'" :class="column.key" class="pdf" >
|
||
<a target="_blank" v-if="column.value != ''" @click="applog(['Result','Download','SpecSheet'],column.partNumber + (extra? ',' + extra : ''));trackingGA(column.partNumber,column.partNumber +'_SS.pdf')" :href="'./specSheet?pn=' + encodeURIComponent(column.partNumber)" ><img :src="'../image/Common/icon_pdf.png'" /></a>
|
||
<span v-else>-</span>
|
||
</td>
|
||
<td v-else-if="column.key == 'SR2'" :class="column.key" @mouseover="hoverIn" @mouseout="hoverOut">
|
||
<img v-if="column.value == 'MP' && column.ModifiedDate && column.ModifiedDate > (new Date() - (new Date(2001,12,1) - new Date(2001,6,1))) / 1000" :src="'/TYCOMPAS/image/Common/icon_new.png'" :title="sr2mapping[column.value]" />
|
||
<img v-else :src="'../image/Common/icon_' + column.value + '.png'"/>
|
||
<span class="hoverMessage" v-if="hover" v-html="sr2mapping[column.value]"></span>
|
||
</td>
|
||
<td v-else-if="column.key == 'SR6'" :class="column.key" @mouseover="hoverIn" @mouseout="hoverOut" >
|
||
<img v-if="column.value" :src="'../image/Common/icon_' + column.value.replace('@','_') + '.png'" :alt="getSR6Name(column.value)"></img>
|
||
<span class="hoverMessage" v-if="hover" v-html="getSR6Name(column.value)"></span>
|
||
</td>
|
||
<td v-else-if="column.key == 'CirFile'" :class="column.key" >
|
||
<a target="_blank" v-if="column.value == 1" @click="applog(['Result','Download','CirFile'],column.partNumber + (extra? ',' + extra : ''));trackingGA(column.partNumber,'cir_file')" :href="'./download?pn=' + encodeURIComponent(column.partNumber) + '&fileType=cir_file'"><img src="/TYCOMPAS/image/Common/icon_spice.png" /></a>
|
||
<a target="_blank" v-else-if="column.value == 2" @click="applog(['Result','Download','CirFile'],column.partNumber + (extra? ',' + extra : ''));trackingGA(column.partNumber,'cir_file')" :href="spyceUrl + '?productNo=' + encodeURIComponent(column.partNumber)"><img src="/TYCOMPAS/image/Common/icon_spice.png" /></a>
|
||
<span v-else>-</span>
|
||
</td>
|
||
<td v-else-if="column.key == 'SparaFile'" :class="column.key" >
|
||
<a target="_blank" v-if="column.value == 1" @click="applog(['Result','Download','SparaFile'],column.partNumber + (extra? ',' + extra : ''));trackingGA(column.partNumber,'Spara_file')" :href="'./download?pn=' + encodeURIComponent(column.partNumber) + '&fileType=Spara_file'"><img src="/TYCOMPAS/image/Common/icon_spara.png" /></a>
|
||
<a target="_blank" v-else-if="column.value == 2" @click="applog(['Result','Download','SparaFile'],column.partNumber + (extra? ',' + extra : ''));trackingGA(column.partNumber,'Spara_file')" :href="spyceUrl + '?productNo=' + encodeURIComponent(column.partNumber)"><img src="/TYCOMPAS/image/Common/icon_spara.png" /></a>
|
||
<span v-else>-</span>
|
||
</td>
|
||
<td v-else-if="column.key == 'EHS'" :class="column.key" >
|
||
<img v-if="column.value == 'RoHS compliance'" alt="RoHS" src="/TYCOMPAS/image/Common/icon_RoHS.png" title="RoHS compliance"/>
|
||
<span v-else>-</span>
|
||
</td>
|
||
<td v-else-if="column.key == 'AEC-Q200'" :class="column.key" >
|
||
<img v-if="column.value != null && column.value!=''" :alt="column.value" :src="'../image/Common/icon_' + column.value + '.png'" title="AEC-Q200 qualified"/>
|
||
<span v-else>-</span>
|
||
</td>
|
||
<td v-else-if="column.key == 'Comparison'" :class="column.key" >
|
||
<input v-if="column.value" type="checkbox" @change="graphCtrl(column.partNumber)" :checked="hasGraph()" />
|
||
<span v-else>-</span>
|
||
</td>
|
||
<td v-else-if="column.key == 'MyList'" :class="column.key" >
|
||
<input type="checkbox" @change="mylistCtrl(column.partNumber)" :checked="hasMyList()" />
|
||
</td>
|
||
<td v-else-if="column.key != 'ModifiedDate'" :class="column.key" v-html="column.value">
|
||
</td>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="graphtabs-template">
|
||
<div>
|
||
<div class="graphVisibleButton">
|
||
<button v-if="!isVisible" @click="show">{{ showbutton }}</button>
|
||
<button v-if="isVisible" @click="hide">{{ hidebutton }}</button>
|
||
</div>
|
||
<div class="graphtabs" v-show="isVisible" id="nav_tab">
|
||
<ul>
|
||
<li v-for="tab in tabs" :class="{ 'is-active': tab.isActive }">
|
||
<a @click="selectTab(tab)">{{ tab.name }}</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<table id="graphTable" v-show="isVisible">
|
||
<tr>
|
||
<td>
|
||
<div v-for="tab in tabs" v-bind:id="tab.idname" class="chartdiv" v-show="tab.isActive" :class="[lineCheckVisible ? 'narrow' : 'wide']"></div>
|
||
</td>
|
||
<td class="slotColumn">
|
||
<div class="tabs-details">
|
||
<slot></slot>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="graphtab-template">
|
||
<div v-show="isActive">
|
||
<slot></slot>
|
||
<table class="slotTable">
|
||
<tr>
|
||
<td colspan="2">
|
||
<div class="serishunt" v-if="lineidxcnt > 1">
|
||
<input type="radio" id="series" value=0 v-model="lineIndex" @change="serishuntClick()">
|
||
<label for="series">Series</label>
|
||
<input type="radio" id="shunt" value=1 v-model="lineIndex" @change="serishuntClick()">
|
||
<label for="shunt">Shunt</label>
|
||
<br>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
|
||
<td v-show="( allchklst.length > 1 || legendFlag==2 ) && legendFlag > 0" class="lineVisibleCheckColumn">
|
||
<div class="linevisible_chk">
|
||
<table v-for="list in ginfolist_obj" v-if="ginfolist_obj.length > 1 || legendFlag==2">
|
||
<tr>
|
||
<td>
|
||
<input type="checkbox" :id="encodeURIComponent(list.productNo) + '_' + list.graphType + '_' + list.lineType" v-if="list.lineIndex === 0 && list.productVisible" v-model="list.lineVisible" @change="lineVisibleChange(list,$event)">
|
||
</td>
|
||
<td>
|
||
<hr class="linehr" v-if="list.lineIndex === 0 && list.productVisible" width="18px" :size="list.lineSize" :color="'#'+list.lineColor">
|
||
</td>
|
||
<td>
|
||
<label v-if="list.lineIndex === 0 && list.productVisible" :for="encodeURIComponent(list.productNo) + '_' + list.graphType + '_' + list.lineType">{{list.lineName}}</label>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
<td class="slotColumn" colspan="">
|
||
<div class="axisconfig">
|
||
<div class="xaxisconfig">
|
||
<label for="xaxistitlelabel">[{{ xaxistitlelabel }}]</label>
|
||
<br>
|
||
<label for="minlabel">{{ minlabel }}</label>
|
||
<input v-model="xmin" type="text" class="axisinput" :disabled=isXminDisabled>
|
||
<input type="checkbox" :id="'xminauto'+gtype" v-model="xminauto">
|
||
<label :for="'xminauto'+gtype">Auto</label>
|
||
<br>
|
||
<label for="maxlabel">{{ maxlabel }}</label>
|
||
<input v-model="xmax" type="text" class="axisinput" :disabled=isXmaxDisabled>
|
||
<input type="checkbox" :id="'xmaxauto'+gtype" v-model="xmaxauto">
|
||
<label :for="'xmaxauto'+gtype">Auto</label>
|
||
<br>
|
||
<label for="unitlabel">{{ unitlabel }}</label>
|
||
|
||
<select v-model="xunitselected" class="axisunit" v-bind:disabled="xunitdisable">
|
||
<option v-for="xunit in xunits" v-bind:value="xunit.value">
|
||
{{ xunit.text }}
|
||
</option>
|
||
</select>
|
||
<div class="linear_log">
|
||
<input type="radio" :id="'xlogarithm'+gtype" value="true" v-model="xlogmode" :disabled=isXlogDisabled>
|
||
<label :for="'xlogarithm'+gtype">Logarithm</label>
|
||
<br>
|
||
<input type="radio" :id="'xlinear'+gtype" value="false" v-model="xlogmode">
|
||
<label :for="'xlinear'+gtype">Linear</label>
|
||
</div>
|
||
</div>
|
||
<div class="yaxisconfig">
|
||
<label for="yaxistitlelabel">[{{ yaxistitlelabel }}]</label>
|
||
<br>
|
||
<input v-model="ymin" type="text" class="axisinput" :disabled=isYminDisabled>
|
||
<input type="checkbox" :id="'yminauto'+gtype" v-model="yminauto">
|
||
<label :for="'yminauto'+gtype">Auto</label>
|
||
<br>
|
||
<input v-model="ymax" type="text" class="axisinput" :disabled=isYmaxDisabled>
|
||
<input type="checkbox" :id="'ymaxauto'+gtype" v-model="ymaxauto">
|
||
<label :for="'ymaxauto'+gtype">Auto</label>
|
||
<br>
|
||
<select v-model="yunitselected" class="axisunit" v-bind:disabled="yunitdisable">
|
||
<option v-for="yunit in yunits" v-bind:value="yunit.value">
|
||
{{ yunit.text }}
|
||
</option>
|
||
</select>
|
||
<div class="linear_log">
|
||
<input type="radio" :id="'ylogarithm'+gtype" value="true" v-model="ylogmode" :disabled=isYlogDisabled>
|
||
<label :for="'ylogarithm'+gtype">Logarithm</label>
|
||
<br>
|
||
<input type="radio" :id="'ylinear'+gtype" value="false" v-model="ylogmode">
|
||
<label :for="'ylinear'+gtype">Linear</label>
|
||
</div>
|
||
</div>
|
||
<div class="applyButtons">
|
||
<button v-on:click="defaultButtonClick">{{ defbutton }}</button>
|
||
<button v-on:click="applyButtonClick">{{ applybutton }}</button>
|
||
</div>
|
||
</div>
|
||
<div class="slotBottoms">
|
||
<div class="allCheckBox" v-if="( allchklst.length > 1 || legendFlag==2 ) && legendFlag > 0">
|
||
<table class="lineallchk" v-for="allchk in allchklst" >
|
||
<tr>
|
||
<td>
|
||
<input :id="'allchk_' + gtype +allchk.label" type="checkbox" v-model="allchk.stat" v-bind:disabled="allchk.disable" @change="allCheckChange(allchk.lineName,$event) ">
|
||
</td>
|
||
<td>
|
||
<label :for="'allchk_' + gtype +allchk.label">{{allchk.label}}</label>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div class="controlButtons">
|
||
<div class="savedataButton">
|
||
<button v-on:click="savedataButtonClick">{{ savedatabutton }}</button>
|
||
</div>
|
||
<div class="saveChartButton">
|
||
<button @click="saveChartButtonClick">{{ savechartbutton }}</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr style="clear:both;border-width:0;" />
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="sm-graphtabs-template">
|
||
<div>
|
||
<div class="graphtabs" id="nav_tab">
|
||
<ul>
|
||
<li v-for="tab in tabs" :class="{ 'is-active': tab.isActive }">
|
||
<a @click="selectTab(tab)">{{ tab.name }}</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<table id="graphTable">
|
||
<tr>
|
||
<td>
|
||
<div v-for="tab in tabs" v-bind:id="tab.idname" class="chartdiv" v-show="tab.isActive" :class="['smartp']"></div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="slotColumn">
|
||
<div class="tabs-details">
|
||
<slot></slot>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="sm-graphtab-template">
|
||
<div class="graphconfig" v-show="isActive">
|
||
<slot></slot>
|
||
<table class="slotTable">
|
||
<tr>
|
||
<td>
|
||
<div class="serishunt" v-if="lineidxcnt > 1">
|
||
<input type="radio" id="series" value=0 v-model="lineIndex" @change="applyButtonClick()">
|
||
<label for="xlogarithm">Series</label>
|
||
<input type="radio" id="shunt" value=1 v-model="lineIndex" @change="applyButtonClick()">
|
||
<label for="xlinear">Shunt</label>
|
||
<br>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="graphConfigColumn">
|
||
<table class="axisconfig">
|
||
<tr>
|
||
<td>
|
||
</td>
|
||
<td colspan="2">
|
||
<label class="axislabel" for="xaxistitlelabel">[{{ xaxistitlelabel }}]</label>
|
||
</td>
|
||
<td colspan="2">
|
||
<label class="axislabel" for="yaxistitlelabel">[{{ yaxistitlelabel }}]</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="minlabel">{{ minlabel }}</label>
|
||
</td>
|
||
<td class="xaxisconfig">
|
||
<input v-model="xmin" type="text" class="axisinput" :disabled=isXminDisabled>
|
||
</td>
|
||
<td>
|
||
<input type="checkbox" :id="'xminauto'+gtype" v-model="xminauto">
|
||
<label :for="'xminauto'+gtype">Auto</label>
|
||
</td>
|
||
<td class="yaxisconfig">
|
||
<input v-model="ymin" type="text" class="axisinput" :disabled=isYminDisabled>
|
||
</td>
|
||
<td>
|
||
<input type="checkbox" :id="'yminauto'+gtype" v-model="yminauto">
|
||
<label :for="'yminauto'+gtype">Auto</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="maxlabel">{{ maxlabel }}</label>
|
||
</td>
|
||
<td class="xaxisconfig">
|
||
<input v-model="xmax" type="text" class="axisinput" :disabled=isXmaxDisabled>
|
||
</td>
|
||
<td>
|
||
<input type="checkbox" :id="'xmaxauto'+gtype" v-model="xmaxauto">
|
||
<label :for="'xmaxauto'+gtype">Auto</label>
|
||
</td>
|
||
<td class="yaxisconfig">
|
||
<input v-model="ymax" type="text" class="axisinput" :disabled=isYmaxDisabled>
|
||
</td>
|
||
<td>
|
||
<input type="checkbox" :id="'ymaxauto'+gtype" v-model="ymaxauto">
|
||
<label :for="'ymaxauto'+gtype">Auto</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<label for="unitlabel">{{ unitlabel }}</label>
|
||
</td>
|
||
<td class="xaxisunit" colspan="2">
|
||
<select v-model="xunitselected" class="axisunit" v-bind:disabled="xunitdisable">
|
||
<option v-for="xunit in xunits" v-bind:value="xunit.value">
|
||
{{ xunit.text }}
|
||
</option>
|
||
</select>
|
||
</td>
|
||
<td class="yaxisunit"colspan="2">
|
||
<select v-model="yunitselected" class="axisunit" v-bind:disabled="yunitdisable">
|
||
<option v-for="yunit in yunits" v-bind:value="yunit.value">
|
||
{{ yunit.text }}
|
||
</option>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
</td>
|
||
<td colspan="2">
|
||
<input type="radio" :id="'xlogarithm'+gtype" value="true" v-model="xlogmode" :disabled=isXlogDisabled>
|
||
<label :for="'xlogarithm'+gtype">Logarithm</label>
|
||
</td>
|
||
<td colspan="2">
|
||
<input type="radio" :id="'ylogarithm'+gtype" value="true" v-model="ylogmode" :disabled=isYlogDisabled>
|
||
<label :for="'ylogarithm'+gtype">Logarithm</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
</td>
|
||
<td colspan="2">
|
||
<input type="radio" :id="'xlinear'+gtype" value="false" v-model="xlogmode">
|
||
<label :for="'xlinear'+gtype">Linear</label>
|
||
</td>
|
||
<td colspan="2">
|
||
<input type="radio" :id="'ylinear'+gtype" value="false" v-model="ylogmode">
|
||
<label :for="'ylinear'+gtype">Linear</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="5">
|
||
<div class="applyButtons">
|
||
<button v-on:click="defaultButtonClick">{{ defbutton }}</button>
|
||
<button v-on:click="applyButtonClick(true)">{{ applybutton }}</button>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="lineVisibleCheckColumn">
|
||
<div class="linevisible_chk" v-if="ginfolist_obj.length > 0">
|
||
<table>
|
||
<tr>
|
||
<td>
|
||
<table v-for="list in ginfolist_obj" v-if="ginfolist_obj.length > 0">
|
||
<tr>
|
||
<td>
|
||
<input type="checkbox" v-if="list.lineIndex === 0 && list.productVisible" v-model="list.lineVisible" @change="lineVisibleChange(list,$event)">
|
||
</td>
|
||
<td>
|
||
<hr class="linehr" v-if="list.lineIndex === 0 && list.productVisible" width="18px" :size="list.lineSize" :color="'#'+list.lineColor">
|
||
</td>
|
||
<td>
|
||
<label v-if="list.lineIndex === 0 && list.productVisible">{{list.productNo}} - {{list.lineName}}</label>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
<td>
|
||
|
||
</td>
|
||
<td v-show="( allchklst.length > 1 || legendFlag==2 ) && legendFlag > 0">
|
||
<table class="lineallchk" v-for="allchk in allchklst" >
|
||
<tr>
|
||
<td>
|
||
<input :id="'allchk_' + gtype +allchk.label" type="checkbox" v-model="allchk.stat" v-bind:disabled="allchk.disable" @change="allCheckChange(allchk.lineName,$event) ">
|
||
</td>
|
||
<td>
|
||
<label :for="'allchk_' + gtype +allchk.label">{{allchk.label}}</label>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="graph-control-template">
|
||
<td style="white-space:nowrap;">
|
||
<div class="graph_box counter_box">
|
||
<a href="javascript:void('show_graph');" >
|
||
<img v-if="counter > 0" src="/TYCOMPAS/image/Common/btn_graph.png" @click="showGraph" title="Display Charts" />
|
||
<img v-else src="/TYCOMPAS/image/Common/btn_graph_disable.png" title="Display Charts" style="cursor:default;" />
|
||
<div v-if="counter > 0" class="counter" @click="showGraph">{{counter}}</div>
|
||
</a>
|
||
</div>
|
||
<div class="graph_box delete_box">
|
||
<a href="javascript:void('delete_graph');">
|
||
<img v-if="counter > 0" src="/TYCOMPAS/image/Common/btn_graph_clear.png" title="Cancel all the check marks for graph." @click="removeAll" />
|
||
<img v-else src="/TYCOMPAS/image/Common/btn_graph_clear_disable.png" title="Cancel all the check marks for graph." style="cursor:default;" />
|
||
</a>
|
||
</div>
|
||
</td>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="mylist-control-template">
|
||
<td>
|
||
<div class="mylist_box counter_box">
|
||
<a href="javascript:void('show_mylist')" @click="showMyList">
|
||
<img v-if="counter > 0" src="/TYCOMPAS/image/Common/btn_showMyList.png" title="Go to MyList" />
|
||
<img v-else src="/TYCOMPAS/image/Common/btn_showMyList_disable.png" title="Go to MyList" style="cursor:default;" />
|
||
<div v-if="counter > 0" class="counter">{{counter}}</div>
|
||
</a>
|
||
</div>
|
||
</td>
|
||
</script>
|
||
<script type="text/x-template" id="setting-template">
|
||
<td id="control_display" class="control_display">
|
||
<div class="setting_mark"><a href="javascript:void('settings')" @click="show">
|
||
<img src="/TYCOMPAS/image/Common/btn_setting.png" title="Display item change" />
|
||
</a></div>
|
||
<div v-if="display" id="settingDummy" @click="hide">
|
||
<div class="detail" @click.stop="dummy">
|
||
<div class="box display_box">
|
||
<div class="title" >
|
||
<span class="word">Display item change</span>
|
||
|
||
<button @click="selectAll"><i class="far fa-check-square"></i> Select all</button>
|
||
<button @click="setDefault">Default</button>
|
||
</div>
|
||
<hr />
|
||
<div class="container_box">
|
||
<div v-for="header in headers" class="container" v-if="isVisible(header.dataId)">
|
||
<input type="checkbox" :checked="isChecked(header.dataId)" :id="'setting_' + header.dataId" :disabled="header.dataId == 'PartNumber'" @change="showCtrl(header)" />
|
||
<label :for="'setting_' + header.dataId">{{stripHtml(header.specificationName)}}</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div v-if="!isCrossRef" class="box options">
|
||
<div class="title">Option</div>
|
||
<hr />
|
||
<div class="container_box">
|
||
|
||
<div class="container menu_hide">
|
||
<input type="checkbox" id="menuAutoHideMd" v-model="destMenuAutoHide" @change="checkMenuAutoHide" />
|
||
<label for="menuAutoHideMd">Automatically hide menu</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="button"><button @click="okClick">OK</button></div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</script>
|
||
<script type="text/x-template" id="unit-radio-template">
|
||
<td id="unitRadioGroup">
|
||
<span v-for="(value,key) in unitInfo">
|
||
<input type="radio" name="unit_radio" :id="'unit_' + key" :value="key" v-model="prm.u" />
|
||
<label :for="'unit_' + key">{{value}}</label>
|
||
</span>
|
||
</td>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="sm-header-menu-template">
|
||
<div id="smHeaderMenu">
|
||
<div id="smMenuController" @click="showMenu"><i class="fa fa-bars menu_icon" aria-hidden="true"></i></div>
|
||
<div v-if="display" id="showMenuDummy" @click="hide" >
|
||
<ul v-if="display" @click.stop="function(){}">
|
||
<li v-if="search" @click="showSort">
|
||
<div id="smSortController" >
|
||
<i class="fa fa-sort" aria-hidden="true"></i>Sort results
|
||
</div>
|
||
</li>
|
||
<li v-if="search || crossref" @click="showSettings">
|
||
<div id="smSettingController" >
|
||
<i class="fa fa-cog" aria-hidden="true"></i>Display item change
|
||
</div>
|
||
</li>
|
||
<li id="smMyList" >
|
||
<div>
|
||
<a href="./pickup?u=M" @click="showPickupFromTop">
|
||
<i class="fas fa-list" ></i>Go to MyList
|
||
</a>
|
||
</div>
|
||
</li>
|
||
|
||
<li v-if="search && graphs.length > 0" @click="showGraph">
|
||
<div id="smGraph">
|
||
<i class="fas fa-chart-line" ></i>Display Charts
|
||
<span class="count">{{graphs.length}}</span>
|
||
</div>
|
||
</li>
|
||
<li v-if="search && graphs.length > 0" @click="deleteGraph">
|
||
<div id="smGraphDel">
|
||
<i class="fas fa-chart-line" style="opacity:0.3" ></i>Cancel all the check marks for graph.
|
||
</div>
|
||
</li>
|
||
<li v-if="search" @click="showHelp">
|
||
<div id="smHelp" >
|
||
<i class="fa fa-question-circle" aria-hidden="true"></i>HELP
|
||
</div>
|
||
</li>
|
||
<li v-if="graph" @click="showGraphHelp">
|
||
<div id="smHelp" >
|
||
<i class="fa fa-question-circle" aria-hidden="true"></i>HELP
|
||
</div>
|
||
</li>
|
||
|
||
|
||
<li v-if="crossref && crgraphs.length > 0" @click="showCrossrefGraph">
|
||
<div id="crGraph" >
|
||
<i class="fas fa-chart-line" ></i>Display Charts
|
||
</div>
|
||
</li>
|
||
|
||
<li v-if="crossref && crgraphs.length > 0" @click="deleteCrossrefGraph">
|
||
<div id="smGraphDel">
|
||
<i class="fas fa-chart-line" style="opacity:0.3" ></i>Cancel all the check marks for graph.
|
||
</div>
|
||
</li>
|
||
|
||
|
||
<li v-if="pickup && pickupGraphs.length > 0" @click="showGraphFromPickup">
|
||
<div>
|
||
<i class="fas fa-chart-line" ></i>Display Charts
|
||
<span class="count">{{pickupGraphs.length}}</span>
|
||
</div>
|
||
</li>
|
||
<li v-if="pickup && pickupGraphs.length > 0" @click="deletePickupGraph">
|
||
<div>
|
||
<i class="fas fa-chart-line" style="opacity:0.3" ></i>Cancel all the check marks for graph.
|
||
</div>
|
||
</li>
|
||
|
||
<li @click="showVersionInfo">
|
||
<div><i class="fa fa-info-circle" aria-hidden="true"></i>Version info.</div>
|
||
</li>
|
||
<li id="smRegion">
|
||
<div><i class="fa fa-globe" aria-hidden="true"></i>Select region</div>
|
||
<div id="smMenu_region">
|
||
<select v-model="region">
|
||
<option value="jp" :selected="region == 'jp'">日本</option>
|
||
<option value="ut" :selected="region == 'ut'">North America</option>
|
||
<option value="ap" :selected="region == 'ap'">Asia Pacific</option>
|
||
<option value="eu" :selected="region == 'eu'">Europe</option>
|
||
<option value="cs" :selected="region == 'cs'">中国</option>
|
||
<option value="kr" :selected="region == 'kr'">한국</option>
|
||
<option value="or" :selected="region == 'or'">Other Regions</option>
|
||
</select>
|
||
</div>
|
||
</li>
|
||
<li @click="showPrecautions">
|
||
<div><i class="fa fa-exclamation-triangle" aria-hidden="true"></i>PRECAUTIONS AND DISCLAIMERS</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="sm-pickup-template">
|
||
<div class="productCategoryBox" v-if="showId == classificationId && productNoList && productNoList.length > 0">
|
||
<div class="settings">
|
||
<i class="fa fa-cog" @click="showSettings"></i>
|
||
</div>
|
||
<div class="productCategoryInfo">
|
||
<span><a :href="'./specificationSearcher?cid=' + classificationId + '&u=' + unit" v-html="categoryName">カテゴリ名</a></span>
|
||
</div>
|
||
<div class="unitBox" >
|
||
<span class="count">{{records.length}}Results</span>- <span>Unit</span>：<span></span>
|
||
</div>
|
||
<hr />
|
||
<div class="productList" v-if="records.length > 0">
|
||
<div class="resultTable resultBody">
|
||
<article v-for="(record,index) in records" :prm="prm" :hidelist="hidelist" :showlist="showlist" is="record-component" :headers="headers" :record="record" :class="{even : index % 2 == 0}" class="record" :graphs="graphs" @graph-ctrl="graphCtrl" :mylists="productNoList" @delete-ctrl="deleteCtrl" @mylist-ctrl="mylistCtrl"></article>
|
||
</div>
|
||
</div>
|
||
<div ref="setting-component" is="setting-component" :headers="headers" :showlist="showlist" :hidelist="hidelist" :low-speed-mode="false" @setshowlist="setShowList" class="setting_buttons" :classificationId="classificationId"></div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="pickup-template">
|
||
<div class="productCategoryBox" v-if="records.length > 0">
|
||
<div class="productCategoryInfo">
|
||
<span>{{categoryName}}</span> - <span class="count">{{records.length}}Results</span>
|
||
<button v-if="!displayResult" @click="showResult">Display List</button>
|
||
<button v-else @click="hideResult">Hide List</button>
|
||
</div>
|
||
<hr />
|
||
<div v-if="displayResult" class="resultBody productList">
|
||
<table class="resultTable">
|
||
<thead is="record-header-component" :hidelist="hidelist" :showlist="showlist" :prm="prm" :headers="headers"></thead>
|
||
<tbody v-if="records.length > 0" >
|
||
<tr v-for="(record,index) in records" :prm="prm" :hidelist="hidelist" :showlist="showlist" is="record-component" :headers="headers" :record="record" :class="{even : index % 2 == 0}" class="record" :graphs="graphs" @graph-ctrl="graphCtrl" :mylists="productNoList" @delete-ctrl="deleteCtrl" @mylist-ctrl="mylistCtrl"></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FSWVXM8068"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/google/analytics.js?ver=14.8.0.5"></script>
|
||
<script type="text/javascript" src="/TYCOMPAS/js/min/transition.min.js?ver=14.8.0.5"></script>
|
||
</html>
|