fastadmin_tailored/application/admin/view/body_profile/detail.html

<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs" data-field="status">
            <li class="active"><a href="#profile" data-toggle="tab">{:__('Profile Details')}</a></li>
            <li><a href="#body-types" data-toggle="tab">{:__('Body Types')}</a></li>
            <li><a href="#measurements" data-toggle="tab">{:__('Measurements')}</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="profile">
                <div class="widget-body no-padding">
                    <table class="table table-striped">
                        <tbody>
                            <tr>
                                <td>{:__('ID')}</td>
                                <td>{$row.id}</td>
                            </tr>
                            <tr>
                                <td>{:__('Profile name')}</td>
                                <td>{$row.profile_name}</td>
                            </tr>
                            <tr>
                                <td>{:__('User')}</td>
                                <td>{$row.user_id}</td>
                            </tr>
                            <tr>
                                <td>{:__('Is own')}</td>
                                <td>{$row.is_own ? __('Own profile') : __('Others profile')}</td>
                            </tr>
                            <tr>
                                <td>{:__('Relation')}</td>
                                <td>{$row.relation}</td>
                            </tr>
                            <tr>
                                <td>{:__('Gender')}</td>
                                <td>{$row.gender == 1 ? __('Male') : __('Female')}</td>
                            </tr>
                            <tr>
                                <td>{:__('Age')}</td>
                                <td>{$row.age}</td>
                            </tr>
                            <tr>
                                <td>{:__('Height')}</td>
                                <td>{$row.height} cm</td>
                            </tr>
                            <tr>
                                <td>{:__('Weight')}</td>
                                <td>{$row.weight} kg</td>
                            </tr>
                            <tr>
                                <td>{:__('Body photos')}</td>
                                <td>
                                    {if condition="$profileData.body_photos"}
                                        {php}$photos = json_decode($profileData['body_photos'], true);{/php}
                                        {if condition="is_array($photos)"}
                                            <div class="row">
                                                {if condition="isset($photos['front'])"}
                                                <div class="col-md-4 text-center">
                                                    <p><strong>{:__('Front view')}</strong></p>
                                                    <img src="{$photos['front']}" style="max-width: 100px; max-height: 120px;" class="img-thumbnail">
                                                </div>
                                                {/if}
                                                {if condition="isset($photos['side'])"}
                                                <div class="col-md-4 text-center">
                                                    <p><strong>{:__('Side view')}</strong></p>
                                                    <img src="{$photos['side']}" style="max-width: 100px; max-height: 120px;" class="img-thumbnail">
                                                </div>
                                                {/if}
                                                {if condition="isset($photos['back'])"}
                                                <div class="col-md-4 text-center">
                                                    <p><strong>{:__('Back view')}</strong></p>
                                                    <img src="{$photos['back']}" style="max-width: 100px; max-height: 120px;" class="img-thumbnail">
                                                </div>
                                                {/if}
                                            </div>
                                        {else/}
                                            <img src="{$profileData.body_photos}" style="max-width: 100px; max-height: 100px;" class="img-thumbnail">
                                        {/if}
                                    {else/}
                                        {:__('No photos')}
                                    {/if}
                                </td>
                            </tr>
                            <tr>
                                <td>{:__('Create time')}</td>
                                <td>{$row.createtime|datetime}</td>
                            </tr>
                            <tr>
                                <td>{:__('Update time')}</td>
                                <td>{$row.updatetime|datetime}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            
            <!-- 体型选择标签页 -->
            <div class="tab-pane fade" id="body-types">
                <div class="widget-body no-padding">
                    <div class="row">
                        <div class="col-xs-12">
                            <h4>{:__("Body Type Selection")}</h4>
                            {if !empty($profileData.body_types)}
                            <div style="display:flex;flex-wrap:wrap;gap:15px;">
                                {foreach name="profileData.body_types" key="category" item="bodyType"}
                                <div style="display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;min-width:120px;">
                                    {if !empty($bodyType.type_image)}
                                    <img src="{$bodyType.type_image}" style="width:60px;height:60px;object-fit:cover;border-radius:6px;margin-bottom:8px;" alt="{$bodyType.type_name|default=''}">
                                    {/if}
                                    <div style="text-align:center;">
                                        <!-- <div style="font-size:12px;color:#666;margin-bottom:2px;">{$category|default=''}</div> -->
                                        <div style="font-size:14px;font-weight:bold;color:#333;">{$bodyType.type_name|default=''}</div>
                                    </div>
                                </div>
                                {/foreach}
                            </div>
                            {else/}
                            <p class="text-muted">{:__("No body type data")}</p>
                            {/if}
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 测量数据标签页 -->
            <div class="tab-pane fade" id="measurements">
                <div class="widget-body no-padding">
                    <div class="row">
                        <div class="col-xs-12">
                            <h4>{:__("Measurement Data")}</h4>
                            {if !empty($profileData.measurements)}
                            <div class="row">
                                <div class="col-xs-4">
                                    <ul class="list-group">
                                        <li class="list-group-item">胸围：{$profileData.measurements.chest|default='0'}cm</li>
                                        <li class="list-group-item">腰围：{$profileData.measurements.waist|default='0'}cm</li>
                                        <li class="list-group-item">臀围：{$profileData.measurements.hip|default='0'}cm</li>
                                        <li class="list-group-item">大腿围：{$profileData.measurements.thigh|default='0'}cm</li>
                                        <li class="list-group-item">膝围：{$profileData.measurements.knee|default='0'}cm</li>
                                        <li class="list-group-item">小腿围：{$profileData.measurements.calf|default='0'}cm</li>
                                    </ul>
                                </div>
                                <div class="col-xs-4">
                                    <ul class="list-group">
                                        <li class="list-group-item">臂长：{$profileData.measurements.arm_length|default='0'}cm</li>
                                        <li class="list-group-item">腕围：{$profileData.measurements.wrist|default='0'}cm</li>
                                        <li class="list-group-item">裤长：{$profileData.measurements.pants_length|default='0'}cm</li>
                                        <li class="list-group-item">鞋码：{$profileData.measurements.shoe_size|default='0'}cm</li>
                                        <li class="list-group-item">腿根：{$profileData.measurements.leg_root|default='0'}cm</li>
                                        <li class="list-group-item">颈围：{$profileData.measurements.neck|default='0'}cm</li>
                                    </ul>
                                </div>
                                <div class="col-xs-4">
                                    <ul class="list-group">
                                        <li class="list-group-item">肚围：{$profileData.measurements.belly_belt|default='0'}cm</li>
                                        <li class="list-group-item">肩宽：{$profileData.measurements.shoulder_width|default='0'}cm</li>
                                        <li class="list-group-item">内腿长：{$profileData.measurements.inseam|default='0'}cm</li>
                                        <li class="list-group-item">上臂围：{$profileData.measurements.upper_arm|default='0'}cm</li>
                                        <li class="list-group-item">脚踝围：{$profileData.measurements.ankle|default='0'}cm</li>
                                        <li class="list-group-item">下腰围：{$profileData.measurements.waist_lower|default='0'}cm</li>
                                        <li class="list-group-item">中腰围：{$profileData.measurements.mid_waist|default='0'}cm</li>
                                    </ul>
                                </div>
                            </div>
                            {else/}
                            <p class="text-muted">{:__("No measurement data")}</p>
                            {/if}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>