1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107 |
- <template>
- <div class="main-contain">
- <div class="position">
- <bread-crumb :crumbs="crumbs"></bread-crumb>
- <div class="print" style="float:left;">
- <el-button
- v-if="queueConfig.txxqyxs == 1"
- size="small"
- type="primary"
- @click="call"
- >叫号</el-button
- >
- <el-button
- v-if="queueConfig.txxqyxs == 1"
- size="small"
- type="primary"
- @click="next"
- >下一位</el-button
- >
- <el-button
- size="small"
- type="primary"
- @click="printOrder"
- icon="el-icon-printer"
- >打印</el-button
- >
- </div>
- </div>
-
- <div
- class="loadingBox"
- v-loading="loading"
- element-loading-text="拼命加载中"
- element-loading-spinner="el-icon-loading"
- element-loading-background="rgba(0, 0, 0, 0.8)"
- >
- <div class="patientBox" style="width:300px;padding-left:10px;position: relative;">
- <el-button
- style="position: absolute;right:0;top:2px;z-index:10"
- size="small"
- type="primary"
- @click="refresh"
- >刷新</el-button>
- <el-tabs v-model="activeName" @tab-click="handleClick">
- <el-tab-pane label="候诊区" name="first">
- <div class="cell clearfix" style="margin-bottom:10px;">
- <el-date-picker v-model="selected_date" prefix-icon="el-icon-date" @change="handleScheduleDateChange" :editable="false" :clearable="false" style="width: 45%;margin-right:10px;" type="date" placeholder="选择日期时间" align="right" ></el-date-picker>
- <el-input size="small" style="width:25%;" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
- <el-button size="small" class="filter-item" type="primary" style="margin-right:20px;" @click="searchAction">搜索</el-button>
- </div>
- <div class="cell clearfix" style="margin-bottom:10px;display:flex;">
- <el-select v-model="patientStateVal" placeholder="全部患者状态" style="margin-right:10px;" @change="handleStateChange">
- <el-option
- v-for="item in patient_state"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- <el-select v-model="treatStateVal" placeholder="全部治疗状态" style="margin-right:20px;" @change="handleTreatChange">
- <el-option
- v-for="item in treat_state"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </div>
- <div class="cell clearfix" style="margin-bottom:10px;display:flex;">
- <el-select v-model="scheduleStateVal" placeholder="班次" style="margin-right:10px;" @change="handletimeType">
- <el-option
- v-for="item in schedule_options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- <el-select v-model="zoneVal" placeholder="分区" style="margin-right:20px;" @change="handleZoneChange">
- <el-option
- v-for="item in zone_options"
- :key="item.id"
- :label="item.text"
- :value="item.id">
- </el-option>
- </el-select>
- </div>
- <div style="padding-right:20px;">
- <el-table
- ref="tab"
- @row-click="changePatient"
- highlight-current-row
- :data="tableData"
- height="500"
- border
- style="width: 100%">
- <el-table-column
- prop="date"
- label="患者"
- >
- <template slot-scope="scope">
- {{ scope.row.patient.name }}
- <span v-if="scope.row.assessment_before_dislysis && patientStateVal == 1">
- ({{ getTime(scope.row.assessment_before_dislysis.created_time) }})
- </span>
- </template>
- </el-table-column>
- <el-table-column
- prop="name"
- label="状态"
- >
- <template slot-scope="scope">
- <div style="display:flex;align-items:center;justify-content:space-around;">
- <span class="tip1" v-if="scope.row.prescription == null || scope.row.prescription.creater == 0">
- 待开处方
- </span>
- <span class="tip2" v-if="scope.row.assessment_before_dislysis == null || scope.row.assessment_before_dislysis.weight_before == ''">
- 待称重
- </span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </el-tab-pane>
- <el-tab-pane label="透析区" name="second">
- <div class="cell clearfix" style="margin-bottom:10px;">
- <el-date-picker v-model="selected_date" prefix-icon="el-icon-date" @change="handleScheduleDateChange" :editable="false" :clearable="false" style="width: 45%;margin-right:10px;" type="date" placeholder="选择日期时间" align="right" ></el-date-picker>
- <el-input size="small" style="width:25%;" @keyup.enter.native='searchAction' v-model.trim="search_input" class="filter-item"/>
- <el-button size="small" class="filter-item" style="margin-right:20px;" type="primary" @click="searchAction">搜索</el-button>
- </div>
- <div class="cell clearfix" style="margin-bottom:10px;display:flex;">
- <el-select v-model="patientStateVal" placeholder="全部患者状态" style="margin-right:10px;" @change="handleStateChange">
- <el-option
- v-for="item in patient_state"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- <el-select v-model="treatStateVal" placeholder="全部治疗状态" style="margin-right:20px;" @change="handleTreatChange">
- <el-option
- v-for="item in treat_state"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </div>
- <div class="cell clearfix" style="margin-bottom:10px;display:flex;">
- <el-select v-model="scheduleStateVal" placeholder="班次" style="margin-right:10px;" @change="handletimeType">
- <el-option
- v-for="item in schedule_options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- <el-select v-model="zoneVal" placeholder="分区" style="margin-right:20px;" @change="handleZoneChange">
- <el-option
- v-for="item in zone_options"
- :key="item.id"
- :label="item.text"
- :value="item.id">
- </el-option>
- </el-select>
- </div>
- <div style="padding-right:20px;">
- <el-table
- ref="tab1"
- @row-click="changePatient"
- highlight-current-row
- :data="tableData1"
- height="500"
- border
- style="width: 100%">
- <el-table-column
- prop="date"
- label="患者"
- >
- <template slot-scope="scope">
- {{ scope.row.patient.name }}
- <span v-if="scope.row.assessment_before_dislysis && patientStateVal == 1">
- ({{ getTime(scope.row.assessment_before_dislysis.created_time) }})
- </span>
- </template>
- </el-table-column>
- <el-table-column
- prop="name"
- label="状态"
- >
- <template slot-scope="scope">
- <div style="display:flex;align-items:center;justify-content:space-around;">
- <span class="tip3" v-if="scope.row.dialysis_order ? scope.row.dialysis_order.stage == 1 : false">
- 已上机
- </span>
- <span class="tip4" v-if="scope.row.dialysis_order ? scope.row.dialysis_order.stage == 2 : false">
- 已下机
- </span>
- <span class="tip5" v-if="scope.row.treatment_summary == null || scope.row.treatment_summary.dialysis_summary == ''">
- 待开小结
- </span>
- </div>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </el-tab-pane>
- </el-tabs>
-
-
-
-
- </div>
- <div style="width:75%" v-show="!showView">
- <div style="margin-left:60px;color:#34495e">
- <span>{{ patient.name }}({{ patient.dialysis_no }})</span>
- <span v-if="newTime != ''"> | </span>
- <span v-if="newTime != ''">签到时间:{{ newTime }}</span>
- </div>
-
- <nav-igation
- ref="nav"
- title="弹窗导航"
- @advice="adviceFunc"
- :patient="patient"
- :schedual="schedual"
- :prescription="prescription"
- :solution="solution"
- :receiver_treatment_access="receiver_treatment_access"
- :predialysis_evaluation="predialysis_evaluation"
- :doctor_advices="doctor_advices"
- :double_check="double_check"
- :assessment_after_dislysis="assessment_after_dislysis"
- :treatment_summary="treatment_summary"
- :monitor_records="monitor_records"
- :dialysis_order="dialysis_order"
- :admin_users="admin_users"
- :devices="devices"
- :device_numbers="device_numbers"
- :admin_user_map="admin_user_map"
- :device_map="device_map"
- :device_number_map="device_number_map"
- :niprocart_info="niprocart_info"
- :jms_info="jms_info"
- :fistula_needle_set_info="fistula_needle_set_info"
- :fistula_needle_set_16_info="fistula_needle_set_16_info"
- :hemoperfusion_info="hemoperfusion_info"
- :dialyser_sterilised_info="dialyser_sterilised_info"
- :filtryzer_info="filtryzer_info"
- :dialyzers_info="dialyzers_info"
- :injector_info="injector_info"
- :bloodlines_info="bloodlines_info"
- :tubingHemodialysis_info="tubingHemodialysis_info"
- :safe_package_info="safe_package_info"
- :aliquid_info="aliquid_info"
- :config="config"
- :longAdvices="longAdvices"
- :waitUploadAdvices="waitUploadAdvices"
- :is_open="is_open"
- :last_predialysis_evaluation="lastPredialysisEvaluation"
- :last_monitor_record="lastMonitorRecord"
- :last_assessment_after_dislysis="lastAssessmentAfterDislysis"
- :last_dialysis_prescribe="lastDialysisPrescribe"
- :last_dryWeight_dislysis="lastDryWeightDislysis"
- :special_premission="headNurses"
- @assessmentAfterDislysis="assessmentAfterDislysisFunc"
- :system_prescribe="system_prescribe"
- :his_is_open="his_is_open"
- :lastAssessment="lastAssessment"
- :stockType="stockType"
- >
- </nav-igation>
-
-
-
- <basic-infor
- :patient="patient"
- :device_number="schedual.id == 0 ? '' : schedual.device_number.number"
- :steps="steps"
- title="基本信息"
- ></basic-infor>
-
- <dialysis-prescription
- :prescription="prescription"
- :solution="solution"
- :device_map="device_map"
- :preparestock="preparestock"
- title="透析处方"
- ></dialysis-prescription>
-
-
-
- <!-- <past-data class="往期数据"></past-data> -->
- <div style="height: 20px;background-color: #f6f8f9"></div>
- <accepts-assessment
- :record="receiver_treatment_access"
- title="接诊评估"
- ></accepts-assessment>
-
- <assessment-before
- :record="predialysis_evaluation"
- ref="assessment_before"
- title="透前评估"
- ></assessment-before>
-
- <stat-order
- ref="stat_order"
- :advices="doctor_advices"
- :doctor_map="admin_user_map"
- title="临时医嘱"
- ></stat-order>
-
- <double-check
- ref="double_check"
- :record="double_check"
- :admin_map="admin_user_map"
- title="双人核对 "
- ></double-check>
-
- <dialysis-computer
- ref="dialysis_computer"
- :record="dialysis_order"
- :admin_map="admin_user_map"
- :device_number_map="device_number_map"
- title="透析上机 "
- ></dialysis-computer>
-
- <dialysis-monitoring
- ref="monitoring"
- :monitores="monitor_records"
- title="透析监测"
- ></dialysis-monitoring>
-
- <el-dialog
- title="长期医嘱单"
- :visible.sync="dialogFormVisible"
- width="960px"
- >
- <div class="printForm">
- <h1 class="title">长期医嘱单</h1>
- <div class="info">
- <ul>
- <li>
- <span class="name">姓名:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">性别:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">年龄:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">科别:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">床号:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">住院号:</span>
- <input type="text" class="InputBox" />
- </li>
- </ul>
- </div>
- <table
- border="1"
- style="border:1px #999 solid;margin-top:20px;"
- bordercolorlight="#fff"
- bordercolordark="#fff"
- width="100%"
- cellpadding="0"
- cellspacing="0"
- class="printTable"
- >
- <tbody>
- <tr align="center">
- <th style="width:20%;" colspan="2" align="center">起始</th>
- <th style="width:20%;" rowspan="2" align="center">医嘱</th>
- <th style="width:8%;" rowspan="2" align="center">医师签名</th>
- <th style="width:6%;" rowspan="2" align="center">执行护士签名</th>
- <th style="width:42%;" colspan="4" align="center">停止</th>
- </tr>
- <tr align="center">
- <th align="center">日期</th>
- <th align="center">时间</th>
- <th style="width:10%;" align="center">日期</th>
- <th style="width:10%;" align="center">时间</th>
- <th style="width:10%;" align="center">医师签名</th>
- <th style="width:6%;" align="center">执行护士签名</th>
- </tr>
- <tr align="center">
- <td>2018-90-09</td>
- <td>2018-90-09</td>
- <td>地方开发发地方开发发方发发发大渡岗</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- </tr>
- <tr align="center">
- <td>2018-90-09</td>
- <td>2018-90-09</td>
- <td>地方开发发地方开发发方发发发大渡岗</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- </tr>
- </tbody>
- </table>
- </div>
- </el-dialog>
-
- <el-dialog title="临时医嘱单" :visible.sync="orders" width="960px">
- <div class="printForm">
- <h1 class="title">临时医嘱单</h1>
- <div class="info">
- <ul>
- <li>
- <span class="name">姓名:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">性别:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">年龄:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">科:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">区:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">房:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">床:</span>
- <input type="text" class="InputBox" />
- </li>
- <li>
- <span class="name">住院号:</span>
- <input type="text" class="InputBox" />
- </li>
- </ul>
- </div>
- <table
- border="1"
- style="border:1px #999 solid;margin-top:20px;"
- bordercolorlight="#fff"
- bordercolordark="#fff"
- width="100%"
- cellpadding="0"
- cellspacing="0"
- class="printTable"
- >
- <tbody>
- <tr align="center">
- <th style="width:10%;" align="center">日期</th>
- <th style="width:10%;" align="center">时间</th>
- <th style="width:10%;" align="center">医生签名</th>
- <th style="width:40%;" align="center">医嘱内容</th>
- <th style="width:10%;" align="center">执行时间</th>
- <th style="width:10%;" align="center">护士签名</th>
- <th style="width:10%;" align="center">金额</th>
- </tr>
- <tr align="center">
- <td>2018-90-09</td>
- <td>2018-90-09</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- <td>张三</td>
- <td>888</td>
- </tr>
- <tr align="center">
- <td>2018-90-09</td>
- <td>2018-90-09</td>
- <td>张三</td>
- <td>张三</td>
- <td>2018-90-09</td>
- <td>张三</td>
- <td>888</td>
- </tr>
- </tbody>
- </table>
- </div>
- </el-dialog>
-
- <dialysis-off
- ref="dialysis_off"
- :record="dialysis_order"
- :admin_map="admin_user_map"
- title="透析下机 "
- ></dialysis-off>
-
- <assessment-after
- ref="assessment_after"
- :record="assessment_after_dislysis"
- title="透后评估"
- ></assessment-after>
-
- <treatment-of
- ref="treatment_of"
- :record="treatment_summary"
- title="治疗小结"
- ></treatment-of>
- </div>
- <div v-if="showView" style="text-align:center;margin: 0 auto;font-size:20px;">
- <p style="margin-top:20px;">当前叫号</p>
- <p style="margin-top:20px;">{{ $route.query.patient_name ? $route.query.patient_name : ""}}</p>
- <p style="margin-top:20px;">签到时间:{{ $route.query.curPatientTime ? getDates($route.query.curPatientTime) : '' }}</p>
- <p style="color:red;margin-top:20px;">提示:当前患者无排班,请先排班</p>
-
- </div>
- </div>
- </div>
- </template>
-
- <script>
- const moment = require('moment')
- import axios from 'axios'
- import NavIgation from './NavIgation'
- import BasicInfor from './BasicInfor'
- import DialysisPrescription from './DialysisPrescription'
- import PastData from './pastData'
- import AcceptsAssessment from './acceptsAssessment'
- import AssessmentBefore from './assessmentBefore'
- import StatOrder from './statOrder'
- import DialysisComputer from './dialysisComputer'
- import DoubleCheck from './doubleCheck'
- import DialysisMonitoring from './dialysisMonitoring'
- import DialysisOff from './dialysisOff'
- import AssessmentAfter from './assessmentAfter'
- import TreatmentOf from './treatmentOf'
- import OperationStaff from './operationStaff'
- import {
- getDialysisScheduleDetail,
- getLongAdvice,
- getDialysisRecordInitData,
- getDialysisSchedules
- } from '@/api/dialysis_record'
- import { parseTime } from '@/utils'
- import BreadCrumb from '@/xt_pages/components/bread-crumb'
-
- export default {
- name: 'index',
- components: {
- NavIgation,
- BasicInfor,
- DialysisPrescription,
- PastData,
- AcceptsAssessment,
- AssessmentBefore,
- StatOrder,
- DialysisComputer,
- DoubleCheck,
- DialysisMonitoring,
- DialysisOff,
- AssessmentAfter,
- TreatmentOf,
- OperationStaff,
- BreadCrumb
- },
- data() {
- return {
- crumbs: [
- { path: false, name: '透析管理' },
- { path: false, name: '透析记录' },
- { path: false, name: '透析单' }
- ],
- dialogFormVisible: false,
- orders: false,
- loading: false,
- patient_id: 0,
- date: 0,
-
- longAdvices: [],
- waitUploadAdvices: [],
- is_open: 0,
- targetAdvices: [],
-
- patient: { id: 0 }, // 患者信息
- schedual: { id: 0 }, // 患者排班信息
- prescription: { id: 0 }, // 透析处方
- solution: { id: 0 }, // 透析方案
- system_prescribe: { id: 0 },
- receiver_treatment_access: { id: 0 }, // 接诊评估
- predialysis_evaluation: { id: 0 }, // 透前评估
- doctor_advices: [], // 临时医嘱
- double_check: { id: 0 }, // 双人核对
- assessment_after_dislysis: { id: 0 }, // 透后评估
- treatment_summary: { id: 0 }, // 治疗小结
- monitor_records: [], // 透析监测
- dialysis_order: { id: 0 }, // 透析记录
- admin_users: [], // 系统用户列表
- devices: [], // 设备
- device_numbers: [], // 床位号
-
- admin_user_map: {}, // {user_id: admin_user object}
- device_map: {}, // {device_id: device}
- device_number_map: {}, // {device_number_id: device_number}
-
- niprocart_info: [],
- jms_info: [],
- fistula_needle_set_info: [],
- fistula_needle_set_16_info: [],
- hemoperfusion_info: [],
- dialyser_sterilised_info: [],
- filtryzer_info: [],
- dialyzers_info: [],
- injector_info: [],
- bloodlines_info: [],
- tubingHemodialysis_info: [],
- safe_package_info: [],
- aliquid_info: [],
- config: {},
-
- his_is_open:0,
-
- lastPredialysisEvaluation: { id: 0 },
- lastMonitorRecord: { id: 0 },
- lastAssessmentAfterDislysis: { id: 0 },
- lastDryWeightDislysis: { id: 0 },
- lastAssessment:{id:0},
- headNurses: [],
- lastDialysisPrescribe: { id: 0 },
- //
- activeName: 'first',
- selected_date: new Date(),
- // search_input 和 search_keyword,使输入关键字时不会经常刷新 filtedSchedules
- search_keyword: '', // 确定用于搜索的关键字
- search_input: '', // 输入中的关键字
- patient_state: [
- { value: 0, label: '全部患者' },
- { value: 1, label: '已签到' },
- { value: 2, label: '未签到' },
- { value: 3, label: '已上机' },
- { value: 4, label: '已下机' }
- ],
- patientStateVal: 0,
- treat_state: [
- { value: 0, label: '全部治疗' },
- { value: 1, label: '待开处方' },
- { value: 2, label: '待开小结' },
- { value: 3, label: '待医嘱核对' },
- ],
- treatStateVal: 0,
- schedule_options: [
- { value: 0, label: '全部班' },
- { value: 1, label: '上午' },
- { value: 2, label: '下午' },
- { value: 3, label: '晚上' }
- ],
- scheduleStateVal: 0,
- zone_options: [
- { id: 0, text: '全部分区' }
- ],
- zoneVal: 0,
- tableData: [],
- tableData1: [],
- arr: [],
- newName: '',
- newTime: '',
- scheudle_mode:"",
-
-
- showView:false,
- curPatient:{},
-
- queueConfig:{},
- stockType:[],
- preparestock:[]
- }
- },
- created() {
- if(this.$route.query.showView){
- this.showView = this.$route.query.showView
- }
- if(sessionStorage.getItem("nameActive")){
- this.activeName = sessionStorage.getItem("nameActive")
- }
- var patient_id = this.$route.query.patient_id
- var date = this.$route.query.date
- this.patient_id = patient_id
- this.date = date
-
- this.getScheduleDetail()
- this.getLongAdvice()
-
- this.selected_date = this.$route.query.date * 1000
- var schedule_type_selected = this.$store.getters.schedule_type_selected
- var zone_selected = this.$store.getters.zone_selected
- var patient_state_selected = this.$store.getters.patient_state_selected
- var treat_state_selected = this.$store.getters.treat_state_selected
- var selected_date = this.$store.getters.selected_date
- if (schedule_type_selected) {
- this.scheduleStateVal = schedule_type_selected.schedule_type_selected
- }
- if (zone_selected) {
- this.zoneVal = zone_selected.zone_selected
- }
- if (patient_state_selected) {
- this.patientStateVal = patient_state_selected.patient_state_selected
- }
- if (treat_state_selected) {
- this.treatStateVal = treat_state_selected.treat_state_selected
- }
- if (selected_date.selected_date) {
- this.selected_date = selected_date.selected_date
- }
-
- this.initData = {
- cmd: "queue/join",
- data: {type:3,page:0,size:0},
- };
- this.websocketSend(this.initData)
-
- this.getInitData()
- },
- beforeMount() {
- if (this.websocket) {
- if (this.websocket.readyState == 1) {
- console.log('执行1')
- this.websocketMess();
- } else {
- setTimeout(() => {
- console.log('执行2')
- this.websocketMess();
- }, 1000);
- }
- } else {
- setTimeout(() => {
- if (this.websocket) {
- console.log('执行3')
- this.websocketMess();
- } else {
- setTimeout(() => {
- console.log('执行4')
- this.websocketMess();
- }, 1000);
- }
- }, 1000);
- }
- },
- mounted() {
- const timer = setInterval(() => {
- // this.getInitData();
- this.requestDialysisSchedules()
- }, 1000 * 30)
- // 通过$once来监听定时器,在beforeDestroy钩子可以被清除。
- this.$once('hook:beforeDestroy', () => {
- clearInterval(timer)
- })
-
- let obj = {
- cmd: "queue/join",
- data: {type:3,page:0,size:0},
- };
- this.websocketSend(obj)
- },
- computed: {
- websocket() {
- return this.$store.state.user.websocket;
- },
- steps: function() {
- var steps = [
- { title: '透析处方', finish: false },
- { title: '接诊评估', finish: false },
- { title: '透前评估', finish: false },
- { title: '临时医嘱', finish: false },
- { title: '双人核对', finish: false },
- { title: '透析上机', finish: false },
- { title: '透析监测', finish: false },
- { title: '透析下机', finish: false },
- { title: '透后评估', finish: false },
- { title: '治疗小结', finish: false }
- ]
-
- steps[0].finish = this.prescription.id && this.prescription.creater > 0
- steps[1].finish = this.receiver_treatment_access.id > 0
- steps[2].finish =
- this.predialysis_evaluation.id > 0 &&
- this.predialysis_evaluation.creater > 0
- steps[3].finish = this.doctor_advices.length > 0
- steps[5].finish = this.dialysis_order.id > 0
- steps[7].finish =
- this.dialysis_order.id > 0 && this.dialysis_order.stage == 2
-
- steps[4].finish =
- this.double_check.id > 0 &&
- this.double_check.creater > 0 &&
- this.double_check.modifier > 0
- steps[6].finish = this.monitor_records.length > 0
- steps[8].finish =
- this.assessment_after_dislysis.id > 0 &&
- this.assessment_after_dislysis.creater > 0
- steps[9].finish = this.treatment_summary.id > 0
-
- return steps
- },
- filtedSchedules: function() {
- var search_keyword = this.search_keyword
- if (search_keyword.length > 0) {
- var schedules = []
- for (let o_i = 0; o_i < this.zone_schedules.length; o_i++) {
- const scheduleInfo = this.zone_schedules[o_i]
- var originSchedules = scheduleInfo.schedules
- if (originSchedules.length == 0) {
- continue
- }
- var filtedSchedules = []
- for (let s_i = 0; s_i < originSchedules.length; s_i++) {
- const schedule = originSchedules[s_i]
- if (schedule.patient.name.indexOf(search_keyword) != -1) {
- filtedSchedules.push(schedule)
- // break
- }
- }
- if (filtedSchedules.length > 0) {
- schedules.push({ zone_id: scheduleInfo.zone_id, zone_name: scheduleInfo.zone_name, schedules: filtedSchedules })
- }
- }
- return schedules
- }
-
- // var zone_selected = this.zoneVal
- // var timetype_selected = this.scheduleStateVal
- // if ((zone_selected == 0 && timetype_selected == 0) || this.zone_options.length <= 1) {
- // var schedules = []
- // for (let index = 0; index < this.zone_schedules.length; index++) {
- // const scheduleInfo = this.zone_schedules[index]
- // if (scheduleInfo.schedules.length != 0) {
- // schedules.push(scheduleInfo)
- // }
- // }
- // return schedules
- // }
-
- // var schedules = []
- // for (let o_i = 0; o_i < this.zone_schedules.length; o_i++) {
- // const scheduleInfo = this.zone_schedules[o_i]
- // if (zone_selected == scheduleInfo.zone_id && timetype_selected == 0) {
- // if (scheduleInfo.schedules.length == 0) {
- // return []
- // } else {
- // return [scheduleInfo]
- // }
- // }
- // var originSchedules = scheduleInfo.schedules
- // if (originSchedules.length == 0) {
- // continue
- // }
- // var filtedSchedules = []
- // for (let s_i = 0; s_i < originSchedules.length; s_i++) {
- // const schedule = originSchedules[s_i]
- // if (zone_selected != 0) {
- // if (zone_selected == schedule.device_number.zone.id) {
- // if (timetype_selected == 0 || schedule.schedule_type == timetype_selected) {
- // filtedSchedules.push(schedule)
- // }
- // }
- // } else {
- // if (timetype_selected == 0 || schedule.schedule_type == timetype_selected) {
- // filtedSchedules.push(schedule)
- // }
- // }
- // }
- // if (filtedSchedules.length > 0) {
- // schedules.push({ zone_id: scheduleInfo.zone_id, zone_name: scheduleInfo.zone_name, schedules: filtedSchedules })
- // }
- // }
-
- // return schedules
- }
- },
- beforeDestroy(){
-
- let unObj = {
- cmd: "queue/unjoin",
- data: {type:3},
- };
- this.websocketSend(unObj)
- },
- methods: {
- adviceFunc() {
- this.getScheduleDetail()
- },
- getLongAdvice() {
- const params = {
- patient_id: this.patient_id
- }
- getLongAdvice(params).then(rs => {
- var resp = rs.data
- if (resp.state == 1) {
- var status = parseInt(resp.data.status)
-
- switch (status) {
- case 2:
- var totalAdvice = resp.data.advices
- var longAdvicesTwo = resp.data.advices_two
- var waitUploadAdvices = []
- for (let i = 0; i < totalAdvice.length; i++) {
- totalAdvice[i]['isCheck'] = 1
- }
-
- for (let i = 0; i < totalAdvice.length; i++) {
- for (let a = 0; a < longAdvicesTwo.length; a++) {
- if (
- totalAdvice[i].template_id ==
- longAdvicesTwo[a].template_id &&
- totalAdvice[i].frequency_type ==
- longAdvicesTwo[a].frequency_type
- ) {
- totalAdvice[i]['isCheck'] = 0
- }
- }
- }
-
- for (let i = 0; i < totalAdvice.length; i++) {
- if (totalAdvice[i].isCheck == 1) {
- waitUploadAdvices.push(totalAdvice[i])
- }
- }
-
- this.is_open = resp.data.is_open_remind
- if(this.his_is_open == 1){
- this.is_open = 0
- }
- this.longAdvices = totalAdvice
- this.waitUploadAdvices = waitUploadAdvices
- break
- }
- } else {
- this.$message.error(resp.msg)
- }
- })
- },
- assessmentAfterDislysisFunc: function(val) {
- for (var index in val) {
- this.$set(this.assessment_after_dislysis, index, val[index])
- }
- },
- didDelMonitor(record_id) {
- var mrl = this.monitor_records.length
- for (let index = 0; index < mrl; index++) {
- if (this.monitor_records[index].id == record_id) {
- this.monitor_records.splice(index, 1)
- break
- }
- }
- },
- getScheduleDetail: function() {
- this.loading = true
- var dateStr = parseTime(this.date, '{y}-{m}-{d}')
- if(this.$route.query.showView == true){
- this.loading = false
- return
- }
-
- this.doctor_advices = []
- getDialysisScheduleDetail(this.patient_id, dateStr).then(rs => {
-
- var resp = rs.data
- if (resp.state == 1) {
- var patient = resp.data.patient // 患者信息
- var schedual = resp.data.schedual // 患者排班信息
- console.log("排班22222222222",schedual)
- var prescription = resp.data.prescription // 透析处方
-
- if (prescription != null) {
- if (prescription.body_fluid == -2) {
- prescription.body_fluid = 0
- }
- if(prescription.bilirubin_adsorption_column == 0){
- prescription.bilirubin_adsorption_column = ""
- }
-
- if(prescription.plasma_separator == 0){
- prescription.plasma_separator = ""
- }
- }
-
- var solution = resp.data.solution // 透析方案
- console.log("透析方案22223333333333",solution)
- var receiver_treatment_access = resp.data.receiver_treatment_access // 接诊评估
-
- var predialysis_evaluation = resp.data.predialysis_evaluation // 透前评估
- console.log("透器评估",predialysis_evaluation)
- if (predialysis_evaluation != null) {
- if (predialysis_evaluation.blood_access_part_id == -2) {
- predialysis_evaluation.blood_access_part_id = 0
- }
- if(predialysis_evaluation.blood_pressure_during_dialysis == 0){
- predialysis_evaluation.blood_pressure_during_dialysis = ""
- }
- }
- var doctor_advices = resp.data.doctor_advices // 临时医嘱
-
- var double_check = resp.data.double_check // 双人核对
- var assessment_after_dislysis = resp.data.assessment_after_dislysis // 透后评估
-
- var treatment_summary = resp.data.treatment_summary // 治疗小结
- var monitor_records = resp.data.monitor_records // 透析监测
- var dialysis_order = resp.data.dialysis_order // 透析记录
-
- var niprocart_info = resp.data.niprocart_info
- var jms_info = resp.data.jms_info
- var fistula_needle_set_info = resp.data.fistula_needle_set_info
- var fistula_needle_set_16_info = resp.data.fistula_needle_set_16_info
- var hemoperfusion_info = resp.data.hemoperfusion_info
- var dialyser_sterilised_info = resp.data.dialyser_sterilised_info
- var filtryzer_info = resp.data.filtryzer_info
- var dialyzers_info = resp.data.dialyzers_info
- var injector_info = resp.data.injector_info
- var bloodlines_info = resp.data.bloodlines_info
- var tubingHemodialysis_info = resp.data.tubingHemodialysis_info
- var safe_package_info = resp.data.safe_package_info
- var aliquid_info = resp.data.aliquid_info
-
- var lastPredialysisEvaluation = resp.data.lastPredialysisEvaluation
-
- if (lastPredialysisEvaluation != null) {
- if (lastPredialysisEvaluation.blood_access_part_id == -2) {
- lastPredialysisEvaluation.blood_access_part_id = 0
- }
- }
- var lastMonitorRecord = resp.data.lastMonitorRecord
- var lastAssessmentAfterDislysis = resp.data.lastAssessmentAfterDislysis
- // if(lastAssessmentAfterDislysis.hypertenison!=""){
- // lastAssessmentAfterDislysis.hypertenison = lastAssessmentAfterDislysis.hypertenison.toString()
- // }
- // if(lastAssessmentAfterDislysis.hypopiesia!=""){
- // lastAssessmentAfterDislysis.hypopiesia = lastAssessmentAfterDislysis.hypopiesia.toString()
- // }
- var lastDialysisPrescribe = resp.data.lastDialysisPrescribe
- var lastDryWeightDislysis = resp.data.lastDryWeightDislysis
-
- var system_prescribe = resp.data.system_prescribe
-
- var lastAssessment = resp.data.lastAssessment
- console.log("最后一次血管通路",lastAssessment)
- this.$refs.nav.setLastRecord(
- lastPredialysisEvaluation,
- lastMonitorRecord,
- lastAssessmentAfterDislysis,
- lastDialysisPrescribe,
- lastDryWeightDislysis,
- schedual,
- system_prescribe,
- lastAssessment,
- )
-
- var headNurses = resp.data.headNurse
-
- var config = resp.data.config
- this.lastPredialysisEvaluation = lastPredialysisEvaluation
- this.lastMonitorRecord = lastMonitorRecord
- this.lastAssessmentAfterDislysis = lastAssessmentAfterDislysis
- this.lastDialysisPrescribe = lastDialysisPrescribe
- this.lastDryWeightDislysis = lastDryWeightDislysis
- this.lastAssessment = lastAssessment
- this.headNurses = headNurses
- this.system_prescribe = system_prescribe
-
-
-
- this.niprocart_info = []
- this.jms_info = []
- this.fistula_needle_set_info = []
- this.fistula_needle_set_16_info = []
- this.hemoperfusion_info = []
- this.dialyser_sterilised_info = []
-
- this.filtryzer_info = []
- this.dialyzers_info = []
- this.injector_info = []
-
- this.bloodlines_info = []
- this.tubingHemodialysis_info = []
- this.safe_package_info = []
- this.aliquid_info = []
-
-
-
-
-
- this.niprocart_info = niprocart_info
- this.jms_info = jms_info
- this.fistula_needle_set_info = fistula_needle_set_info
- this.fistula_needle_set_16_info = fistula_needle_set_16_info
- this.hemoperfusion_info = hemoperfusion_info
- this.dialyser_sterilised_info = dialyser_sterilised_info
- this.filtryzer_info = filtryzer_info
- this.dialyzers_info = dialyzers_info
- this.injector_info = injector_info
- this.bloodlines_info = bloodlines_info
- this.tubingHemodialysis_info = tubingHemodialysis_info
- this.safe_package_info = safe_package_info
- this.aliquid_info = aliquid_info
- this.config = config
-
- this.patient = patient
- this.schedual = schedual == null ? { id: 0 } : schedual
- this.prescription = prescription == null ? { id: 0 } : prescription
- this.solution = solution == null ? { id: 0 } : solution
- this.receiver_treatment_access =
- receiver_treatment_access == null
- ? { id: 0 }
- : receiver_treatment_access
- this.predialysis_evaluation =
- predialysis_evaluation == null ? { id: 0 } : predialysis_evaluation
- this.doctor_advices = doctor_advices == null ? [] : doctor_advices
- this.double_check = double_check == null ? { id: 0 } : double_check
- this.assessment_after_dislysis =
- assessment_after_dislysis == null
- ? { id: 0 }
- : assessment_after_dislysis
- this.treatment_summary =
- treatment_summary == null ? { id: 0 } : treatment_summary
- this.monitor_records = monitor_records == null ? [] : monitor_records
- this.dialysis_order =
- dialysis_order == null ? { id: 0 } : dialysis_order
-
-
-
- this.admin_users = resp.data.doctors
- this.devices = resp.data.devices
- this.device_numbers = resp.data.device_numbers
-
- var his_doctor_advices = resp.data.his_advices
-
- this.his_is_open = resp.data.is_open_config.is_open
- console.log(this.his_is_open)
-
-
-
- var stockType = resp.data.stockType
- this.stockType = stockType
- console.log("stockTYPW",stockType)
-
- var prepare = resp.data.prepare
- if(prepare!=null){
- this.preparestock = prepare
- }else{
- this.preparestock = []
- }
- console.log("prepare222222",prepare)
-
- for (let i = 0; i < this.doctor_advices.length; i++){
- this.doctor_advices[i]['origin'] = 1
- }
-
- if (his_doctor_advices != null) {
- for (let i = 0; i < his_doctor_advices.length; i++) {
- his_doctor_advices[i]['origin'] = 2
- his_doctor_advices[i]['way'] = 1
- this.doctor_advices.push(his_doctor_advices[i])
- }
- }
-
- const obj = {}
- this.doctor_advices = this.doctor_advices.reduce((cur, next) => {
- obj[next.id] ? '' : obj[next.id] = true && cur.push(next)
- return cur
- }, []) // 设置cur默认类型为数组,并且初始值为空的数组
-
- console.log(this.doctor_advices)
-
-
- var device_map = {}
- for (let index = 0; index < this.devices.length; index++) {
- const device = this.devices[index]
- device_map[device.id] = device
- }
- this.device_map = device_map
-
- var admin_map = {}
- for (let index = 0; index < this.admin_users.length; index++) {
- const admin = this.admin_users[index]
- admin_map[admin.id] = admin
- }
- this.admin_user_map = admin_map
-
- var device_number_map = {}
- for (let index = 0; index < this.device_numbers.length; index++) {
- const device_number = this.device_numbers[index]
- device_number_map[device_number.id] = device_number
- }
- this.device_number_map = device_number_map
- } else {
- this.$message.error(resp.msg)
- }
-
- // 目标超滤量是否默认上次数据
- if (this.lastDialysisPrescribe != null) {
- delete this.lastDialysisPrescribe.target_ultrafiltration
- }
- if (this.solution != null) {
- delete this.solution.target_ultrafiltration
- }
- if(this.predialysis_evaluation.id > 0){
- this.newTime = parseTime(this.predialysis_evaluation.created_time, '{h}:{i}')
- }
-
- this.loading = false
- })
- },
- printOrder() {
- var xtdate = parseTime(this.date, '{y}-{m}-{d}')
- this.$router.push(
- '/dialysis/print?xtdate=' + xtdate + '&xtno=' + this.patient.dialysis_no
- )
- },
- // 日期
- handleScheduleDateChange: function(index) {
- this.treatStateVal = 0
- this.patientStateVal = 0
- this.zoneVal = 0
- this.scheduleStateVal = 0
- this.search_keyword = this.search_input = ''
- // this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
- // zone: this.zone_selected,
- // schedule_type: this.schedule_type_selected,
- // schedule_date: this.selected_date,
- // })
- this.selected_date = index
- this.$store.dispatch('SetSelectedDate', { selected_date: index })
- this.requestDialysisSchedules()
- },
- // 初始化数据
- getInitData: function() {
- getDialysisRecordInitData().then(rs => {
- var resp = rs.data
- if (resp.state == 1) {
- var zones = resp.data.zones
- var schedules = resp.data.schedules
- var zone_options = [{ id: 0, text: '全部分区' }]
- for (let z_i = 0; z_i < zones.length; z_i++) {
- const zone = zones[z_i]
- zone_options.push({ id: zone.id, text: zone.name })
- }
- this.zone_options = zone_options
- this.arr = this.processedDialysisSchedules(schedules, this.zone_options)
- this.requestDialysisSchedules()
- } else {
- this.$message.error(resp.msg)
- }
- })
- },
- // 班次
- handletimeType: function(index) {
- this.scheduleStateVal = index
- this.$store.dispatch('SetScheduleTypeSelected', { schedule_type_selected: index })
- this.search_keyword = this.search_input = ''
- this.getData()
- },
- // 分区
- handleZoneChange: function(index) {
- this.zoneVal = index
- this.$store.dispatch('SetZoneSelected', { zone_selected: index })
- this.search_keyword = this.search_input = ''
- this.getData()
- },
- // 患者状态
- handleStateChange: function(index) {
- this.patientStateVal = index
- this.$store.dispatch('SetPatientStateSelected', { patient_state_selected: index })
- this.search_keyword = this.search_input = ''
- this.getData()
- },
- handleTreatChange: function(index) {
- this.treatStateVal = index
- this.$store.dispatch('SetTreatStateSelected', { treat_state_selected: index })
- this.search_keyword = this.search_input = ''
- this.getData()
- },
- processedDialysisSchedules: function(schedules, zone_options) {
- var zoneMap = {}
- var scheduleMap = {}
- for (let z_i = 0; z_i < zone_options.length; z_i++) {
- const zone = zone_options[z_i]
- if (zone.id == 0) {
- continue
- }
- scheduleMap[zone.id] = []
- }
- for (let index = 0; index < schedules.length; index++) {
- const schedule = schedules[index]
- scheduleMap[schedule.device_number.zone.id].push(schedule)
- }
- var zone_schedules = []
- for (let index = 0; index < zone_options.length; index++) {
- const zone = zone_options[index]
- if (zone.id == 0) {
- continue
- }
- var schedules = scheduleMap[zone.id]
- zone_schedules.push({ zone_id: zone.id, zone_name: zone.text, schedules: schedules })
- }
- return zone_schedules
- },
- searchAction: function() {
- this.search_keyword = this.search_input
- this.scheduleStateVal = 0
- this.zoneVal = 0
- this.treatStateVal = 0
- this.patientStateVal = 0
- if (this.search_input != '') {
- const arr = []
- this.filtedSchedules.map(item => {
- arr.push(...item.schedules)
- })
- if (this.activeName == 'first') {
- this.tableData = arr
- } else if (this.activeName == 'second') {
- this.tableData1 = arr
- }
- } else {
- this.getData()
- }
- },
- requestDialysisSchedules: function() {
- var ymd = parseTime(this.selected_date, '{y}-{m}-{d}')
- console.log("ymd233223232",ymd)
- console.log("prescription",this.prescription)
- getDialysisSchedules(ymd).then(rs => {
- var resp = rs.data
- if (resp.state == 1) {
- var schedules = resp.data.schedules
- // if(this.prescription!=null){
- // for(let i=0;i<schedules.length;i++){
- // if(this.prescription.patient_id == schedules[i].patient_id){
- // this.prescription = schedules[i].prescription
- // }
- // }
- // }
-
- console.log("hh2332223323232",schedules)
- this.zone_schedules = this.processedDialysisSchedules(schedules, this.zone_options)
- const patientArr = JSON.parse(JSON.stringify(this.zone_schedules))
- if (this.activeName == 'first') {
- for (let i = 0; i < patientArr.length; i++) {
- for (let j = 0; j < patientArr[i].schedules.length; j++) {
- if (patientArr[i].schedules.length > 0 && patientArr[i].schedules[j].dialysis_order != null) {
- // 删除元素后改变i的值
- patientArr[i].schedules.splice(j--, 1)
- }
- }
- }
- } else if (this.activeName == 'second') {
- for (let i = 0; i < patientArr.length; i++) {
- for (let j = 0; j < patientArr[i].schedules.length; j++) {
- if (patientArr[i].schedules.length > 0 && patientArr[i].schedules[j].dialysis_order == null) {
- // 删除元素后改变i的值
- patientArr[i].schedules.splice(j--, 1)
- }
- }
- }
- }
- const newArr = []
- patientArr.map(item => {
- newArr.push(...item.schedules)
- })
- this.tableData = newArr
- this.getData()
- // console.log(66666666666,this.tableData)
- } else {
- this.$message.error(resp.msg)
- }
- })
- },
- changePatient(schedual) {
- this.patient_id = schedual.patient_id
- this.date = schedual.schedule_date
- // this.getScheduleDetail();
- this.getLongAdvice();
-
- var patient_id = schedual.patient_id
- var date = schedual.schedule_date
- this.$router.push({
- path: '/dialysis/details',
- query: {
- patient_id: patient_id,
- date: date,
- patient_name: schedual.patient.name,
- mode_id:schedual.mode_id
- }
- })
- },
- handleClick(type) {
- sessionStorage.setItem('nameActive', type.name);
- this.getData()
- },
- getData() {
- let patientArr = []
- patientArr = JSON.parse(JSON.stringify(this.zone_schedules))
-
- if (this.activeName == 'first') {
- for (let i = 0; i < patientArr.length; i++) {
- for (let j = 0; j < patientArr[i].schedules.length; j++) {
- if (patientArr[i].schedules.length > 0 && patientArr[i].schedules[j].dialysis_order != null) {
- // 删除元素后改变i的值
-
- // console.log('候诊区', patientArr[i].schedules[j])
- patientArr[i].schedules.splice(j--, 1)
- }
- }
- }
- let arr1 = []
- if (this.patientStateVal == 0) {
- arr1 = patientArr
- } else if (this.patientStateVal == 1) {
- let arr = []
- arr = patientArr
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (arr[i].schedules.length > 0 && (arr[i].schedules[j].assessment_before_dislysis == null || (arr[i].schedules[j].assessment_before_dislysis.weight_before == '' && arr[i].schedules[j].assessment_before_dislysis.diastolic_blood_pressure == '' && arr[i].schedules[j].assessment_before_dislysis.systolic_blood_pressure == ''))) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- // console.log('执行1', arr)
- arr1 = arr
- } else if (this.patientStateVal == 2) {
- let arr = []
- arr = patientArr
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (arr[i].schedules.length > 0 && (arr[i].schedules[j].assessment_before_dislysis != null && (arr[i].schedules[j].assessment_before_dislysis.weight_before != 0 || arr[i].schedules[j].assessment_before_dislysis.diastolic_blood_pressure != 0 || arr[i].schedules[j].assessment_before_dislysis.systolic_blood_pressure != 0))) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- // console.log('执行2', arr)
- arr1 = arr
- }
-
- let arr2 = []
- if (this.treatStateVal == 0) {
- arr2 = JSON.parse(JSON.stringify(arr1))
- } else if (this.treatStateVal == 1) {
- let arr = []
- arr = JSON.parse(JSON.stringify(arr1))
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (arr[i].schedules.length > 0 && (arr[i].schedules[j].prescription != null || arr[i].schedules[j].prescription != null ? arr[i].schedules[j].prescription.creater != 0 : false)) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- arr2 = arr
- } else if(this.treatStateVal == 3){
- let arr = []
- arr = JSON.parse(JSON.stringify(arr1))
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if(arr[i].schedules[j].doctor_advice.length == 0){
- arr[i].schedules.splice(j--, 1)
- }
- if(arr[i].schedules && arr[i].schedules[j] && arr[i].schedules[j].doctor_advice){
- let sign = 0
- arr[i].schedules[j].doctor_advice.map(item => {
- if(item.check_state == 1){
- sign++
- }
- })
- if(sign == arr[i].schedules[j].doctor_advice.length && arr[i].schedules[j].doctor_advice.length > 0){
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- }
- arr2 = arr
- }
-
- let arr3 = []
- if (this.scheduleStateVal == 0) {
- arr3 = JSON.parse(JSON.stringify(arr2))
- } else {
- let arr = []
- arr = JSON.parse(JSON.stringify(arr2))
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (this.scheduleStateVal != arr[i].schedules[j].schedule_type) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- arr3 = arr
- }
-
- let arr4 = []
- if (this.zoneVal == 0) {
- arr4 = JSON.parse(JSON.stringify(arr3))
- } else {
- let arr = []
- arr = JSON.parse(JSON.stringify(arr3))
- for (let i = 0; i < arr.length; i++) {
- if (this.zoneVal != arr[i].zone_id) {
- // 删除元素后改变i的值
- arr.splice(i--, 1)
- }
- }
- arr4 = arr
- }
- const newArr = []
- arr4.map(item => {
- newArr.push(...item.schedules)
- })
- if(this.patientStateVal == 1){
- newArr.map(item => {
- item.created_time = item.assessment_before_dislysis.created_time
- })
- newArr.sort(this.compare('created_time'))
- }
- // console.log('排序',newArr)
- this.tableData = newArr
- const name = this.$route.query.patient_name
- this.tableData.map((item, index) => {
- if (name == item.patient.name) {
- // if (item.assessment_before_dislysis != null) {
- // this.newTime = parseTime(item.assessment_before_dislysis.created_time, '{h}:{i}')
- // }
-
- setTimeout(() => {
- this.$refs.tab.setCurrentRow(this.tableData[index])
- }, 10)
- }
- })
- } else if (this.activeName == 'second') {
- for (let i = 0; i < patientArr.length; i++) {
- for (let j = 0; j < patientArr[i].schedules.length; j++) {
- if (patientArr[i].schedules.length > 0 && patientArr[i].schedules[j].dialysis_order == null) {
- // 删除元素后改变i的值
- console.log('透析区', patientArr[i].schedules[j])
- patientArr[i].schedules.splice(j--, 1)
- }
- }
- }
- let arr1 = []
- console.log('patientArr', patientArr)
- // let patientArr =
- if (this.patientStateVal == 0) {
- arr1 = patientArr
- } else if (this.patientStateVal == 1) {
- let arr = []
- arr = patientArr
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (arr[i].schedules.length > 0 && (arr[i].schedules[j].assessment_before_dislysis == null || (arr[i].schedules[j].assessment_before_dislysis.weight_before == '' && arr[i].schedules[j].assessment_before_dislysis.diastolic_blood_pressure == '' && arr[i].schedules[j].assessment_before_dislysis.systolic_blood_pressure == ''))) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- console.log('执行1', arr)
- arr1 = arr
- } else if (this.patientStateVal == 2) {
- let arr = []
- arr = patientArr
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (arr[i].schedules.length > 0 && (arr[i].schedules[j].assessment_before_dislysis != null && (arr[i].schedules[j].assessment_before_dislysis.weight_before != 0 || arr[i].schedules[j].assessment_before_dislysis.diastolic_blood_pressure != 0 || arr[i].schedules[j].assessment_before_dislysis.systolic_blood_pressure != 0))) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- console.log('执行2', arr)
- arr1 = arr
- } else if (this.patientStateVal == 3) {
- let arr = []
- arr = patientArr
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (arr[i].schedules.length > 0 && (arr[i].schedules[j].dialysis_order != null && arr[i].schedules[j].dialysis_order.stage != 1)) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- console.log('执行1', arr)
- arr1 = arr
- } else if (this.patientStateVal == 4) {
- let arr = []
- arr = patientArr
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (arr[i].schedules.length > 0 && (arr[i].schedules[j].dialysis_order != null && arr[i].schedules[j].dialysis_order.stage != 2)) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- console.log('执行2', arr)
- arr1 = arr
- }
-
- let arr2 = []
- if (this.treatStateVal == 0) {
- arr2 = JSON.parse(JSON.stringify(arr1))
- } else if (this.treatStateVal == 2) {
- let arr = []
- arr = JSON.parse(JSON.stringify(arr1))
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (arr[i].schedules.length > 0 && arr[i].schedules[j].treatment_summary != null && arr[i].schedules[j].treatment_summary.dialysis_summary != '') {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- arr2 = arr
- } else if(this.treatStateVal == 3){
- let arr = []
- arr = JSON.parse(JSON.stringify(arr1))
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- console.log(77777777777,arr[i].schedules)
- if(arr[i].schedules[j].doctor_advice.length == 0){
- arr[i].schedules.splice(j--, 1)
- }
- if(arr[i].schedules && arr[i].schedules[j] && arr[i].schedules[j].doctor_advice){
- let sign = 0
- arr[i].schedules[j].doctor_advice.map(item => {
- if(item.check_state == 1){
- sign++
- }
- })
- if(sign == arr[i].schedules[j].doctor_advice.length && arr[i].schedules[j].doctor_advice.length > 0){
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- }
- arr2 = arr
- }
-
- let arr3 = []
- if (this.scheduleStateVal == 0) {
- arr3 = JSON.parse(JSON.stringify(arr2))
- } else {
- let arr = []
- arr = JSON.parse(JSON.stringify(arr2))
- for (let i = 0; i < arr.length; i++) {
- for (let j = 0; j < arr[i].schedules.length; j++) {
- if (this.scheduleStateVal != arr[i].schedules[j].schedule_type) {
- // 删除元素后改变i的值
- arr[i].schedules.splice(j--, 1)
- }
- }
- }
- arr3 = arr
- }
-
- let arr4 = []
- if (this.zoneVal == 0) {
- arr4 = JSON.parse(JSON.stringify(arr3))
- } else {
- let arr = []
- arr = JSON.parse(JSON.stringify(arr3))
- for (let i = 0; i < arr.length; i++) {
- if (this.zoneVal != arr[i].zone_id) {
- // 删除元素后改变i的值
- arr.splice(i--, 1)
- }
- }
- arr4 = arr
- }
- const newArr = []
- arr4.map(item => {
- newArr.push(...item.schedules)
- })
- if(this.patientStateVal == 1){
- newArr.map(item => {
- item.created_time = item.assessment_before_dislysis.created_time
- })
- newArr.sort(this.compare('created_time'))
- }
- this.tableData1 = newArr
- const name = this.$route.query.patient_name
- this.tableData1.map((item, index) => {
- if (name == item.patient.name) {
- // if (item.assessment_before_dislysis != null) {
- // this.newTime = parseTime(item.assessment_before_dislysis.created_time, '{h}:{i}')
- // }
-
- setTimeout(() => {
- this.$refs.tab1.setCurrentRow(this.tableData1[index])
- }, 10)
- }
- })
- }
- },
- compare(property){
- return function(a,b){
- var value1 = a[property];
- var value2 = b[property];
- return value2 - value1;
- }
- },
- getTime(date){
- date = new Date(date * 1000)
- var Y = date.getFullYear() + '-';
- var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1);
- var D = (date.getDate() < 10 ? '0'+date.getDate() : date.getDate());
- var h = (date.getHours() < 10 ? '0'+date.getHours() : date.getHours());
- var m = (date.getMinutes() < 10 ? '0'+date.getMinutes() : date.getMinutes());
- var s = (date.getSeconds() < 10 ? '0'+date.getSeconds() : date.getSeconds());
-
- let strDate = h + ':' + m;
- return strDate;
- },
- refresh(){
- this.requestDialysisSchedules()
- },
- websocketSend(data) {
- try {
- this.websocket.send(JSON.stringify(data))
-
- } catch (error) {
- this.showError = true;
- this.showIndex = 4;
- this.errorInfo = "网络异常,请稍后退出重试!";
- }
- },
- websocketMess() {
- console.log('执行',this.websocket)
- this.websocket.onmessage = e => {
- let res = JSON.parse(e.data);
- // let res = re.data;
- // console.log('res3333333333',res)
- if(res.channel == 'queue/join'){
- let timeType = null
- if(this.scheduleStateVal == 1){
- timeType = 1
- }else if(this.scheduleStateVal == 2){
- timeType = 2
- }else{
- if(new Date().getHours() < 10){
- timeType = 1
- }else if(new Date().getHours() >= 10){
- timeType = 2
- }
- }
- let fisrtQueueInfo = []
- this.newFisrtQueueInfo = res.data.fisrtQueueInfo
- if(res.data.fisrtQueueInfo != null){
- if(timeType == 1){
- fisrtQueueInfo = res.data.fisrtQueueInfo.morning
- if(fisrtQueueInfo.create_time){
- fisrtQueueInfo.create_time = moment(parseInt(fisrtQueueInfo.create_time) * 1000).format('HH:mm')
- }
- }else if(timeType == 2){
- fisrtQueueInfo = res.data.fisrtQueueInfo.afternoon
- if(fisrtQueueInfo.create_time){
- fisrtQueueInfo.create_time = moment(parseInt(fisrtQueueInfo.create_time) * 1000).format('HH:mm')
- }
- }
- }
- this.fisrtQueueInfo = fisrtQueueInfo
- this.queueConfig = res.data.queueConfig
- // this.fisrtQueueInfo = res.data.fisrtQueueInfo
- let arr = res.data.patientQueueList.data
- let waitingCalledArr = []
- let calledArr = []
- arr.map(item => {
- if(item.status == 1){
- // item.create_time = moment(item.create_time * 1000).format('HH:mm:ss')
- waitingCalledArr.push(item)
- }else if(item.status == 2){
- // item.create_time = moment(item.create_time * 1000).format('HH:mm:ss')
- calledArr.push(item)
- }
- })
- console.log('waitingCalledArr待叫号',waitingCalledArr)
- console.log('waitingCalledArr以较好',calledArr)
- this.waitingCalled = waitingCalledArr
- this.called = calledArr
- }else if(res.channel == 'allQueueList'){
- let arr = res.data.queue_list.data
- let waitingCalledArr = []
- let calledArr = []
- arr.map(item => {
- if(item.status == 1){
- // item.create_time = moment(item.create_time * 1000).format('HH:mm:ss')
- waitingCalledArr.push(item)
- }else if(item.status == 2){
- // item.create_time = moment(item.create_time * 1000).format('HH:mm:ss')
- calledArr.push(item)
- }
- })
- this.waitingCalled = waitingCalledArr
- this.called = calledArr
- }else if(res.channel == 'patientCallInfo'){
- res.data.patientInfo.create_time = moment(res.data.patientInfo.create_time * 1000).format('HH:mm')
- this.fisrtQueueInfo = res.data.patientInfo
- }else if(res.channel == 'fisrtQueueInfo'){
- if(this.scheduleStateVal == 1){
- timeType = 1
- }else if(this.scheduleStateVal == 2){
- timeType = 2
- }else{
- if(new Date().getHours() < 10){
- timeType = 1
- }else if(new Date().getHours() >= 10){
- timeType = 2
- }
- }
- let fisrtQueueInfo = []
- this.newFisrtQueueInfo = res.data.patientInfo
- if(res.data.patientInfo != null){
- if(timeType == 1){
- fisrtQueueInfo = res.data.patientInfo.morning
- if(fisrtQueueInfo.create_time){
- fisrtQueueInfo.create_time = moment(parseInt(fisrtQueueInfo.create_time) * 1000).format('HH:mm')
- }
- }else if(timeType == 2){
- fisrtQueueInfo = res.data.patientInfo.afternoon
- if(fisrtQueueInfo.create_time){
- fisrtQueueInfo.create_time = moment(parseInt(fisrtQueueInfo.create_time) * 1000).format('HH:mm')
- }
- }
- }
- this.fisrtQueueInfo = fisrtQueueInfo
- }
- }
- },
- call(){
- // console.log('patient_id',patient_id)
- let org_id = parseInt(sessionStorage.getItem("org_id"));
- let admin_user_id = parseInt(sessionStorage.getItem("admin_user_id"));
- axios.get('/api/index/callpatient?org_id=' + org_id + '&patient_id=' + this.patient_id + '&admin_user_id=' + admin_user_id).then(res => {
- console.log(res)
- // let patientArr = res.data.queue_list.data
- // this.patientArr = patientArr
- // this.$emit('child-event',this.patientArr)
- if(res.data.data.patientInfo == null){
- this.$message.error('已经是最后一位了');
- return
- }
- if(res.data.code == 200){
- this.$message({
- message: res.data.msg,
- type: 'success'
- });
- this.curPatient = res.data.data.patientInfo
- let arr = []
- let newArr = []
- this.zone_schedules.map(item => {
- newArr.push(...item.schedules)
- })
- newArr.map(item => {
- arr.push(item.patient_id)
- })
- if(arr.indexOf(parseInt(res.data.data.patientInfo.patient_id)) > -1){
-
- this.showView = false
- this.$router.push({
- path: '/dialysis/details',
- query: {
- patient_id: parseInt(res.data.data.patientInfo.patient_id),
- date: this.$route.query.date,
- patient_name: res.data.data.patientInfo.patient_name,
- mode_id:newArr[arr.indexOf(parseInt(res.data.data.patientInfo.patient_id))].mode_id,
- curPatientTime:res.data.data.patientInfo.create_time,
- showView:false
- }
- })
-
- }else {
-
- this.showView = true
- this.$router.push({
- path: '/dialysis/details',
- query: {
- patient_id: parseInt(res.data.data.patientInfo.patient_id),
- date: this.$route.query.date,
- patient_name: res.data.data.patientInfo.patient_name,
- mode_id:this.$route.query.mode_id,
- curPatientTime:res.data.data.patientInfo.create_time,
- showView:true
- }
- })
- }
- }
- })
- },
- next(){
- let schedule_type = null
- if(new Date().getHours() < 11){
- schedule_type = 1
- }else {
- schedule_type = 2
- }
- console.log('patient_id',this.$route.query.date)
- let org_id = parseInt(sessionStorage.getItem("org_id"));
- let admin_user_id = parseInt(sessionStorage.getItem("admin_user_id"));
- axios.get('/api/index/nextcall?org_id=' + org_id + '&patient_id=' + this.patient_id + '&admin_user_id=' + admin_user_id + '&schedule_type=' + schedule_type).then(res => {
- console.log(res)
- if(res.data.data.patientInfo == null){
- this.$message.error('已经是最后一位了');
- return
- }
- if(res.data.code == 200){
- this.$message({
- message: res.data.msg,
- type: 'success'
- });
- this.curPatient = res.data.data.patientInfo
- let arr = []
- let newArr = []
- this.zone_schedules.map(item => {
- newArr.push(...item.schedules)
- })
- newArr.map(item => {
- arr.push(item.patient_id)
- })
- if(arr.indexOf(parseInt(res.data.data.patientInfo.patient_id)) > -1){
- this.showView = false
- this.$router.push({
- path: '/dialysis/details',
- query: {
- patient_id: parseInt(res.data.data.patientInfo.patient_id),
- date: this.$route.query.date,
- patient_name: res.data.data.patientInfo.patient_name,
- mode_id:newArr[arr.indexOf(parseInt(res.data.data.patientInfo.patient_id))].mode_id,
- curPatientTime:res.data.data.patientInfo.create_time,
- showView:false
- }
- })
- }else {
- this.showView = true
- this.$router.push({
- path: '/dialysis/details',
- query: {
- patient_id: parseInt(res.data.data.patientInfo.patient_id),
- date: this.$route.query.date,
- patient_name: res.data.data.patientInfo.patient_name,
- mode_id:this.$route.query.mode_id,
- curPatientTime:res.data.data.patientInfo.create_time,
- showView:true
- }
- })
- }
- }
- })
- },
- getDates(time){
- return moment(time * 1000).format('HH:mm:ss')
- }
- }
- }
- </script>
-
- <style style="stylesheet/scss" lang="scss" scoped>
- .details-bg {
- background: #fff;
- margin: 0 15px;
- }
- .printForm {
- .title {
- font-size: 30px;
- font-weight: 500;
- text-align: center;
- line-height: 60px;
- }
- .info {
- ul {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- align-items: center;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -o-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-justify-content: space-around;
- -moz-justify-content: space-around;
- -ms-justify-content: space-around;
- -o-justify-content: space-around;
- justify-content: space-around;
- li {
- display: flex;
- box-sizing: border-box;
- justify-content: space-around;
- .name {
- }
- .InputBox {
- padding: 0;
- border: none;
- border-bottom: 1px #e5e5e5 solid;
- width: 60px;
- outline: none;
- }
- }
- }
- }
- .printTable {
- tr {
- padding: 2px;
- th {
- padding: 6px 4px;
- }
- td {
- padding: 6px 4px;
- }
- }
- }
- }
- .loadingBox{
- display: flex;
- .patientBox{
- background: #fff;
- }
- .tip1{
- background: #4fc7cb;
- border-radius: 5px;
- text-align: center;
- font-size: 12px;
- display: inline-block;
- width: 60px;
- color: #fff;
- }
- .tip2{
- background: #ee8556;
- border-radius: 5px;
- text-align: center;
- font-size: 12px;
- display: inline-block;
- width: 60px;
- color: #fff;
- }
- .tip3{
- background: #409eff;
- border-radius: 5px;
- text-align: center;
- font-size: 12px;
- display: inline-block;
- width: 60px;
- color: #fff;
- }
- .tip4{
- background: #a8b3ba;
- border-radius: 5px;
- text-align: center;
- font-size: 12px;
- display: inline-block;
- width: 60px;
- color: #fff;
- }
- .tip5{
- background: #7bce91;
- border-radius: 5px;
- text-align: center;
- font-size: 12px;
- display: inline-block;
- width: 60px;
- color: #fff;
- }
- }
- </style>
-
- <style lang="scss">
- .loadingBox{
- .el-loading-spinner{
- top:10%;
- }
- .el-button--small, .el-button--small.is-round{
- padding:9px 10px;
- }
- .el-date-editor{
- .el-input__inner{
- padding-right:0px;
- }
- }
- .el-table td, .el-table th{
- text-align: center;
- }
- .el-table .cell{
- padding: 0;
- }
- }
- </style>
|