<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('新增患者管理品')" />
    <th:block th:include="include :: ztree-css" />
    <th:block th:include="include :: select2-css" />
    <th:block th:include="include :: bootstrap-select-css" />
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <form id="form-SSpglJfspProductinfo-add" class="customize-search-form">
        <div class="customize-form-group-container">

            <div class="customize-form-group">
                <label>药品编码</label>
                <select class="styled-input" id="mdmCode" name="mdmCode">
                    <option value="">--药品编码或药品名--</option>
                </select>
            </div>

<!--            <div class="customize-form-group">-->
<!--                <label class="is-required">药品编码:</label>-->
<!--                <input name="mdmCode" placeholder="请输入药品编码或药品名称" id="mdmCode" class="styled-input" type="text" required>-->
<!--                <div id="suggestions" class="dropdown-list"></div>-->
<!--            </div>-->

            <div class="customize-form-group">
                <label>规格:</label>
                <input name="specification" placeholder="请输入规格" id="specification" class="styled-input" type="text">
            </div>
            <div class="customize-form-group">
                <label>包装:</label>
                <input name="packaging" placeholder="请输入包装" id="packaging" class="styled-input" type="text">
            </div>
            <div class="customize-form-group">
                <label class="is-required">通用名:</label>
                <input name="genericName" placeholder="请输入通用名" id="genericName" class="styled-input" type="text" required>
            </div>
            <div class="customize-form-group">
                <label class="is-required">商品名:</label>
                <input name="productName" placeholder="请输入商品名" id="productName" class="styled-input" type="text" required>
            </div>


            <div class="customize-form-group">
                <label>厂家简称:</label>
                <input name="manufacturerShortName" placeholder="请输入厂家简称" id="manufacturerShortName" class="styled-input" type="text">
            </div>
                <div class=" panel panel-warning" style="width: 90%;margin-left: 8%">
                    <div class="panel-heading">
                        <i class="fa fa-info-circle"></i> 以下是选择项的说明
                    </div>
                    <div class="panel-body">
                        <p>1.是否随访管品:指的是药品是否需要进行用药后的跟踪随访。对于一些特定的药物，特别是那些可能有严重副作用或需要监测疗效的药物，医疗机构和药企可能会对使用这些药物的患者进行定期随访，以确保药物的安全性和有效性。</p>
                        <p>2.分是否冷链管理品:冷链管理指的是在整个供应链过程中，从生产、储存到运输直至最终到达消费者手中的每一个环节都保持在规定的低温环境中。这适用于那些对温度敏感的药品，以保证其品质和效力不受影响。</p>
                        <p>3.是否登记管理品:登记管理是指药品是否被列入了特定的监管名单中，要求对其销售、使用等情况进行详细记录。这类药品通常是因为它们具有较高的风险性或者特殊的管理需求。</p>
                        <p>4.是否慈善援助管理品:慈善援助管理涉及药品是否作为慈善项目的一部分提供给经济困难或特定条件下的患者。企业或组织会为符合条件的人群免费提供药物支持，减轻他们的经济负担。</p>
                    </div>
                    <div class="customize-form-group">
                        <label class="is-required">是否随访管理品:</label>
                        <select name="isFollowUpManaged" id="isFollowUpManaged" class="styled-input" th:with="type=${@dict.getType('sys_gxhpz_yes_no')}" required>
                            <option value="">请选择</option>
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                        </select>

                        <label class="is-required">是否冷链管理品:</label>
                        <select name="isColdChainManaged" id="isColdChainManaged" class="styled-input" th:with="type=${@dict.getType('sys_gxhpz_yes_no')}" required>
                            <option value="">请选择</option>
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                        </select>
                    </div>
                    <div class="customize-form-group" id="isRegisteredManagedDiv">
                        <label>是否登记管理品:</label>
                        <select name="isRegisteredManaged" id="isRegisteredManaged" class="styled-input" th:with="type=${@dict.getType('sys_gxhpz_yes_no')}">
                            <option value="">请选择</option>
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                        </select>

                        <label>是否慈善援助管理品:</label>
                        <select name="isCharityAidManaged" id="isCharityAidManaged" class="styled-input" th:with="type=${@dict.getType('sys_gxhpz_yes_no')}">
                            <option value="">请选择</option>
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                        </select>
                    </div>
                    <div class="customize-form-group">
                        <label class="is-required">给药方式:</label>
                        <select name="administrationMethod" id="administrationMethod" class="styled-input" th:with="type=${@dict.getType('sys_select_dtp_yyff')}" required>
                            <option value="">请选择</option>
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                        </select>

                        <label>企业流向管理方式:</label>
                        <select name="enterpriseFlowManagement" id="enterpriseFlowManagement" class="styled-input" th:with="type=${@dict.getType('sys_gxhpz_yppz_qylxglfs')}">
                            <option value="">请选择</option>
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                        </select>
                    </div>
                </div>

            <div class=" panel panel-warning" style="width: 100%;margin-left: 8%">
                <div class="panel-heading">
                    <i class="fa fa-info-circle"></i> 用药规则配置信息
                </div>
                <div class="panel-body">
                    <p>1:最大剂量数量与单位
                        最大剂量数量：
                        定义： 指定患者在一定时间内（通常为一天）可以使用的药物最高限量。
                        用途： 用于设定安全用药上限，防止过量使用带来的风险。
                        示例： 如果某种药物的最大日剂量是500毫克，则“最大剂量数量”应设置为500。
                        最大剂量单位：
                        定义： 配合“最大剂量数量”使用的计量单位，如毫克(mg)、克(g)或毫升(ml)。
                        用途： 精确描述药物剂量，确保不同药物之间的比较和管理的一致性。
                        选择： 根据具体药品的规格选择合适的单位。</p>
                    <p>2:常用剂量数量与单位
                        常用剂量数量：
                        定义： 指的是医生通常推荐给患者的每日标准用药量。
                        用途： 提供一个常规参考值，指导患者正确用药。
                        示例： 对于某些药物，医生可能建议每天服用100毫克作为常规剂量。
                        常用剂量单位：
                        定义： 配合“常用剂量数量”使用的计量单位。
                        用途： 和最大剂量单位一样，用于精确描述药物剂量。
                        选择： 同样依据药品的具体规格来确定。</p>
                    <p>3:最小剂量数量与单位
                        最小剂量数量：
                        定义： 指定患者在一定时间内（通常为一天）可以使用的药物最低限量。
                        用途： 确保药物的有效性，避免因剂量不足而影响治疗效果。
                        示例： 对于某些药物，最小日剂量可能是50毫克。
                        最小剂量单位：
                        定义： 配合“最小剂量数量”使用的计量单位。
                        用途： 确保剂量描述的准确性。
                        选择： 根据药品规格选择适当的单位。</p>
                    <p>4:   购药包装单位数值与单位
                        购药包装单位数值：
                        定义： 表示每次购买时，药品的标准包装内含有的药物单元数。这是系统计算D值（例如，药品库存天数等指标）的关键参数之一。
                        用途： 用于准确统计药品的销售和库存情况，帮助医疗机构和药店合理规划采购计划。
                        示例： 如果一盒药品含有30片，则“购药包装单位数值”应设置为30。
                        包装单位：
                        定义： 描述“购药包装单位数值”的计数单位，如片、粒、瓶、支等。
                        用途： 明确药品包装内的物品形式，便于用户理解。
                        选择： 根据药品的实际包装形式来选择</p>
                </div>
                <div class="customize-form-group">
                    <label class="is-required">最大剂量数量：</label>
                    <input type="number" name="dosage_max" id="dosage_max" placeholder="最大剂量数量" class="styled-input" required />

                    <label class="is-required">最大剂量单位：</label>
                    <select name="unit_max" class="styled-input"  id="unit_max" placeholder="最大剂量单位" th:with="type=${@dict.getType('sys_gxhpz_gg_unitall')}" required>
                        <option value="">请选择</option>
                        <option th:each="dict : ${type}" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"></option>
                    </select>
                </div>

                <div class="customize-form-group">
                    <label>常用剂量数量：</label>
                    <input type="number" name="dosage_normal" id="dosage_normal"  placeholder="常用剂量数量" class="styled-input" />

                    <label>常用剂量单位：</label>
                    <select name="unit_normal" id="unit_normal" class="styled-input" style="height: auto" placeholder="常用剂量单位" th:with="type=${@dict.getType('sys_gxhpz_gg_unitall')}">
                        <option value="">请选择</option>
                        <option th:each="dict : ${type}" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"></option>
                    </select>
                </div>
                <div class="customize-form-group">
                    <label class="is-required">最小剂量数量：</label>
                    <input type="number" name="dosage_min"  id="dosage_min" placeholder="最小剂量数量" class="styled-input" required />

                    <label class="is-required">最小剂量单位：</label>
                    <select name="unit_min" class="styled-input"   style="height: auto" id="unit_min" placeholder="最小剂量单位" th:with="type=${@dict.getType('sys_gxhpz_gg_unitall')}" required>
                        <option value="">请选择</option>
                        <option th:each="dict : ${type}" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"></option>
                    </select>
                </div>
                <div class="customize-form-group">
                    <label class="is-required">购药包装单位数值：</label>
                    <input type="number" name="packing_value" id="packing_value" placeholder="购药包装单位数值" class="styled-input" required />

                    <label>包装单位：</label>
                    <select name="packing_unit" id="packing_unit" style="height: auto" class="styled-input" placeholder="包装单位"  th:with="type=${@dict.getType('sys_gxhpz_gg_unitall')}">
                        <option value="">请选择</option>
                        <option th:each="dict : ${type}" th:value="${dict.dictValue}" th:text="${dict.dictLabel}"></option>
                    </select>
                </div>
            </div>
