xh-erp.7in6.com/application/admin/view/procuremen/add.html

<style>
    .procuremen-add-wrap {
        max-width: 720px;
        padding: 4px 8px 24px;
    }
    .procuremen-add-form .form-group {
        margin-bottom: 12px;
    }
    .procuremen-add-form .form-control[readonly] {
        background-color: #f5f5f5;
        cursor: default;
    }
    .procuremen-add-form .layer-footer .btn + .btn {
        margin-left: 12px;
    }
    /* 多选已选项换行完整展示，避免单行省略号截断 */
    .procuremen-add-form .bootstrap-select {
        width: 100% !important;
    }
    .procuremen-add-form .bootstrap-select > .dropdown-toggle {
        height: auto !important;
        min-height: 34px;
        white-space: normal;
        text-align: left;
        padding: 6px 28px 6px 12px;
        line-height: 1.45;
    }
    .procuremen-add-form .bootstrap-select .filter-option,
    .procuremen-add-form .bootstrap-select .filter-option-inner,
    .procuremen-add-form .bootstrap-select .filter-option-inner-inner {
        white-space: normal !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: break-all;
        line-height: 1.45;
    }
    /* 统一向下展开，避免「通知业务员」因靠近底部自动向上弹 */
    .procuremen-add-form .bootstrap-select.dropup .dropdown-menu {
        top: 100% !important;
        bottom: auto !important;
        margin-top: 2px !important;
        margin-bottom: 0 !important;
    }
    .procuremen-add-form .bootstrap-select.dropup .dropdown-toggle::after,
    .procuremen-add-form .bootstrap-select.dropup .caret {
        border-top: 4px dashed;
        border-bottom: 0;
    }
    /* 需求部门：可下拉选全部，也可手输；点输入框即可展开 */
    .procuremen-add-form .rfq-dept-combo {
        width: 100%;
        position: relative;
    }
    .procuremen-add-form .rfq-dept-combo #rfq-dept-input {
        cursor: text;
    }
    .procuremen-add-form .rfq-dept-combo .dropdown-menu {
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        min-width: 100%;
        max-height: 260px;
        overflow-y: auto;
        margin-top: 2px;
    }
    .procuremen-add-form .rfq-dept-combo .input-group-btn {
        position: static;
    }
    .procuremen-add-form .rfq-dept-combo .dropdown-menu > li > a {
        padding: 6px 12px;
        white-space: normal;
        word-break: break-all;
    }
    .procuremen-add-form .rfq-dept-combo .dropdown-menu > li.rfq-dept-empty {
        display: none;
        padding: 8px 12px;
        color: #999;
        font-size: 12px;
    }
    .procuremen-add-form textarea[name="row[MBZ]"] {
        resize: none;
    }
</style>

<div class="procuremen-add-wrap">
    <form id="add-form" class="form-horizontal procuremen-add-form" role="form" data-toggle="validator" method="POST" action="">
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">需求编号:</label>
            <div class="col-xs-12 col-sm-8">
                <input id="add-next-ccydh" class="form-control" type="text" value="{$nextOrderCcydh|default=''|htmlentities}" readonly>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">印件名称:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" name="row[CYJMC]" type="text" autocomplete="off">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">需求部门:</label>
            <div class="col-xs-12 col-sm-8">
                <div class="input-group rfq-dept-combo">
                    <input id="rfq-dept-input" class="form-control" name="row[CCLBMMC]" type="text" value="{$defaultCclbmmc|default='营销中心'|htmlentities}" autocomplete="off" placeholder="可下拉选择或自行输入">
                    <div class="input-group-btn">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="选择部门">
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            {volist name="rfqDeptOptions" id="deptName"}
                            <li><a href="javascript:;" class="rfq-dept-pick" data-value="{$deptName|htmlentities}">{$deptName|htmlentities}</a></li>
                            {/volist}
                            <li class="rfq-dept-empty">无匹配部门，可直接输入使用</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">工序名称:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" name="row[CGYMC]" type="text" autocomplete="off">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">单位:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" name="row[CDW]" type="text" autocomplete="off">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">本次数量:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" name="row[This_quantity]" type="text" autocomplete="off">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">最高限价:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" name="row[ceilingPrice]" type="text" autocomplete="off">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">订法:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" name="row[CDF]" type="text" autocomplete="off">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">选择供应商:</label>
            <div class="col-xs-12 col-sm-8">
                <select class="form-control selectpicker" name="row[cGzzxMc][]" multiple data-live-search="true" data-dropup-auto="false" data-width="100%" data-selected-text-format="values" title="请选择供应商">
                    {volist name="rfqSupplierOptions" id="supName"}
                    <option value="{$supName|htmlentities}">{$supName|htmlentities}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">需求发起人:</label>
            <div class="col-xs-12 col-sm-8">
                <input class="form-control" name="row[cywyxm]" type="text" value="{$adminNickname|default=''|htmlentities}" readonly>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">通知业务员:</label>
            <div class="col-xs-12 col-sm-8">
                <select class="form-control selectpicker" name="row[notify_salesman][]" multiple data-live-search="true" data-dropup-auto="false" data-width="100%" data-selected-text-format="values" title="请选择业务员">
                    {volist name="rfqSalesmanOptions" id="smName"}
                    <option value="{$smName|htmlentities}">{$smName|htmlentities}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-xs-12 col-sm-2">备注:</label>
            <div class="col-xs-12 col-sm-8">
                <textarea class="form-control" name="row[MBZ]" rows="4" autocomplete="off"></textarea>
            </div>
        </div>
        <div class="form-group layer-footer">
            <label class="control-label col-xs-12 col-sm-2"></label>
            <div class="col-xs-12 col-sm-8">
                <button type="submit" class="btn btn-primary btn-embossed disabled">新增</button>
                <button type="reset" class="btn btn-default btn-embossed">重置</button>
            </div>
        </div>
    </form>
</div>