<div class="return-detail">
<div class="return-detail__container">
<div class="return-detail__content">
<div class="return-detail__back-button--top">
<a href="#" class="button-icon--icon-text-large -icon-arrow-left">
Zurück zu Retourenübersicht
</a>
</div>
<div class="account-header">
<h3 class="account-header__title">Detail Retoure „423870“</h3>
</div>
<div class="return-detail__info-block">
<div class="info-block">
<div class="info-block__container">
<div class="info-block__block">
<div class="info-block__block-title">Rücksendeadresse</div>
<div class="wysiwyg-content">
<p><b>Platzhalter AG</b></p>
<p>Retouren<br>Hüebelacherstrasse 7<br>5242 Lupfig<br>Schweiz</p>
</div>
</div>
<div class="info-block__block">
<div class="info-block__block-title">Rücksendungen</div>
<div class="wysiwyg-content">
<p class="has-reduced-margin"><b>Datum der Retoure</b></p>
<p>04.06.2021</p>
<p><b>Paketnummer(n)</b></p>
</div>
<div class="info-block__block-links">
<div class="info-block__block-links__link">
<a href="#" class="button-icon--icon-text-large -icon-delivery">
996002073348549479
</a>
</div>
<div class="info-block__block-links__link">
<a class="button-icon--icon-text-large -icon-delivery">
996002073348549481
</a>
</div>
</div>
</div>
<div class="info-block__block">
<div class="info-block__block-title">Download(s)</div>
<div class="wysiwyg-content">
</div>
<div class="info-block__block-links">
<div class="info-block__block-links__link">
<a href="#" class="button-icon--icon-text-large -icon-file-page">
Gutschrift 171670
</a>
</div>
<div class="info-block__block-links__link">
<a href="#" class="button-icon--icon-text-large -icon-file-page">
Gutschrift 171670
</a>
</div>
<div class="info-block__block-links__link">
<a href="#" class="button-icon--icon-text-large -icon-file-page">
Rücksende-Etikette
</a>
</div>
<div class="info-block__block-links__link has-margin-top">
<a href="#" class="button-icon--text-regular">
Weitere Etiketten generieren
</a>
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Wenn nicht alle Artikel in ein Paket passen können Sie hier weitere Etiketten generieren">
<span class="visually-hidden"></span>
</button>
</div>
</div>
</div>
<div class="info-block__block">
<div class="info-block__block-title">Kunden-Retourennummer</div>
<div class="wysiwyg-content">
<p class="has-reduced-margin">23476747838</p>
</div>
</div>
</div>
</div>
</div>
<div class="return-detail__table">
<div class="return-detail-table">
<div class="table-header">
<div class="table-header__column--title">
<h4 class="heading-counter">
Artikel
<span class="counter-bubble" data-counter="122"></span>
</h4>
</div>
</div>
<div class="responsive-table--first-column-mobile-full-height -spacing-large">
<div class="table-search" data-offset="none">
<div class="table-search__container">
<div class="text-field--light text-field-search--light is-initialized" data-disable-text-field-js>
<div class="text-field__wrapper text-field-search__wrapper">
<input class="text-field__input text-field-search__input" id="return-detail-table-search" type="text" name="return-detail-table-search" required data-responsive-table-search="true" placeholder="Suche in Artikeln" />
<label class="visually-hidden" for="return-detail-table-search">Suche in Artikeln</label>
<button type="reset" class="text-field-search__reset"></button>
<button type="submit" class="text-field-search__search"></button>
<div class="text-field-search__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="72px">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="250px">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th is-right-aligned">
Pos.
</th>
<th class="responsive-table__th">
</th>
<th class="responsive-table__th">
Artikel
</th>
<th class="responsive-table__th">
Auftragsnummer
</th>
<th class="responsive-table__th is-right-aligned">
Urspr. Pos.
</th>
<th class="responsive-table__th">
Lieferdatum
</th>
<th class="responsive-table__th">
Grund
</th>
<th class="responsive-table__th is-right-aligned">
Menge
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-right-aligned is-index-td">
<div class="responsive-table__td-inner-container">
1
</div>
</td>
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
<div class="image-cell__specials">
<div class="specials">
<div class="specials--medium-horizontally-vertically ">
<button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
<span class="visually-hidden">Sale</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
<button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
<span class="visually-hidden">New</span>
<span class="image ">
<picture>
<img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 500 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="text-field--light text-field-placeholder--light is-initialized is-filled-in">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="comment-1" type="text" name="comment-1" value="Für Oscar" disabled placeholder="Kommentar" />
<label class="visually-hidden" for="comment-1">Kommentar
</label>
</div>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">123456789</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>6</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>20.03.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Grund</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Falschbestellung</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Menge</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Ursprünglich bestellt</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>10</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits retourniert</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>5</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits in der Retourenliste</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-right-aligned is-index-td">
<div class="responsive-table__td-inner-container">
2
</div>
</td>
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/image/fallback-image.png" class="image__img image-cell__image is-loading" alt="" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="#" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 700 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr. Lieferant</div>
<div class="attributes__value " title="IBTE8036E">
IBTE8036E
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Kurzbezeichn.</div>
<div class="attributes__value " title="Transfer">
Transfer
</div>
</li>
</ul>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">546546768</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>6</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>20.03.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Grund</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Falschbestellung</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Menge</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Ursprünglich bestellt</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>10</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits retourniert</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>5</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits in der Retourenliste</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td is-right-aligned is-index-td">
<div class="responsive-table__td-inner-container">
3
</div>
</td>
<td class="responsive-table__td is-top-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title"></div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<a href="#" class="image-cell__image-link">
<div class="image ">
<picture>
<img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
</picture>
</div>
</a>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<h5 class="item-cell__title--with-attributes">
<a href="" class="item-cell__title-link">Bosch Gepäckträgerakku PowerPack 600 Performance Anthrazit</a>
</h5>
<div class="attributes--small-bold">
<ul class="attributes__list">
<li class="attributes__list-item">
<div class="attributes__name">Art.-Nr.</div>
<div class="attributes__value " title="56.65563">
56.65563
</div>
</li>
<li class="attributes__list-item">
<div class="attributes__name">Gruppe</div>
<div class="attributes__value " title="Bosch eBike">
Bosch eBike
</div>
</li>
</ul>
</div>
<div class="text-field--light text-field-placeholder--light is-initialized is-filled-in">
<div class="text-field__wrapper text-field-placeholder__wrapper ">
<input class="text-field__input text-field-placeholder__input" id="comment-2" type="text" name="comment-2" value="Für Oscar" disabled placeholder="Kommentar" />
<label class="visually-hidden" for="comment-2">Kommentar
</label>
</div>
</div>
<div class="item-cell__value-list">
<ul class="value-list">
<li class="value-list__item--info">
<div class="value-list__label">Vorgezogene Recyclinggebühren:</div>
<div class="value-list__price">
<div class="price--extra-small">
<div class="price__row">
<div class="price__column--regular-price">
<div class="price-regular">
<div class="price-regular__current">
<div class="price-regular__current-price-inner">
<div class="price-regular__current-currency">CHF</div>
</div>
<div class="price-regular__current-price-inner">
<div class="price-regular__current-value">4.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="value-list__tooltip">
<button type="button" class="info-tooltip__toggle--small" data-info-tooltip-content="Für das Recycling.">
<span class="visually-hidden">Information</span>
</button>
</div>
</li>
</ul>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Auftragsnummer</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<a href="#">444555443</a>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Urspr. Pos.</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>6</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Lieferdatum</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container--prevent-wrap">
<div class="wysiwyg-content">
<p>20.03.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Grund</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Falschbestellung</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Menge</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="text-with-tooltip-cell">
<div class="text-with-tooltip-cell__text">5</div>
<button type="button" class="info-tooltip__toggle--small">
<span class="visually-hidden"></span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html="">
<div class="responsive-table--first-column-mobile-full-height -spacing-medium -not-responsive">
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Status
</th>
<th class="responsive-table__th is-right-aligned">
Anzahl
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Ursprünglich bestellt</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>10</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits retourniert</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>5</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Bereits in der Retourenliste</p>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p><strong>3</strong></p>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="2">
<div class="wysiwyg-content">
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="8">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Ergebnisse gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="return-detail__back-button--bottom">
<a href="#" class="button-icon--icon-text-large -icon-arrow-left">
Zurück zu Retourenübersicht
</a>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/offag-returns/templates/return-detail/return-detail.twig' %}
{
"backButton": {
"variant": "icon-text-large",
"title": "Zurück zu Retourenübersicht",
"icon": "arrow-left",
"type": "a",
"href": "#"
},
"header": {
"title": "Detail Retoure „423870“",
"headingLevel": "3"
},
"generateLabelButton": {
"button": {
"variant": "text-large",
"title": "Weitere Rücksende-Etikette generieren",
"type": "a",
"href": "#"
},
"tooltip": {
"variant": "small",
"content": "Wenn nicht alle Artikel in ein Paket passen können Sie hier weitere Etiketten generieren"
}
},
"infoBlock": {
"blocks": [
{
"title": "Rücksendeadresse",
"template": {
"path": "shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p><b>Platzhalter AG</b></p><p>Retouren<br>Hüebelacherstrasse 7<br>5242 Lupfig<br>Schweiz</p>"
}
},
"class": "small"
},
{
"title": "Rücksendungen",
"template": {
"path": "shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p class=\"has-reduced-margin\"><b>Datum der Retoure</b></p><p>04.06.2021</p><p><b>Paketnummer(n)</b></p>"
}
},
"links": {
"link": [
{
"data": {
"variant": "icon-text-large",
"title": "996002073348549479",
"icon": "delivery",
"type": "a",
"href": "#"
}
},
{
"data": {
"variant": "icon-text-large",
"title": "996002073348549481",
"icon": "delivery",
"type": "a"
}
}
]
}
},
{
"title": "Download(s)",
"template": {
"path": "shared/components/wysiwyg-content/wysiwyg-content"
},
"links": {
"link": [
{
"data": {
"variant": "icon-text-large",
"title": "Gutschrift 171670",
"icon": "file-page",
"type": "a",
"href": "#"
}
},
{
"data": {
"variant": "icon-text-large",
"title": "Gutschrift 171670",
"icon": "file-page",
"type": "a",
"href": "#"
}
},
{
"data": {
"variant": "icon-text-large",
"title": "Rücksende-Etikette",
"icon": "file-page",
"type": "a",
"href": "#"
}
},
{
"data": {
"variant": "text-regular",
"title": "Weitere Etiketten generieren",
"type": "a",
"href": "#",
"className": "has-margin-top"
},
"infoTooltip": {
"variant": "small",
"content": "Wenn nicht alle Artikel in ein Paket passen können Sie hier weitere Etiketten generieren"
}
}
]
}
},
{
"title": "Kunden-Retourennummer",
"template": {
"path": "shared/components/wysiwyg-content/wysiwyg-content",
"data": {
"content": "<p class=\"has-reduced-margin\">23476747838</p>"
}
}
}
]
},
"table": {
"include": "...return-detail-table--default"
}
}
import './return-detail.scss';
import ReturnDetail from 'cando-cx-components-library/components/modules/offag-returns/templates/return-detail/return-detail';
export default ReturnDetail;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/offag-returns/templates/return-detail/return-detail";
No notes defined.