<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('档案明细')" />
</head>
<style>

</style>
<script>

</script>
<body>
    <div class="ui-layout-center">
            <h4 class="form-header h4">档案详情</h4>
                <div class="col-sm-12">
                    <div class="tabs-container">
                        <ul class="nav nav-tabs" id="myTabs3">
                            <!--<li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">基本信息(快速建档信息)</a>
                            </li>-->
                            <li class="active"><a data-toggle="tab" href="#tab-2" aria-expanded="false">首患建档</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false" > 用药购药</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">随访计划</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-5" aria-expanded="false">任务跟进</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <!-- 需要隐藏的div -->
                            <!--<div id="tab-1" class="tab-pane active">
                                        <form class="customize-search-form" id="form-server-edit1" >
                                        <input type="hidden" id="id" name="id" th:value="${id}">
                                        <div class="customize-form-group edit">
                                            <label class="control-label is-required">姓名：</label>
                                            <input name="name" id="name"  placeholder="请输入姓名" class="styled-input edit_inputs"  type="text" maxlength="30" th:value="${name}" disabled="true">
                                            &nbsp; <i class="fa" th:class="${realNameStatus == 1 ? 'fa fa-check' : 'fa fa-close'}" id="checkName"  ></i>
                                            &nbsp;
                                            <input name="realNameStatus" id="realNameStatus" class="status" type="text"   th:value="${realNameStatus == 1 ? '已实名' : (realNameStatus == 0 ? '未实名' : '')}" readonly>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label>性别：</label>
                                            <select name="gender" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_user_sex')}" disabled="true">
                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
                                                        th:selected="${dict.dictValue} == ${gender}" ></option>
                                            </select>
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label>出生年月：</label>
                                            <input name="dateBirth" id="dateBirth" placeholder="出生年月" class="styled-input edit_inputs"  type="text"    th:value="${dateBirth}" disabled="true">
                                            <span class="status" style="width: 66px">
                                                <input  name="age" type="text" id="age" th:value="${age}" style="text-align: center;width: 30px;border: none;" readonly>
                                                岁
                                            </span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label class="control-label is-required">手机号：</label>
                                            <input name="phoneNumber" id="phoneNumber" placeholder="请输入手机号" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${phoneNumber}" required>
                                            <span class="span_line" readonly></span>
                                        </div>

                                        <div class="customize-form-group edit">
                                            <label >证件号码：</label>
                                            <input name="documentType" placeholder="证件类型" class="styled-input short" type="text"  th:value="${documentType}" disabled="true">
                                            <input name="documentNumber" placeholder="请输入证件号码" class="styled-input edit_inputs1" type="text" maxlength="30" th:value="${documentNumber}" disabled="true">
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit select-time">
                                            <label >首次确诊时间：</label>
                                            <input name="timeFirstDiagnosis" placeholder="首次确诊时间" class="time-input styled-input edit_inputs"  type="text"  th:value="${timeFirstDiagnosis}">
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group">
                                            <label class="col-sm-1 control-label">配送地址：</label>
                                            <input name="creator" placeholder="配送地址"  id="creator" class="styled-input edit_inputs" type="text" th:value="${creator}">
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group">
                                            <label class="col-sm-1 control-label">联系人手机号：</label>
                                            <input name="contactPhone" placeholder="联系人手机号"  id="contactPhone" class="styled-input edit_inputs" type="text" th:value="${contactPhone}">
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group">
                                            <label class="col-sm-1 control-label">联系人姓名：</label>
                                            <input name="contactName" placeholder="联系人姓名"  id="contactName" class="styled-input edit_inputs" type="text" th:value="${contactName}">
                                            <span class="span_line" readonly></span>
                                        </div>
                                        &lt;!&ndash;<div class="customize-form-group edit">
                                            <label >社保卡号：</label>
                                            <input name="socialSecurityCard" placeholder="社保卡号" class="styled-input edit_inputs" type="text"   th:value="${socialSecurityCard}">
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >身高：</label>
                                            <input name="height" id="height" placeholder="请输入身高" class="styled-input edit_inputs" type="number"  th:value="${height}">
                                            <span class="status" style="width: 66px">&nbsp;cm</span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >体重：</label>
                                            <input name="weight" id="weight" placeholder="请输入体重" class="styled-input edit_inputs" type="number"  th:value="${weight}">
                                            <span class="status" style="width: 66px">&nbsp;kg</span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >BMI：</label>
                                            <input name="BMI" id="BMI" placeholder="BMI值" class="styled-input edit_inputs" type="text"  th:value="${BMI}" readonly>
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >民族：</label>
                                            <select name="nation" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_mz')}">
                                                <option value="">请选择</option>
                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
                                                        th:selected="${dict.dictLabel}==${nation}"></option>
                                            </select>
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >籍贯：</label>
                                            <select name="nativePlace" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jg')}" >
                                                <option value="">请选择</option>
                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
                                                        th:selected="${dict.dictLabel}==${nativePlace}"></option>
                                            </select>
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >座机号码：</label>
                                            <input name="landlineNumber" placeholder="请输入座机号码" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${landlineNumber}">
                                            <span class="span_line" readonly></span>
                                        </div>

                                        <div class="customize-form-group edit">
                                            <label class="control-label is-required">慢病肿瘤类型：</label>
                                            <select name="chronicTumorType" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_mbzllx')}" required>
                                                <option value="">请选择</option>
                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
                                                        th:selected="${dict.dictLabel}==${chronicTumorType}"></option>
                                            </select>
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit select-time">
                                            <label >首次确诊时间：</label>
                                            <input name="timeFirstDiagnosis" placeholder="首次确诊时间" class="time-input styled-input edit_inputs"  type="text"  th:value="${timeFirstDiagnosis}">
                                            <span class="span_line" readonly></span>
                                        </div>

                                        <div class="customize-form-group edit">
                                            <label class="control-label is-required">疾病类型：</label>
                                            <select name="diseaseType" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jblx')}"  required>
                                                <option value="">请选择</option>
                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                        th:selected="${dict.dictLabel}==${diseaseType}"></option>
                                            </select>
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >治疗线收集：</label>
                                            <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_zlxsj')}">
                                                <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" th:checked="${dict.dictLabel}==${healingLineCollection}"  name="healingLineCollection">
                                            </div>
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >保险：</label>
                                            <div class="selected-values" id="selected-values" style="display: none;"></div>
                                            <select name="insurance" id="insurance" class="noselect2 selectpicker mySelectClass" multiple  data-none-selected-text="请选择" th:with="type=${@dict.getType('sys_select_dtp_ysfw_bxlx')}">
                                                <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                        th:selected="${dict.dictLabel}==${insurance}"></option>
                                            </select>
                                            <input type="hidden" id="insuranceValue" name="insuranceValue" value="">
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >临床诊断：</label>
                                            <input name="disease" placeholder="请输入临床诊断信息" class="styled-input edit_inputs" type="text"  th:value="${disease}">
                                            <span class="span_line" readonly></span>
                                        </div>
                                        <div class="customize-form-group edit">
                                            <label >上翻状态：</label>
                                            <input name="flipStatus" class="styled-input edit_inputs" id="flipStatus" style="border: none" type="text"
                                                   th:value="${flipStatus == 1 ? '已上翻' : (flipStatus == 2 ? '未上翻' : '')}" disabled readonly>
                                            <a href="#" onclick="unbound()" style="width: 66px;" id="unboundflipStatus">&nbsp;&nbsp;解绑</a>
                                        </div>&ndash;&gt;
                                    </form>
                            </div>-->
                            <div id="tab-2" class="tab-pane active">
                             <form class="form-horizontal" id="form-server-edit">
                                <input type="hidden" id="id2" name="id" th:value="${id}">
                                <input type="hidden" id="basicInformation" name="basicInformation" value="true">
                                <div class="panel-body">
                                    <ul class="nav nav-tabs" id="myTabs">
                                        <li class="active"><a data-toggle="tab" href="#tab-20" aria-expanded="true">快速建档信息</a>
                                        </li>
                                        <li class="active"><a data-toggle="tab" href="#tab-21" aria-expanded="true">一般信息、家族史和既往史</a>
                                        </li>
                                        <li class=""><a data-toggle="tab" href="#tab-22" aria-expanded="false">特重/罕见疾病情况</a>
                                        </li>
                                        <li class=""><a data-toggle="tab" href="#tab-23" aria-expanded="false">慢性疾病情况</a>
                                        </li>
                                        <!--<li class=""><a data-toggle="tab" href="#tab-24" aria-expanded="false">患病史</a>
                                        </li>
                                        <li class=""><a data-toggle="tab" href="#tab-25" aria-expanded="false">治疗手段</a>
                                        </li>
                                        <li class=""><a data-toggle="tab" href="#tab-26" aria-expanded="false">用药情况</a>
                                        </li>
                                        <li class=""><a data-toggle="tab" href="#tab-27" aria-expanded="false">其他信息</a>-->
                                        </li>
                                    </ul>
                                </div>
                                 <div id="tab-20" class="tab-pane  fade in active">
                                     <div class="panel-body">
                                         <strong>快速建档信息</strong>
                                         <div class="customize-search-form">
                                             <input type="hidden" id="id" name="id" th:value="${id}">
                                             <div class="customize-form-group edit">
                                                 <label class="control-label is-required">姓名：</label>
                                                 <input name="name" id="name"  placeholder="请输入姓名" class="styled-input edit_inputs"  type="text" maxlength="30" th:value="${name}" disabled="true">
                                                 &nbsp; <i class="fa" th:class="${realNameStatus == 1 ? 'fa fa-check' : 'fa fa-close'}" id="checkName"  ></i>
                                                 &nbsp;
                                                 <input name="realNameStatus" id="realNameStatus" class="status" type="text"   th:value="${realNameStatus == 1 ? '已实名' : (realNameStatus == 0 ? '未实名' : '')}" readonly>
                                             </div>
                                             <div class="customize-form-group edit">
                                                 <label>性别：</label>
                                                 <select name="gender" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_user_sex')}" disabled="true">
                                                     <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
                                                             th:selected="${dict.dictValue} == ${gender}" ></option>
                                                 </select>
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group edit">
                                                 <label>出生年月：</label>
                                                 <input name="dateBirth" id="dateBirth" placeholder="出生年月" class="styled-input edit_inputs"  type="text"    th:value="${dateBirth}" disabled="true">
                                                 <span class="status" style="width: 66px">
                                                <input  name="age" type="text" id="age" th:value="${age}" style="text-align: center;width: 30px;border: none;" readonly>
                                                岁
                                            </span>
                                             </div>
                                             <div class="customize-form-group edit">
                                                 <label class="control-label is-required">手机号：</label>
                                                 <input name="phoneNumber" id="phoneNumber" placeholder="请输入手机号" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${phoneNumber}" required>
                                                 <span class="span_line" readonly></span>
                                             </div>

                                             <div class="customize-form-group edit">
                                                 <label >证件号码：</label>
                                                 <input name="documentType" placeholder="证件类型" class="styled-input short" type="text"  th:value="${documentType}" disabled="true">
                                                 <input name="documentNumber" placeholder="请输入证件号码" class="styled-input edit_inputs1" type="text" maxlength="30" th:value="${documentNumber}" disabled="true">
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group edit select-time">
                                                 <label >首次确诊时间：</label>
                                                 <input name="timeFirstDiagnosis" placeholder="首次确诊时间" class="time-input styled-input edit_inputs"  type="text"  th:value="${timeFirstDiagnosis}">
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group">
                                                 <label class="col-sm-1 control-label">配送地址：</label>
                                                 <input name="addr" placeholder="配送地址"  id="addr" class="styled-input edit_inputs" type="text" th:value="${addr}">
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group">
                                                 <label class="col-sm-1 control-label">联系人手机号：</label>
                                                 <input name="contactPhone" placeholder="联系人手机号"  id="contactPhone" class="styled-input edit_inputs" type="text" th:value="${contactPhone}">
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group">
                                                 <label class="col-sm-1 control-label">联系人姓名：</label>
                                                 <input name="contactName" placeholder="联系人姓名"  id="contactName" class="styled-input edit_inputs" type="text" th:value="${contactName}">
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group-container">
                                                 <div class="customize-form-group">
                                                     <label class="col-sm-1 control-label">肿瘤发病部位疾病：</label>
                                                     <select id="category-select1"   class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                     </select>
                                                 </div>
                                                 <div class="customize-form-group">
                                                     <label class="col-sm-1 control-label">肿瘤治疗并发症与合并症：</label>
                                                     <select id="category-select2" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                     </select>
                                                 </div>
                                                 <div class="customize-form-group">
                                                     <label class="col-sm-1 control-label">风湿免疫疾病名称：</label>
                                                     <select id="category-select3"   class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                     </select>
                                                 </div>
                                                 <div class="customize-form-group">
                                                     <label class="col-sm-1 control-label">罕见病疾病：</label>
                                                     <select id="category-select4" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                     </select>
                                                 </div>
                                                 <div class="customize-form-group">
                                                     <label class="col-sm-1 control-label">感染类疾病：</label>
                                                     <select id="category-select5"   class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                     </select>
                                                 </div>
                                                 <div class="customize-form-group">
                                                     <label class="col-sm-1 control-label">临时慢病：</label>
                                                     <select id="category-select6"   class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                     </select>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                                <div id="tab-21" class="tab-pane  fade in active">
                                    <div class="panel-body">
                                        <strong>一般信息、家族史和既往史</strong>
                                        <div class="customize-search-form">
                                            <div class="customize-form-group edit">
                                                <!--<label class="control-label">身高：</label>--><!-- 这里如果使用<label class="control-label"> 的class 会使用框架中定义的小屏幕的格式 -->
                                                <label>身高：</label>
                                                <input name="height" id="heighth" placeholder="请输入身高" class="styled-input edit_inputs" type="number"  th:value="${height}">
                                                <span class="status">
                                                    cm
                                                </span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>体重：</label>
                                                <input name="weight" id="weightw" placeholder="请输入体重" class="styled-input edit_inputs" type="number"  th:value="${weight}">
                                                <span class="status">
                                                    kg
                                                </span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>BMI：</label>
                                                <input name="BMI" id="BMI2" placeholder="" class="styled-input edit_inputs" type="text"  th:value="${BMI}" readonly>
                                                <span class="status">
                                                    kg/m²
                                                </span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>腰围：</label>
                                                <input name="waist" id="waist" placeholder="请输入腰围" class="styled-input edit_inputs" type="number"  th:value="${waist}">
                                                <span class="status">
                                                    cm
                                                </span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>臀围：</label>
                                                <input name="hip" id="hip" placeholder="请输入臀围" class="styled-input edit_inputs" type="number"  th:value="${hip}">
                                                <span class="status">
                                                    cm
                                                </span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>血压：</label>
                                                <input name="bloodPressure" id="bloodPressure" placeholder="请输入血压" class="styled-input edit_inputs" type="number"  th:value="${bloodPressure}">
                                                <span class="status">
                                                    mmHg
                                                </span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>血糖：</label>
                                                <input name="bloodSugar" id="bloodSugar" placeholder="请输入血糖" class="styled-input edit_inputs" type="number"  th:value="${bloodSugar}">
                                                <span class="status">
                                                    mmol/L
                                                </span>
                                            </div>

                                            <div class="customize-search-form">
                                                <div class="customize-form-group edit">
                                                    <label>既往史：</label>
                                                    <select name="medicalHistory" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jibinshi')}">
                                                        <option value="">请选择</option>
                                                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                                th:selected="${dict.dictLabel}==${medicalHistory}"></option>
                                                    </select>
                                                    <span class="status"></span>
                                                </div>
                                                <div class="customize-form-group edit">
                                                    <label>是外伤手术史：</label>
                                                    <div class="input-groups" th:with="type=${@dict.getType('sys_yes_no')}">
                                                        <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" th:checked="${dict.dictLabel}==${hasSurgicalTraumaHistory}"  name="hasSurgicalTraumaHistory" id="hasSurgicalTraumaHistory">
                                                    </div>
                                                    <span class="status"></span>
                                                </div>
                                                <div class="customize-form-group edit">
                                                    <label>家族史：</label>
                                                    <select name="infectiousDiseaseHistory" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_crbs')}" >
                                                        <option value="">请选择</option>
                                                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                                th:selected="${dict.dictLabel}==${infectiousDiseaseHistory}"></option>
                                                    </select>
                                                    <span class="status"></span>
                                                </div>

                                                <!--<div class="customize-form-group edit">
                                                    <label>疾病史描述：</label>
                                                    <input name="medicalHistoryDescription" placeholder="疾病史描述" class="styled-input edit_inputs" type="text"  th:value="${medicalHistoryDescription}">
                                                </div>
                                                <div class="customize-form-group edit">
                                                     <label>传染病史描述：</label>
                                                     <input name="infectiousDiseaseHistoryDescription" placeholder="传染病史描述" class="styled-input edit_inputs" type="text"  th:value="${infectiousDiseaseHistoryDescription}">
                                                 </div>
                                                 <div class="customize-form-group edit">
                                                     <label>既往药物不良反应史：</label>
                                                     <input name="pastAdverseDrugReactionHistory" placeholder="既往药物不良反应史" class="styled-input edit_inputs" type="text"  th:value="${pastAdverseDrugReactionHistory}">
                                                 </div>-->
                                            </div>
                                            <div class="customize-search-form">
                                                <div class="customize-search-form">
                                                    <div class="customize-form-group edit">
                                                        <div class="customize-form-group edit">
                                                            <label>过敏史：</label>
                                                            <textarea id="allergyHistory" name="allergyHistory" placeholder="这里可以输入过敏史...食物/药物"
                                                                      class="styled-input edit_inputs textareas"
                                                                      style="width: auto;height: 35px ;border: 1px solid ;" rows="1.9" cols="112" th:text="${allergyHistory}"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--<div class="customize-search-form">
                                                <div class="customize-form-group edit">
                                                    <div style="/*display: flex;*/">
                                                        <label style="width: auto;">家族史:</label>
                                                        <button type="button"  data-toggle="modal" data-target="#myModal" class="btn btn-xs btn-primary">新增</button>
                                                        <table id="familyHistoryTable" style="width: 340px;">
                                                            <thead>
                                                            <tr>
                                                                <th>序号</th>
                                                                <th>疾病</th>
                                                                <th>家庭成员</th>
                                                                <th>操作</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody id="familyHistoryTableBody">
                                                            &lt;!&ndash; 表格行将在这里动态添加 &ndash;&gt;
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                                                        <div class="modal-dialog">
                                                            <form class="form-horizontal" id="form-jzs-add">
                                                                <div class="modal-content animated bounceInRight">
                                                                    <div class="modal-header">
                                                                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                                                                        </button>
                                                                        <h4 class="modal-title">家族史</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div class="customize-search-form">
                                                                            <div class="customize-form-group edit">
                                                                                <label >疾病</label>
                                                                                <input type="text" name="disease" placeholder="请输入疾病" class="styled-input edit_inputs"  style="width: 200px;" id="disease">
                                                                            </div>
                                                                        </div>
                                                                        <div class="customize-search-form">
                                                                            <div class="customize-form-group edit">
                                                                                <label>家庭成员</label>
                                                                                <select name="member" class="styled-input edit_inputs"  style="width: 200px;" th:with="type=${@dict.getType('sys_select_dtp_ysfw_lxryhzgx')}" id="member">
                                                                                    <option value="">请选择家庭成员</option>
                                                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                                                            th:selected="${dict.dictLabel}==${member}"></option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                                                        <button type="button" class="btn btn-primary" onclick="saveRow(1)">保存</button>
                                                                    </div>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>-->
                                            <!--<div class="customize-form-group edit">
                                                <label class="is-required">保险：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_bxlx')}" id="targetInsuranceDiv">
                                                    <input type="checkbox" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"   name="insurance2">
                                                </div>
                                                <div class="error-message" id="insurance-error">请选择至少一项保险</div>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label  >经济状况：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_mqjjzt')}">
                                                    <input type="radio" class="form-check-radio"  th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"   th:checked="${dict.dictLabel}==${currentEconomicSituation}" name="currentEconomicSituation" >
                                                </div>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label class="is-required">患者是否知情：</label>
                                                <select name="patientAwareness" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_yes_no')}" required>
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${patientAwareness}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>是否反馈医生：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_yes_no')}">
                                                    <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"  th:checked="${dict.dictLabel}==${followUpFeedbackDoctor}"  name="followUpFeedbackDoctor" >
                                                </div>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>心率：</label>
                                                <select name="heartRate" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_xl')}" placeholder="请选择心率">
                                                    <option value="">请选择心率</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${heartRate}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>血压：</label>
                                                <select name="bloodPressureStatus" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_xueya')}">
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${bloodPressureStatus}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>吸烟史：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_xys')}">
                                                    <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"  th:checked="${dict.dictLabel}==${smokingHistory}" name="smokingHistory" >
                                                </div>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>饮酒史：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_yjs')}">
                                                    <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" th:checked="${dict.dictLabel}==${drinkingHistory}"   name="drinkingHistory" >
                                                </div>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>运动习惯：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_yes_no')}">
                                                    <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" th:checked="${dict.dictLabel}==${exerciseHabit}"  name="exerciseHabit" >
                                                </div>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>饮食偏好：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_ysph')}" id="dietaryPreferenceDiv">
                                                    <input type="checkbox" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" name="dietaryPreference">
                                                </div>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label >睡眠状况：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_smzk')}" id="sleepConditionDiv">
                                                    <input type="checkbox" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" name="sleepCondition">
                                                </div>
                                                <span class="status"></span>
                                            </div>-->
                                        </div>
                                    </div>
                                </div>
                                <div id="tab-22" class="tab-pane fade in active">
                                    <div class="panel-body">
                                        <strong>特重/罕见疾病情</strong>
                                        <div class="customize-search-form">
                                            <!--is-required 增加星号 显示为必填-->
                                            <div class="customize-form-group edit">
                                                <label>肿瘤TNM分期：</label>
                                                <select name="businessBelonging"  class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_zlfq')}">
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${businessBelonging}"></option>

                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>肿瘤疾病分期：</label>
                                                <select name="zlfq" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_blfq')}" required>
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${zlfq}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>基因突变：</label><!-- 需要配置选择的值-->
                                                <select name="jytb" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_jy_type')}" required>
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${jytb}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>分子分型监测：</label>
                                                <select name="fzjc"  class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_fzjc')}" required>
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${fzjc}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <!--<div class="customize-form-group edit">
                                                <label>分子分型监测：</label>
                                                <select name="diseaseType" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jblx')}" required>
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${diseaseType}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>-->
                                            <div class="customize-form-group edit">
                                                <label>PD-L1表达：</label>
                                                <select name="pdl1"  class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_pdl1')}" required>
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${pdl1}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <!--<div class="customize-form-group edit">
                                                <label>临床诊断：</label>
                                                <input name="disease" placeholder="请输入临床诊断" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${disease}">
                                                <span class="status"></span>
                                            </div>-->
                                            <div class="customize-form-group edit">
                                                <label>治疗手段：</label><!-- 值配置到字典-->
                                                <select name="zlsd"  class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_zlsd')}" required>
                                                    <option value="">请选择</option>
                                                    <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                            th:selected="${dict.dictLabel}==${zlsd}"></option>
                                                </select>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>治疗分期：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_zlfq')}">
                                                    <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"   th:checked="${dict.dictLabel}==${treatmentStage}" name="treatmentStage" required>
                                                </div>
                                                <span class="status"></span>
                                            </div>
                                            <div class="customize-form-group edit">
                                                <label>治疗线收集：</label>
                                                <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_zlxsj')}">
                                                    <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"   th:checked="${dict.dictLabel}==${healingLineCollection}" name="healingLineCollection">
                                                </div>
                                                <span class="status"></span>
                                            </div>

                                            <!--<div class="customize-form-group edit">
                                                <label class="is-required">首次确诊时间：</label>
                                                <div class="input-groups select-time">
                                                    <input name="timeFirstDiagnosis" placeholder="首次确诊时间" class="time-input-new styled-input" type="text"  th:value="${timeFirstDiagnosis}" required>
                                                </div>
                                                <span class="status"></span>
                                            </div>-->
                                        </div>
                                        <!--<div class="customize-search-form">
                                            <div class="customize-form-group edit">
                                                <label>伴随症状：</label>
                                                <textarea id="accompanyingSymptoms" name="accompanyingSymptoms" class="styled-input edit_inputs textareas"
                                                          style="width: auto;height: 140px ;border: 1px solid ;"
                                                          th:text="${accompanyingSymptoms}" placeholder="伴随症状..." rows="1.9" cols="112" ></textarea>
                                                <span class="status"></span>
                                            </div>
                                        </div>-->
                                    </div>
                                </div>
                                <div id="tab-23" class="tab-pane fade in active">
                                    <div class="panel-body">
                                        <strong>慢性疾病情况</strong>
                                       <div class="customize-search-form">
                                           <div class="customize-form-group edit">
                                               <label>糖尿病：</label>
                                               <input name="tnb" placeholder="临床症状"  id="tnb" class="styled-input edit_inputs" type="text"  th:value="${tnb}">
                                               <input name="tnbhbz" placeholder="合并症"  id="tnbhbz" class="styled-input edit_inputs" type="text"  th:value="${tnbhbz}">
                                               <span class="status"></span>
                                           </div>
                                           <div class="customize-form-group edit">
                                               <label>高血压：</label>
                                               <input name="gxy" placeholder="临床症状"  id="gxy" class="styled-input edit_inputs" type="text"  th:value="${gxy}">
                                               <input name="gxyhbz" placeholder="合并症"  id="gxyhbz" class="styled-input edit_inputs" type="text"  th:value="${gxyhbz}">
                                               <span class="status"></span>
                                           </div>
                                           <div class="customize-form-group edit">
                                               <label>高血脂症：</label>
                                               <input name="gxz" placeholder="临床症状"  id="gxz" class="styled-input edit_inputs" type="text"  th:value="${gxz}">
                                               <input name="gxzhbz" placeholder="合并症"  id="gxzhbz" class="styled-input edit_inputs" type="text"  th:value="${gxzhbz}">
                                               <span class="status"></span>
                                           </div>
                                       </div>
                                  </div>
                                </div>
                                <!--<div id="tab-24" class="tab-pane fade in active">
                                   <div class="panel-body">
                                       <strong>患病史</strong>
                                       <div class="customize-search-form">
                                           <div class="customize-form-group edit">
                                               <label>疾病史：</label>
                                               <select name="medicalHistory" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jibinshi')}">
                                                   <option value="">请选择</option>
                                                   <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                           th:selected="${dict.dictLabel}==${medicalHistory}"></option>
                                               </select>
                                           </div>
                                           <div class="customize-form-group edit">
                                               <label>疾病史描述：</label>
                                               <input name="medicalHistoryDescription" placeholder="疾病史描述" class="styled-input edit_inputs" type="text"  th:value="${medicalHistoryDescription}">
                                           </div>
                                           <div class="customize-form-group edit">
                                               <label>传染病史：</label>
                                               <select name="infectiousDiseaseHistory" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_crbs')}" >
                                                   <option value="">请选择</option>
                                                   <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                           th:selected="${dict.dictLabel}==${infectiousDiseaseHistory}"></option>
                                               </select>
                                           </div>
                                           <div class="customize-form-group edit">
                                               <label>传染病史描述：</label>
                                               <input name="infectiousDiseaseHistoryDescription" placeholder="传染病史描述" class="styled-input edit_inputs" type="text"  th:value="${infectiousDiseaseHistoryDescription}">
                                           </div>
                                           <div class="customize-form-group edit">
                                               <label>既往药物不良反应史：</label>
                                               <input name="pastAdverseDrugReactionHistory" placeholder="既往药物不良反应史" class="styled-input edit_inputs" type="text"  th:value="${pastAdverseDrugReactionHistory}">
                                           </div>
                                           <div class="customize-form-group edit">
                                                 <label>是否有手术外伤史：</label>
                                                 <div class="input-groups" th:with="type=${@dict.getType('sys_yes_no')}">
                                                 <input type="radio" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" th:checked="${dict.dictLabel}==${hasSurgicalTraumaHistory}"  name="hasSurgicalTraumaHistory" id="hasSurgicalTraumaHistory">
                                           </div>
                                       </div>
                                       <div class="customize-search-form">
                                           <div class="customize-form-group edit">
                                               <div class="customize-form-group edit">
                                                   <label>过敏史：</label>
                                                   <textarea id="allergyHistory" name="allergyHistory" placeholder="这里可以输入过敏史..." class="styled-input edit_inputs textareas"
                                                             style="width: auto;height: 140px ;border: 1px solid ;" rows="1.9" cols="112" th:text="${allergyHistory}"></textarea>
                                               </div>
                                           </div>
                                       </div>
                                     </div>
                                       <div class="customize-search-form">
                                           <div class="customize-form-group edit">
                                               <div style="/*display: flex;*/">
                                               <label style="width: auto;">家族史:</label>
                                                   <button type="button"  data-toggle="modal" data-target="#myModal" class="btn btn-xs btn-primary">新增</button>
                                                   <table id="familyHistoryTable" style="width: 340px;">
                                                       <thead>
                                                       <tr>
                                                           <th>序号</th>
                                                           <th>疾病</th>
                                                           <th>家庭成员</th>
                                                           <th>操作</th>
                                                       </tr>
                                                       </thead>
                                                       <tbody id="familyHistoryTableBody">
                                                       &lt;!&ndash; 表格行将在这里动态添加 &ndash;&gt;
                                                       </tbody>
                                                   </table>
                                               </div>
                                                   <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                                                       <div class="modal-dialog">
                                                           <form class="form-horizontal" id="form-jzs-add">
                                                               <div class="modal-content animated bounceInRight">
                                                                   <div class="modal-header">
                                                                       <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                                                                       </button>
                                                                       <h4 class="modal-title">家族史</h4>
                                                                   </div>
                                                                   <div class="modal-body">
                                                                       <div class="customize-search-form">
                                                                           <div class="customize-form-group edit">
                                                                                   <label >疾病</label>
                                                                                   <input type="text" name="disease" placeholder="请输入疾病" class="styled-input edit_inputs"  style="width: 200px;" id="disease">
                                                                            </div>
                                                                       </div>
                                                                       <div class="customize-search-form">
                                                                           <div class="customize-form-group edit">
                                                                               <label>家庭成员</label>
                                                                               <select name="member" class="styled-input edit_inputs"  style="width: 200px;" th:with="type=${@dict.getType('sys_select_dtp_ysfw_lxryhzgx')}" id="member">
                                                                                   <option value="">请选择家庭成员</option>
                                                                                   <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                                                           th:selected="${dict.dictLabel}==${member}"></option>
                                                                               </select>
                                                                           </div>
                                                                       </div>
                                                                   </div>
                                                                   <div class="modal-footer">
                                                                       <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                                                       <button type="button" class="btn btn-primary" onclick="saveRow(1)">保存</button>
                                                                   </div>
                                                               </div>
                                                           </form>
                                                       </div>
                                                   </div>
                                           </div>
                                       </div>
                                   </div>
                                </div>-->
                                 <!--<div id="tab-25" class="tab-pane fade in active">
                                     <div class="panel-body">
                                         <strong>治疗手段</strong>
                                         <div class="customize-search-form">
                                             <div class="customize-form-group edit">
                                                 <div style="/*display: flex;*/">
                                                     <label style="width: auto;">多个治疗方案原因描述:</label>
                                                     <textarea id="multipleTreatmentReasonsDescription" class="styled-input edit_inputs textareas" style="width: auto;height: 35px ;border: 1px solid ;"
                                                               name="multipleTreatmentReasonsDescription" placeholder="治疗方案原因描述"
                                                               rows="5" cols="185" th:text="${multipleTreatmentReasonsDescription}"></textarea>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
                                 </div>-->
                                 <div id="tab-26" class="tab-pane fade in active">
                                     <div class="panel-body">
                                         <strong>用药情况 </strong>
                                         <div class="customize-search-form">
                                             <div class="customize-form-group edit">
                                                 <div style="/*display: flex;*/">
                                                     <label style="width: auto;">当前用药情况:</label>
                                                     <button type="button"  data-toggle="modal" data-target="#myModal2" class="btn btn-xs btn-primary">新增</button>
                                                     <table id="yyqkTable" style="width: 340px;">
                                                         <thead>
                                                         <tr>
                                                             <th>序号</th>
                                                             <th>用药情况</th>
                                                             <th>用药类型</th>
                                                             <th>操作</th>
                                                         </tr>
                                                         </thead>
                                                         <tbody id="yyqkTableBody">
                                                         <!-- 表格行将在这里动态添加 -->
                                                         </tbody>
                                                     </table>
                                                 </div>

                                                 <div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
                                                     <div class="modal-dialog">
                                                         <form class="form-horizontal" id="form-yyqk-add">
                                                             <div class="modal-content animated bounceInRight">
                                                                 <div class="modal-header">
                                                                     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                                                                     </button>
                                                                     <h4 class="modal-title">用药情况</h4>
                                                                 </div>
                                                                 <div class="modal-body">
                                                                     <div class="form-group">
                                                                         <label>用药情况</label>
                                                                         <input type="text" name="medication_description" placeholder="请输入当前慢病用药名称" class="styled-input edit_inputs"  style="width: 200px;" id="medication_description">
                                                                         <div class="customize-search-form">
                                                                             <div class="customize-form-group edit">
                                                                                 <label>用药类型</label>
                                                                                     <select name="medication_type" class="styled-input edit_inputs"  style="width: 200px;" th:with="type=${@dict.getType('sys_select_dtp_ysfw_lxryhzgx')}" id="medication_type">
                                                                                         <option value="">请选择家庭成员</option>
                                                                                         <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                                                                 th:selected="${dict.dictLabel}==${medication_type}"></option>
                                                                                     </select>
                                                                             </div>
                                                                         </div>
                                                                    </div>
                                                                 </div>
                                                                 <div class="modal-footer">
                                                                     <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                                                     <button type="button" class="btn btn-primary" onclick="saveRow(2)">保存</button>
                                                                 </div>
                                                             </div>
                                                         </form>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
                                 </div>
                                 <!--<div id="tab-27" class="tab-pane fade in active">
                                     <div class="panel-body">
                                         <strong>其他信息</strong>
                                         <div class="customize-search-form">
                                             <div class="customize-form-group edit">
                                                 <div style="/*display: flex;*/">
                                                     <label style="width: auto;">联系人：</label>
                                                     <button type="button"  data-toggle="modal" data-target="#myModal3" class="btn btn-xs btn-primary">新增</button>
                                                     <table id="relationTable"  style="width: 310px;">
                                                         <thead>
                                                         <tr>
                                                             <th>序号</th>
                                                             <th>电话</th>
                                                             <th>姓名</th>
                                                             <th>关系</th>
                                                             <th>操作</th>
                                                         </tr>
                                                         </thead>
                                                         <tbody id="relationTableBody">
                                                         &lt;!&ndash; 表格行将在这里动态添加 &ndash;&gt;
                                                         </tbody>
                                                     </table>
                                                 </div>

                                                 <div class="modal inmodal" id="myModal3" tabindex="-1" role="dialog" aria-hidden="true">
                                                     <div class="modal-dialog">
                                                         <form class="form-horizontal" id="form-relation-add">
                                                             <div class="modal-content animated bounceInRight">
                                                                 <div class="modal-header">
                                                                     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                                                                     </button>
                                                                     <h4 class="modal-title">联系人</h4>
                                                                 </div>
                                                                 <div class="modal-body">
                                                                     <div class="customize-search-form">
                                                                         <div class="customize-form-group edit">
                                                                             <label>联系人电话</label>
                                                                             <div class="input-group">
                                                                                 <input type="text" placeholder="请输入当联系人电话称"  class="styled-input isPhone" style="width: 200px;"  id="contact_phone" name="contact_phone" maxlength="11">
                                                                             </div>
                                                                         </div>
                                                                     </div>
                                                                     <div class="customize-search-form">
                                                                         <div class="customize-form-group edit">
                                                                             <label>联系人姓名</label>
                                                                                 <div class="input-group">
                                                                                     <input type="text" placeholder="请输入联系人姓名" class="styled-input edit_inputs"  style="width: 200px;" id="contact_name" name="contact_name">
                                                                                 </div>
                                                                         </div>
                                                                     </div>
                                                                     <div class="customize-search-form">
                                                                         <div class="customize-form-group edit">
                                                                             <label>联系人关系</label>
                                                                             <select name="contact_relationship" class="styled-input edit_inputs"  style="width: 200px;" th:with="type=${@dict.getType('sys_select_dtp_ysfw_lxryhzgx')}" id="contact_relationship">
                                                                                 <option value="">请选择联系人关系</option>
                                                                                 <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
                                                                                         th:selected="${dict.dictLabel}==${contact_relationship}"></option>
                                                                             </select>
                                                                         </div>
                                                                     </div>
                                                                 </div>
                                                                 <div class="modal-footer">
                                                                     <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                                                     <button type="button" class="btn btn-primary" onclick="saveRow(3)">保存</button>
                                                                 </div>
                                                             </div>
                                                         </form>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                         <div class="customize-search-form">
                                             <div class="customize-form-group edit">
                                                 <label>陪护人：</label>
                                                 <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_phr')}" id="caregiverDiv">
                                                     <input type="checkbox" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" name="caregiver">
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
                                 </div>-->
                             </form>
                       </div>
                            <div id="tab-3" class="tab-pane">
                                <div class="panel-body">
                                    <strong>用药购药</strong>
                                    <div class="container-div">
                                        <div class="row">
                                            <div class="col-sm-12 select-table table-striped">
                                                <table id="bootstrap-table-3"></table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-4" class="tab-pane">
                                <div class="panel-body">
                                    <strong>随访跟进人</strong>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <label class="col-sm-1 control-label">随访跟进人：</label>
                                            <span>无</span>
                                            <div class="col-sm-2" >
                                                <div class="input-group">
                                                    <select name="healingLineCollection" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_yes_no')}">
                                                        <option value="">请选择</option>
                                                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
                                                                th:selected="${dict.dictLabel} == ${healingLineCollection}" ></option>
                                                    </select>
                                                </div>
                                            </div>
                                            <label class="col-sm-1 control-label">.</label>
                                            <div class="col-sm-2" >
                                                <div class="input-group">
                                                    <span>脱落召回</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-2" >
                                                <div class="input-group">
                                                    <span>进行中</span>
                                                </div>
                                            </div>
                                            <a>关闭计划</a>
                                        </div>

                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <label class="col-sm-1 control-label">创建人：</label>
                                            <div class="col-sm-1" >
                                                <div class="input-group">
                                                    <span>系统订单</span>
                                                </div>
                                            </div>
                                            <label class="col-sm-1 control-label">开启时间：</label>
                                            <div class="col-sm-1" >
                                                <div class="input-group">
                                                    <span>2024-09-16</span>
                                                </div>
                                            </div>
                                            <label class="col-sm-1 control-label">跟新人：</label>
                                            <div class="col-sm-1" >
                                                <div class="input-group">
                                                    <span>admin</span>
                                                </div>
                                            </div>
                                            <label class="col-sm-1 control-label">更新时间：</label>
                                            <div class="col-sm-1" >
                                                <div class="input-group">
                                                    <span>2024-09-16</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-1" >
                                                    <a>查看操作记录</a>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="container-div">
                                         <div class="row">
                                            <div class="col-sm-12 select-table table-striped">
                                                <table id="bootstrap-table-4"></table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-5" class="tab-pane">
                                <ul class="nav nav-tabs">
                                    <div class="panel-body">
                                        <div class="container-div">
                                         <div class="row">
                                            <label class="col-sm-1 control-label">随访跟进人：</label>
                                             <span>无</span>
                                            <div class="col-sm-2" >
                                                <div class="input-group">
                                                    <select name="healingLineCollection" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_yes_no')}">
                                                        <option value="">请选择</option>
                                                        <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
                                                                th:selected="${dict.dictLabel} == ${healingLineCollection}" ></option>
                                                    </select>
                                                </div>
                                            </div>
                                          </div>
                                            <div class="row">
                                                <div class="col-sm-12 select-table table-striped">
                                                    <table id="bootstrap-table-5"></table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </ul>
                            </div>
                    </div>
                 </div>
             </div>
        <div class="main-content" id="content-main">
            <div class="col-sm-offset-5 col-sm-10">
                <button type="button" class="btn btn-sm btn-primary" onclick="submitHandler()"><i class="fa fa-check"></i>保 存</button>&nbsp;
                <button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭 </button>
            </div>
        </div>
  </div>
	<th:block th:include="include :: footer" />
    <th:block th:include="include :: select2-css" />
    <th:block th:include="include :: bootstrap-select-css" />
