血透系统PC前端

assessmentBeforeDislysisDialog.vue 30KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806
  1. <template>
  2. <el-dialog
  3. title="透前评估"
  4. :visible.sync="isVisibility"
  5. width="1010px"
  6. modal-append-to-body=“false”
  7. >
  8. <!--<check-box-dialog-->
  9. <!--:propsForm="InnerDialogProps"-->
  10. <!--v-on:dialog-comfirm="innerDialogComfirm"-->
  11. <!--v-on:dialog-cancle="innerDialogCancle"-->
  12. <!--&gt;</check-box-dialog>-->
  13. <multi-select-box
  14. :propsForm="InnerDialogProps"
  15. v-on:dialog-comfirm="innerDialogComfirm"
  16. v-on:dialog-cancle="innerDialogCancle"
  17. ></multi-select-box>
  18. <el-form ref="assessmentBeforeDislysis" :model="assessmentBeforeDislysis" label-width="125px">
  19. <el-row :gutter="24">
  20. <el-col :span="8">
  21. <el-form-item label="透前体重(kg): " v-if="isShow('透前体重')">
  22. <el-input type="number" v-model="assessmentBeforeDislysis.weight_before"></el-input>
  23. </el-form-item>
  24. </el-col>
  25. <el-col :span="8">
  26. <el-form-item label="干体重(kg):" v-if="isShow('干体重')">
  27. <el-input type="number" v-model="assessmentBeforeDislysis.dry_weight"></el-input>
  28. </el-form-item>
  29. </el-col>
  30. <el-col :span="8">
  31. <el-form-item label="体温(℃):" v-if="isShow('体温')">
  32. <el-input type="number" v-model="assessmentBeforeDislysis.temperature"></el-input>
  33. </el-form-item>
  34. </el-col>
  35. <!-- </el-row>
  36. <el-row :gutter="20"> -->
  37. <el-col :span="8">
  38. <el-form-item label="内瘘: " v-if="isShow('内瘘')">
  39. <el-input v-model="assessmentBeforeDislysis.internal_fistula" readonly
  40. @focus="showInnerDialog('7')"></el-input>
  41. </el-form-item>
  42. </el-col>
  43. <el-col :span="8">
  44. <el-form-item label="内瘘皮肤情况: " v-if="isShow('内瘘皮肤情况')">
  45. <el-input v-model="assessmentBeforeDislysis.internal_fistula_skin" readonly
  46. @focus="showInnerDialog('8')"></el-input>
  47. </el-form-item>
  48. </el-col>
  49. <el-col :span="8">
  50. <el-form-item label="导管: " v-if="isShow('导管')">
  51. <el-input v-model="assessmentBeforeDislysis.catheter" @focus="showInnerDialog('4')"></el-input>
  52. </el-form-item>
  53. </el-col>
  54. <!--<el-col :span="8">-->
  55. <!--<el-form-item label="附加物重(kg): ">-->
  56. <!--<el-input type="number" v-model="assessmentBeforeDislysis.additional_weight"></el-input>-->
  57. <!--</el-form-item>-->
  58. <!--</el-col>-->
  59. <!-- </el-row>
  60. <el-row :gutter="20"> -->
  61. <el-col :span="8">
  62. <el-form-item label="导管打折: " v-if="isShow('导管打折')">
  63. <el-select v-model="assessmentBeforeDislysis.catheter_bend">
  64. <el-option :key="0" label="请选择" :value="0"></el-option>
  65. <el-option label="有" value="1"></el-option>
  66. <el-option label="无" value="2"></el-option>
  67. </el-select>
  68. </el-form-item>
  69. </el-col>
  70. <el-col :span="8">
  71. <el-form-item label="收缩压(mmhg): " v-if="isShow('收缩压')">
  72. <el-input type="number" v-model="assessmentBeforeDislysis.systolic_blood_pressure"></el-input>
  73. </el-form-item>
  74. </el-col>
  75. <el-col :span="8">
  76. <el-form-item label="舒张压(mmhg): " v-if="isShow('舒张压')">
  77. <el-input type="number" v-model="assessmentBeforeDislysis.diastolic_blood_pressure"></el-input>
  78. </el-form-item>
  79. </el-col>
  80. <!-- </el-row>
  81. <el-row :gutter="20"> -->
  82. <el-col :span="8">
  83. <el-form-item label="脉率(次/分):" v-if="isShow('脉率')">
  84. <el-input type="number" v-model="assessmentBeforeDislysis.pulse_frequency"></el-input>
  85. </el-form-item>
  86. </el-col>
  87. <el-col :span="8">
  88. <el-form-item label="呼吸频率(次/分):" v-if="isShow('呼吸频率')">
  89. <el-input type="number" v-model="assessmentBeforeDislysis.breathing_rate"></el-input>
  90. </el-form-item>
  91. </el-col>
  92. <el-col :span="8">
  93. <el-form-item label="血管通路部位: " v-if="isShow('血管通路部位')">
  94. <el-select v-model="assessmentBeforeDislysis.blood_access_part_id">
  95. <el-option :key="0" label="请选择" :value="0"></el-option>
  96. <el-option v-for="item in blood_access_part" :label="item.name" :value="item.id"
  97. :key="item.id"></el-option>
  98. </el-select>
  99. </el-form-item>
  100. </el-col>
  101. <el-col :span="8">
  102. <el-form-item label="血管通路操作: " v-if="isShow('血管通路操作')">
  103. <el-select v-model="assessmentBeforeDislysis.blood_access_part_opera_id">
  104. <el-option :key="0" label="请选择" :value="0"></el-option>
  105. <el-option v-for="item in blood_access_part_opera" :label="item.name" :value="item.id"
  106. :key="item.id"></el-option>
  107. </el-select>
  108. </el-form-item>
  109. </el-col>
  110. <!-- </el-row>
  111. <el-row :gutter="20"> -->
  112. <el-col :span="8">
  113. <el-form-item label="穿刺方法: " v-if="isShow('穿刺方法')">
  114. <el-select v-model="assessmentBeforeDislysis.puncture_method">
  115. <el-option :key="0" label="请选择" :value="0"></el-option>
  116. <el-option v-for="item in puncture_method" :label="item.name" :value="item.name"
  117. :key="item.id"></el-option>
  118. </el-select>
  119. </el-form-item>
  120. </el-col>
  121. <el-col :span="8">
  122. <el-form-item label="并发症: " v-if="isShow('并发症')">
  123. <el-input v-model="assessmentBeforeDislysis.complication" @focus="showInnerDialog('5')"></el-input>
  124. </el-form-item>
  125. </el-col>
  126. <el-col :span="8">
  127. <el-form-item label="前次透析后:" v-if="isShow('前次透析后')">
  128. <el-input v-model="assessmentBeforeDislysis.last_post_dialysis" @focus="showInnerDialog('1')"></el-input>
  129. </el-form-item>
  130. </el-col>
  131. <!-- </el-row>
  132. <el-row :gutter="20"> -->
  133. <el-col :span="8">
  134. <el-form-item label="透析期间: " v-if="isShow('透析期间')">
  135. <el-input v-model="assessmentBeforeDislysis.dialysis_interphase" @focus="showInnerDialog('2')">></el-input>
  136. </el-form-item>
  137. </el-col>
  138. <el-col :span="8">
  139. <el-form-item label="透析前症状: " v-if="isShow('透析前症状')">
  140. <el-input v-model="assessmentBeforeDislysis.symptom_before_dialysis"
  141. @focus="showInnerDialog('3')"></el-input>
  142. </el-form-item>
  143. </el-col>
  144. <el-col :span="8">
  145. <el-form-item label="出血: " v-if="isShow('出血')">
  146. <el-select v-model="assessmentBeforeDislysis.is_hemorrhage">
  147. <el-option :key="0" label="请选择" :value="0"></el-option>
  148. <el-option label="是" value="1"></el-option>
  149. <el-option label="否" value="2"></el-option>
  150. </el-select>
  151. </el-form-item>
  152. </el-col>
  153. <!--
  154. </el-row>
  155. <el-row :gutter="20"> -->
  156. <el-col :span="8" v-if="assessmentBeforeDislysis.is_hemorrhage == 1&&isShow('出血选项')">
  157. <el-form-item label="出血选项: " >
  158. <div>
  159. <el-input v-model="assessmentBeforeDislysis.hemorrhage" @focus="showInnerDialog('6')"></el-input>
  160. </div>
  161. </el-form-item>
  162. </el-col>
  163. <el-col :span="8" v-if="assessmentBeforeDislysis.is_hemorrhage == 1&&isShow('其他出血情况')">
  164. <el-form-item label="其他出血情况: ">
  165. <el-input v-model="assessmentBeforeDislysis.hemorrhage_other"></el-input>
  166. </el-form-item>
  167. </el-col>
  168. </el-row>
  169. <el-row :gutter="20" v-if="isShow('透析频次')">
  170. <el-col :span="8" >
  171. <el-form-item label="透析频次(次/周):">
  172. <el-input v-model="assessmentBeforeDislysis.dialysis_count"></el-input>
  173. </el-form-item>
  174. </el-col>
  175. <el-col :span="8" v-if="isShow('血管通路(内瘘)')">
  176. <el-form-item label="血管通路(内瘘):">
  177. <div>
  178. <el-input v-model="assessmentBeforeDislysis.blood_access_internal_fistula" @focus="showInnerDialog('9')"></el-input>
  179. </div>
  180. </el-form-item>
  181. </el-col>
  182. <el-col :span="8" >
  183. <el-form-item label="血管通路其他:" v-if="isShow('血管通路(内瘘)其他')">
  184. <el-input v-model="assessmentBeforeDislysis.internal_fistula_other"></el-input>
  185. </el-form-item>
  186. </el-col>
  187. <!-- </el-row>
  188. <el-row :gutter="20" > -->
  189. <el-col :span="8" v-if="isShow('血管杂音')">
  190. <el-form-item label="血管杂音: ">
  191. <el-select v-model="assessmentBeforeDislysis.blood_access_noise">
  192. <el-option :key="0" label="请选择" :value="0"></el-option>
  193. <el-option v-for="item in blood_access_noise" :label="item.name" :value="item.id"
  194. :key="item.id"></el-option>
  195. </el-select>
  196. </el-form-item>
  197. </el-col>
  198. <el-col :span="8">
  199. <el-form-item label="穿刺方式: " v-if="isShow('穿刺方式')">
  200. <el-select v-model="assessmentBeforeDislysis.puncture_way">
  201. <el-option :key="0" label="请选择" :value="0"></el-option>
  202. <el-option v-for="item in this.$store.getters.puncture_way" :label="item.name" :value="item.id"
  203. :key="item.id"></el-option>
  204. </el-select>
  205. </el-form-item>
  206. </el-col>
  207. <el-col :span="8">
  208. <el-form-item label="中心静脉置管: " v-if="isShow('中心静脉置管')">
  209. <el-select v-model="assessmentBeforeDislysis.venous_catheterization">
  210. <el-option :key="0" label="请选择" :value="0"></el-option>
  211. <el-option v-for="item in this.$store.getters.venous_catheterization" :label="item.name" :value="item.id"
  212. :key="item.id"></el-option>
  213. </el-select>
  214. </el-form-item>
  215. </el-col>
  216. <!-- </el-row>
  217. <el-row :gutter="20"> -->
  218. <el-col :span="8">
  219. <el-form-item label="位置: " v-if="isShow('位置')">
  220. <el-select v-model="assessmentBeforeDislysis.venous_catheterization_part">
  221. <el-option :key="0" label="请选择" :value="0"></el-option>
  222. <el-option v-for="item in this.$store.getters.venous_catheterization_part" :label="item.name" :value="item.id"
  223. :key="item.id"></el-option>
  224. </el-select>
  225. </el-form-item>
  226. </el-col>
  227. <el-col :span="8" >
  228. <el-form-item label="其他位置:" v-if="isShow('其他位置')">
  229. <el-input v-model="assessmentBeforeDislysis.venous_catheterization_part_other"></el-input>
  230. </el-form-item>
  231. </el-col>
  232. <el-col :span="8" v-if="isShow('中心静脉导管')">
  233. <el-form-item label="中心静脉导管:">
  234. <div>
  235. <el-input v-model="assessmentBeforeDislysis.ductus_arantii" @focus="showInnerDialog('10')"></el-input>
  236. </div>
  237. </el-form-item>
  238. </el-col>
  239. <el-col :span="8" v-if="isShow('其他中心静脉导管')">
  240. <el-form-item label="其他中心静脉导管:">
  241. <div>
  242. <el-input v-model="assessmentBeforeDislysis.ductus_arantii_other"></el-input>
  243. </div>
  244. </el-form-item>
  245. </el-col>
  246. <!-- </el-row>
  247. <el-row :gutter="20"> -->
  248. <el-col :span="8" v-if="isShow('急诊')">
  249. <el-form-item label="急诊: " >
  250. <el-select v-model="assessmentBeforeDislysis.emergency_treatment">
  251. <el-option :key="0" label="请选择" :value="0"></el-option>
  252. <el-option v-for="item in this.$store.getters.emergency_treatment" :label="item.name" :value="item.id"
  253. :key="item.id"></el-option>
  254. </el-select>
  255. </el-form-item>
  256. </el-col>
  257. <el-col :span="8" v-if="isShow('其他急诊情况')">
  258. <el-form-item label="其他急诊情况:">
  259. <el-input v-model="assessmentBeforeDislysis.emergency_treatment_other"></el-input>
  260. </el-form-item>
  261. </el-col>
  262. <el-col :span="8">
  263. <el-form-item label="感染: " v-if="isShow('感染')">
  264. <el-select v-model="assessmentBeforeDislysis.is_infect">
  265. <el-option :key="0" label="请选择" :value="0"></el-option>
  266. <el-option label="无" value="1"></el-option>
  267. <el-option label="有" value="2"></el-option>
  268. </el-select>
  269. </el-form-item>
  270. </el-col>
  271. <el-col :span="8" v-if="isShow('其他感染情况')">
  272. <el-form-item label="其他感染情况:">
  273. <el-input v-model="assessmentBeforeDislysis.infect_other"></el-input>
  274. </el-form-item>
  275. </el-col>
  276. <el-col :span="8" v-if="isShow('外露')">
  277. <el-form-item label="外露(cm):">
  278. <el-input v-model="assessmentBeforeDislysis.exposed"></el-input>
  279. </el-form-item>
  280. </el-col>
  281. <el-col :span="8" v-if="isShow('皮肤')">
  282. <el-form-item label="皮肤: " >
  283. <el-select v-model="assessmentBeforeDislysis.skin">
  284. <el-option :key="0" label="请选择" :value="0"></el-option>
  285. <el-option v-for="item in this.$store.getters.skin" :label="item.name" :value="item.id"
  286. :key="item.id"></el-option>
  287. </el-select>
  288. </el-form-item>
  289. </el-col>
  290. <el-col :span="8" v-if="isShow('其他皮肤情况')">
  291. <el-form-item label="其他皮肤情况:">
  292. <el-input v-model="assessmentBeforeDislysis.skin_other"></el-input>
  293. </el-form-item>
  294. </el-col>
  295. <!-- </el-row>
  296. <el-row :gutter="20"> -->
  297. <el-col :span="24">
  298. <el-form-item label="备注: ">
  299. <el-input type="textarea" v-model="assessmentBeforeDislysis.remark" :rows="5"></el-input>
  300. </el-form-item>
  301. </el-col>
  302. </el-row>
  303. </el-form>
  304. <span slot="footer" class="dialog-footer">
  305. <el-button @click="handleCancle">取 消</el-button>
  306. <el-button type="primary" @click="handleComfirm">保 存</el-button>
  307. </span>
  308. </el-dialog>
  309. </template>
  310. <script>
  311. import multiSelectBox from './MultiSelectBox'
  312. import { getDataConfig } from '@/utils/data'
  313. import { postAssessmentBeforeDislysis } from '@/api/dialysis'
  314. import store from '@/store'
  315. import { uParseTime } from '@/utils/tools'
  316. export default {
  317. components: {
  318. multiSelectBox
  319. },
  320. name: 'assessment-after-dislysis-dialog',
  321. data() {
  322. return {
  323. isVisibility: false,
  324. actualTreatmentHourShow: new Date(2018, 1, 1, 3, 0),
  325. record_date: '',
  326. cruorOptions: [],
  327. last_dialysis_after: [],
  328. dialysis_interphase: [],
  329. symptom_before_dialysis: [],
  330. blood_access_noise: [],
  331. catheter: [],
  332. complication: [],
  333. hemorrhage: [],
  334. blood_access_part: [],
  335. blood_access_part_opera: [],
  336. internal_fistula: [],
  337. internal_fistula_skin: [],
  338. puncture_method: [],
  339. isVisibiltyForCruorDialog: false,
  340. assessmentBeforeDislysis: {
  341. catheter_bend: '',
  342. internal_fistula_skin: '',
  343. weight_before: '',
  344. additional_weight: '',
  345. temperature: '',
  346. dry_weight: '',
  347. systolic_blood_pressure: '',
  348. diastolic_blood_pressure: '',
  349. symptom_before_dialysis: '',
  350. pulse_frequency: '',
  351. last_post_dialysis: '',
  352. dialysis_interphase: '',
  353. catheter: '',
  354. complication: '',
  355. remark: '',
  356. blood_access_part_id: '',
  357. blood_access_part_opera_id: '',
  358. internal_fistula: '',
  359. is_hemorrhage: '',
  360. hemorrhage: '',
  361. hemorrhage_other: '',
  362. puncture_method: '',
  363. breathing_rate: '',
  364. dialysis_count: '',
  365. emergency_treatment: '',
  366. emergency_treatment_other: '',
  367. ductus_arantii_other: '',
  368. ductus_arantii: '',
  369. venous_catheterization_part_other: '',
  370. venous_catheterization_part: '',
  371. venous_catheterization: '',
  372. puncture_way: '',
  373. blood_access_noise: '',
  374. internal_fistula_other: '',
  375. blood_access_internal_fistula: '',
  376. is_infect: '',
  377. exposed: '',
  378. skin: '',
  379. skin_other: '',
  380. infect_other: ''
  381. },
  382. // InnerDialogProps: {
  383. // checkedCities: [],
  384. // values: [],
  385. // visibility: false,
  386. // isShowTextArea: true,
  387. // customData: '',
  388. // titles: '',
  389. // type: '', //不同弹框,用来匹配数据
  390. // }
  391. InnerDialogProps: {
  392. values: [],
  393. visibility: false,
  394. isShowTextArea: true,
  395. customContent: '',
  396. titles: '',
  397. type: '' // 不同弹框类型,用来匹配数据
  398. }
  399. }
  400. },
  401. props: {
  402. predialysis_evaluation: { // 透前评估
  403. type: Object,
  404. default: () => {
  405. return { id: 0 }
  406. }
  407. },
  408. patient: { // 患者信息
  409. type: Object,
  410. default: () => {
  411. return { id: 0 }
  412. }
  413. }
  414. },
  415. methods: {
  416. isShow(name) {
  417. var filedList = store.getters.xt_user.fileds
  418. for (let i = 0; i < filedList.length; i++) {
  419. if (filedList[i].module == 3 && filedList[i].filed_name_cn == name && filedList[i].is_show == 1) {
  420. return true
  421. }
  422. }
  423. return false
  424. },
  425. show() {
  426. this.isVisibility = true
  427. },
  428. hide() {
  429. this.isVisibility = false
  430. },
  431. showInnerDialog: function(val) {
  432. this.InnerDialogProps.visibility = true
  433. switch (val) {
  434. case '1': // 前次透析后
  435. this.InnerDialogProps.values = this.last_dialysis_after
  436. this.InnerDialogProps.titles = '前次透析后'
  437. this.InnerDialogProps.type = 'last_dialysis_after'
  438. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.last_post_dialysis
  439. this.InnerDialogProps.isShowTextArea = true
  440. break
  441. case '2': // 透析期间
  442. this.InnerDialogProps.values = this.dialysis_interphase
  443. this.InnerDialogProps.titles = '透析期间'
  444. this.InnerDialogProps.type = 'dialysis_interphase'
  445. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.dialysis_interphase
  446. this.InnerDialogProps.isShowTextArea = true
  447. break
  448. break
  449. case '3': // 透析前症状
  450. this.InnerDialogProps.values = this.symptom_before_dialysis
  451. this.InnerDialogProps.titles = '透析期间'
  452. this.InnerDialogProps.type = 'symptom_before_dialysis'
  453. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.symptom_before_dialysis
  454. this.InnerDialogProps.isShowTextArea = true
  455. break
  456. case '4': // 导管
  457. this.InnerDialogProps.values = this.catheter
  458. this.InnerDialogProps.titles = '导管'
  459. this.InnerDialogProps.type = 'catheter'
  460. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.catheter
  461. this.InnerDialogProps.isShowTextArea = true
  462. break
  463. break
  464. case '5': // 并发症
  465. this.InnerDialogProps.values = this.complication
  466. this.InnerDialogProps.titles = '并发症'
  467. this.InnerDialogProps.type = 'complication'
  468. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.complication
  469. this.InnerDialogProps.isShowTextArea = true
  470. break
  471. case '6': // 出血选项
  472. this.InnerDialogProps.values = this.hemorrhage
  473. this.InnerDialogProps.titles = '出血选项'
  474. this.InnerDialogProps.type = 'hemorrhage'
  475. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.hemorrhage
  476. this.InnerDialogProps.isShowTextArea = false
  477. break
  478. case '7': // 内瘘
  479. this.InnerDialogProps.values = this.internal_fistula
  480. this.InnerDialogProps.titles = '内瘘'
  481. this.InnerDialogProps.type = 'internal_fistula'
  482. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.internal_fistula
  483. this.InnerDialogProps.isShowTextArea = false
  484. break
  485. case '8': // 内瘘皮肤情况
  486. this.InnerDialogProps.values = this.internal_fistula_skin
  487. this.InnerDialogProps.titles = '内瘘皮肤情况'
  488. this.InnerDialogProps.type = 'internal_fistula_skin'
  489. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.internal_fistula_skin
  490. this.InnerDialogProps.isShowTextArea = false
  491. break
  492. case '9': //
  493. this.InnerDialogProps.values = this.$store.getters.blood_access_internal_fistula
  494. this.InnerDialogProps.titles = '血管通路(内瘘)'
  495. this.InnerDialogProps.type = 'blood_access_internal_fistula'
  496. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.blood_access_internal_fistula
  497. this.InnerDialogProps.isShowTextArea = false
  498. break
  499. case '10': //
  500. this.InnerDialogProps.values = this.$store.getters.ductus_arantii
  501. this.InnerDialogProps.titles = '中心静脉导管'
  502. this.InnerDialogProps.type = 'ductus_arantii'
  503. this.InnerDialogProps.selected = this.assessmentBeforeDislysis.ductus_arantii
  504. this.InnerDialogProps.isShowTextArea = false
  505. break
  506. }
  507. }, innerDialogComfirm: function(val) {
  508. this.InnerDialogProps.visibility = false
  509. switch (val.type) {
  510. case 'last_dialysis_after':
  511. this.assessmentBeforeDislysis.last_post_dialysis = val.value.join(',')
  512. break
  513. case 'dialysis_interphase':
  514. this.assessmentBeforeDislysis.dialysis_interphase = val.value.join(',')
  515. break
  516. case 'symptom_before_dialysis':
  517. this.assessmentBeforeDislysis.symptom_before_dialysis = val.value.join(',')
  518. break
  519. case 'catheter':
  520. this.assessmentBeforeDislysis.catheter = val.value.join(',')
  521. break
  522. case 'complication':
  523. this.assessmentBeforeDislysis.complication = val.value.join(',')
  524. break
  525. case 'hemorrhage':
  526. this.assessmentBeforeDislysis.hemorrhage = val.value.join(',')
  527. break
  528. case 'internal_fistula':
  529. this.assessmentBeforeDislysis.internal_fistula = val.value.join(',')
  530. break
  531. case 'internal_fistula_skin':
  532. this.assessmentBeforeDislysis.internal_fistula_skin = val.value.join(',')
  533. break
  534. case 'blood_access_internal_fistula':
  535. this.assessmentBeforeDislysis.blood_access_internal_fistula = val.value.join(',')
  536. break
  537. case 'ductus_arantii':
  538. this.assessmentBeforeDislysis.ductus_arantii = val.value.join(',')
  539. break
  540. }
  541. }, innerDialogCancle: function() {
  542. this.InnerDialogProps.visibility = false
  543. }, handleComfirm: function() {
  544. const ParamsQuery = this.assessmentBeforeDislysis
  545. console.log('paramsquery是什么', ParamsQuery)
  546. ParamsQuery['patient'] = this.patient.id
  547. ParamsQuery['record_date'] = this.record_date
  548. postAssessmentBeforeDislysis(ParamsQuery).then(response => {
  549. if (response.data.state == 0) {
  550. this.$message.error(response.data.msg)
  551. return false
  552. } else {
  553. this.$notify({
  554. title: '成功',
  555. message: '提交成功',
  556. type: 'success',
  557. duration: 2000
  558. })
  559. const assessment_before_dislysis_resp = response.data.data.assessmentBeforeDislysis
  560. // prop
  561. var predialysis_evaluation = this.predialysis_evaluation
  562. console.log('predialysis_evalution是什么', predialysis_evaluation)
  563. for (var index in assessment_before_dislysis_resp) {
  564. // predialysis_evaluation[index] = assessment_before_dislysis_resp[index];
  565. this.$set(predialysis_evaluation, index, assessment_before_dislysis_resp[index])
  566. }
  567. this.hide()
  568. }
  569. })
  570. }, handleCancle: function() {
  571. this.isVisibility = false
  572. }
  573. },
  574. created() {
  575. this.last_dialysis_after = getDataConfig('hemodialysis', 'last_dialysis_after')
  576. this.dialysis_interphase = getDataConfig('hemodialysis', 'dialysis_duration')
  577. this.symptom_before_dialysis = getDataConfig('hemodialysis', 'dialysis_before')
  578. this.catheter = getDataConfig('hemodialysis', 'catheter')
  579. this.complication = getDataConfig('hemodialysis', 'complication')
  580. this.hemorrhage = getDataConfig('hemodialysis', 'hemorrhage')
  581. this.blood_access_part = getDataConfig('hemodialysis', 'vascular_access')
  582. this.blood_access_part_opera = getDataConfig('hemodialysis', 'vascular_access_desc')
  583. this.internal_fistula = getDataConfig('hemodialysis', 'internal_fistula')
  584. this.internal_fistula_skin = getDataConfig('hemodialysis', 'internal_fistula_skin')
  585. this.puncture_method = getDataConfig('hemodialysis', 'puncture_method')
  586. this.blood_access_noise = this.$store.getters.blood_access_noise
  587. var date = this.$route.query && this.$route.query.date
  588. this.record_date = uParseTime(date, '{y}-{m}-{d}')
  589. }, watch: {
  590. isVisibility(val) {
  591. },
  592. 'predialysis_evaluation.id': function() {
  593. if (this.predialysis_evaluation.id > 0) {
  594. for (var index in this.assessmentBeforeDislysis) {
  595. this.assessmentBeforeDislysis[index] = this.predialysis_evaluation[index]
  596. }
  597. // this.assessmentBeforeDislysis['catheter_bend'] = this.predialysis_evaluation['catheter_bend'].toString()
  598. // this.assessmentBeforeDislysis['is_hemorrhage'] = this.predialysis_evaluation['is_hemorrhage'].toString()
  599. if (this.predialysis_evaluation['catheter_bend'] == 0) {
  600. this.assessmentBeforeDislysis['catheter_bend'] = ''
  601. } else {
  602. this.assessmentBeforeDislysis['catheter_bend'] = this.predialysis_evaluation['catheter_bend'] + ''
  603. }
  604. if (this.predialysis_evaluation['is_hemorrhage'] == 0) {
  605. this.assessmentBeforeDislysis['is_hemorrhage'] = ''
  606. } else {
  607. this.assessmentBeforeDislysis['is_hemorrhage'] = this.predialysis_evaluation['is_hemorrhage'] + ''
  608. }
  609. if (this.predialysis_evaluation['is_infect'] == 0) {
  610. this.assessmentBeforeDislysis['is_infect'] = ''
  611. } else {
  612. this.assessmentBeforeDislysis['is_infect'] = this.predialysis_evaluation['is_infect'] + ''
  613. }
  614. //
  615. //
  616. // if (this.predialysis_evaluation['puncture_way'] == 0) {
  617. // this.assessmentBeforeDislysis['puncture_way'] = ''
  618. // } else {
  619. // this.assessmentBeforeDislysis['puncture_way'] = this.predialysis_evaluation['puncture_way'] + ''
  620. // }
  621. //
  622. //
  623. // if (this.predialysis_evaluation['venous_catheterization'] == 0) {
  624. // this.assessmentBeforeDislysis['venous_catheterization'] = ''
  625. // } else {
  626. // this.assessmentBeforeDislysis['venous_catheterization'] = this.predialysis_evaluation['venous_catheterization'] + ''
  627. // }
  628. //
  629. //
  630. // if (this.predialysis_evaluation['venous_catheterization_part'] == 0) {
  631. // this.assessmentBeforeDislysis['venous_catheterization_part'] = ''
  632. // } else {
  633. // this.assessmentBeforeDislysis['venous_catheterization_part'] = this.predialysis_evaluation['venous_catheterization_part'] + ''
  634. // }
  635. //
  636. //
  637. // if (this.predialysis_evaluation['emergency_treatment'] == 0) {
  638. // this.assessmentBeforeDislysis['emergency_treatment'] = ''
  639. // } else {
  640. // this.assessmentBeforeDislysis['emergency_treatment'] = this.predialysis_evaluation['emergency_treatment'] + ''
  641. // }
  642. if (this.predialysis_evaluation['blood_access_part_id'] == 0) {
  643. this.assessmentBeforeDislysis['blood_access_part_id'] = ''
  644. }
  645. if (this.predialysis_evaluation['blood_access_part_opera_id'] == 0) {
  646. this.assessmentBeforeDislysis['blood_access_part_opera_id'] = ''
  647. }
  648. if (this.predialysis_evaluation['weight_before'] == 0) {
  649. this.assessmentBeforeDislysis['weight_before'] = ''
  650. }
  651. if (this.predialysis_evaluation['dry_weight'] == 0) {
  652. this.assessmentBeforeDislysis['dry_weight'] = ''
  653. }
  654. if (this.predialysis_evaluation['temperature'] == 0) {
  655. this.assessmentBeforeDislysis['temperature'] = ''
  656. }
  657. if (this.predialysis_evaluation['systolic_blood_pressure'] == 0) {
  658. this.assessmentBeforeDislysis['systolic_blood_pressure'] = ''
  659. }
  660. if (this.predialysis_evaluation['diastolic_blood_pressure'] == 0) {
  661. this.assessmentBeforeDislysis['diastolic_blood_pressure'] = ''
  662. }
  663. if (this.predialysis_evaluation['pulse_frequency'] == 0) {
  664. this.assessmentBeforeDislysis['pulse_frequency'] = ''
  665. }
  666. if (this.predialysis_evaluation['pulse_frequency'] == 0) {
  667. this.assessmentBeforeDislysis['pulse_frequency'] = ''
  668. }
  669. }
  670. }
  671. }
  672. }
  673. </script>
  674. <style scoped>
  675. </style>