<!--            <div class="rule-info-section">-->
<!--                <hr /> 用药规则配置信息<hr />-->
<!--                <span>这里是规则用药规则配置信息：最大剂量数量=每天用药数量,最大剂量单位=例如: mg,g,ml。购药包装单位数值=关键信息-是指更据药品规格选取的值，提供给系统自动计算D值的必要参数</span>-->
<!--            </div>-->


                    <div class="customize-form-group">
                        <label>状态:</label>
                        <select name="status" id="status" class="styled-input" th:with="type=${@dict.getType('sys_hzgl_qyty_status')}">
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
                        </select>
                    </div>
        </div>
    </form>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: ztree-js" />
<th:block th:include="include :: select2-js" />
<th:block th:include="include :: bootstrap-select-js" />
<script type="text/javascript">
    var prefix = ctx + "yppz/drugConfig";
    var isRegisteredManaged;
    var dtp_flag;
    function submitHandler() {
        var dosage_max = $("#form-SSpglJfspProductinfo-add").serializeArray().find(item => item.name === 'dosage_max');
        if (dosage_max.value === '') {
            $.modal.alertWarning("请选择【D值配置属性】最大剂量数量！");
            return null;
        }
        var dosage_min = $("#form-SSpglJfspProductinfo-add").serializeArray().find(item => item.name === 'dosage_min');
        if (dosage_min.value === '') {
            $.modal.alertWarning("请选择【D值配置属性】最小剂量数量！");
            return null;
        }
        var unit_max = $("#form-SSpglJfspProductinfo-add").serializeArray().find(item => item.name === 'unit_max');
        if (unit_max.value === '') {
            $.modal.alertWarning("请选择【D值配置属性】最大剂量单位！");
            return null;
        }
        var unit_min = $("#form-SSpglJfspProductinfo-add").serializeArray().find(item => item.name === 'unit_min');
        if (unit_min.value === '') {
            $.modal.alertWarning("请选择【D值配置属性】最小剂量单位！");
            return null;
        }
        var unit_normal = $("#form-SSpglJfspProductinfo-add").serializeArray().find(item => item.name === 'unit_normal');
        if (unit_normal.value === '') {
            $.modal.alertWarning("请选择【D值配置属性】常见计量单位！");
            return null;
        }
        var dosage_normal = $("#form-SSpglJfspProductinfo-add").serializeArray().find(item => item.name === 'dosage_normal');
        if (dosage_normal.value === '') {
            $.modal.alertWarning("请选择【D值配置属性】常见计量数量！");
            return null;
        }
        var packing_value = $("#form-SSpglJfspProductinfo-add").serializeArray().find(item => item.name === 'packing_value');
        if (packing_value.value === '') {
            $.modal.alertWarning("请选择【D值配置属性】包装单位值！");
            return null;
        }
        var packing_unit = $("#form-SSpglJfspProductinfo-add").serializeArray().find(item => item.name === 'packing_unit');
        if (packing_unit.value === '') {
            $.modal.alertWarning("请选择【D值配置属性】包装单位！");
            return null;
        }
        if ($.validate.form()) {
            add();
        }
    }

    function add() {
        var data = $("#form-SSpglJfspProductinfo-add").serializeArray();
        $.ajax({
            cache : true,
            type : "POST",
            url : ctx + "yppz/drugConfig/savedrugConfig",
            data : data,
            async : false,
            error : function(request) {
                $.modal.alertError("失败");
            },
            success : function(data) {
                $.operate.successCallback(data);
            }
        });
    }


        $(document).ready(function() {
            // 初始化 Select2
            $('#mdmCode').select2({
                placeholder: '--药品编码或药品名--',
                allowClear: true,
                ajax: {
                    url: prefix + '/searchDrugs', // 替换为实际的搜索 URL
                    dataType: 'json',
                    delay: 300,
                    method: 'POST', // 使用 POST 方法
                    data: function (params) {
                        return {
                            query: params.term // search term
                        };
                    },
                    processResults: function (data) {
                        if (data.code == 0) {
                            return {
                                results: data.data.map(function(item) {
                                    return { id: item.product_code, text: item.product_code + ' - ' + item.product_name, product_code: item.product_code };
                                })
                            };
                        } else {
                            return { results: [] };
                        }
                    },
                    cache: true
                }
            });

            // 处理选择事件
            $('#mdmCode').on('select2:select', function (e) {
                var selectedData = e.params.data;
                var selectedProductCode = selectedData.product_code;
                console.log("Selected Product Code:", selectedProductCode);

                // 再次发送 AJAX 请求以获取详细信息
                hzparam = { query: selectedProductCode };
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: prefix + '/searchDrugsObject', // 替换为实际的获取详情 URL
                    data: hzparam,
                    async: false,
                    success: function(data) {
                        console.log("details====" + JSON.stringify(data));
                        if (data.code == 0) {
                            populateFormFields(data.data);
                        } else {
                            clearFormFields();
                        }
                    },
                    error: function(error) {
                        clearFormFields();
                    }
                });
            });

            // 清空表单字段
            function clearFormFields() {
                $('#mdmCode').val('').trigger('change');
                $('#genericName').val('');
                $('#productName').val('');
                $('#manufacturerShortName').val('');
                $('#packaging').val('');
                $('#specification').val('');

                $('#isFollowUpManaged').val('');
                $('#isColdChainManaged').val('');
                $('#isRegisteredManaged').val('');
                $('#isCharityAidManaged').val('');
                $('#administrationMethod').val('');

                $('#packing_value').val('');
                $('#packing_unit').val('');
                $('#dosage_max').val('');
                $('#dosage_min').val('');
                $('#dosage_normal').val('');
                $('#unit_normal').val('');
                $('#unit_max').val('');
                $('#unit_min').val('');

            }

            // 填充表单字段
            function populateFormFields(data) {
                $('#mdmCode').val(data.product_code);//.trigger('change')
                $('#genericName').val(data.generic_name);
                $('#productName').val(data.product_name);
                $('#manufacturerShortName').val(data.manufacturer_abbreviation);
                $('#packaging').val(data.packaging);
                $('#specification').val(data.specification);

                $('#isFollowUpManaged').val(data.follow_up_item);
                $('#isColdChainManaged').val(data.cold_chain_item);
                $('#isRegisteredManaged').val(data.registered_item);
                $('#administrationMethod').val(data.drug_delivery_way);
                $('#isCharityAidManaged').val(data.charity_aid_item);
                $('#dosage_max').val(data.dosage_max);
                $('#dosage_min').val(data.dosage_min);
                $('#dosage_normal').val(data.dosage_normal);
                $('#unit_normal').val(data.unit_normal);
                $('#unit_max').val(data.unit_max);
                $('#unit_min').val(data.unit_min);
                $('#packing_unit').val(data.packing_unit);
                $('#packing_value').val(data.packing_value);

                dtp_flag = data.dtp_flag;
               // updateButtonVisibility1(); // 更新按钮可见性
                if (dtp_flag === "D") {
                    isRegisteredManaged = 1;
                    $('#isRegisteredManaged').val(isRegisteredManaged);
                }
            }

            // 页面加载时检查初始状态
            updateButtonVisibility1();
        });
    function updateButtonVisibility1() {
        var dValueId = $('#mdmCode').val().trim();
        if (dtp_flag==="D") {
            $('#isRegisteredManagedDiv').hide();
        } else {
            $('#isRegisteredManagedDiv').show();
        }
    }
