399 lines
24 KiB
JavaScript
399 lines
24 KiB
JavaScript
import Qselect from "@/components/common/select/Qselect";
|
|
|
|
const SelectOption01 = [
|
|
{name: '0',}, {name: '0'}, {name: '0'}, {name: '0'}
|
|
]
|
|
|
|
|
|
export default function CircuitStandTab03({setTabNum}){
|
|
return(
|
|
<>
|
|
<div className="properties-setting-wrap outer">
|
|
<div className="setting-tit">昇圧設定</div>
|
|
<div className="circuit-overflow">
|
|
<div className="module-table-box mb10">
|
|
<div className="module-table-inner">
|
|
<div className="mb-box">
|
|
<div className="circuit-table-tit">HQJP-KA55-5</div>
|
|
<div className="roof-module-table overflow-y">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>シリアル枚数</th>
|
|
<th>総回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-table-flx-wrap">
|
|
<div className="circuit-table-flx-box">
|
|
<div className="bold-font mb10">接続する</div>
|
|
<div className="roof-module-table mb10">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style={{width: '140px'}}>名称</th>
|
|
<th>回路数</th>
|
|
<th>昇圧回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div className="bottom-wrap">
|
|
<div className="circuit-right-wrap mb10">
|
|
<button className="btn-frame self mr5">追加</button>
|
|
</div>
|
|
<div className="circuit-data-form">
|
|
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-table-flx-box">
|
|
<div className="bold-font mb10">昇圧オプション</div>
|
|
<div className="roof-module-table mb10">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>名称</th>
|
|
<th>昇圧回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-c">-</td>
|
|
<td className="al-c">-</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">-</td>
|
|
<td className="al-c">-</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div className="bottom-wrap">
|
|
<div className="circuit-right-wrap mb10">
|
|
<button className="btn-frame self mr5">追加</button>
|
|
</div>
|
|
<div className="circuit-data-form">
|
|
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-count-input">
|
|
<span className="normal-font">綿調道区分</span>
|
|
<div className="input-grid mr5" style={{width: '40px'}}>
|
|
<input type="text" className="input-origin block" />
|
|
</div>
|
|
<span className="normal-font">回路</span>
|
|
<span className="normal-font">(二重昇圧回路数</span>
|
|
<div className="input-grid mr5" style={{width: '40px'}}>
|
|
<input type="text" className="input-origin block" />
|
|
</div>
|
|
<span className="normal-font">回路)</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="module-table-box mb10">
|
|
<div className="module-table-inner">
|
|
<div className="mb-box">
|
|
<div className="circuit-table-tit">HQJP-KA55-5</div>
|
|
<div className="roof-module-table overflow-y">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>シリアル枚数</th>
|
|
<th>総回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-table-flx-wrap">
|
|
<div className="circuit-table-flx-box">
|
|
<div className="bold-font mb10">接続する</div>
|
|
<div className="roof-module-table mb10">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style={{width: '140px'}}>名称</th>
|
|
<th>回路数</th>
|
|
<th>昇圧回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div className="bottom-wrap">
|
|
<div className="circuit-right-wrap mb10">
|
|
<button className="btn-frame self mr5">追加</button>
|
|
</div>
|
|
<div className="circuit-data-form">
|
|
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-table-flx-box">
|
|
<div className="bold-font mb10">昇圧オプション</div>
|
|
<div className="roof-module-table mb10">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>名称</th>
|
|
<th>昇圧回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-c">-</td>
|
|
<td className="al-c">-</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">-</td>
|
|
<td className="al-c">-</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div className="bottom-wrap">
|
|
<div className="circuit-right-wrap mb10">
|
|
<button className="btn-frame self mr5">追加</button>
|
|
</div>
|
|
<div className="circuit-data-form">
|
|
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-count-input">
|
|
<span className="normal-font">綿調道区分</span>
|
|
<div className="input-grid mr5" style={{width: '40px'}}>
|
|
<input type="text" className="input-origin block" />
|
|
</div>
|
|
<span className="normal-font">回路</span>
|
|
<span className="normal-font">(二重昇圧回路数</span>
|
|
<div className="input-grid mr5" style={{width: '40px'}}>
|
|
<input type="text" className="input-origin block" />
|
|
</div>
|
|
<span className="normal-font">回路)</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="module-table-box ">
|
|
<div className="module-table-inner">
|
|
<div className="mb-box">
|
|
<div className="circuit-table-tit">HQJP-KA55-5</div>
|
|
<div className="roof-module-table overflow-y">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>シリアル枚数</th>
|
|
<th>総回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-r">10</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-table-flx-wrap">
|
|
<div className="circuit-table-flx-box">
|
|
<div className="bold-font mb10">接続する</div>
|
|
<div className="roof-module-table mb10">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style={{width: '140px'}}>名称</th>
|
|
<th>回路数</th>
|
|
<th>昇圧回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">KTN-CBD4C</td>
|
|
<td className="al-r">4</td>
|
|
<td className="al-r">0</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div className="bottom-wrap">
|
|
<div className="circuit-right-wrap mb10">
|
|
<button className="btn-frame self mr5">追加</button>
|
|
</div>
|
|
<div className="circuit-data-form">
|
|
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-table-flx-box">
|
|
<div className="bold-font mb10">昇圧オプション</div>
|
|
<div className="roof-module-table mb10">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>名称</th>
|
|
<th>昇圧回路数</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-c">-</td>
|
|
<td className="al-c">-</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">-</td>
|
|
<td className="al-c">-</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div className="bottom-wrap">
|
|
<div className="circuit-right-wrap mb10">
|
|
<button className="btn-frame self mr5">追加</button>
|
|
</div>
|
|
<div className="circuit-data-form">
|
|
<span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="circuit-count-input">
|
|
<span className="normal-font">綿調道区分</span>
|
|
<div className="input-grid mr5" style={{width: '40px'}}>
|
|
<input type="text" className="input-origin block" />
|
|
</div>
|
|
<span className="normal-font">回路</span>
|
|
<span className="normal-font">(二重昇圧回路数</span>
|
|
<div className="input-grid mr5" style={{width: '40px'}}>
|
|
<input type="text" className="input-origin block" />
|
|
</div>
|
|
<span className="normal-font">回路)</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="slope-wrap">
|
|
<div className="outline-form">
|
|
<span className="mr10" style={{width: 'auto'}}>モニターの選択</span>
|
|
<div className="grid-select mr10">
|
|
<Qselect title={'電力検出ユニット (モニター付き)'} option={SelectOption01}/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="grid-btn-wrap">
|
|
<button className="btn-frame modal mr5" onClick={() => setTabNum(2)}>以前</button>
|
|
<button className="btn-frame modal act">保存 (仮割り当て)</button>
|
|
</div>
|
|
</>
|
|
)
|
|
} |