archivesEdit.html 129 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('档案明细')" />
  5. </head>
  6. <style>
  7. </style>
  8. <script>
  9. </script>
  10. <body>
  11. <div class="ui-layout-center">
  12. <h4 class="form-header h4">档案详情</h4>
  13. <div class="col-sm-12">
  14. <div class="tabs-container">
  15. <ul class="nav nav-tabs" id="myTabs3">
  16. <!--<li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">基本信息(快速建档信息)</a>
  17. </li>-->
  18. <li class="active"><a data-toggle="tab" href="#tab-2" aria-expanded="false">首患建档</a>
  19. </li>
  20. <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false" > 用药购药</a>
  21. </li>
  22. <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">随访计划</a>
  23. </li>
  24. <li class=""><a data-toggle="tab" href="#tab-5" aria-expanded="false">任务跟进</a>
  25. </li>
  26. </ul>
  27. <div class="tab-content">
  28. <!-- 需要隐藏的div -->
  29. <!--<div id="tab-1" class="tab-pane active">
  30. <form class="customize-search-form" id="form-server-edit1" >
  31. <input type="hidden" id="id" name="id" th:value="${id}">
  32. <div class="customize-form-group edit">
  33. <label class="control-label is-required">姓名:</label>
  34. <input name="name" id="name" placeholder="请输入姓名" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${name}" disabled="true">
  35. &nbsp; <i class="fa" th:class="${realNameStatus == 1 ? 'fa fa-check' : 'fa fa-close'}" id="checkName" ></i>
  36. &nbsp;
  37. <input name="realNameStatus" id="realNameStatus" class="status" type="text" th:value="${realNameStatus == 1 ? '已实名' : (realNameStatus == 0 ? '未实名' : '')}" readonly>
  38. </div>
  39. <div class="customize-form-group edit">
  40. <label>性别:</label>
  41. <select name="gender" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_user_sex')}" disabled="true">
  42. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  43. th:selected="${dict.dictValue} == ${gender}" ></option>
  44. </select>
  45. <span class="span_line" readonly></span>
  46. </div>
  47. <div class="customize-form-group edit">
  48. <label>出生年月:</label>
  49. <input name="dateBirth" id="dateBirth" placeholder="出生年月" class="styled-input edit_inputs" type="text" th:value="${dateBirth}" disabled="true">
  50. <span class="status" style="width: 66px">
  51. <input name="age" type="text" id="age" th:value="${age}" style="text-align: center;width: 30px;border: none;" readonly>
  52. </span>
  53. </div>
  54. <div class="customize-form-group edit">
  55. <label class="control-label is-required">手机号:</label>
  56. <input name="phoneNumber" id="phoneNumber" placeholder="请输入手机号" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${phoneNumber}" required>
  57. <span class="span_line" readonly></span>
  58. </div>
  59. <div class="customize-form-group edit">
  60. <label >证件号码:</label>
  61. <input name="documentType" placeholder="证件类型" class="styled-input short" type="text" th:value="${documentType}" disabled="true">
  62. <input name="documentNumber" placeholder="请输入证件号码" class="styled-input edit_inputs1" type="text" maxlength="30" th:value="${documentNumber}" disabled="true">
  63. <span class="span_line" readonly></span>
  64. </div>
  65. <div class="customize-form-group edit select-time">
  66. <label >首次确诊时间:</label>
  67. <input name="timeFirstDiagnosis" placeholder="首次确诊时间" class="time-input styled-input edit_inputs" type="text" th:value="${timeFirstDiagnosis}">
  68. <span class="span_line" readonly></span>
  69. </div>
  70. <div class="customize-form-group">
  71. <label class="col-sm-1 control-label">配送地址:</label>
  72. <input name="creator" placeholder="配送地址" id="creator" class="styled-input edit_inputs" type="text" th:value="${creator}">
  73. <span class="span_line" readonly></span>
  74. </div>
  75. <div class="customize-form-group">
  76. <label class="col-sm-1 control-label">联系人手机号:</label>
  77. <input name="contactPhone" placeholder="联系人手机号" id="contactPhone" class="styled-input edit_inputs" type="text" th:value="${contactPhone}">
  78. <span class="span_line" readonly></span>
  79. </div>
  80. <div class="customize-form-group">
  81. <label class="col-sm-1 control-label">联系人姓名:</label>
  82. <input name="contactName" placeholder="联系人姓名" id="contactName" class="styled-input edit_inputs" type="text" th:value="${contactName}">
  83. <span class="span_line" readonly></span>
  84. </div>
  85. &lt;!&ndash;<div class="customize-form-group edit">
  86. <label >社保卡号:</label>
  87. <input name="socialSecurityCard" placeholder="社保卡号" class="styled-input edit_inputs" type="text" th:value="${socialSecurityCard}">
  88. <span class="span_line" readonly></span>
  89. </div>
  90. <div class="customize-form-group edit">
  91. <label >身高:</label>
  92. <input name="height" id="height" placeholder="请输入身高" class="styled-input edit_inputs" type="number" th:value="${height}">
  93. <span class="status" style="width: 66px">&nbsp;cm</span>
  94. </div>
  95. <div class="customize-form-group edit">
  96. <label >体重:</label>
  97. <input name="weight" id="weight" placeholder="请输入体重" class="styled-input edit_inputs" type="number" th:value="${weight}">
  98. <span class="status" style="width: 66px">&nbsp;kg</span>
  99. </div>
  100. <div class="customize-form-group edit">
  101. <label >BMI:</label>
  102. <input name="BMI" id="BMI" placeholder="BMI值" class="styled-input edit_inputs" type="text" th:value="${BMI}" readonly>
  103. <span class="span_line" readonly></span>
  104. </div>
  105. <div class="customize-form-group edit">
  106. <label >民族:</label>
  107. <select name="nation" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_mz')}">
  108. <option value="">请选择</option>
  109. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  110. th:selected="${dict.dictLabel}==${nation}"></option>
  111. </select>
  112. <span class="span_line" readonly></span>
  113. </div>
  114. <div class="customize-form-group edit">
  115. <label >籍贯:</label>
  116. <select name="nativePlace" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jg')}" >
  117. <option value="">请选择</option>
  118. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  119. th:selected="${dict.dictLabel}==${nativePlace}"></option>
  120. </select>
  121. <span class="span_line" readonly></span>
  122. </div>
  123. <div class="customize-form-group edit">
  124. <label >座机号码:</label>
  125. <input name="landlineNumber" placeholder="请输入座机号码" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${landlineNumber}">
  126. <span class="span_line" readonly></span>
  127. </div>
  128. <div class="customize-form-group edit">
  129. <label class="control-label is-required">慢病肿瘤类型:</label>
  130. <select name="chronicTumorType" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_mbzllx')}" required>
  131. <option value="">请选择</option>
  132. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  133. th:selected="${dict.dictLabel}==${chronicTumorType}"></option>
  134. </select>
  135. <span class="span_line" readonly></span>
  136. </div>
  137. <div class="customize-form-group edit select-time">
  138. <label >首次确诊时间:</label>
  139. <input name="timeFirstDiagnosis" placeholder="首次确诊时间" class="time-input styled-input edit_inputs" type="text" th:value="${timeFirstDiagnosis}">
  140. <span class="span_line" readonly></span>
  141. </div>
  142. <div class="customize-form-group edit">
  143. <label class="control-label is-required">疾病类型:</label>
  144. <select name="diseaseType" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jblx')}" required>
  145. <option value="">请选择</option>
  146. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  147. th:selected="${dict.dictLabel}==${diseaseType}"></option>
  148. </select>
  149. <span class="span_line" readonly></span>
  150. </div>
  151. <div class="customize-form-group edit">
  152. <label >治疗线收集:</label>
  153. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_zlxsj')}">
  154. <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">
  155. </div>
  156. <span class="span_line" readonly></span>
  157. </div>
  158. <div class="customize-form-group edit">
  159. <label >保险:</label>
  160. <div class="selected-values" id="selected-values" style="display: none;"></div>
  161. <select name="insurance" id="insurance" class="noselect2 selectpicker mySelectClass" multiple data-none-selected-text="请选择" th:with="type=${@dict.getType('sys_select_dtp_ysfw_bxlx')}">
  162. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  163. th:selected="${dict.dictLabel}==${insurance}"></option>
  164. </select>
  165. <input type="hidden" id="insuranceValue" name="insuranceValue" value="">
  166. <span class="span_line" readonly></span>
  167. </div>
  168. <div class="customize-form-group edit">
  169. <label >临床诊断:</label>
  170. <input name="disease" placeholder="请输入临床诊断信息" class="styled-input edit_inputs" type="text" th:value="${disease}">
  171. <span class="span_line" readonly></span>
  172. </div>
  173. <div class="customize-form-group edit">
  174. <label >上翻状态:</label>
  175. <input name="flipStatus" class="styled-input edit_inputs" id="flipStatus" style="border: none" type="text"
  176. th:value="${flipStatus == 1 ? '已上翻' : (flipStatus == 2 ? '未上翻' : '')}" disabled readonly>
  177. <a href="#" onclick="unbound()" style="width: 66px;" id="unboundflipStatus">&nbsp;&nbsp;解绑</a>
  178. </div>&ndash;&gt;
  179. </form>
  180. </div>-->
  181. <div id="tab-2" class="tab-pane active">
  182. <form class="form-horizontal" id="form-server-edit">
  183. <input type="hidden" id="id2" name="id" th:value="${id}">
  184. <input type="hidden" id="basicInformation" name="basicInformation" value="true">
  185. <div class="panel-body">
  186. <ul class="nav nav-tabs" id="myTabs">
  187. <li class="active"><a data-toggle="tab" href="#tab-20" aria-expanded="true">快速建档信息</a>
  188. </li>
  189. <li class="active"><a data-toggle="tab" href="#tab-21" aria-expanded="true">一般信息、家族史和既往史</a>
  190. </li>
  191. <li class=""><a data-toggle="tab" href="#tab-22" aria-expanded="false">特重/罕见疾病情况</a>
  192. </li>
  193. <li class=""><a data-toggle="tab" href="#tab-23" aria-expanded="false">慢性疾病情况</a>
  194. </li>
  195. <!--<li class=""><a data-toggle="tab" href="#tab-24" aria-expanded="false">患病史</a>
  196. </li>
  197. <li class=""><a data-toggle="tab" href="#tab-25" aria-expanded="false">治疗手段</a>
  198. </li>
  199. <li class=""><a data-toggle="tab" href="#tab-26" aria-expanded="false">用药情况</a>
  200. </li>
  201. <li class=""><a data-toggle="tab" href="#tab-27" aria-expanded="false">其他信息</a>-->
  202. </li>
  203. </ul>
  204. </div>
  205. <div id="tab-20" class="tab-pane fade in active">
  206. <div class="panel-body">
  207. <strong>快速建档信息</strong>
  208. <div class="customize-search-form">
  209. <input type="hidden" id="id" name="id" th:value="${id}">
  210. <div class="customize-form-group edit">
  211. <label class="control-label is-required">姓名:</label>
  212. <input name="name" id="name" placeholder="请输入姓名" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${name}" disabled="true">
  213. &nbsp; <i class="fa" th:class="${realNameStatus == 1 ? 'fa fa-check' : 'fa fa-close'}" id="checkName" ></i>
  214. &nbsp;
  215. <input name="realNameStatus" id="realNameStatus" class="status" type="text" th:value="${realNameStatus == 1 ? '已实名' : (realNameStatus == 0 ? '未实名' : '')}" readonly>
  216. </div>
  217. <div class="customize-form-group edit">
  218. <label>性别:</label>
  219. <select name="gender" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_user_sex')}" disabled="true">
  220. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  221. th:selected="${dict.dictValue} == ${gender}" ></option>
  222. </select>
  223. <span class="span_line" readonly></span>
  224. </div>
  225. <div class="customize-form-group edit">
  226. <label>出生年月:</label>
  227. <input name="dateBirth" id="dateBirth" placeholder="出生年月" class="styled-input edit_inputs" type="text" th:value="${dateBirth}" disabled="true">
  228. <span class="status" style="width: 66px">
  229. <input name="age" type="text" id="age" th:value="${age}" style="text-align: center;width: 30px;border: none;" readonly>
  230. </span>
  231. </div>
  232. <div class="customize-form-group edit">
  233. <label class="control-label is-required">手机号:</label>
  234. <input name="phoneNumber" id="phoneNumber" placeholder="请输入手机号" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${phoneNumber}" required>
  235. <span class="span_line" readonly></span>
  236. </div>
  237. <div class="customize-form-group edit">
  238. <label >证件号码:</label>
  239. <input name="documentType" placeholder="证件类型" class="styled-input short" type="text" th:value="${documentType}" disabled="true">
  240. <input name="documentNumber" placeholder="请输入证件号码" class="styled-input edit_inputs1" type="text" maxlength="30" th:value="${documentNumber}" disabled="true">
  241. <span class="span_line" readonly></span>
  242. </div>
  243. <div class="customize-form-group edit select-time">
  244. <label >首次确诊时间:</label>
  245. <input name="timeFirstDiagnosis" placeholder="首次确诊时间" class="time-input styled-input edit_inputs" type="text" th:value="${timeFirstDiagnosis}">
  246. <span class="span_line" readonly></span>
  247. </div>
  248. <div class="customize-form-group">
  249. <label class="col-sm-1 control-label">配送地址:</label>
  250. <input name="addr" placeholder="配送地址" id="addr" class="styled-input edit_inputs" type="text" th:value="${addr}">
  251. <span class="span_line" readonly></span>
  252. </div>
  253. <div class="customize-form-group">
  254. <label class="col-sm-1 control-label">联系人手机号:</label>
  255. <input name="contactPhone" placeholder="联系人手机号" id="contactPhone" class="styled-input edit_inputs" type="text" th:value="${contactPhone}">
  256. <span class="span_line" readonly></span>
  257. </div>
  258. <div class="customize-form-group">
  259. <label class="col-sm-1 control-label">联系人姓名:</label>
  260. <input name="contactName" placeholder="联系人姓名" id="contactName" class="styled-input edit_inputs" type="text" th:value="${contactName}">
  261. <span class="span_line" readonly></span>
  262. </div>
  263. <div class="customize-form-group-container">
  264. <div class="customize-form-group">
  265. <label class="col-sm-1 control-label">肿瘤发病部位疾病:</label>
  266. <select id="category-select1" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
  267. </select>
  268. </div>
  269. <div class="customize-form-group">
  270. <label class="col-sm-1 control-label">肿瘤治疗并发症与合并症:</label>
  271. <select id="category-select2" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
  272. </select>
  273. </div>
  274. <div class="customize-form-group">
  275. <label class="col-sm-1 control-label">风湿免疫疾病名称:</label>
  276. <select id="category-select3" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
  277. </select>
  278. </div>
  279. <div class="customize-form-group">
  280. <label class="col-sm-1 control-label">罕见病疾病:</label>
  281. <select id="category-select4" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
  282. </select>
  283. </div>
  284. <div class="customize-form-group">
  285. <label class="col-sm-1 control-label">感染类疾病:</label>
  286. <select id="category-select5" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
  287. </select>
  288. </div>
  289. <div class="customize-form-group">
  290. <label class="col-sm-1 control-label">临时慢病:</label>
  291. <select id="category-select6" class="styled-input edit_inputs select2-multiple" multiple placeholder="请选择或输入搜索">
  292. </select>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. <div id="tab-21" class="tab-pane fade in active">
  299. <div class="panel-body">
  300. <strong>一般信息、家族史和既往史</strong>
  301. <div class="customize-search-form">
  302. <div class="customize-form-group edit">
  303. <!--<label class="control-label">身高:</label>--><!-- 这里如果使用<label class="control-label"> 的class 会使用框架中定义的小屏幕的格式 -->
  304. <label>身高:</label>
  305. <input name="height" id="heighth" placeholder="请输入身高" class="styled-input edit_inputs" type="number" th:value="${height}">
  306. <span class="status">
  307. cm
  308. </span>
  309. </div>
  310. <div class="customize-form-group edit">
  311. <label>体重:</label>
  312. <input name="weight" id="weightw" placeholder="请输入体重" class="styled-input edit_inputs" type="number" th:value="${weight}">
  313. <span class="status">
  314. kg
  315. </span>
  316. </div>
  317. <div class="customize-form-group edit">
  318. <label>BMI:</label>
  319. <input name="BMI" id="BMI2" placeholder="" class="styled-input edit_inputs" type="text" th:value="${BMI}" readonly>
  320. <span class="status">
  321. kg/m²
  322. </span>
  323. </div>
  324. <div class="customize-form-group edit">
  325. <label>腰围:</label>
  326. <input name="waist" id="waist" placeholder="请输入腰围" class="styled-input edit_inputs" type="number" th:value="${waist}">
  327. <span class="status">
  328. cm
  329. </span>
  330. </div>
  331. <div class="customize-form-group edit">
  332. <label>臀围:</label>
  333. <input name="hip" id="hip" placeholder="请输入臀围" class="styled-input edit_inputs" type="number" th:value="${hip}">
  334. <span class="status">
  335. cm
  336. </span>
  337. </div>
  338. <div class="customize-form-group edit">
  339. <label>血压:</label>
  340. <input name="bloodPressure" id="bloodPressure" placeholder="请输入血压" class="styled-input edit_inputs" type="number" th:value="${bloodPressure}">
  341. <span class="status">
  342. mmHg
  343. </span>
  344. </div>
  345. <div class="customize-form-group edit">
  346. <label>血糖:</label>
  347. <input name="bloodSugar" id="bloodSugar" placeholder="请输入血糖" class="styled-input edit_inputs" type="number" th:value="${bloodSugar}">
  348. <span class="status">
  349. mmol/L
  350. </span>
  351. </div>
  352. <div class="customize-search-form">
  353. <div class="customize-form-group edit">
  354. <label>既往史:</label>
  355. <select name="medicalHistory" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jibinshi')}">
  356. <option value="">请选择</option>
  357. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  358. th:selected="${dict.dictLabel}==${medicalHistory}"></option>
  359. </select>
  360. <span class="status"></span>
  361. </div>
  362. <div class="customize-form-group edit">
  363. <label>是外伤手术史:</label>
  364. <div class="input-groups" th:with="type=${@dict.getType('sys_yes_no')}">
  365. <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">
  366. </div>
  367. <span class="status"></span>
  368. </div>
  369. <div class="customize-form-group edit">
  370. <label>家族史:</label>
  371. <select name="infectiousDiseaseHistory" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_crbs')}" >
  372. <option value="">请选择</option>
  373. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  374. th:selected="${dict.dictLabel}==${infectiousDiseaseHistory}"></option>
  375. </select>
  376. <span class="status"></span>
  377. </div>
  378. <!--<div class="customize-form-group edit">
  379. <label>疾病史描述:</label>
  380. <input name="medicalHistoryDescription" placeholder="疾病史描述" class="styled-input edit_inputs" type="text" th:value="${medicalHistoryDescription}">
  381. </div>
  382. <div class="customize-form-group edit">
  383. <label>传染病史描述:</label>
  384. <input name="infectiousDiseaseHistoryDescription" placeholder="传染病史描述" class="styled-input edit_inputs" type="text" th:value="${infectiousDiseaseHistoryDescription}">
  385. </div>
  386. <div class="customize-form-group edit">
  387. <label>既往药物不良反应史:</label>
  388. <input name="pastAdverseDrugReactionHistory" placeholder="既往药物不良反应史" class="styled-input edit_inputs" type="text" th:value="${pastAdverseDrugReactionHistory}">
  389. </div>-->
  390. </div>
  391. <div class="customize-search-form">
  392. <div class="customize-search-form">
  393. <div class="customize-form-group edit">
  394. <div class="customize-form-group edit">
  395. <label>过敏史:</label>
  396. <textarea id="allergyHistory" name="allergyHistory" placeholder="这里可以输入过敏史...食物/药物"
  397. class="styled-input edit_inputs textareas"
  398. style="width: auto;height: 35px ;border: 1px solid ;" rows="1.9" cols="112" th:text="${allergyHistory}"></textarea>
  399. </div>
  400. </div>
  401. </div>
  402. </div>
  403. <!--<div class="customize-search-form">
  404. <div class="customize-form-group edit">
  405. <div style="/*display: flex;*/">
  406. <label style="width: auto;">家族史:</label>
  407. <button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-xs btn-primary">新增</button>
  408. <table id="familyHistoryTable" style="width: 340px;">
  409. <thead>
  410. <tr>
  411. <th>序号</th>
  412. <th>疾病</th>
  413. <th>家庭成员</th>
  414. <th>操作</th>
  415. </tr>
  416. </thead>
  417. <tbody id="familyHistoryTableBody">
  418. &lt;!&ndash; 表格行将在这里动态添加 &ndash;&gt;
  419. </tbody>
  420. </table>
  421. </div>
  422. <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
  423. <div class="modal-dialog">
  424. <form class="form-horizontal" id="form-jzs-add">
  425. <div class="modal-content animated bounceInRight">
  426. <div class="modal-header">
  427. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
  428. </button>
  429. <h4 class="modal-title">家族史</h4>
  430. </div>
  431. <div class="modal-body">
  432. <div class="customize-search-form">
  433. <div class="customize-form-group edit">
  434. <label >疾病</label>
  435. <input type="text" name="disease" placeholder="请输入疾病" class="styled-input edit_inputs" style="width: 200px;" id="disease">
  436. </div>
  437. </div>
  438. <div class="customize-search-form">
  439. <div class="customize-form-group edit">
  440. <label>家庭成员</label>
  441. <select name="member" class="styled-input edit_inputs" style="width: 200px;" th:with="type=${@dict.getType('sys_select_dtp_ysfw_lxryhzgx')}" id="member">
  442. <option value="">请选择家庭成员</option>
  443. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  444. th:selected="${dict.dictLabel}==${member}"></option>
  445. </select>
  446. </div>
  447. </div>
  448. </div>
  449. <div class="modal-footer">
  450. <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
  451. <button type="button" class="btn btn-primary" onclick="saveRow(1)">保存</button>
  452. </div>
  453. </div>
  454. </form>
  455. </div>
  456. </div>
  457. </div>
  458. </div>-->
  459. <!--<div class="customize-form-group edit">
  460. <label class="is-required">保险:</label>
  461. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_bxlx')}" id="targetInsuranceDiv">
  462. <input type="checkbox" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" name="insurance2">
  463. </div>
  464. <div class="error-message" id="insurance-error">请选择至少一项保险</div>
  465. <span class="status"></span>
  466. </div>
  467. <div class="customize-form-group edit">
  468. <label >经济状况:</label>
  469. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_mqjjzt')}">
  470. <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" >
  471. </div>
  472. <span class="status"></span>
  473. </div>
  474. <div class="customize-form-group edit">
  475. <label class="is-required">患者是否知情:</label>
  476. <select name="patientAwareness" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_yes_no')}" required>
  477. <option value="">请选择</option>
  478. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  479. th:selected="${dict.dictLabel}==${patientAwareness}"></option>
  480. </select>
  481. <span class="status"></span>
  482. </div>
  483. <div class="customize-form-group edit">
  484. <label>是否反馈医生:</label>
  485. <div class="input-groups" th:with="type=${@dict.getType('sys_yes_no')}">
  486. <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" >
  487. </div>
  488. <span class="status"></span>
  489. </div>
  490. <div class="customize-form-group edit">
  491. <label>心率:</label>
  492. <select name="heartRate" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_xl')}" placeholder="请选择心率">
  493. <option value="">请选择心率</option>
  494. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  495. th:selected="${dict.dictLabel}==${heartRate}"></option>
  496. </select>
  497. <span class="status"></span>
  498. </div>
  499. <div class="customize-form-group edit">
  500. <label>血压:</label>
  501. <select name="bloodPressureStatus" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_xueya')}">
  502. <option value="">请选择</option>
  503. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  504. th:selected="${dict.dictLabel}==${bloodPressureStatus}"></option>
  505. </select>
  506. <span class="status"></span>
  507. </div>
  508. <div class="customize-form-group edit">
  509. <label>吸烟史:</label>
  510. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_xys')}">
  511. <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" >
  512. </div>
  513. <span class="status"></span>
  514. </div>
  515. <div class="customize-form-group edit">
  516. <label>饮酒史:</label>
  517. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_yjs')}">
  518. <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" >
  519. </div>
  520. <span class="status"></span>
  521. </div>
  522. <div class="customize-form-group edit">
  523. <label>运动习惯:</label>
  524. <div class="input-groups" th:with="type=${@dict.getType('sys_yes_no')}">
  525. <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" >
  526. </div>
  527. <span class="status"></span>
  528. </div>
  529. <div class="customize-form-group edit">
  530. <label>饮食偏好:</label>
  531. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_ysph')}" id="dietaryPreferenceDiv">
  532. <input type="checkbox" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" name="dietaryPreference">
  533. </div>
  534. <span class="status"></span>
  535. </div>
  536. <div class="customize-form-group edit">
  537. <label >睡眠状况:</label>
  538. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_smzk')}" id="sleepConditionDiv">
  539. <input type="checkbox" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" name="sleepCondition">
  540. </div>
  541. <span class="status"></span>
  542. </div>-->
  543. </div>
  544. </div>
  545. </div>
  546. <div id="tab-22" class="tab-pane fade in active">
  547. <div class="panel-body">
  548. <strong>特重/罕见疾病情</strong>
  549. <div class="customize-search-form">
  550. <!--is-required 增加星号 显示为必填-->
  551. <div class="customize-form-group edit">
  552. <label>肿瘤TNM分期:</label>
  553. <select name="businessBelonging" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_zlfq')}">
  554. <option value="">请选择</option>
  555. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  556. th:selected="${dict.dictLabel}==${businessBelonging}"></option>
  557. </select>
  558. <span class="status"></span>
  559. </div>
  560. <div class="customize-form-group edit">
  561. <label>肿瘤疾病分期:</label>
  562. <select name="zlfq" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_blfq')}" required>
  563. <option value="">请选择</option>
  564. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  565. th:selected="${dict.dictLabel}==${zlfq}"></option>
  566. </select>
  567. <span class="status"></span>
  568. </div>
  569. <div class="customize-form-group edit">
  570. <label>基因突变:</label><!-- 需要配置选择的值-->
  571. <select name="jytb" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_jy_type')}" required>
  572. <option value="">请选择</option>
  573. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  574. th:selected="${dict.dictLabel}==${jytb}"></option>
  575. </select>
  576. <span class="status"></span>
  577. </div>
  578. <div class="customize-form-group edit">
  579. <label>分子分型监测:</label>
  580. <select name="fzjc" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_fzjc')}" required>
  581. <option value="">请选择</option>
  582. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  583. th:selected="${dict.dictLabel}==${fzjc}"></option>
  584. </select>
  585. <span class="status"></span>
  586. </div>
  587. <!--<div class="customize-form-group edit">
  588. <label>分子分型监测:</label>
  589. <select name="diseaseType" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jblx')}" required>
  590. <option value="">请选择</option>
  591. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  592. th:selected="${dict.dictLabel}==${diseaseType}"></option>
  593. </select>
  594. <span class="status"></span>
  595. </div>-->
  596. <div class="customize-form-group edit">
  597. <label>PD-L1表达:</label>
  598. <select name="pdl1" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_pdl1')}" required>
  599. <option value="">请选择</option>
  600. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  601. th:selected="${dict.dictLabel}==${pdl1}"></option>
  602. </select>
  603. <span class="status"></span>
  604. </div>
  605. <!--<div class="customize-form-group edit">
  606. <label>临床诊断:</label>
  607. <input name="disease" placeholder="请输入临床诊断" class="styled-input edit_inputs" type="text" maxlength="30" th:value="${disease}">
  608. <span class="status"></span>
  609. </div>-->
  610. <div class="customize-form-group edit">
  611. <label>治疗手段:</label><!-- 值配置到字典-->
  612. <select name="zlsd" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_zlsd')}" required>
  613. <option value="">请选择</option>
  614. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  615. th:selected="${dict.dictLabel}==${zlsd}"></option>
  616. </select>
  617. <span class="status"></span>
  618. </div>
  619. <div class="customize-form-group edit">
  620. <label>治疗分期:</label>
  621. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_zlfq')}">
  622. <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>
  623. </div>
  624. <span class="status"></span>
  625. </div>
  626. <div class="customize-form-group edit">
  627. <label>治疗线收集:</label>
  628. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_zlxsj')}">
  629. <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">
  630. </div>
  631. <span class="status"></span>
  632. </div>
  633. <!--<div class="customize-form-group edit">
  634. <label class="is-required">首次确诊时间:</label>
  635. <div class="input-groups select-time">
  636. <input name="timeFirstDiagnosis" placeholder="首次确诊时间" class="time-input-new styled-input" type="text" th:value="${timeFirstDiagnosis}" required>
  637. </div>
  638. <span class="status"></span>
  639. </div>-->
  640. </div>
  641. <!--<div class="customize-search-form">
  642. <div class="customize-form-group edit">
  643. <label>伴随症状:</label>
  644. <textarea id="accompanyingSymptoms" name="accompanyingSymptoms" class="styled-input edit_inputs textareas"
  645. style="width: auto;height: 140px ;border: 1px solid ;"
  646. th:text="${accompanyingSymptoms}" placeholder="伴随症状..." rows="1.9" cols="112" ></textarea>
  647. <span class="status"></span>
  648. </div>
  649. </div>-->
  650. </div>
  651. </div>
  652. <div id="tab-23" class="tab-pane fade in active">
  653. <div class="panel-body">
  654. <strong>慢性疾病情况</strong>
  655. <div class="customize-search-form">
  656. <div class="customize-form-group edit">
  657. <label>糖尿病:</label>
  658. <input name="tnb" placeholder="临床症状" id="tnb" class="styled-input edit_inputs" type="text" th:value="${tnb}">
  659. <input name="tnbhbz" placeholder="合并症" id="tnbhbz" class="styled-input edit_inputs" type="text" th:value="${tnbhbz}">
  660. <span class="status"></span>
  661. </div>
  662. <div class="customize-form-group edit">
  663. <label>高血压:</label>
  664. <input name="gxy" placeholder="临床症状" id="gxy" class="styled-input edit_inputs" type="text" th:value="${gxy}">
  665. <input name="gxyhbz" placeholder="合并症" id="gxyhbz" class="styled-input edit_inputs" type="text" th:value="${gxyhbz}">
  666. <span class="status"></span>
  667. </div>
  668. <div class="customize-form-group edit">
  669. <label>高血脂症:</label>
  670. <input name="gxz" placeholder="临床症状" id="gxz" class="styled-input edit_inputs" type="text" th:value="${gxz}">
  671. <input name="gxzhbz" placeholder="合并症" id="gxzhbz" class="styled-input edit_inputs" type="text" th:value="${gxzhbz}">
  672. <span class="status"></span>
  673. </div>
  674. </div>
  675. </div>
  676. </div>
  677. <!--<div id="tab-24" class="tab-pane fade in active">
  678. <div class="panel-body">
  679. <strong>患病史</strong>
  680. <div class="customize-search-form">
  681. <div class="customize-form-group edit">
  682. <label>疾病史:</label>
  683. <select name="medicalHistory" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_jibinshi')}">
  684. <option value="">请选择</option>
  685. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  686. th:selected="${dict.dictLabel}==${medicalHistory}"></option>
  687. </select>
  688. </div>
  689. <div class="customize-form-group edit">
  690. <label>疾病史描述:</label>
  691. <input name="medicalHistoryDescription" placeholder="疾病史描述" class="styled-input edit_inputs" type="text" th:value="${medicalHistoryDescription}">
  692. </div>
  693. <div class="customize-form-group edit">
  694. <label>传染病史:</label>
  695. <select name="infectiousDiseaseHistory" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_select_dtp_ysfw_crbs')}" >
  696. <option value="">请选择</option>
  697. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  698. th:selected="${dict.dictLabel}==${infectiousDiseaseHistory}"></option>
  699. </select>
  700. </div>
  701. <div class="customize-form-group edit">
  702. <label>传染病史描述:</label>
  703. <input name="infectiousDiseaseHistoryDescription" placeholder="传染病史描述" class="styled-input edit_inputs" type="text" th:value="${infectiousDiseaseHistoryDescription}">
  704. </div>
  705. <div class="customize-form-group edit">
  706. <label>既往药物不良反应史:</label>
  707. <input name="pastAdverseDrugReactionHistory" placeholder="既往药物不良反应史" class="styled-input edit_inputs" type="text" th:value="${pastAdverseDrugReactionHistory}">
  708. </div>
  709. <div class="customize-form-group edit">
  710. <label>是否有手术外伤史:</label>
  711. <div class="input-groups" th:with="type=${@dict.getType('sys_yes_no')}">
  712. <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">
  713. </div>
  714. </div>
  715. <div class="customize-search-form">
  716. <div class="customize-form-group edit">
  717. <div class="customize-form-group edit">
  718. <label>过敏史:</label>
  719. <textarea id="allergyHistory" name="allergyHistory" placeholder="这里可以输入过敏史..." class="styled-input edit_inputs textareas"
  720. style="width: auto;height: 140px ;border: 1px solid ;" rows="1.9" cols="112" th:text="${allergyHistory}"></textarea>
  721. </div>
  722. </div>
  723. </div>
  724. </div>
  725. <div class="customize-search-form">
  726. <div class="customize-form-group edit">
  727. <div style="/*display: flex;*/">
  728. <label style="width: auto;">家族史:</label>
  729. <button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-xs btn-primary">新增</button>
  730. <table id="familyHistoryTable" style="width: 340px;">
  731. <thead>
  732. <tr>
  733. <th>序号</th>
  734. <th>疾病</th>
  735. <th>家庭成员</th>
  736. <th>操作</th>
  737. </tr>
  738. </thead>
  739. <tbody id="familyHistoryTableBody">
  740. &lt;!&ndash; 表格行将在这里动态添加 &ndash;&gt;
  741. </tbody>
  742. </table>
  743. </div>
  744. <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
  745. <div class="modal-dialog">
  746. <form class="form-horizontal" id="form-jzs-add">
  747. <div class="modal-content animated bounceInRight">
  748. <div class="modal-header">
  749. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
  750. </button>
  751. <h4 class="modal-title">家族史</h4>
  752. </div>
  753. <div class="modal-body">
  754. <div class="customize-search-form">
  755. <div class="customize-form-group edit">
  756. <label >疾病</label>
  757. <input type="text" name="disease" placeholder="请输入疾病" class="styled-input edit_inputs" style="width: 200px;" id="disease">
  758. </div>
  759. </div>
  760. <div class="customize-search-form">
  761. <div class="customize-form-group edit">
  762. <label>家庭成员</label>
  763. <select name="member" class="styled-input edit_inputs" style="width: 200px;" th:with="type=${@dict.getType('sys_select_dtp_ysfw_lxryhzgx')}" id="member">
  764. <option value="">请选择家庭成员</option>
  765. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  766. th:selected="${dict.dictLabel}==${member}"></option>
  767. </select>
  768. </div>
  769. </div>
  770. </div>
  771. <div class="modal-footer">
  772. <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
  773. <button type="button" class="btn btn-primary" onclick="saveRow(1)">保存</button>
  774. </div>
  775. </div>
  776. </form>
  777. </div>
  778. </div>
  779. </div>
  780. </div>
  781. </div>
  782. </div>-->
  783. <!--<div id="tab-25" class="tab-pane fade in active">
  784. <div class="panel-body">
  785. <strong>治疗手段</strong>
  786. <div class="customize-search-form">
  787. <div class="customize-form-group edit">
  788. <div style="/*display: flex;*/">
  789. <label style="width: auto;">多个治疗方案原因描述:</label>
  790. <textarea id="multipleTreatmentReasonsDescription" class="styled-input edit_inputs textareas" style="width: auto;height: 35px ;border: 1px solid ;"
  791. name="multipleTreatmentReasonsDescription" placeholder="治疗方案原因描述"
  792. rows="5" cols="185" th:text="${multipleTreatmentReasonsDescription}"></textarea>
  793. </div>
  794. </div>
  795. </div>
  796. </div>
  797. </div>-->
  798. <div id="tab-26" class="tab-pane fade in active">
  799. <div class="panel-body">
  800. <strong>用药情况 </strong>
  801. <div class="customize-search-form">
  802. <div class="customize-form-group edit">
  803. <div style="/*display: flex;*/">
  804. <label style="width: auto;">当前用药情况:</label>
  805. <button type="button" data-toggle="modal" data-target="#myModal2" class="btn btn-xs btn-primary">新增</button>
  806. <table id="yyqkTable" style="width: 340px;">
  807. <thead>
  808. <tr>
  809. <th>序号</th>
  810. <th>用药情况</th>
  811. <th>用药类型</th>
  812. <th>操作</th>
  813. </tr>
  814. </thead>
  815. <tbody id="yyqkTableBody">
  816. <!-- 表格行将在这里动态添加 -->
  817. </tbody>
  818. </table>
  819. </div>
  820. <div class="modal inmodal" id="myModal2" tabindex="-1" role="dialog" aria-hidden="true">
  821. <div class="modal-dialog">
  822. <form class="form-horizontal" id="form-yyqk-add">
  823. <div class="modal-content animated bounceInRight">
  824. <div class="modal-header">
  825. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
  826. </button>
  827. <h4 class="modal-title">用药情况</h4>
  828. </div>
  829. <div class="modal-body">
  830. <div class="form-group">
  831. <label>用药情况</label>
  832. <input type="text" name="medication_description" placeholder="请输入当前慢病用药名称" class="styled-input edit_inputs" style="width: 200px;" id="medication_description">
  833. <div class="customize-search-form">
  834. <div class="customize-form-group edit">
  835. <label>用药类型</label>
  836. <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">
  837. <option value="">请选择家庭成员</option>
  838. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  839. th:selected="${dict.dictLabel}==${medication_type}"></option>
  840. </select>
  841. </div>
  842. </div>
  843. </div>
  844. </div>
  845. <div class="modal-footer">
  846. <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
  847. <button type="button" class="btn btn-primary" onclick="saveRow(2)">保存</button>
  848. </div>
  849. </div>
  850. </form>
  851. </div>
  852. </div>
  853. </div>
  854. </div>
  855. </div>
  856. </div>
  857. <!--<div id="tab-27" class="tab-pane fade in active">
  858. <div class="panel-body">
  859. <strong>其他信息</strong>
  860. <div class="customize-search-form">
  861. <div class="customize-form-group edit">
  862. <div style="/*display: flex;*/">
  863. <label style="width: auto;">联系人:</label>
  864. <button type="button" data-toggle="modal" data-target="#myModal3" class="btn btn-xs btn-primary">新增</button>
  865. <table id="relationTable" style="width: 310px;">
  866. <thead>
  867. <tr>
  868. <th>序号</th>
  869. <th>电话</th>
  870. <th>姓名</th>
  871. <th>关系</th>
  872. <th>操作</th>
  873. </tr>
  874. </thead>
  875. <tbody id="relationTableBody">
  876. &lt;!&ndash; 表格行将在这里动态添加 &ndash;&gt;
  877. </tbody>
  878. </table>
  879. </div>
  880. <div class="modal inmodal" id="myModal3" tabindex="-1" role="dialog" aria-hidden="true">
  881. <div class="modal-dialog">
  882. <form class="form-horizontal" id="form-relation-add">
  883. <div class="modal-content animated bounceInRight">
  884. <div class="modal-header">
  885. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
  886. </button>
  887. <h4 class="modal-title">联系人</h4>
  888. </div>
  889. <div class="modal-body">
  890. <div class="customize-search-form">
  891. <div class="customize-form-group edit">
  892. <label>联系人电话</label>
  893. <div class="input-group">
  894. <input type="text" placeholder="请输入当联系人电话称" class="styled-input isPhone" style="width: 200px;" id="contact_phone" name="contact_phone" maxlength="11">
  895. </div>
  896. </div>
  897. </div>
  898. <div class="customize-search-form">
  899. <div class="customize-form-group edit">
  900. <label>联系人姓名</label>
  901. <div class="input-group">
  902. <input type="text" placeholder="请输入联系人姓名" class="styled-input edit_inputs" style="width: 200px;" id="contact_name" name="contact_name">
  903. </div>
  904. </div>
  905. </div>
  906. <div class="customize-search-form">
  907. <div class="customize-form-group edit">
  908. <label>联系人关系</label>
  909. <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">
  910. <option value="">请选择联系人关系</option>
  911. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  912. th:selected="${dict.dictLabel}==${contact_relationship}"></option>
  913. </select>
  914. </div>
  915. </div>
  916. </div>
  917. <div class="modal-footer">
  918. <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
  919. <button type="button" class="btn btn-primary" onclick="saveRow(3)">保存</button>
  920. </div>
  921. </div>
  922. </form>
  923. </div>
  924. </div>
  925. </div>
  926. </div>
  927. <div class="customize-search-form">
  928. <div class="customize-form-group edit">
  929. <label>陪护人:</label>
  930. <div class="input-groups" th:with="type=${@dict.getType('sys_select_dtp_ysfw_phr')}" id="caregiverDiv">
  931. <input type="checkbox" class="form-check-radio" th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}" name="caregiver">
  932. </div>
  933. </div>
  934. </div>
  935. </div>
  936. </div>-->
  937. </form>
  938. </div>
  939. <div id="tab-3" class="tab-pane">
  940. <div class="panel-body">
  941. <strong>用药购药</strong>
  942. <div class="container-div">
  943. <div class="row">
  944. <div class="col-sm-12 select-table table-striped">
  945. <table id="bootstrap-table-3"></table>
  946. </div>
  947. </div>
  948. </div>
  949. </div>
  950. </div>
  951. <div id="tab-4" class="tab-pane">
  952. <div class="panel-body">
  953. <strong>随访跟进人</strong>
  954. <div class="row">
  955. <div class="col-sm-12">
  956. <label class="col-sm-1 control-label">随访跟进人:</label>
  957. <span>无</span>
  958. <div class="col-sm-2" >
  959. <div class="input-group">
  960. <select name="healingLineCollection" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_yes_no')}">
  961. <option value="">请选择</option>
  962. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  963. th:selected="${dict.dictLabel} == ${healingLineCollection}" ></option>
  964. </select>
  965. </div>
  966. </div>
  967. <label class="col-sm-1 control-label">.</label>
  968. <div class="col-sm-2" >
  969. <div class="input-group">
  970. <span>脱落召回</span>
  971. </div>
  972. </div>
  973. <div class="col-sm-2" >
  974. <div class="input-group">
  975. <span>进行中</span>
  976. </div>
  977. </div>
  978. <a>关闭计划</a>
  979. </div>
  980. </div>
  981. <div class="row">
  982. <div class="col-sm-12">
  983. <label class="col-sm-1 control-label">创建人:</label>
  984. <div class="col-sm-1" >
  985. <div class="input-group">
  986. <span>系统订单</span>
  987. </div>
  988. </div>
  989. <label class="col-sm-1 control-label">开启时间:</label>
  990. <div class="col-sm-1" >
  991. <div class="input-group">
  992. <span>2024-09-16</span>
  993. </div>
  994. </div>
  995. <label class="col-sm-1 control-label">跟新人:</label>
  996. <div class="col-sm-1" >
  997. <div class="input-group">
  998. <span>admin</span>
  999. </div>
  1000. </div>
  1001. <label class="col-sm-1 control-label">更新时间:</label>
  1002. <div class="col-sm-1" >
  1003. <div class="input-group">
  1004. <span>2024-09-16</span>
  1005. </div>
  1006. </div>
  1007. <div class="col-sm-1" >
  1008. <a>查看操作记录</a>
  1009. </div>
  1010. </div>
  1011. </div>
  1012. <div class="container-div">
  1013. <div class="row">
  1014. <div class="col-sm-12 select-table table-striped">
  1015. <table id="bootstrap-table-4"></table>
  1016. </div>
  1017. </div>
  1018. </div>
  1019. </div>
  1020. </div>
  1021. <div id="tab-5" class="tab-pane">
  1022. <ul class="nav nav-tabs">
  1023. <div class="panel-body">
  1024. <div class="container-div">
  1025. <div class="row">
  1026. <label class="col-sm-1 control-label">随访跟进人:</label>
  1027. <span>无</span>
  1028. <div class="col-sm-2" >
  1029. <div class="input-group">
  1030. <select name="healingLineCollection" class="styled-input edit_inputs" th:with="type=${@dict.getType('sys_yes_no')}">
  1031. <option value="">请选择</option>
  1032. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"
  1033. th:selected="${dict.dictLabel} == ${healingLineCollection}" ></option>
  1034. </select>
  1035. </div>
  1036. </div>
  1037. </div>
  1038. <div class="row">
  1039. <div class="col-sm-12 select-table table-striped">
  1040. <table id="bootstrap-table-5"></table>
  1041. </div>
  1042. </div>
  1043. </div>
  1044. </div>
  1045. </ul>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. </div>
  1050. <div class="main-content" id="content-main">
  1051. <div class="col-sm-offset-5 col-sm-10">
  1052. <button type="button" class="btn btn-sm btn-primary" onclick="submitHandler()"><i class="fa fa-check"></i>保 存</button>&nbsp;
  1053. <button type="button" class="btn btn-sm btn-danger" onclick="closeItem()"><i class="fa fa-reply-all"></i>关 闭 </button>
  1054. </div>
  1055. </div>
  1056. </div>
  1057. <th:block th:include="include :: footer" />
  1058. <th:block th:include="include :: select2-css" />
  1059. <th:block th:include="include :: bootstrap-select-css" />
  1060. </body> <th:block th:include="include :: select2-js" />
  1061. <th:block th:include="include :: bootstrap-select-js" />
  1062. </html>
  1063. <script th:inline="javascript">
  1064. var prefix = ctx + "dtp/pmService";
  1065. var prefix2 = ctx + "demo/table";
  1066. var formSubmitted = true;
  1067. $(document).ready(function() {
  1068. // 初始化 Select2 插件
  1069. for (let i = 1; i <= 6; i++) {
  1070. $(`#category-select${i}`).select2({
  1071. placeholder: "请选择或直接输入搜索",
  1072. allowClear: true
  1073. });
  1074. }
  1075. // 获取所有下拉选项的数据
  1076. $.ajax({
  1077. url: ctx + 'sp/sp/typeDate',
  1078. method: 'GET',
  1079. dataType: 'json',
  1080. success: function(data) {
  1081. var options1 = $('#category-select1');
  1082. var options2 = $('#category-select2');
  1083. var options3 = $('#category-select3');
  1084. var options4 = $('#category-select4');
  1085. var options5 = $('#category-select5');
  1086. var options6 = $('#category-select6');
  1087. // 清空已有选项(除了第一个默认选项)
  1088. options1.find('option').not(':first').remove();
  1089. options2.find('option').not(':first').remove();
  1090. options3.find('option').not(':first').remove();
  1091. options4.find('option').not(':first').remove();
  1092. options5.find('option').not(':first').remove();
  1093. options6.find('option').not(':first').remove();
  1094. // 添加默认选项
  1095. $('<option>', {
  1096. value: '',
  1097. text : '请选择疾病'
  1098. }).appendTo(options1);
  1099. $('<option>', {
  1100. value: '',
  1101. text : '请选择疾病'
  1102. }).appendTo(options2);
  1103. $('<option>', {
  1104. value: '',
  1105. text : '请选择疾病'
  1106. }).appendTo(options3);
  1107. $('<option>', {
  1108. value: '',
  1109. text : '请选择疾病'
  1110. }).appendTo(options4);
  1111. $('<option>', {
  1112. value: '',
  1113. text : '请选择疾病'
  1114. }).appendTo(options5);
  1115. $('<option>', {
  1116. value: '',
  1117. text : '请选择疾病'
  1118. }).appendTo(options6);
  1119. // 回显数据
  1120. var dl = /*[[${dl}]]*/ '';
  1121. // 直接使用 dl 数据预填充下拉列表
  1122. var dlParsed = JSON.parse(dl);
  1123. if (Array.isArray(dlParsed)) {
  1124. var dlIds = dlParsed.map(function (item) {
  1125. return item.id;
  1126. }); // 转换为 ID 数组
  1127. // 遍历返回的数据并添加选项
  1128. $.each(data.value, function(index, item) {
  1129. if(item.dict_key == 1){
  1130. $('<option>', {
  1131. value: item.id,
  1132. text : item.categoryName
  1133. }).appendTo(options1);
  1134. $(`#category-select1`).val(dlIds).trigger('change');
  1135. }
  1136. if(item.dict_key == 2){
  1137. $('<option>', {
  1138. value: item.id,
  1139. text : item.categoryName
  1140. }).appendTo(options2);
  1141. $(`#category-select2`).val(dlIds).trigger('change');
  1142. }
  1143. if(item.dict_key == 3){
  1144. $('<option>', {
  1145. value: item.id,
  1146. text : item.categoryName
  1147. }).appendTo(options3);
  1148. $(`#category-select3`).val(dlIds).trigger('change');
  1149. }
  1150. if(item.dict_key == 4){
  1151. $('<option>', {
  1152. value: item.id,
  1153. text : item.categoryName
  1154. }).appendTo(options4);
  1155. $(`#category-select4`).val(dlIds).trigger('change');
  1156. }
  1157. if(item.dict_key == 5){
  1158. $('<option>', {
  1159. value: item.id,
  1160. text : item.categoryName
  1161. }).appendTo(options5);
  1162. $(`#category-select5`).val(dlIds).trigger('change');
  1163. }
  1164. if(item.dict_key == 6){
  1165. $('<option>', {
  1166. value: item.id,
  1167. text : item.categoryName
  1168. }).appendTo(options6);
  1169. $(`#category-select6`).val(dlIds).trigger('change');
  1170. }
  1171. });
  1172. // 重新初始化 Select2 以反映新的选项
  1173. options1.trigger('change');
  1174. options2.trigger('change');
  1175. options3.trigger('change');
  1176. options4.trigger('change');
  1177. options5.trigger('change');
  1178. options6.trigger('change');
  1179. }
  1180. },
  1181. error: function(xhr, status, error) {
  1182. console.error("Failed to load disease categories:", error);
  1183. }
  1184. });
  1185. });
  1186. function unbound() {
  1187. $.modal.confirm("请确认是否解除当前患者档案与患者小程序账号的绑定关系?解绑后无法撤销,请谨慎操作", function() {
  1188. var id = $("#id").val();
  1189. var data=[];
  1190. data.push({name:'id',value:id});
  1191. console.log("data==="+data)
  1192. $.ajax({
  1193. cache: true,
  1194. type: "POST",
  1195. url: ctx + "dtp/pmService/unbound",
  1196. data: data,
  1197. async: false,
  1198. error: function (data) {
  1199. $.modal.alertError(data.msg);
  1200. },
  1201. success: function (data) {
  1202. $.modal.alertSuccess(data.msg);
  1203. // 重新加载整个页面
  1204. location.reload();
  1205. }
  1206. });
  1207. });
  1208. }
  1209. var flipStatus = $("#flipStatus").val();
  1210. var unboundLink = $("#unboundflipStatus");
  1211. if (flipStatus === '已上翻') {
  1212. unboundLink.show();
  1213. } else {
  1214. unboundLink.hide();
  1215. }
  1216. function submitHandler() {
  1217. //表单 基本信息
  1218. var data = $("#form-server-edit").serializeArray();
  1219. const tableBody2 = document.getElementById('yyqkTableBody');
  1220. const rows2 = tableBody2.getElementsByTagName('tr');
  1221. if (rows2.length > 0) {
  1222. const rowsRcords = [];//用药情况table
  1223. $('#yyqkTableBody tr').each(function () {
  1224. const row = {
  1225. archiveId: $("#id").val(),
  1226. medicationDescription: $(this).find('td:eq(1)').text(),
  1227. medicationType: $(this).find('td:eq(2)').text(),
  1228. };
  1229. rowsRcords.push(row);
  1230. });
  1231. data.push({name:"rowsRcords",value:JSON.stringify(rowsRcords)})
  1232. }
  1233. // 获取所有选中的选项并处理数据
  1234. var selectedDataDL = [];
  1235. for (let i = 1; i <= 6; i++) {
  1236. var selectedOptionsDL = $(`#category-select${i} option:selected`);
  1237. if (selectedOptionsDL.length > 0) {
  1238. selectedOptionsDL.each(function() {
  1239. selectedDataDL.push({
  1240. id: $(this).val(),
  1241. name: $(this).text()
  1242. });
  1243. });
  1244. }
  1245. }
  1246. var hasSelection = false;
  1247. if (selectedDataDL.length > 0) {
  1248. hasSelection = true;
  1249. }
  1250. const DL = JSON.stringify(selectedDataDL);
  1251. if (!hasSelection) {
  1252. alert('请至少选择一个疾病选项!');
  1253. return;
  1254. }
  1255. data.push({name: "dl", value: DL});
  1256. $.operate.saveTab(prefix + "/archivesEdit", data);
  1257. }
  1258. $('#weightw').on('blur', function() {
  1259. var inputValuew = $('#weightw').val().trim();
  1260. var inputValueh = $('#heighth').val().trim();
  1261. var result = calculateBMI(inputValueh,inputValuew); // 身高1.75m 体重70kg,
  1262. // 显示输入框的值
  1263. $('#BMI2').val(result);
  1264. });
  1265. $('#heighth').on('blur', function() {
  1266. var inputValuew = $('#weightw').val().trim();
  1267. var inputValueh = $('#heighth').val().trim();
  1268. var result = calculateBMI(inputValueh, inputValuew); // 身高1.75m 体重70kg,
  1269. // 显示输入框的值
  1270. $('#BMI2').val(result);
  1271. });
  1272. $(document).ready(function() {
  1273. // 监听点击事件,激活指定的选项卡
  1274. $('#myTabs3 li a').click(function(e) {
  1275. // 阻止默认行为
  1276. //e.preventDefault();
  1277. // 获取当前点击的选项卡链接
  1278. var $this = $(this);
  1279. var x = document.getElementById("content-main");
  1280. if($this.attr('href') === '#tab-1'){
  1281. formSubmitted=true;
  1282. }
  1283. if($this.attr('href') === '#tab-2'){
  1284. formSubmitted=false;
  1285. // 添加 active 类到当前点击的选项卡
  1286. $(this).addClass('active');
  1287. $this.attr('aria-expanded', 'true');
  1288. }
  1289. // 检查是否为“用药购药”选项卡
  1290. if ($this.attr('href') === '#tab-3' || $this.attr('href') === '#tab-4' || $this.attr('href') === '#tab-5') {
  1291. // 初始化表格
  1292. initializeTables();
  1293. x.style.display = "none";
  1294. } else {
  1295. x.style.display = "block";
  1296. }
  1297. // 初始化时回显保险已选中的值
  1298. function check(insuranceList) {
  1299. var insurances = insuranceList.split(',');
  1300. $.each(insurances, function(index, value) {
  1301. var checkbox = $('input[name="insurance2"][value="'+value.trim()+'"]');
  1302. // 选中复选框
  1303. checkbox.prop('checked', true);
  1304. });
  1305. }
  1306. /*<![CDATA[*/
  1307. var insuranceList = /*[[${insurance}]]*/ '';
  1308. /*]]>*/
  1309. if(insuranceList){
  1310. check(insuranceList);
  1311. }
  1312. // 初始化时回显陪护人已选中的值
  1313. function checkCaregiver(caregiverList) {
  1314. var caregiver = caregiverList.split(',');
  1315. $.each(caregiver, function(index, value) {
  1316. var checkbox = $('input[name="caregiver"][value="'+value.trim()+'"]');
  1317. checkbox.prop('checked', true);
  1318. });
  1319. }
  1320. /*<![CDATA[*/
  1321. var caregiverList = /*[[${caregiver}]]*/ '';
  1322. /*]]>*/
  1323. if(caregiverList){
  1324. checkCaregiver(caregiverList);
  1325. }
  1326. // 初始化时回显睡眠状况已选中的值
  1327. function checkSleepCondition(sleepConditionList) {
  1328. var sleepCondition = sleepConditionList.split(',');
  1329. $.each(sleepCondition, function(index, value) {
  1330. var trimmedValue = value.trim();
  1331. var checkbox = $('input[name="sleepCondition"][value="'+value.trim()+'"]');
  1332. checkbox.prop('checked', true);
  1333. });
  1334. }
  1335. /*<![CDATA[*/
  1336. var sleepConditionList = /*[[${sleepCondition}]]*/ '';
  1337. /*]]>*/
  1338. if(sleepConditionList){
  1339. checkSleepCondition(sleepConditionList);
  1340. }
  1341. // 初始化时回显饮食偏好已选中的值
  1342. function checkDietaryPreference(dietaryPreferenceList) {
  1343. var dietaryPreference = dietaryPreferenceList.split(',');
  1344. $.each(dietaryPreference, function(index, value) {
  1345. var trimmedValue = value.trim();
  1346. var checkbox = $('input[name="dietaryPreference"][value="'+value.trim()+'"]');
  1347. checkbox.prop('checked', true);
  1348. });
  1349. }
  1350. /*<![CDATA[*/
  1351. var dietaryPreferenceList = /*[[${dietaryPreference}]]*/ '';
  1352. /*]]>*/
  1353. if(dietaryPreferenceList){
  1354. checkDietaryPreference(dietaryPreferenceList);
  1355. }
  1356. });
  1357. });
  1358. //初始化加载
  1359. if(formSubmitted){
  1360. //基本信息页面1
  1361. function populateSelections(insuranceList) {
  1362. var insurances = insuranceList.split(',');
  1363. var selectedValuesDiv = $('#selected-values');
  1364. selectedValuesDiv.empty(); // 清空之前的选中值
  1365. $.each(insurances, function(index, value) {
  1366. $('#insurance option[value="' + value + '"]').prop('selected', true);
  1367. selectedValuesDiv.append('<span>' + value + '</span>');
  1368. });
  1369. }
  1370. function updateSelectedValues() {
  1371. var selectedValues = $('#insurance').val();
  1372. var selectedValuesDiv = $('#selected-values');
  1373. selectedValuesDiv.empty(); // 清空之前的选中值
  1374. if (selectedValues) {
  1375. $.each(selectedValues, function(index, value) {
  1376. selectedValuesDiv.append('<span>' + value + '</span>');
  1377. });
  1378. }
  1379. }
  1380. /*<![CDATA[*/
  1381. var insurance = /*[[${insurance}]]*/ '';
  1382. /*]]>*/
  1383. if(insurance){
  1384. populateSelections(insurance);
  1385. }
  1386. // 绑定事件监听,当选择发生变化时更新显示的选中值
  1387. $('#insurance').on('change', function() {
  1388. updateSelectedValues();
  1389. });
  1390. /*<![CDATA[*/
  1391. var contactsData = /*[[${contactsData}]]*/ '';
  1392. /*]]>*/
  1393. if(contactsData!==null) {
  1394. // 遍历数据并动态生成表格行
  1395. contactsData.forEach(function (item, index) {
  1396. var row = '<tr>' +
  1397. '<td>' + (index + 1) + '</td>' +
  1398. '<td>' + item.contactPhone + '</td>' +
  1399. '<td>' + item.contactName + '</td>' +
  1400. '<td>' + item.contactRelationship + '</td>' +
  1401. '<td><button class="btn-danger" onclick="deleteRow(this)">删除</button></td>' +
  1402. '</tr>';
  1403. $('#relationTableBody').append(row);
  1404. });
  1405. }
  1406. /*<![CDATA[*/
  1407. var recordsData = /*[[${recordsData}]]*/ '';
  1408. /*]]>*/
  1409. // 遍历数据并动态生成表格行
  1410. if(recordsData!==null) {
  1411. recordsData.forEach(function (item, index) {
  1412. var row = '<tr>' +
  1413. '<td>' + (index + 1) + '</td>' +
  1414. '<td>' + item.medicationDescription + '</td>' +
  1415. '<td>' + item.medicationType + '</td>' +
  1416. '<td><button class="btn-danger" onclick="deleteRow(this)">删除</button></td>' +
  1417. '</tr>';
  1418. $('#yyqkTableBody').append(row);
  1419. });
  1420. }
  1421. /*<![CDATA[*/
  1422. var historyData = /*[[${historyData}]]*/ '';
  1423. /*]]>*/
  1424. // 遍历数据并动态生成表格行
  1425. if(historyData!==null) {
  1426. historyData.forEach(function (item, index) {
  1427. var row = '<tr>' +
  1428. '<td>' + (index + 1) + '</td>' +
  1429. '<td>' + item.disease + '</td>' +
  1430. '<td>' + item.member + '</td>' +
  1431. '<td><button class="btn-danger" onclick="deleteRow(this)">删除</button></td>' +
  1432. '</tr>';
  1433. $('#familyHistoryTableBody').append(row);
  1434. });
  1435. }
  1436. }
  1437. // 绑定事件监听,当复选框状态改变时更新错误提示
  1438. $('input[name="insurance2"]').on('change', function() {
  1439. if ($('input[name="insurance2"]:checked').length > 0) {
  1440. $('#insurance-error').hide();
  1441. }
  1442. });
  1443. // 监听点击事件,激活指定的选项卡
  1444. $('#myTabs li a').click(function(e) {
  1445. // 阻止默认行为
  1446. e.preventDefault();
  1447. // 获取当前点击的选项卡链接
  1448. var $this = $(this);
  1449. // 移除所有选项卡的 active 类
  1450. //$('#myTabs li').removeClass('active');
  1451. //$('.tab-pane').removeClass('active in');
  1452. $('#myTabs li a').addClass('active');
  1453. // 添加 active 类到当前点击的选项卡
  1454. $this.parent().addClass('active');
  1455. // 获取目标选项卡面板的 ID
  1456. var target = $this.attr('href');
  1457. // 展示对应的选项卡面板,并更新 aria-expanded
  1458. $(target).addClass('active in');
  1459. $this.attr('aria-expanded', 'true');
  1460. // 执行点击链接对应的动作
  1461. $this.tab('show');
  1462. // 移除所有选项卡的激活类
  1463. //$('.active').removeClass('active');
  1464. $(this).addClass('active');
  1465. // 滚动到目标选项卡位置
  1466. // 将目标内容区滚动到视口中央
  1467. $('html, body').animate({
  1468. scrollTop: $(target).offset().top - ($(window).height() / 2)
  1469. }, 500); // 500毫秒动画时间
  1470. // scrollToTab($this);
  1471. // 重新初始化当前选项卡内的表格
  1472. var tableId = target.replace('#', '');
  1473. initializeTableForTab(tableId);
  1474. });
  1475. function initializeTables() {
  1476. // 初始化所有表格
  1477. //initializeTableForTab('tab-1');
  1478. //initializeTableForTab('tab-2');
  1479. initializeTableForTab('tab-3');
  1480. /*initializeTableForTab('tab-4');
  1481. initializeTableForTab('tab-5');*/
  1482. }
  1483. function initializeTableForTab(tabId) {
  1484. var datas=[];
  1485. debugger
  1486. var tableId = 'bootstrap-table-' + tabId.substring(4);
  1487. var tableElement = $('#' + tableId);
  1488. var data = {
  1489. "patientPhone": $('#phoneNumber').val(),
  1490. "patientName": $('#name').val(),
  1491. "id": $('#id').val(),
  1492. };
  1493. console.log("patientPhone="+$('#phoneNumber').val());
  1494. // 初始化表格 getDrugPurchaseList
  1495. $.ajax({
  1496. cache : true,
  1497. type : "POST",
  1498. url : ctx + "dtp/pmService/getDrugPurchaseList",
  1499. data : data,
  1500. async : false,
  1501. error : function(request) {
  1502. $.modal.alertError("系统错误");
  1503. },
  1504. success : function(data) {
  1505. datas=data.rows;
  1506. $.operate.successCallback(data);
  1507. }
  1508. });
  1509. tableElement.bootstrapTable({
  1510. // 配置表格的相关属性
  1511. // 例如数据源、列定义等
  1512. // 示例配置
  1513. data: datas,
  1514. columns : [
  1515. [
  1516. {field: 'salesOrderNumber', title: '销售' },
  1517. { field: 'prescriptionNumber', title: '处方编号' },
  1518. { field: 'prescriptionDate', title: '处方日期' },
  1519. { field: 'hospital', title: '医院' },
  1520. { field: 'prescribingDoctor', title: '处方医生' },
  1521. { field: 'department', title: '科室' },
  1522. { field: 'attendingDoctor', title: '主管医生' }, // 注意这里使用的是 "attendingDoctor" 而不是 "attendingPhysician"
  1523. { field: 'clinicalDiagnosis', title: '临床诊断' },
  1524. { field: 'genericName', title: '药品通用名' },
  1525. { field: 'productName', title: '商品名' },
  1526. { field: 'medicationRoute', title: '用药途径' },
  1527. { field: 'dosageFrequency', title: '用药频次' },
  1528. { field: 'singleDoseUnit', title: '单次剂量' },
  1529. { field: 'registrant', title: '登记人' },
  1530. { field: 'registrationDate', title: '登记日期' },
  1531. { field: 'saleDate', title: '销售日期' },
  1532. { field: 'pharmacyName', title: '购药门店名称' }
  1533. ]
  1534. ]
  1535. });
  1536. }
  1537. function scrollToTab(tabLink) {
  1538. // 获取目标选项卡的位置
  1539. var tabPos = tabLink.offset().top;
  1540. //使用 scrollIntoView 方法滚动到目标位置
  1541. //选项 { behavior: 'smooth' } 使滚动平滑
  1542. window.scroll({
  1543. top: tabPos,
  1544. left: 0,
  1545. behavior: 'smooth' // 平滑滚动
  1546. });
  1547. }
  1548. $(function() {
  1549. var optionsyygy = {
  1550. url: prefix2 + "/list",
  1551. showSearch: false,
  1552. showRefresh: false,
  1553. showToggle: false,
  1554. showColumns: false,
  1555. pagination: false,
  1556. uniqueId: "userId",
  1557. height: 400,
  1558. columns: [{
  1559. checkbox: true
  1560. },
  1561. {
  1562. field : 'userId',
  1563. title : '用户ID'
  1564. },
  1565. {
  1566. field : 'userCode',
  1567. title : '用户编号'
  1568. },
  1569. {
  1570. field : 'userName',
  1571. title : '用户姓名'
  1572. },
  1573. {
  1574. field : 'userPhone',
  1575. title : '用户手机'
  1576. },
  1577. {
  1578. field : 'userEmail',
  1579. title : '用户邮箱'
  1580. },
  1581. {
  1582. field : 'userBalance',
  1583. title : '用户余额'
  1584. }]
  1585. };
  1586. $.table.init(optionsyygy);
  1587. var optionssfjh = {
  1588. url: prefix2 + "/list",
  1589. showSearch: false,
  1590. showRefresh: false,
  1591. showToggle: false,
  1592. showColumns: false,
  1593. pagination: false,
  1594. uniqueId: "userId",
  1595. height: 400,
  1596. columns: [{
  1597. checkbox: true
  1598. },
  1599. {
  1600. field : 'userId',
  1601. title : '用户ID'
  1602. },
  1603. {
  1604. field : 'userCode',
  1605. title : '用户编号'
  1606. },
  1607. {
  1608. field : 'userName',
  1609. title : '用户姓名'
  1610. },
  1611. {
  1612. field : 'userPhone',
  1613. title : '用户手机'
  1614. },
  1615. {
  1616. field : 'userEmail',
  1617. title : '用户邮箱'
  1618. },
  1619. {
  1620. field : 'userBalance',
  1621. title : '用户余额'
  1622. }]
  1623. };
  1624. $.table.init(optionssfjh);
  1625. var optionsregj = {
  1626. url: prefix2 + "/list",
  1627. showSearch: false,
  1628. showRefresh: false,
  1629. showToggle: false,
  1630. showColumns: false,
  1631. pagination: false,
  1632. uniqueId: "userId",
  1633. height: 400,
  1634. columns: [{
  1635. checkbox: true
  1636. },
  1637. {
  1638. field : 'userId',
  1639. title : '用户ID'
  1640. },
  1641. {
  1642. field : 'userCode',
  1643. title : '用户编号'
  1644. },
  1645. {
  1646. field : 'userName',
  1647. title : '用户姓名'
  1648. },
  1649. {
  1650. field : 'userPhone',
  1651. title : '用户手机'
  1652. },
  1653. {
  1654. field : 'userEmail',
  1655. title : '用户邮箱'
  1656. },
  1657. {
  1658. field : 'userBalance',
  1659. title : '用户余额'
  1660. }]
  1661. };
  1662. $.table.init(optionsregj);
  1663. });
  1664. /* 查询表格所有数据值 */
  1665. function getData(){
  1666. var data = $("#" + table.options.id).bootstrapTable('getData');
  1667. $.modal.alert(JSON.stringify(data))
  1668. }
  1669. /* 查询行ID值为1的数据 */
  1670. function getRowByUniqueId(){
  1671. var data = $("#" + table.options.id).bootstrapTable('getRowByUniqueId', 1);
  1672. $.modal.alert(JSON.stringify(data))
  1673. }
  1674. /* 查询表格选择行数据值 */
  1675. function getSelections(){
  1676. var data = $("#" + table.options.id).bootstrapTable('getSelections');
  1677. $.modal.alert(JSON.stringify(data))
  1678. }
  1679. function saveRow(button) {
  1680. if(button==1){
  1681. // 获取表单数据
  1682. var illness = document.getElementById('disease').value;
  1683. var familyMember = document.getElementById('member').value;
  1684. // 检查数据是否为空
  1685. if (!illness || !familyMember) {
  1686. $.modal.alert('请填写疾病和选择家庭成员!');
  1687. return;
  1688. }
  1689. // 创建新的表格行
  1690. var newRow = document.createElement('tr');
  1691. // 序号列
  1692. var serialNumberCell = document.createElement('td');
  1693. serialNumberCell.textContent = '1'; // 序号可以按需动态生成
  1694. newRow.appendChild(serialNumberCell);
  1695. // 疾病列
  1696. var illnessCell = document.createElement('td');
  1697. illnessCell.textContent = illness;
  1698. newRow.appendChild(illnessCell);
  1699. // 家庭成员列
  1700. var familyMemberCell = document.createElement('td');
  1701. familyMemberCell.textContent = familyMember;
  1702. newRow.appendChild(familyMemberCell);
  1703. // 修改 操作列
  1704. var actionCell = document.createElement('td');
  1705. // var editButton = document.createElement('button');
  1706. // editButton.textContent = '修改';
  1707. // editButton.onclick = function() { editRow(this);/* 复制逻辑 */ };
  1708. // actionCell.appendChild(editButton);
  1709. // var copyButton = document.createElement('button');
  1710. // copyButton.textContent = '复制';
  1711. // copyButton.onclick = function() { /* 复制逻辑 */ };
  1712. // actionCell.appendChild(copyButton);
  1713. var deleteButton = document.createElement('button');
  1714. deleteButton.textContent = '删除';
  1715. deleteButton.onclick = function() { deleteRow(this);/* 复制逻辑 */ };
  1716. actionCell.appendChild(deleteButton);
  1717. newRow.appendChild(actionCell);
  1718. // 将新行添加到表格的tbody中
  1719. var tableBody = document.querySelector('#familyHistoryTable tbody');
  1720. tableBody.appendChild(newRow);
  1721. // 清空表单输入框
  1722. document.getElementById('disease').value = '';
  1723. document.getElementById('member').selectedIndex = 0;
  1724. // 关闭模态框
  1725. $('#myModal').modal('hide');
  1726. }
  1727. if(button==2){
  1728. // 获取表单数据
  1729. var yyqk = document.getElementById('medication_description').value;
  1730. var yylx = document.getElementById('medication_type').value;
  1731. // 检查数据是否为空
  1732. if (!yyqk || !yylx) {
  1733. $.modal.alert('请填写用药情况和选择用药类型!');
  1734. return;
  1735. }
  1736. // 创建新的表格行
  1737. var newRow = document.createElement('tr');
  1738. // 序号列
  1739. var serialNumberCell = document.createElement('td');
  1740. serialNumberCell.textContent = '1'; // 序号可以按需动态生成
  1741. newRow.appendChild(serialNumberCell);
  1742. // 疾病列
  1743. var yyqkCell = document.createElement('td');
  1744. yyqkCell.textContent = yyqk;
  1745. newRow.appendChild(yyqkCell);
  1746. // 家庭成员列
  1747. var yylxCell = document.createElement('td');
  1748. yylxCell.textContent = yylx;
  1749. newRow.appendChild(yylxCell);
  1750. // 修改 操作列
  1751. var actionCell = document.createElement('td');
  1752. // var editButton = document.createElement('button');
  1753. // editButton.textContent = '修改';
  1754. // editButton.onclick = function() { editRow(this);/* 复制逻辑 */ };
  1755. // actionCell.appendChild(editButton);
  1756. //
  1757. // var copyButton = document.createElement('button');
  1758. // copyButton.textContent = '复制';
  1759. // copyButton.onclick = function() { /* 复制逻辑 */ };
  1760. // actionCell.appendChild(copyButton);
  1761. var deleteButton = document.createElement('button');
  1762. deleteButton.textContent = '删除';
  1763. deleteButton.onclick = function() { deleteRow(this);/* 复制逻辑 */ };
  1764. actionCell.appendChild(deleteButton);
  1765. newRow.appendChild(actionCell);
  1766. // 将新行添加到表格的tbody中
  1767. var tableBody = document.querySelector('#yyqkTable tbody');
  1768. tableBody.appendChild(newRow);
  1769. // 清空表单输入框
  1770. document.getElementById('medication_description').value = '';
  1771. document.getElementById('medication_type').selectedIndex = 0;
  1772. // 关闭模态框
  1773. $('#myModal2').modal('hide');
  1774. }
  1775. if(button==3){
  1776. // 获取表单数据 form-relation-add relationTable 联系人电话 lxrdh 联系人姓名 lxrxm 联系人关系 lxrgx
  1777. var lxrdh = document.getElementById('contact_phone').value;
  1778. var lxrxm = document.getElementById('contact_name').value;
  1779. var lxrgx = document.getElementById('contact_relationship').value;
  1780. // 检查数据是否为空
  1781. if (!lxrdh || !lxrxm || !lxrgx) {
  1782. $.modal.alert('请填写联系人姓名,联系人电话和选择家庭成员!');
  1783. return;
  1784. }
  1785. // 创建新的表格行
  1786. var newRow = document.createElement('tr');
  1787. // 序号列
  1788. var serialNumberCell = document.createElement('td');
  1789. serialNumberCell.textContent = '1'; // 序号可以按需动态生成
  1790. newRow.appendChild(serialNumberCell);
  1791. // 联系人电话列
  1792. var lxrdhCell = document.createElement('td');
  1793. lxrdhCell.textContent = lxrdh;
  1794. newRow.appendChild(lxrdhCell);
  1795. //联系人姓名列
  1796. var lxrxmCell = document.createElement('td');
  1797. lxrxmCell.textContent = lxrxm;
  1798. newRow.appendChild(lxrxmCell);
  1799. // 联系人关系列
  1800. var lxrgxCell = document.createElement('td');
  1801. lxrgxCell.textContent = lxrgx;
  1802. newRow.appendChild(lxrgxCell);
  1803. // 修改 操作列
  1804. var actionCell = document.createElement('td');
  1805. // var editButton = document.createElement('button');
  1806. // editButton.textContent = '修改';
  1807. // editButton.onclick = function() { editRow(this);/* 复制逻辑 */ };
  1808. // actionCell.appendChild(editButton);
  1809. //
  1810. // var copyButton = document.createElement('button');
  1811. // copyButton.textContent = '复制';
  1812. // copyButton.onclick = function() { /* 复制逻辑 */ };
  1813. // actionCell.appendChild(copyButton);
  1814. var deleteButton = document.createElement('button');
  1815. deleteButton.textContent = '删除';
  1816. deleteButton.onclick = function() { deleteRow(this);/* 复制逻辑 */ };
  1817. actionCell.appendChild(deleteButton);
  1818. newRow.appendChild(actionCell);
  1819. // 将新行添加到表格的tbody中
  1820. var tableBody = document.querySelector('#relationTable tbody');
  1821. tableBody.appendChild(newRow);
  1822. // 清空表单输入框
  1823. document.getElementById('contact_phone').value = '';
  1824. document.getElementById('contact_name').value = '';
  1825. document.getElementById('contact_relationship').selectedIndex = 0;
  1826. // 关闭模态框
  1827. $('#myModal3').modal('hide');
  1828. }
  1829. }
  1830. // 编辑模式标志
  1831. let isEditMode = false;
  1832. let currentRow = null;
  1833. function deleteRow(button) {
  1834. const row = button.parentNode.parentNode;
  1835. row.remove();
  1836. }
  1837. </script>
  1838. <style>
  1839. /* 添加一些基础样式 */
  1840. body {
  1841. font-family: Arial, sans-serif;
  1842. }
  1843. table {
  1844. width: 100%;
  1845. border-collapse: collapse;
  1846. }
  1847. th, td {
  1848. text-align: left;
  1849. padding: 8px;
  1850. border-bottom: 1px solid #ddd;
  1851. }
  1852. tr:nth-child(even) {
  1853. background-color: #f2f2f2;
  1854. }
  1855. .modal {
  1856. display: none;
  1857. position: fixed;
  1858. z-index: 1;
  1859. left: 0;
  1860. top: 0;
  1861. width: 100%;
  1862. height: 100%;
  1863. overflow: auto;
  1864. background-color: rgba(0,0,0,0.4);
  1865. }
  1866. .modal-content {
  1867. background-color: #fefefe;
  1868. margin: 15% auto;
  1869. padding: 20px;
  1870. border: 1px solid #888;
  1871. width: 80%;
  1872. }
  1873. .close {
  1874. color: #aaa;
  1875. float: right;
  1876. font-size: 28px;
  1877. font-weight: bold;
  1878. }
  1879. .close:hover,
  1880. .close:focus {
  1881. color: black;
  1882. text-decoration: none;
  1883. cursor: pointer;
  1884. }
  1885. .error-message {
  1886. color: red;
  1887. display: none;
  1888. }
  1889. </style>