</script>
<style>
    .styled-input {
        padding: 5px;
        width: 200px;
        position: relative;
    }
    .dropdown-list {
        position: absolute;
        border: 1px solid #ccc;
        background-color: white;
        z-index: 1000;
        max-height: 150px;
        overflow-y: auto;
        width: 100%;
        box-sizing: border-box;
    }
    .dropdown-item {
        padding: 5px;
        cursor: pointer;
    }
    .dropdown-item:hover {
        background-color: #f0f0f0;
    }
    .form-grid1 {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 创建两列 */
        gap: 20px; /* 设置列之间的间距 */
    }

    .form-field-left, .form-field-right {
        display: flex;
        flex-direction: column;
    }

    .form-field-left , .form-field-right {
        margin-bottom: 5px; /* 给标签与输入框之间留出一些空间 */
    }

    .styled-input1 {
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        width: 100%; /* 确保输入框占满整个宽度 */
    }

    .span_line1 {
        display: block;
        height: 1px;
        background-color: #e0e0e0;
        margin-top: 10px;
    }
    .rule-info-section {
        /*display: flex;*/
        align-items: center;
        justify-content: center;
        margin-bottom: 20px; /* 调整与下面表单元素的距离 */
    }

    .rule-info-section hr {
        flex-grow: 1;
        margin: 0 10px; /* 线条与文案之间的间距 */
        border: 0;
        height: 1px;
        background-color: #ccc; /* 线条颜色 */
    }

    .rule-info-section span {
        background: #efe9c4;
        padding: 0 10px; /* 文案与线条之间的内边距 */
        font-size: 14px;
        color: #dd1b20; /* 文案颜色 */
    }
</style>
</body>
</html>
