bzd_lxf
/
health_manage


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327
							<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('档案明细')" />
</head>
<style>
    .select2-dropdown {
        z-index: 9999 !important;
    }
    .tabs-container {
        position: relative;
    }
</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-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 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>
                                    </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="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="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="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>
                                         <div class="customize-search-form">
                                             <div class="customize-form-group">
                                                 <label class="control-label">肿瘤发病部位疾病：</label>
                                                 <select id="category-select1"   class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                 </select>
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group">
                                                 <label class="control-label">肿瘤治疗并发症与合并症：</label>
                                                 <select id="category-select2" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                 </select>
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group">
                                                 <label class="control-label">风湿免疫疾病名称：</label>
                                                 <select id="category-select3"   class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                 </select>
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group">
                                                 <label class="control-label">罕见病疾病：</label>
                                                 <select id="category-select4" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                 </select>
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group">
                                                 <label class="control-label">感染类疾病：</label>
                                                 <select id="category-select5"   class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                 </select>
                                                 <span class="span_line" readonly></span>
                                             </div>
                                             <div class="customize-form-group">
                                                 <label class="control-label">临时慢病：</label>
                                                 <select id="category-select6"   class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
                                                 </select>
                                                 <span class="span_line" readonly></span>
                                             </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>身高：</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>
                                            <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>
                                    </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>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><!-- 值配置到字典-->
                                                <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>
                                    </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-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>
                             </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" />
 <th:block th:include="include :: select2-js" />
<th:block th:include="include :: bootstrap-select-js" />
</body>
</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) {
                // 获取所有的 select 元素
                var selects = [
                    $('#category-select1'),
                    $('#category-select2'),
                    $('#category-select3'),
                    $('#category-select4'),
                    $('#category-select5'),
                    $('#category-select6')
                ];
                // 清空已有选项（除了第一个默认选项）
                selects.forEach(function(select) {
                    select.find('option').not(':first').remove();
                });
                // 添加默认选项到每个下拉列表
                selects.forEach(function(select) {
                    if (!select.find('option:first').length) { // 检查是否已经有默认选项
                        $('<option>', {
                            value: '',
                            text : '请选择疾病'
                        }).prependTo(select); // 使用 prependTo 确保它成为第一个选项
                    }
                });
                // 解析 dl 数据并获取 ID 数组
                var dl = /*[[${dl}]]*/ '';
                var dlParsed = JSON.parse(dl);
                var dlIds = Array.isArray(dlParsed) ? dlParsed.map(item => item.id.toString()) : [];
                // 遍历返回的数据并添加选项
                $.each(data.value || [], function(index, item) {
                    var selectIndex = item.dict_key-1; // 假设 dict_key 是从 1 开始的索引
                    if (selectIndex >= 0 && selectIndex < selects.length) {
                        $('<option>', {
                            value: item.id,
                            text : item.categoryName
                        }).appendTo(selects[selectIndex]);
                        // 设置选中的值（仅当 dlIds 包含该项 id 时）
                        if (dlIds.includes(item.id.toString())) {
                            selects[selectIndex].val(item.id).trigger('change');
                        }
                    }
                });
                // 如果使用 Select2 插件，则初始化或刷新它们
                selects.forEach(function(select) {
                    select.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>