links/patches/application/admin/view/split/number/form_body.html

<style>
    .split-number-form .panel {
        border-color: #e8ecf1;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
        margin-bottom: 16px;
    }
    .split-number-form .panel-heading {
        background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
        border-bottom: 1px solid #e2e8f0;
        color: #334155;
        font-weight: 600;
        font-size: 13px;
        padding: 10px 16px;
    }
    .split-number-form .panel-body {
        padding: 18px 20px 8px;
    }
    .split-number-form .form-group {
        margin-bottom: 16px;
    }
    .split-number-form .control-label {
        color: #475569;
        font-weight: 500;
        font-size: 13px;
        margin-bottom: 6px;
        padding-top: 0;
        text-align: left;
        width: 100%;
        display: block;
    }
    .split-number-form .control-label .text-danger {
        margin-left: 2px;
        font-weight: 700;
    }
    .split-number-form .form-control {
        border-radius: 4px;
        border-color: #cbd5e1;
        box-shadow: none;
        width: 100%;
    }
    .split-number-form .st-grid-2 {
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom: 4px;
        width: 100%;
    }
    @media (min-width: 768px) {
        .split-number-form .st-grid-2 {
            grid-template-columns: 1fr 1fr;
            column-gap: 36px;
        }
    }
    .split-number-form .st-grid-1 {
        margin-bottom: 4px;
    }
    .split-number-form .st-grid-cell {
        min-width: 0;
    }
    .split-number-form .radio-inline {
        margin-right: 18px;
    }
    .split-number-form > .layer-footer {
        margin: 12px 0 0;
        padding: 16px 20px;
        border-top: 1px solid #e2e8f0;
        background: #f8fafc;
        clear: both;
    }
    .split-number-form > .layer-footer > .control-label {
        display: none !important;
    }
    .split-number-form > .layer-footer > div[class*="col-"] {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 0;
    }
    .split-number-form > .layer-footer .btn {
        min-width: 100px;
        margin: 0 12px;
    }
</style>

<div class="panel panel-default">
    <div class="panel-heading">{:__('Section basic')}</div>
    <div class="panel-body">
        <div class="st-grid-2">
            <div class="st-grid-cell">
                <div class="form-group">
                    <label for="c-number_type" class="control-label">{:__('Number_type')}<span class="text-danger">*</span></label>
                    <select id="c-number_type" name="row[number_type]" class="form-control selectpicker" data-rule="required" data-none-selected-text="请选择" title="请选择">
                        {foreach name="numberTypeList" item="vo" key="key"}
                        <option value="{$key|htmlentities}" {if isset($row) && $row.number_type==$key}selected{elseif !isset($row) && $key=='whatsapp'/}selected{/if}>{$vo|htmlentities}</option>
                        {/foreach}
                    </select>
                </div>
            </div>
            <div class="st-grid-cell">
                <div class="form-group">
                    <label for="c-split_link_id" class="control-label">{:__('Split_link_id')}<span class="text-danger">*</span></label>
                    <select id="c-split_link_id" name="row[split_link_id]" class="form-control selectpicker" data-live-search="true" data-rule="required" data-none-selected-text="请选择" title="请选择">
                        <option value="">请选择</option>
                        {foreach name="splitLinkList" item="link"}
                        <option value="{$link.id|htmlentities}" {if isset($row) && $row.split_link_id==$link.id}selected{/if}>{$link.label|htmlentities}</option>
                        {/foreach}
                    </select>
                </div>
            </div>
        </div>
        <div class="st-grid-1 split-number-type-custom {if !isset($row) || $row.number_type!='custom'}hide{/if}">
            <div class="form-group">
                <label for="c-number_type_custom" class="control-label">{:__('Number_type_custom')}<span class="text-danger">*</span></label>
                <input id="c-number_type_custom" class="form-control" name="row[number_type_custom]" type="text" value="{$row.number_type_custom|default=''|htmlentities}" maxlength="50">
            </div>
        </div>
        <div class="st-grid-1">
            <div class="form-group">
                <label for="c-ticket_name" class="control-label">{:__('Ticket_name')}<span class="text-danger">*</span></label>
                <input id="c-ticket_name" data-rule="required" class="form-control" name="row[ticket_name]" type="text" value="{$row.ticket_name|default=''|htmlentities}" maxlength="100">
            </div>
        </div>
        <div class="st-grid-1">
            <div class="form-group">
                {if isset($row)}
                <label for="c-number" class="control-label">{:__('Number')}<span class="text-danger">*</span></label>
                <input id="c-number" data-rule="required" class="form-control" name="row[number]" type="text" value="{$row.number|default=''|htmlentities}" maxlength="50">
                {else}
                <label for="c-numbers" class="control-label">{:__('Numbers')}<span class="text-danger">*</span></label>
                <textarea id="c-numbers" data-rule="required" class="form-control" name="row[numbers]" rows="8" placeholder="{:__('Numbers placeholder')}"></textarea>
                {/if}
            </div>
        </div>
        <div class="st-grid-1">
            <div class="form-group">
                <label class="control-label">{:__('Status')}<span class="text-danger">*</span></label>
                <div>
                    {foreach name="statusList" item="vo" key="key"}
                    <label class="radio-inline">
                        <input type="radio" name="row[status]" value="{$key|htmlentities}" data-rule="required" {if isset($row) && $row.status==$key}checked{elseif !isset($row) && $key=='normal'/}checked{/if}> {$vo|htmlentities}
                    </label>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
</div>