血透系统PC前端

assessmentBeforeDislysisDialog.vue 30KB

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