</body>   <th:block th:include="include :: select2-js" />
<th:block th:include="include :: bootstrap-select-js" />
</html>
<script th:inline="javascript">
    var prefix = ctx + "dtp/pmService";
    var prefix2 = ctx + "demo/table";
    var formSubmitted = true;

    $(document).ready(function() {

        // 初始化 Select2 插件
        for (let i = 1; i <= 6; i++) {
            $(`#category-select${i}`).select2({
                placeholder: "请选择或直接输入搜索",
                allowClear: true
            });
        }

        // 获取所有下拉选项的数据
        $.ajax({
            url: ctx + 'sp/sp/typeDate',
            method: 'GET',
            dataType: 'json',
            success: function(data) {
                var options1 = $('#category-select1');
                var options2 = $('#category-select2');
                var options3 = $('#category-select3');
                var options4 = $('#category-select4');
                var options5 = $('#category-select5');
                var options6 = $('#category-select6');

                // 清空已有选项（除了第一个默认选项）
                options1.find('option').not(':first').remove();
                options2.find('option').not(':first').remove();
                options3.find('option').not(':first').remove();
                options4.find('option').not(':first').remove();
                options5.find('option').not(':first').remove();
                options6.find('option').not(':first').remove();

                // 添加默认选项
                $('<option>', {
                    value: '',
                    text : '请选择疾病'
                }).appendTo(options1);
                $('<option>', {
                    value: '',
                    text : '请选择疾病'
                }).appendTo(options2);
                $('<option>', {
                    value: '',
                    text : '请选择疾病'
                }).appendTo(options3);
                $('<option>', {
                    value: '',
                    text : '请选择疾病'
                }).appendTo(options4);
                $('<option>', {
                    value: '',
                    text : '请选择疾病'
                }).appendTo(options5);
                $('<option>', {
                    value: '',
                    text : '请选择疾病'
                }).appendTo(options6);
                // 回显数据
                var dl = /*[[${dl}]]*/ '';
                // 直接使用 dl 数据预填充下拉列表
                var dlParsed = JSON.parse(dl);
                if (Array.isArray(dlParsed)) {
                    var dlIds = dlParsed.map(function (item) {
                        return item.id;
                    }); // 转换为 ID 数组
                // 遍历返回的数据并添加选项
                $.each(data.value, function(index, item) {
                    if(item.dict_key == 1){
                        $('<option>', {
                            value: item.id,
                            text : item.categoryName
                        }).appendTo(options1);
                        $(`#category-select1`).val(dlIds).trigger('change');
                    }
                    if(item.dict_key == 2){
                        $('<option>', {
                            value: item.id,
                            text : item.categoryName
                        }).appendTo(options2);
                        $(`#category-select2`).val(dlIds).trigger('change');
                    }
                    if(item.dict_key == 3){
                        $('<option>', {
                            value: item.id,
                            text : item.categoryName
                        }).appendTo(options3);
                        $(`#category-select3`).val(dlIds).trigger('change');

                    }
                    if(item.dict_key == 4){
                        $('<option>', {
                            value: item.id,
                            text : item.categoryName
                        }).appendTo(options4);
                        $(`#category-select4`).val(dlIds).trigger('change');
                    }
                    if(item.dict_key == 5){
                        $('<option>', {
                            value: item.id,
                            text : item.categoryName
                        }).appendTo(options5);
                        $(`#category-select5`).val(dlIds).trigger('change');
                    }
                    if(item.dict_key == 6){
                        $('<option>', {
                            value: item.id,
                            text : item.categoryName
                        }).appendTo(options6);
                        $(`#category-select6`).val(dlIds).trigger('change');
                    }
                });

                // 重新初始化 Select2 以反映新的选项
                options1.trigger('change');
                options2.trigger('change');
                options3.trigger('change');
                options4.trigger('change');
                options5.trigger('change');
                options6.trigger('change');


        }

            },
            error: function(xhr, status, error) {
                console.error("Failed to load disease categories:", error);
            }
        });

    });
    function unbound() {
        $.modal.confirm("请确认是否解除当前患者档案与患者小程序账号的绑定关系？解绑后无法撤销，请谨慎操作", function() {
            var id = $("#id").val();
            var data=[];
                data.push({name:'id',value:id});
                console.log("data==="+data)
            $.ajax({
                cache: true,
                type: "POST",
                url: ctx + "dtp/pmService/unbound",
                data: data,
                async: false,
                error: function (data) {
                    $.modal.alertError(data.msg);
                },
                success: function (data) {
                   $.modal.alertSuccess(data.msg);
                    // 重新加载整个页面
                    location.reload();
                }
            });
        });
    }
    var flipStatus = $("#flipStatus").val();
    var unboundLink = $("#unboundflipStatus");
    if (flipStatus === '已上翻') {
        unboundLink.show();
    } else {
        unboundLink.hide();
    }
    function submitHandler() {
        //表单 基本信息
        var data = $("#form-server-edit").serializeArray();
        const tableBody2 = document.getElementById('yyqkTableBody');
        const rows2 = tableBody2.getElementsByTagName('tr');


        if (rows2.length > 0) {
            const rowsRcords = [];//用药情况table
            $('#yyqkTableBody tr').each(function () {
                const row = {
                    archiveId:  $("#id").val(),
                    medicationDescription: $(this).find('td:eq(1)').text(),
                    medicationType: $(this).find('td:eq(2)').text(),
                };
                rowsRcords.push(row);
            });
            data.push({name:"rowsRcords",value:JSON.stringify(rowsRcords)})
        }
        // 获取所有选中的选项并处理数据
        var selectedDataDL = [];
        for (let i = 1; i <= 6; i++) {
            var selectedOptionsDL = $(`#category-select${i} option:selected`);
            if (selectedOptionsDL.length > 0) {
                selectedOptionsDL.each(function() {
                    selectedDataDL.push({
                        id: $(this).val(),
                        name: $(this).text()
                    });
                });
            }
        }
        var hasSelection = false;
        if (selectedDataDL.length > 0) {
            hasSelection = true;
        }

        const DL = JSON.stringify(selectedDataDL);
        if (!hasSelection) {
            alert('请至少选择一个疾病选项！');
            return;
        }
        data.push({name: "dl", value: DL});
        $.operate.saveTab(prefix + "/archivesEdit", data);
    }

        $('#weightw').on('blur', function() {
            var inputValuew = $('#weightw').val().trim();
            var inputValueh = $('#heighth').val().trim();
            var result = calculateBMI(inputValueh,inputValuew); // 身高1.75m 体重70kg，
            // 显示输入框的值
            $('#BMI2').val(result);
        });
        $('#heighth').on('blur', function() {
            var inputValuew = $('#weightw').val().trim();
            var inputValueh = $('#heighth').val().trim();
            var result = calculateBMI(inputValueh, inputValuew); // 身高1.75m 体重70kg，
            // 显示输入框的值
            $('#BMI2').val(result);
        });
    $(document).ready(function() {

        // 监听点击事件，激活指定的选项卡
        $('#myTabs3 li a').click(function(e) {
            // 阻止默认行为
            //e.preventDefault();
            // 获取当前点击的选项卡链接
            var $this = $(this);
            var x = document.getElementById("content-main");
            if($this.attr('href') === '#tab-1'){
                formSubmitted=true;
            }
            if($this.attr('href') === '#tab-2'){
                formSubmitted=false;
                // 添加 active 类到当前点击的选项卡
                $(this).addClass('active');
                $this.attr('aria-expanded', 'true');

            }
            // 检查是否为“用药购药”选项卡
            if ($this.attr('href') === '#tab-3' || $this.attr('href') === '#tab-4' || $this.attr('href') === '#tab-5') {
                // 初始化表格
                initializeTables();
                x.style.display = "none";
            } else {
                x.style.display = "block";
            }
            // 初始化时回显保险已选中的值
            function check(insuranceList) {
                var insurances = insuranceList.split(',');
                $.each(insurances, function(index, value) {
                    var checkbox = $('input[name="insurance2"][value="'+value.trim()+'"]');
                    // 选中复选框
                    checkbox.prop('checked', true);
                });
            }
            /*<![CDATA[*/
            var insuranceList = /*[[${insurance}]]*/ '';
            /*]]>*/
            if(insuranceList){
                check(insuranceList);
            }
            // 初始化时回显陪护人已选中的值
            function checkCaregiver(caregiverList) {
                var caregiver = caregiverList.split(',');
                $.each(caregiver, function(index, value) {
                    var checkbox = $('input[name="caregiver"][value="'+value.trim()+'"]');
                    checkbox.prop('checked', true);
                });
            }
            /*<![CDATA[*/
            var caregiverList = /*[[${caregiver}]]*/ '';
            /*]]>*/
            if(caregiverList){
                checkCaregiver(caregiverList);
            }
            // 初始化时回显睡眠状况已选中的值
            function checkSleepCondition(sleepConditionList) {
                var sleepCondition = sleepConditionList.split(',');
                $.each(sleepCondition, function(index, value) {
                    var trimmedValue = value.trim();
                    var checkbox = $('input[name="sleepCondition"][value="'+value.trim()+'"]');
                    checkbox.prop('checked', true);
                });
            }
            /*<![CDATA[*/
            var sleepConditionList = /*[[${sleepCondition}]]*/ '';
            /*]]>*/
            if(sleepConditionList){
                checkSleepCondition(sleepConditionList);
            }
            // 初始化时回显饮食偏好已选中的值
            function checkDietaryPreference(dietaryPreferenceList) {
                var dietaryPreference = dietaryPreferenceList.split(',');
                $.each(dietaryPreference, function(index, value) {
                    var trimmedValue = value.trim();
                    var checkbox = $('input[name="dietaryPreference"][value="'+value.trim()+'"]');
                    checkbox.prop('checked', true);
                });
            }
            /*<![CDATA[*/
            var dietaryPreferenceList = /*[[${dietaryPreference}]]*/ '';
            /*]]>*/
            if(dietaryPreferenceList){
                checkDietaryPreference(dietaryPreferenceList);
            }

        });
    });
      //初始化加载
     if(formSubmitted){
        //基本信息页面1
        function populateSelections(insuranceList) {
            var insurances = insuranceList.split(',');
            var selectedValuesDiv = $('#selected-values');
            selectedValuesDiv.empty(); // 清空之前的选中值
            $.each(insurances, function(index, value) {
                $('#insurance option[value="' + value + '"]').prop('selected', true);
                selectedValuesDiv.append('<span>' + value + '</span>');
            });
        }
        function updateSelectedValues() {
            var selectedValues = $('#insurance').val();
            var selectedValuesDiv = $('#selected-values');
            selectedValuesDiv.empty(); // 清空之前的选中值

            if (selectedValues) {
                $.each(selectedValues, function(index, value) {
                    selectedValuesDiv.append('<span>' + value + '</span>');
                });
            }
        }
         /*<![CDATA[*/
         var insurance = /*[[${insurance}]]*/ '';
         /*]]>*/
         if(insurance){
             populateSelections(insurance);
         }

        // 绑定事件监听，当选择发生变化时更新显示的选中值
         $('#insurance').on('change', function() {
             updateSelectedValues();
         });
         /*<![CDATA[*/
         var contactsData  = /*[[${contactsData}]]*/ '';
         /*]]>*/
         if(contactsData!==null) {
             // 遍历数据并动态生成表格行
             contactsData.forEach(function (item, index) {
                 var row = '<tr>' +
                     '<td>' + (index + 1) + '</td>' +
                     '<td>' + item.contactPhone + '</td>' +
                     '<td>' + item.contactName + '</td>' +
                     '<td>' + item.contactRelationship + '</td>' +
                     '<td><button class="btn-danger" onclick="deleteRow(this)">删除</button></td>' +
                     '</tr>';
                 $('#relationTableBody').append(row);
             });
         }
         /*<![CDATA[*/
         var recordsData  = /*[[${recordsData}]]*/ '';
         /*]]>*/
         // 遍历数据并动态生成表格行
         if(recordsData!==null) {
             recordsData.forEach(function (item, index) {
                 var row = '<tr>' +
                     '<td>' + (index + 1) + '</td>' +
                     '<td>' + item.medicationDescription + '</td>' +
                     '<td>' + item.medicationType + '</td>' +
                     '<td><button class="btn-danger" onclick="deleteRow(this)">删除</button></td>' +
                     '</tr>';
                 $('#yyqkTableBody').append(row);
             });
         }
         /*<![CDATA[*/
         var historyData  = /*[[${historyData}]]*/ '';
         /*]]>*/
         // 遍历数据并动态生成表格行
         if(historyData!==null) {
             historyData.forEach(function (item, index) {
                 var row = '<tr>' +
                     '<td>' + (index + 1) + '</td>' +
                     '<td>' + item.disease + '</td>' +
                     '<td>' + item.member + '</td>' +
                     '<td><button class="btn-danger" onclick="deleteRow(this)">删除</button></td>' +
                     '</tr>';
                 $('#familyHistoryTableBody').append(row);
             });
         }
     }
    // 绑定事件监听，当复选框状态改变时更新错误提示
     $('input[name="insurance2"]').on('change', function() {
        if ($('input[name="insurance2"]:checked').length > 0) {
            $('#insurance-error').hide();
        }
    });
        // 监听点击事件，激活指定的选项卡
     $('#myTabs li a').click(function(e) {
            // 阻止默认行为
             e.preventDefault();
            // 获取当前点击的选项卡链接
             var $this = $(this);
            // 移除所有选项卡的 active 类
              //$('#myTabs li').removeClass('active');
              //$('.tab-pane').removeClass('active in');
             $('#myTabs li a').addClass('active');
            // 添加 active 类到当前点击的选项卡
             $this.parent().addClass('active');
            // 获取目标选项卡面板的 ID
            var target = $this.attr('href');
            // 展示对应的选项卡面板，并更新 aria-expanded
            $(target).addClass('active in');
            $this.attr('aria-expanded', 'true');
            // 执行点击链接对应的动作
            $this.tab('show');
            // 移除所有选项卡的激活类
            //$('.active').removeClass('active');
            $(this).addClass('active');
            // 滚动到目标选项卡位置
            // 将目标内容区滚动到视口中央
            $('html, body').animate({
                scrollTop: $(target).offset().top - ($(window).height() / 2)
            }, 500); // 500毫秒动画时间
           // scrollToTab($this);
            // 重新初始化当前选项卡内的表格
            var tableId = target.replace('#', '');
            initializeTableForTab(tableId);
        });
    function initializeTables() {
        // 初始化所有表格
        //initializeTableForTab('tab-1');
        //initializeTableForTab('tab-2');
        initializeTableForTab('tab-3');
        /*initializeTableForTab('tab-4');
        initializeTableForTab('tab-5');*/
    }
    function initializeTableForTab(tabId) {
        var datas=[];
        debugger
        var tableId = 'bootstrap-table-' + tabId.substring(4);
        var tableElement = $('#' + tableId);
        var data = {
            "patientPhone": $('#phoneNumber').val(),
            "patientName": $('#name').val(),
            "id": $('#id').val(),
        };
        console.log("patientPhone="+$('#phoneNumber').val());
        // 初始化表格 getDrugPurchaseList
        $.ajax({
            cache : true,
            type : "POST",
            url : ctx + "dtp/pmService/getDrugPurchaseList",
            data : data,
            async : false,
            error : function(request) {
                $.modal.alertError("系统错误");
            },
            success : function(data) {
                datas=data.rows;
                $.operate.successCallback(data);
            }
        });
        tableElement.bootstrapTable({
            // 配置表格的相关属性
            // 例如数据源、列定义等
            // 示例配置
            data: datas,
            columns : [
                [
                    {field: 'salesOrderNumber', title: '销售' },
                    { field: 'prescriptionNumber', title: '处方编号' },
                    { field: 'prescriptionDate', title: '处方日期' },
                    { field: 'hospital', title: '医院' },
                    { field: 'prescribingDoctor', title: '处方医生' },
                    { field: 'department', title: '科室' },
                    { field: 'attendingDoctor', title: '主管医生' },  // 注意这里使用的是 "attendingDoctor" 而不是 "attendingPhysician"
                    { field: 'clinicalDiagnosis', title: '临床诊断' },
                    { field: 'genericName', title: '药品通用名' },
                    { field: 'productName', title: '商品名' },
                    { field: 'medicationRoute', title: '用药途径' },
                    { field: 'dosageFrequency', title: '用药频次' },
                    { field: 'singleDoseUnit', title: '单次剂量' },
                    { field: 'registrant', title: '登记人' },
                    { field: 'registrationDate', title: '登记日期' },
                    { field: 'saleDate', title: '销售日期' },
                    { field: 'pharmacyName', title: '购药门店名称' }
                ]
            ]
        });
    }
    function scrollToTab(tabLink) {
        // 获取目标选项卡的位置
        var tabPos = tabLink.offset().top;

        //使用 scrollIntoView 方法滚动到目标位置
        //选项 { behavior: 'smooth' } 使滚动平滑
        window.scroll({
            top: tabPos,
            left: 0,
            behavior: 'smooth' // 平滑滚动
        });
    }
    $(function() {
        var optionsyygy = {
            url: prefix2 + "/list",
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination: false,
            uniqueId: "userId",
            height: 400,
            columns: [{
                checkbox: true
            },
                {
                    field : 'userId',
                    title : '用户ID'
                },
                {
                    field : 'userCode',
                    title : '用户编号'
                },
                {
                    field : 'userName',
                    title : '用户姓名'
                },
                {
                    field : 'userPhone',
                    title : '用户手机'
                },
                {
                    field : 'userEmail',
                    title : '用户邮箱'
                },
                {
                    field : 'userBalance',
                    title : '用户余额'
                }]
        };
        $.table.init(optionsyygy);
        var optionssfjh = {
            url: prefix2 + "/list",
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination: false,
            uniqueId: "userId",
            height: 400,
            columns: [{
                checkbox: true
            },
                {
                    field : 'userId',
                    title : '用户ID'
                },
                {
                    field : 'userCode',
                    title : '用户编号'
                },
                {
                    field : 'userName',
                    title : '用户姓名'
                },
                {
                    field : 'userPhone',
                    title : '用户手机'
                },
                {
                    field : 'userEmail',
                    title : '用户邮箱'
                },
                {
                    field : 'userBalance',
                    title : '用户余额'
                }]
        };
        $.table.init(optionssfjh);
        var optionsregj = {
            url: prefix2 + "/list",
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination: false,
            uniqueId: "userId",
            height: 400,
            columns: [{
                checkbox: true
            },
                {
                    field : 'userId',
                    title : '用户ID'
                },
                {
                    field : 'userCode',
                    title : '用户编号'
                },
                {
                    field : 'userName',
                    title : '用户姓名'
                },
                {
                    field : 'userPhone',
                    title : '用户手机'
                },
                {
                    field : 'userEmail',
                    title : '用户邮箱'
                },
                {
                    field : 'userBalance',
                    title : '用户余额'
                }]
        };
        $.table.init(optionsregj);
    });
    /* 查询表格所有数据值 */
    function getData(){
        var data = $("#" + table.options.id).bootstrapTable('getData');
        $.modal.alert(JSON.stringify(data))
    }
    /* 查询行ID值为1的数据 */
    function getRowByUniqueId(){
        var data = $("#" + table.options.id).bootstrapTable('getRowByUniqueId', 1);
        $.modal.alert(JSON.stringify(data))
    }
    /* 查询表格选择行数据值 */
    function getSelections(){
        var data = $("#" + table.options.id).bootstrapTable('getSelections');
        $.modal.alert(JSON.stringify(data))
    }
    function saveRow(button) {
        if(button==1){
            // 获取表单数据
            var illness = document.getElementById('disease').value;
            var familyMember = document.getElementById('member').value;
            // 检查数据是否为空
            if (!illness || !familyMember) {
                $.modal.alert('请填写疾病和选择家庭成员！');
                return;
            }
            // 创建新的表格行
            var newRow = document.createElement('tr');
            // 序号列
            var serialNumberCell = document.createElement('td');
            serialNumberCell.textContent = '1'; // 序号可以按需动态生成
            newRow.appendChild(serialNumberCell);
            // 疾病列
            var illnessCell = document.createElement('td');
            illnessCell.textContent = illness;
            newRow.appendChild(illnessCell);
            // 家庭成员列
            var familyMemberCell = document.createElement('td');
            familyMemberCell.textContent = familyMember;
            newRow.appendChild(familyMemberCell);
            // 修改 操作列
            var actionCell = document.createElement('td');
            // var editButton = document.createElement('button');
            // editButton.textContent = '修改';
            // editButton.onclick = function() { editRow(this);/* 复制逻辑 */ };
            // actionCell.appendChild(editButton);
            // var copyButton = document.createElement('button');
            // copyButton.textContent = '复制';
            // copyButton.onclick = function() { /* 复制逻辑 */ };
            // actionCell.appendChild(copyButton);
            var deleteButton = document.createElement('button');
            deleteButton.textContent = '删除';
            deleteButton.onclick = function() { deleteRow(this);/* 复制逻辑 */ };
            actionCell.appendChild(deleteButton);
            newRow.appendChild(actionCell);
            // 将新行添加到表格的tbody中
            var tableBody = document.querySelector('#familyHistoryTable tbody');
            tableBody.appendChild(newRow);
            // 清空表单输入框
            document.getElementById('disease').value = '';
            document.getElementById('member').selectedIndex = 0;
            // 关闭模态框
            $('#myModal').modal('hide');
        }
        if(button==2){
            // 获取表单数据
            var yyqk = document.getElementById('medication_description').value;
            var yylx = document.getElementById('medication_type').value;
            // 检查数据是否为空
            if (!yyqk || !yylx) {
                $.modal.alert('请填写用药情况和选择用药类型！');
                return;
            }
            // 创建新的表格行
            var newRow = document.createElement('tr');
            // 序号列
            var serialNumberCell = document.createElement('td');
            serialNumberCell.textContent = '1'; // 序号可以按需动态生成
            newRow.appendChild(serialNumberCell);
            // 疾病列
            var yyqkCell = document.createElement('td');
            yyqkCell.textContent = yyqk;
            newRow.appendChild(yyqkCell);
            // 家庭成员列
            var yylxCell = document.createElement('td');
            yylxCell.textContent = yylx;
            newRow.appendChild(yylxCell);
            // 修改 操作列
            var actionCell = document.createElement('td');
            // var editButton = document.createElement('button');
            // editButton.textContent = '修改';
            // editButton.onclick = function() { editRow(this);/* 复制逻辑 */ };
            // actionCell.appendChild(editButton);
            //
            // var copyButton = document.createElement('button');
            // copyButton.textContent = '复制';
            // copyButton.onclick = function() { /* 复制逻辑 */ };
            // actionCell.appendChild(copyButton);
            var deleteButton = document.createElement('button');
            deleteButton.textContent = '删除';
            deleteButton.onclick = function() { deleteRow(this);/* 复制逻辑 */ };
            actionCell.appendChild(deleteButton);
            newRow.appendChild(actionCell);
            // 将新行添加到表格的tbody中
            var tableBody = document.querySelector('#yyqkTable tbody');
            tableBody.appendChild(newRow);

            // 清空表单输入框
            document.getElementById('medication_description').value = '';
            document.getElementById('medication_type').selectedIndex = 0;
            // 关闭模态框
            $('#myModal2').modal('hide');
        }
        if(button==3){
            // 获取表单数据 form-relation-add relationTable 联系人电话 lxrdh 联系人姓名 lxrxm 联系人关系 lxrgx
            var lxrdh = document.getElementById('contact_phone').value;
            var lxrxm = document.getElementById('contact_name').value;
            var lxrgx = document.getElementById('contact_relationship').value;
            // 检查数据是否为空
            if (!lxrdh || !lxrxm || !lxrgx) {
                $.modal.alert('请填写联系人姓名,联系人电话和选择家庭成员！');
                return;
            }
            // 创建新的表格行
            var newRow = document.createElement('tr');
            // 序号列
            var serialNumberCell = document.createElement('td');
            serialNumberCell.textContent = '1'; // 序号可以按需动态生成
            newRow.appendChild(serialNumberCell);

            // 联系人电话列
            var lxrdhCell = document.createElement('td');
            lxrdhCell.textContent = lxrdh;
            newRow.appendChild(lxrdhCell);
            //联系人姓名列
            var lxrxmCell = document.createElement('td');
            lxrxmCell.textContent = lxrxm;
            newRow.appendChild(lxrxmCell);
            // 联系人关系列
            var lxrgxCell = document.createElement('td');
            lxrgxCell.textContent = lxrgx;
            newRow.appendChild(lxrgxCell);
            // 修改 操作列
            var actionCell = document.createElement('td');
            // var editButton = document.createElement('button');
            // editButton.textContent = '修改';
            // editButton.onclick = function() { editRow(this);/* 复制逻辑 */ };
            // actionCell.appendChild(editButton);
            //
            // var copyButton = document.createElement('button');
            // copyButton.textContent = '复制';
            // copyButton.onclick = function() { /* 复制逻辑 */ };
            // actionCell.appendChild(copyButton);

            var deleteButton = document.createElement('button');
            deleteButton.textContent = '删除';
            deleteButton.onclick = function() { deleteRow(this);/* 复制逻辑 */ };
            actionCell.appendChild(deleteButton);
            newRow.appendChild(actionCell);
            // 将新行添加到表格的tbody中
            var tableBody = document.querySelector('#relationTable tbody');
            tableBody.appendChild(newRow);
            // 清空表单输入框
            document.getElementById('contact_phone').value = '';
            document.getElementById('contact_name').value = '';
            document.getElementById('contact_relationship').selectedIndex = 0;
            // 关闭模态框
            $('#myModal3').modal('hide');
        }

    }
    // 编辑模式标志
    let isEditMode = false;
    let currentRow = null;
    function deleteRow(button) {
        const row = button.parentNode.parentNode;
        row.remove();
    }
</script>
<style>
    /* 添加一些基础样式 */
    body {
        font-family: Arial, sans-serif;
    }
    table {
        width: 100%;
        border-collapse: collapse;
    }
    th, td {
        text-align: left;
        padding: 8px;
        border-bottom: 1px solid #ddd;
    }
    tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    .modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.4);
    }
    .modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }
    .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
    }
    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    .error-message {
        color: red;
        display: none;
    }
</style>
