jili2/application/admin/view/ph_orders/add.html

{extend name="common/common2" /}
{block name="main"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <!--<div class="ibox-title">-->
                <!--<h5>{$meta_title}</h5>-->
                <!--<div class="ibox-tools">-->
                    <!--<a class="toback" href="{:url('index')}">-->
                        <!--返回上一页-->
                    <!--</a>-->
                <!--</div>-->
            <!--</div>-->
            <div class="ibox-content">
                <form method="post" action="{:url('add')}" class="form-horizontal">
                    <input type="hidden" name="id" value="{$info['id']|default='0'}">
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">联系人 <span class="text-danger">*</span></label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" name="contact" value="{$info.contact|default=''}">
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">联系手机号 <span class="text-danger">*</span></label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" name="phone" value="{$info.phone|default=''}">
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">病人姓名</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" name="name" value="{$info.name|default=''}">
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">性别</label>
                            <div class="col-xs-9">
                                <select name="gender" class="form-control">
                                    <option value="1">男</option>
                                    <option value="2">女</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">服务开始时间 <span class="text-danger">*</span></label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" readonly id="start" name="start" value="{$info.start|default=''}">
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">年龄</label>
                            <div class="col-xs-9">
                                <input type="number" class="form-control" name="age" value="{$info.age|default=''}">
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">床号</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" name="bed" value="{$info.bed|default=''}">
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">
                        <div class="form-group">
                            <label class="col-xs-3 control-label">所患疾病</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" name="ill" value="{$info.ill|default=''}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">科室/部门 <span class="text-danger">*</span></label>
                        <div class="col-sm-7">
                            <select name="depId" id="dep" class="form-control">
                                <option value="">选择科室/部门</option>
                                {volist name="dep" id="v"}
                                <option value="{$v.id}">{$v.title}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>

                    <div class="form-group" >
                        <label class="col-sm-2 control-label">陪护服务<span class="text-danger">*</span></label>
                        <div class="col-sm-7">
                            <select name="cateId" id="cate" class="form-control" onchange="changeService(this)" >
                                <option value="" id="tips">选择服务</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">价格(/人/天)</label>
                        <div class="col-sm-7">
                            <input type="number" class="form-control" id="price" name="price" value="{$info.price|default=''}">
                        </div>
                    </div>

<!--                    <div class="form-group">-->
<!--                        <label class="col-sm-2 control-label">预收金</label>-->
<!--                        <div class="col-sm-7">-->
<!--                            <input type="number" class="form-control" name="preMoney" value="{$info.pre_money|default=''}">-->
<!--                        </div>-->
<!--                    </div>-->

                    <div class="form-group">
                        <label class="col-sm-2 control-label">执行护工</label>
                        <div class="col-sm-7">
                            {:widget('common/multiselect',['name'=>'uids','lists' => $workers, 'val' => []])}
                        </div>
                    </div>


                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-2">
                            <button class="btn btn-primary ajax-post" data-layer_c="1" target-form="form-horizontal" type="submit">确 定</button>
                            <button  class="btn cancel-btn btn-default" type="button">取 消</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="/static/layDate-v5.0.9/laydate.js"></script>
<script>
    laydate.render({
        elem: '#start',
        //设置开始日期、日期日期的 input 选择器
        //数组格式为 5.3.0 开始新增，之前版本直接配置 true 或任意分割字符即可
        type: 'datetime',
        trigger: 'click',
        theme: '#148d8f'
    });
    var cates = JSON.parse('{:json_encode($cate)}');
    document.addEventListener('DOMContentLoaded', function () {
        const cateSelect = document.getElementById('cate');
        const depSelect = document.getElementById('dep');
        const tipsOption = document.getElementById('tips');
        tipsOption.textContent = '请先选择科室/部门';
        cateSelect.disabled = true;
        let filteredData = [];

        // 监听 dep 的值变化
        depSelect.addEventListener('change', function () {
            cateSelect.value = '';
            cateSelect.innerHTML = '';
            $('#price').val('');
            if (depSelect.value) {
                tipsOption.textContent = '选择服务';
                cateSelect.disabled = false;
                const defaultOption = document.createElement('option');
                defaultOption.value = '';
                defaultOption.textContent = '选择服务';
                cateSelect.appendChild(defaultOption);
                filteredData = cates.filter(item => item.deps.includes(depSelect.value));
                if (filteredData.length === 0) {
                    filteredData = cates.filter(item => item.deps.length === 0);
                }
                if (filteredData.length === 0){
                    cateSelect.disabled = true;
                    tipsOption.textContent = '无陪护服务，请选择其他科室';
                }else{
                    filteredData.forEach(option => {
                        cateSelect.add(new Option(option.title, option.id));
                    });
                }
            } else {
                cateSelect.disabled = true;
                tipsOption.textContent = '请先选择科室/部门';
            }
        });
    });
    function changeService(_self) {
        var cateId = $(_self).val();
        var price = '';
        for (let o in cates) {
            if (cates[o].id == cateId) {
                price = cates[o].price;
                break;
            }
        }
        $('#price').val(price);
    }
</script>
{/block}