daoguan_history.vue 32KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907
  1. <!-- 导管脱落 -->
  2. <template>
  3. <div class="patient-container">
  4. <div class="patient-app-containers advice-container app-container">
  5. <div style="display: flex;margin-bottom: 20px;">
  6. <div style="width: 50%;">
  7. <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
  8. <div class="history">历史评分</div>
  9. </div>
  10. <div style="margin-left: 30%;">
  11. <el-button type="primary" @click="open_pingfen">打印评分</el-button>
  12. <el-button type="primary" @click="open_mingxi">打印明细</el-button>
  13. </div>
  14. </div>
  15. <div>
  16. <el-table
  17. ref="multipleTable"
  18. :data="tableData"
  19. border
  20. tooltip-effect="dark"
  21. :header-cell-style="{
  22. background:'#4579c5',
  23. color:'#fff'
  24. }"
  25. style="width: 100%"
  26. @selection-change="handleSelectionChange">
  27. <el-table-column
  28. type="selection"
  29. width="55"
  30. align="center">
  31. </el-table-column>
  32. <el-table-column
  33. prop="time"
  34. label="评估日期"
  35. width="120"
  36. align="center">
  37. </el-table-column>
  38. <el-table-column
  39. prop="radio"
  40. label="脱管后风险程度"
  41. width="130"
  42. align="center">
  43. </el-table-column>
  44. <el-table-column
  45. prop="radio1"
  46. label="患者意识程度"
  47. width="130"
  48. align="center">
  49. </el-table-column>
  50. <el-table-column
  51. prop="radio2"
  52. label="患者配合程度"
  53. width="130"
  54. align="center">
  55. </el-table-column>
  56. <el-table-column
  57. prop="cuoshi_show"
  58. label="护理措施"
  59. width=""
  60. align="center">
  61. </el-table-column>
  62. <el-table-column
  63. prop="mark"
  64. label="总评分"
  65. width="80"
  66. align="center">
  67. </el-table-column>
  68. <el-table-column
  69. prop="evaluate"
  70. label="责任护士"
  71. width="100"
  72. align="center">
  73. </el-table-column>
  74. <el-table-column
  75. label="操作"
  76. width="155"
  77. align="center"
  78. show-overflow-tooltip>
  79. <template slot-scope="scope">
  80. <el-button type="primary" icon="el-icon-edit-outline" @click="open_xiugai(scope.row)"></el-button>
  81. <el-button type="primary" icon="el-icon-delete" @click="open_delete(scope.row)"></el-button>
  82. </template>
  83. </el-table-column>
  84. </el-table>
  85. </div>
  86. </div>
  87. <!-- 打印评分 -->
  88. <el-dialog
  89. title="提示"
  90. :visible.sync="dialogVisible"
  91. width="67%"
  92. >
  93. <div>
  94. <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
  95. <div id="pingfeng" >
  96. <div class="diedao_content" style="">
  97. <div style="width:100%">
  98. <div style="text-align: center;"><h1>血液透析中心住院患者导管脱落危险因素评估记录</h1></div>
  99. <div style="margin-top: 20px;font-size: 16px;">
  100. <span>患者姓名:{{ Patient_info.name }}</span>
  101. <span>透析号:{{ Patient_info.dialysis_no }}</span>
  102. <span>打印时间:{{ dayin }}</span>
  103. </div>
  104. <table class="table" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
  105. <tr>
  106. <td style="width:100px">评估日期</td>
  107. <td style="width:100px">脱管后风险程度</td>
  108. <td style="width:100px">患者意识程度</td>
  109. <td style="width:100px">患者配合程度</td>
  110. <td style="width:400px">护理措施</td>
  111. <td style="width:100px">总评分</td>
  112. <td style="width:100px">责任护士</td>
  113. </tr>
  114. <tr v-for="(item,index) in multipleSelection" :key="index">
  115. <td>{{ item.time }}</td>
  116. <td>{{ item.radio }}</td>
  117. <td>{{ item.radio1 }}</td>
  118. <td>{{ item.radio2 }}</td>
  119. <td>{{ item.cuoshi_show }}</td>
  120. <td>{{ item.mark }}</td>
  121. <td>{{ item.evaluate }}</td>
  122. </tr>
  123. </table>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <span slot="footer" class="dialog-footer">
  129. <el-button @click="dialogVisible = false">取 消</el-button>
  130. <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  131. </span>
  132. </el-dialog>
  133. <!-- 打印明细 -->
  134. <el-dialog
  135. title="提示"
  136. :visible.sync="mingxi_dialogVisible"
  137. width="67%"
  138. >
  139. <div>
  140. <div style="">
  141. <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
  142. </div>
  143. <div id="mingxi" >
  144. <div class="diedao_content" style="page-break-after: always;" v-for="items in multipleSelection">
  145. <div style="width:100%;margin-top: 20px;">
  146. <div style="text-align: center;"><h1>血液透析中心住院患者导管脱落危险因素评估记录</h1></div>
  147. <div style="margin-top: 20px;font-size: 16px;">
  148. <span>患者姓名:{{ Patient_info.name }}</span>
  149. <span>透析号:{{ Patient_info.dialysis_no }}</span>
  150. <span>评估日期:{{ items.time }}</span>
  151. <span>责任护士:{{ items.evaluate}}</span>
  152. <span>总分:{{ items.mark }}</span>
  153. </div>
  154. <table class="table" border="1" style="width: 100%; border-collapse:collapse ;">
  155. <thead>
  156. <tr>
  157. <th style="width: 15%;">项目</th>
  158. <th style="width: 50%;">分值</th>
  159. <th>护理措施</th>
  160. </tr>
  161. </thead>
  162. <tbody>
  163. <tr>
  164. <td class="start">A.脱管后风险程度</td>
  165. <td>
  166. <div class="jiange">
  167. <el-radio-group v-model="items.radio">
  168. <el-radio v-for="(item,index ) in tuoguan" :label="item.value" :key="index" style="">{{ item.label }}</el-radio>
  169. </el-radio-group>
  170. </div>
  171. </td>
  172. <td rowspan="3">
  173. <div style="vertical-align: top; color: black; padding: 5px;">
  174. <span >
  175. <template v-for="item in items.cuoshi1">
  176. <span >
  177. <label><input type="checkbox" v-model="item.is_check" @click="cuoshi(item)"/>&nbsp;<span>{{ item.id }}.</span>{{item.label}}</label> <br/>
  178. </span>
  179. </template>
  180. <!-- :checked="it==item.id ? true : false" -->
  181. </span>
  182. </div>
  183. </td>
  184. </tr>
  185. <tr>
  186. <td class="start">B.患者意识程度</td>
  187. <td>
  188. <div class="jiange">
  189. <el-radio-group v-model="items.radio1">
  190. <el-radio v-for="(item,index ) in yishi" :label="item.value" :key="index">{{ item.label }}</el-radio>
  191. </el-radio-group>
  192. </div>
  193. </td>
  194. </tr>
  195. <tr>
  196. <td class="start">C.患者配合程度</td>
  197. <td>
  198. <div class="jiange">
  199. <el-radio-group v-model="items.radio2">
  200. <el-radio v-for="(item,index ) in peihe" :label="item.value" :key="index">{{ item.label }}</el-radio>
  201. </el-radio-group>
  202. </div>
  203. </td>
  204. </tr>
  205. </tbody>
  206. </table>
  207. <div style="margin-top: 20px;">
  208. <p>患者知情同意书:我对住院期间发生导管脱落的风险及预防措施已知晓,并给予配合。</p>
  209. <div class="zhuangui">
  210. <p style="display: inline-block; margin-right: 70px;">患者/家属签字: <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span></p>
  211. <p style="display: inline-block;">
  212. 日期:
  213. <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 160px;">{{ items.jiashu_date}}</span>
  214. </p>
  215. </div>
  216. <div class="zhuangui">
  217. <span>转归:</span>
  218. <el-radio v-model="items.zhuanggui" label="1">脱落</el-radio>
  219. <el-radio v-model="items.zhuanggui" label="2">未脱落</el-radio>
  220. </div>
  221. <div class="zhuangui">
  222. <p style="display: inline-block; margin-right: 30px;">
  223. 评估人签字:
  224. <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 160px;">{{ getoptions(items.appraiser) }}</span>
  225. </p>
  226. <p style="display: inline-block;">
  227. 日期:
  228. <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 160px;">{{ items.time }}</span>
  229. </p>
  230. </div>
  231. <div class="zhuangui">
  232. <p style="display: inline-block; margin-right: 30px;">
  233. 护士长签字:
  234. <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 160px;">{{ getoptions(items.hushi) }}</span>
  235. </p>
  236. <p style="display: inline-block;">
  237. 日期:
  238. <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 160px;">{{ items.hushi_date }}</span>
  239. </p>
  240. </div>
  241. </div>
  242. <hr style="margin: 10px 0px;border:1px solid rgb(135, 133, 133);"/><!--水平线-->
  243. <div class="shuoming">
  244. <p>说明:</p>
  245. <p>1.<5分为正常,5~8分为危险,≥9分为高度危险。</p>
  246. <p>2.导管脱落危险因素≥5分,需填写该表。</p>
  247. <p>3.常规情况下,评分5~8分,至少每天评估一次;评分≥9,至少每班评估一次,紧急与特殊情况,应随时评估。</p>
  248. </div>
  249. <div style="font-size: 16px;">打印时间:{{ dayin }}</div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. </el-dialog>
  255. <!-- 编辑 -->
  256. <el-dialog
  257. title="提示"
  258. :visible.sync="editor_dialogVisible"
  259. width="67%"
  260. >
  261. <div>
  262. <table class="tables" border="1" style="width: 100%;border-collapse: collapse;">
  263. <thead>
  264. <tr>
  265. <th style="width: 15%;">项目</th>
  266. <th style="width: 50%;">分值</th>
  267. <th>护理措施</th>
  268. </tr>
  269. </thead>
  270. <tbody>
  271. <tr>
  272. <td class="start">A.脱管后风险程度</td>
  273. <td>
  274. <div class="jiange">
  275. <el-radio-group v-model="radio" @change="handleCheckedCitiesChange">
  276. <el-radio v-for="(item,index ) in tuoguan" :label="item.value" :key="index" style="">{{ item.label }}</el-radio>
  277. </el-radio-group>
  278. </div>
  279. </td>
  280. <td rowspan="3">
  281. <div style="vertical-align: top; color: black; padding: 5px;">
  282. <span v-for="item in hulicuoshi">
  283. <label><input name="ball" type="checkbox" v-model="item.is_check" @click="cuoshi(item)"/>&nbsp;<span>{{ item.id }}.</span>{{item.label}}</label> <br/>
  284. </span>
  285. </div>
  286. </td>
  287. </tr>
  288. <tr>
  289. <td class="start">B.患者意识程度</td>
  290. <td>
  291. <div class="jiange">
  292. <el-radio-group v-model="radio1" @change="handleCheckedCitiesChange">
  293. <el-radio v-for="(item,index ) in yishi" :label="item.value" :key="index" style="">{{ item.label }}</el-radio>
  294. <!-- <el-radio v-for="(item,index ) in yishi" :label="item" :key="index">{{ item }}</el-radio> -->
  295. </el-radio-group>
  296. </div>
  297. </td>
  298. </tr>
  299. <tr>
  300. <td class="start">C.患者配合程度</td>
  301. <td>
  302. <div class="jiange">
  303. <el-radio-group v-model="radio2" @change="handleCheckedCitiesChange">
  304. <el-radio v-for="(item,index ) in peihe" :label="item.value" :key="index" style="">{{ item.label }}</el-radio>
  305. <!-- <el-radio v-for="(item,index ) in peihe" :label="item" :key="index">{{ item }}</el-radio> -->
  306. </el-radio-group>
  307. </div>
  308. </td>
  309. </tr>
  310. </tbody>
  311. </table>
  312. </div>
  313. <div class="content_top" style="margin: 10px 0px;">
  314. <div>
  315. <div class="bottoms">
  316. <span>总分:</span>
  317. <el-input v-model="duct_Totalpoints" style="width: 100px;"></el-input>分
  318. </div>
  319. <div class="bottoms">
  320. <span>评估日期:</span>
  321. <el-date-picker
  322. v-model="date"
  323. type="date"
  324. value-format="yyyy-MM-dd"
  325. placeholder="选择日期"
  326. :clearable="false"
  327. style="width: 150px;">
  328. </el-date-picker>
  329. </div>
  330. <div class="bottoms">
  331. <span>责任护士:</span>
  332. <el-select v-model="Dutynurse" placeholder="请选择" style="width:150px;">
  333. <el-option
  334. v-for="item in Dutynursearr"
  335. :key="item.admin_user_id"
  336. :label="item.user_name"
  337. :value="item.admin_user_id"
  338. >
  339. </el-option>
  340. </el-select>
  341. </div>
  342. </div>
  343. <div style="margin:5px 10px;">
  344. <el-button type="primary" @click="daoguanclick">确认</el-button>
  345. </div>
  346. </div>
  347. <hr style="border:none;height:1px;background:#DCDFE6;"/><!--水平线-->
  348. <div style="margin-top: 20px;">
  349. <p>患者知情同意书:我对住院期间发生导管脱落的风险及预防措施已知晓,并给予配合。</p>
  350. <div class="zhuangui">
  351. <p style="display: inline-block; margin-right: 70px;">患者/家属签字: <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span></p>
  352. <p style="display: inline-block;">
  353. 日期:
  354. <el-date-picker
  355. v-model="jiashu_date"
  356. type="date"
  357. value-format="yyyy-MM-dd"
  358. placeholder="选择日期"
  359. style="width: 150px;">
  360. </el-date-picker>
  361. </p>
  362. </div>
  363. <div class="zhuangui">
  364. <span>转归:</span>
  365. <el-radio v-model="zhuanggui" label="1">脱落</el-radio>
  366. <el-radio v-model="zhuanggui" label="2">未脱落</el-radio>
  367. </div>
  368. <div class="zhuangui">
  369. <p style="display: inline-block; margin-right: 30px;">
  370. 评估人签字:
  371. <el-select v-model="appraiser" placeholder="请选择" style="width: 120px;">
  372. <el-option
  373. v-for="item in Dutynursearr"
  374. :key="item.admin_user_id"
  375. :label="item.user_name"
  376. :value="item.admin_user_id">
  377. </el-option>
  378. </el-select>
  379. </p>
  380. <p style="display: inline-block;">
  381. 日期:
  382. <el-date-picker
  383. v-model="date"
  384. type="date"
  385. value-format="yyyy-MM-dd"
  386. placeholder="选择日期"
  387. style="width: 150px;">
  388. </el-date-picker>
  389. </p>
  390. </div>
  391. <div class="zhuangui">
  392. <p style="display: inline-block; margin-right: 30px;">
  393. 护士长签字:
  394. <el-select v-model="hushi" placeholder="请选择" style="width: 120px;">
  395. <el-option
  396. v-for="item in Dutynursearr"
  397. :key="item.admin_user_id"
  398. :label="item.user_name"
  399. :value="item.admin_user_id">
  400. </el-option>
  401. </el-select>
  402. </p>
  403. <p style="display: inline-block;">
  404. 日期:
  405. <el-date-picker
  406. v-model="hushi_date"
  407. type="date"
  408. value-format="yyyy-MM-dd"
  409. placeholder="选择日期"
  410. style="width: 150px;">
  411. </el-date-picker>
  412. </p>
  413. </div>
  414. </div>
  415. <hr style="margin: 10px 0px;border:none;height:1px;background:#DCDFE6;"/><!--水平线-->
  416. <div class="shuoming">
  417. <p>说明:</p>
  418. <p>1.<5分为正常,5~8分为危险,≥9分为高度危险。</p>
  419. <p>2.导管脱落危险因素≥5分,需填写该表。</p>
  420. <p>3.常规情况下,评分5~8分,至少每天评估一次;评分≥9,至少每班评估一次,紧急与特殊情况,应随时评估。</p>
  421. </div>
  422. </el-dialog>
  423. <!--删除 -->
  424. <el-dialog
  425. title="提示"
  426. :visible.sync="delete_centerDialogVisible"
  427. width="20%"
  428. center>
  429. <span>是否删除该记录</span>
  430. <span slot="footer" class="dialog-footer">
  431. <el-button @click="delete_centerDialogVisible = false">取 消</el-button>
  432. <el-button type="primary" @click="delete_daogaun">确 定</el-button>
  433. </span>
  434. </el-dialog>
  435. </div>
  436. </template>
  437. <script>
  438. import print from 'print-js'
  439. import { uParseTime } from '@/utils/tools'
  440. import {getAllNurseList,savePatientHpressuresore,getPatientBedlist,getPedPatientFallAssessmentById,
  441. deletePedPatientFallassment,updateBedPatientList} from '@/api/fallassement'
  442. export default{
  443. data(){
  444. return{
  445. tableData:[],
  446. multipleSelection:[],
  447. dialogVisible:false,
  448. mingxi_dialogVisible:false,
  449. editor_dialogVisible:false,
  450. delete_centerDialogVisible:false,
  451. value1:'',
  452. radio:'',
  453. radio1:'',
  454. radio2:'',
  455. radio_val:null,
  456. radio1_val:null,
  457. radio2_val:null,
  458. // duct_Totalpoints:0,
  459. options:[],
  460. input:'',
  461. value:'',
  462. row:'',
  463. tableData:[],
  464. date:this.getTime(new Date()),
  465. appraiser:'',
  466. // optionsarr:[{id:1,label:'寒千落'},{id:2,label:'千仞雪'},{id:3,label:'千亦雪'},],
  467. Dutynurse:'',//责任护士
  468. // Dutynursearr:[],//责任护士数组
  469. Dutynursearr:[],
  470. jiashu_date:this.getTime(new Date()),//家属时间
  471. zhuanggui:'',//转归
  472. hushi:'',//护理
  473. // hushiarr:[{id:1,label:'寒千落'},{id:2,label:'千仞雪'},{id:3,label:'千亦雪'},],//护理
  474. hushi_date:this.getTime(new Date()),//护理时间
  475. limit:10,
  476. page:1,
  477. patient_id:'',
  478. Patient_info:{},
  479. cuoshi_show:[],//护理措施选中数组
  480. row_id:0,//table选中的id
  481. cath_zong:0,
  482. dayin:this.getTime2(new Date()),
  483. tuoguan:[{value:1,label:'低危导管 (1分)',is_check:false,check:0},
  484. {value:2,label:'中危导管 (2分)',is_check:false,check:0},
  485. {value:3,label:'高危导管 (3分)',is_check:false,check:0}
  486. ],
  487. yishi:[{value:0,label:'意识清醒 (0分)',is_check:false,check:0},
  488. {value:1,label:'中昏迷、深昏迷 (1分)',is_check:false,check:0},
  489. {value:2,label:'嗜睡、昏睡 (2分)',is_check:false,check:0},
  490. {value:3,label:'浅昏迷 (3分)',is_check:false,check:0},
  491. {value:4,label:'意识模糊 (4分)',is_check:false,check:0},
  492. ],
  493. peihe:[{value:1,label:'完全配合 (1分)',is_check:false,check:0},
  494. {value:2,label:'部分配合 (2分)',is_check:false,check:0},
  495. {value:3,label:'不配合 (3分)',is_check:false,check:0},
  496. ],
  497. hulicuoshi:[{id:1,label:'管道维护,导管脱落严重后果及预防措施的健康教育;',is_check:false,check:0},
  498. {id:2,label:'床边悬挂警示标识(>9分悬挂);',is_check:false,check:0},{id:3,label:'正确妥善固定;',is_check:false,check:0},
  499. {id:4,label:'正确卧位及床上活动方式, 病人带管下床活动时, 将引流管固定在病人的衣服或裤子上;',is_check:false,check:0},
  500. {id:5,label:'加强巡视,及时发现满足患者需要;',is_check:false,check:0},{id:6,label:'严格交接班,各班重点交接,观察外露长度,必要时记录;',is_check:false,check:0},
  501. {id:7,label:'昏迷、暴躁、不合作病人,根据医嘱使用镇静剂和约束带;',is_check:false,check:0},
  502. {id:8,label:'进行诊疗护理需要移动患者时,根据医嘱使用镇静剂和约束带;',is_check:false,check:0},
  503. {id:9,label:'对于气管插管清醒患者,进行心理疏导和安全教育。',is_check:false,check:0},]
  504. }
  505. },
  506. created(){
  507. this.patient_id = this.$route.query.patient_id
  508. this.Patient_info = this.$route.query.Patient_info
  509. this.getlist()
  510. this.getAllNurseList()
  511. },
  512. methods:{
  513. fanhui(){
  514. window.history.go(-1);
  515. },
  516. handleSelectionChange(val) {
  517. this.multipleSelection = val;
  518. console.log('val',val);
  519. },
  520. open_pingfen(){
  521. if(this.multipleSelection.length==0){
  522. this.$message('请选择需要打印的记录')
  523. }else{
  524. this.dialogVisible=true
  525. }
  526. },
  527. open_mingxi(){
  528. if(this.multipleSelection.length==0){
  529. this.$message('请选择需要打印的记录')
  530. }else{
  531. this.mingxi_dialogVisible=true
  532. }
  533. },
  534. print_pingfen(ids){
  535. const style= '@media print {.diedao_content{background-color: white; width:960px; margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
  536. if(ids==1){
  537. printJS({
  538. printable: 'pingfeng',
  539. type: 'html',
  540. style: style,
  541. scanStyles: false
  542. })
  543. this.dialogVisible=false
  544. }else if(ids==2){
  545. printJS({
  546. printable: 'mingxi',
  547. type: 'html',
  548. style: style,
  549. scanStyles: false
  550. })
  551. this.mingxi_dialogVisible=false
  552. }
  553. },
  554. // 打开编辑
  555. open_xiugai(row){
  556. this.row_id = row.id
  557. this.editor_dialogVisible=true
  558. getPedPatientFallAssessmentById(row.id).then(response =>{
  559. if(response.data.state == 1){
  560. const cath_xg = response.data.data.fallassessment
  561. for(let i in this.hulicuoshi){
  562. this.hulicuoshi[i].is_check = false
  563. this.hulicuoshi[i].check = 0
  564. this.cuoshi_show.length=0
  565. }
  566. if(cath_xg.text !=''){
  567. const text = JSON.parse(cath_xg.text)
  568. this.radio = text.radio
  569. this.radio1 = text.radio1
  570. this.radio2 = text.radio2
  571. this.duct_Totalpoints = text.total
  572. this.date = text.date
  573. this.Dutynurse = text.Dutynurse
  574. this.jiashu_date = text.jiashu_date
  575. this.zhuanggui = text.zhuanggui
  576. this.hushi = text.hushi
  577. this.hushi_date = text.hushi_date
  578. this.appraiser = text.appraiser
  579. for(let i in this.hulicuoshi){
  580. for(let j in text.cuoshi){
  581. if(text.cuoshi[j] == this.hulicuoshi[i].id){
  582. this.hulicuoshi[i].is_check = true
  583. this.hulicuoshi[i].check = 1
  584. this.cuoshi_show.push(text.cuoshi[j])
  585. }
  586. }
  587. }
  588. }
  589. }
  590. })
  591. },
  592. // 打开删除弹窗
  593. open_delete(row){
  594. this.row=row.id
  595. this.delete_centerDialogVisible=true
  596. },
  597. // 确认删除
  598. delete_daogaun(){
  599. deletePedPatientFallassment(this.row).then(response =>{
  600. if(response.data.state == 1){
  601. for(let i=0;i<this.tableData.length;i++){
  602. if(this.row==this.tableData[i].id){
  603. this.tableData.splice(i,1)
  604. }
  605. }
  606. }
  607. this.$message({message:'删除成功',type:'success'})
  608. })
  609. this.delete_centerDialogVisible=false
  610. return this.tableData
  611. },
  612. handleCheckedCitiesChange(e){
  613. if(e == this.radio){
  614. this.radio = e
  615. }
  616. if(e == this.radio1){
  617. this.radio1 = e
  618. }
  619. if(e == this.radio2){
  620. this.radio2 = e
  621. }
  622. },
  623. // 确认
  624. daoguanclick(){
  625. const data = {}
  626. var list =[]
  627. data['radio'] = this.radio
  628. data['radio1'] = this.radio1
  629. data['radio2'] = this.radio2
  630. data['total'] = this.duct_Totalpoints
  631. data['cuoshi'] = this.cuoshi_show
  632. data['date'] = this.date
  633. data['Dutynurse'] = this.Dutynurse
  634. data['appraiser'] = this.appraiser
  635. data['jiashu_date'] = this.jiashu_date
  636. data['zhuanggui'] = this.zhuanggui
  637. data['hushi'] = this.hushi
  638. data['hushi_date'] = this.hushi_date
  639. list.push(data)
  640. var params={
  641. patient_id:this.patient_id,
  642. record_date:this.date,
  643. is_type:4,
  644. list:list,
  645. id:this.row_id
  646. }
  647. updateBedPatientList(params).then(response =>{
  648. if(response.data.state == 1){
  649. const daog = response.data.data.pedFallssessment
  650. console.log('22222',daog);
  651. if(daog.text !=''){
  652. const text = JSON.parse(daog.text)
  653. for(let i in this.tableData){
  654. if(daog.id == this.tableData[i].id){
  655. this.tableData[i].id = daog.id
  656. this.tableData[i].radio = text.radio
  657. this.tableData[i].radio1 = text.radio1
  658. this.tableData[i].radio2 = text.radio2
  659. this.tableData[i].mark = text.total
  660. this.tableData[i].cuoshi_show = this.getcuoshi(text.cuoshi)
  661. this.tableData[i].time = text.date//评估时间
  662. this.tableData[i].evaluate = this.getoptions(text.Dutynurse)
  663. this.tableData[i].jiashu_date = text.jiashu_date
  664. this.tableData[i].zhuanggui = text.zhuanggui
  665. this.tableData[i].hushi = text.hushi
  666. this.tableData[i].hushi_date = text.hushi_date
  667. this.tableData[i].appraiser = text.appraiser
  668. this.tableData[i].huli_show = text.cuoshi
  669. }
  670. }
  671. }
  672. console.log('zzzzzzz',this.tableData);
  673. this.editor_dialogVisible = false
  674. this.$message({message:'修改成功',type:'success'})
  675. return this.tableData
  676. }
  677. })
  678. },
  679. // 点击护理措施
  680. cuoshi(item){
  681. for(let i in this.hulicuoshi){
  682. if(item.label==this.hulicuoshi[i].label ){
  683. if(item.is_check==false){
  684. this.hulicuoshi[i].check= 1
  685. this.hulicuoshi[i].is_check = true
  686. this.cuoshi_show.push(item.id)
  687. }else{
  688. this.hulicuoshi[i].check= 0
  689. this.hulicuoshi[i].is_check = false
  690. if(this.cuoshi_show.length>0){
  691. for(let j in this.cuoshi_show){
  692. if(item.id == this.cuoshi_show[j]){
  693. let index = this.cuoshi_show.indexOf(this.cuoshi_show[j]);
  694. this.cuoshi_show.splice(index,1)
  695. }
  696. }
  697. }
  698. }
  699. }
  700. }
  701. console.log('qqqqq',this.cuoshi_show);
  702. },
  703. // 转换时间
  704. getTime(val) {
  705. if(val < 0){
  706. return ""
  707. }
  708. if(val == ""){
  709. return ""
  710. }else {
  711. return uParseTime(val, '{y}-{m}-{d}')
  712. }
  713. },
  714. getTime2(val){
  715. if(val < 0){
  716. return ""
  717. }
  718. if(val == ""){
  719. return ""
  720. }else {
  721. return uParseTime(val, '{y}-{m}-{d} {h}:{i}:{s}')
  722. }
  723. },
  724. // 数据源
  725. getlist(){
  726. var params = {
  727. patient_id:this.patient_id,
  728. limit:this.limit,
  729. is_type:4,
  730. page:this.page,
  731. }
  732. getPatientBedlist(params).then(response =>{
  733. if(response.data.state == 1){
  734. var list = response.data.data.list
  735. list.forEach(item => {
  736. if(item.text !=''){
  737. const text = JSON.parse(item.text)
  738. console.log('list-----',text);
  739. const arr = {
  740. id:item.id,
  741. radio:text.radio,
  742. radio1:text.radio1,
  743. radio2:text.radio2,
  744. mark:text.total,
  745. cuoshi_show:this.getcuoshi(text.cuoshi),
  746. time:text.date,//评估时间
  747. evaluate:this.getoptions(text.Dutynurse),
  748. jiashu_date:text.jiashu_date,
  749. zhuanggui:text.zhuanggui,
  750. hushi:text.hushi,
  751. hushi_date:text.hushi_date,
  752. cuoshi1:text.cuoshi1,
  753. appraiser:text.appraiser
  754. }
  755. this.tableData.push(arr)
  756. }
  757. });
  758. console.log('nnnnn',this.tableData);
  759. }
  760. })
  761. },
  762. // 评估护士
  763. getoptions(ids){
  764. const options= this.Dutynursearr
  765. for(let i in options){
  766. if(options[i].admin_user_id == ids){
  767. return options[i].user_name
  768. }
  769. }
  770. },
  771. // 护理措施
  772. getcuoshi(item){
  773. var arr =[]
  774. for(let i in this.hulicuoshi){
  775. for(let j in item){
  776. if(item[j]==this.hulicuoshi[i].id){
  777. arr.push(this.hulicuoshi[i].label)
  778. }
  779. }
  780. var arr2 = arr.join()
  781. }
  782. return arr2
  783. },
  784. // 评估人数据源
  785. getAllNurseList(){
  786. getAllNurseList().then(response=>{
  787. if(response.data.state ==1){
  788. var nurseList = response.data.data.nurseList
  789. this.Dutynursearr =nurseList
  790. }
  791. })
  792. },
  793. },
  794. computed:{
  795. duct_Totalpoints:{
  796. get(){
  797. this.cath_zong = this.radio + this.radio1 + this.radio2
  798. return this.cath_zong
  799. },
  800. set(val){
  801. return this.cath_zong = val
  802. }
  803. }
  804. }
  805. }
  806. </script>
  807. <style lang="scss" scoped>
  808. .patient-app-containers {
  809. margin-left: 10px;
  810. margin-right: 10px;
  811. background: #fff;
  812. }
  813. .history{
  814. display: inline-block;
  815. border-left:2px solid gray ;
  816. padding: 0 10px;
  817. margin-left:10px;
  818. color: gray;
  819. font-size: 18px;
  820. }
  821. .diedao_content{
  822. background-color: white;
  823. width:960px;
  824. margin:0 auto;
  825. padding: 0 0 20px 0;
  826. }
  827. .table tr td{
  828. padding:5px,
  829. }
  830. .tables{
  831. border: 1px solid #DCDFE6;
  832. border-collapse:collapse;
  833. border-spacing: 0;
  834. thead th{
  835. background: #0077ff9f;
  836. color: white;
  837. text-align: center;
  838. height: 40px;
  839. }
  840. tbody td{
  841. height: 40px;
  842. .el-radio {
  843. color: #101010;
  844. cursor: pointer;
  845. margin-right: 30px;
  846. font-size: 15px !important;
  847. }
  848. }
  849. .start{
  850. text-align: center;
  851. }
  852. .bing{
  853. width: 150px;
  854. text-align: center;
  855. }
  856. .bg_color{
  857. background: rgb(243, 240, 240);
  858. }
  859. .jiange{
  860. // margin-left: 20px;
  861. padding-left: 10px;
  862. color: black;
  863. }
  864. input{
  865. -webkit-appearance: checkbox;
  866. }
  867. }
  868. .shuoming p{
  869. margin-top: 5px;
  870. color: rgb(167, 165, 165);
  871. }
  872. .zhuangui{
  873. margin-top: 10px;
  874. }
  875. .content_top{
  876. display: flex;
  877. justify-content: space-between;
  878. }
  879. .bottoms{
  880. display: inline-block;
  881. margin-left: 10px;
  882. margin-top: 5px;
  883. }
  884. input{
  885. -webkit-appearance: checkbox;
  886. }
  887. </style>