1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930 |
- <!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">
- <i class="fa" th:class="${realNameStatus == 1 ? 'fa fa-check' : 'fa fa-close'}" id="checkName" ></i>
-
- <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>
- <!–<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"> 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"> 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"> 解绑</a>
- </div>–>
- </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">
- <i class="fa" th:class="${realNameStatus == 1 ? 'fa fa-check' : 'fa fa-close'}" id="checkName" ></i>
-
- <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">
- <!– 表格行将在这里动态添加 –>
- </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">×</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">
- <!– 表格行将在这里动态添加 –>
- </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">×</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">×</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">
- <!– 表格行将在这里动态添加 –>
- </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">×</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>
- <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>
|