receiptpage.vue 75 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120
  1. <template>
  2. <view class="Receiptpage">
  3. <view class="page_tab">
  4. <view class="page_tab_bar" :class="{ active: item.label === selectedLabelSlots }" v-for="item in tabs"
  5. :key="item.value" @click="clickHandler(item.label)">
  6. {{ item.label }}
  7. <text class="tab_num">( {{ item.num }} )</text>
  8. <view class="more" v-if="item.label === '执行中'"></view>
  9. <picker class="more_picker" v-if="item.label === '执行中'" @click.stop @change="execFilter($event)" :value="index"
  10. :range="array" range-key="name">
  11. <view class="uni-input">{{ array[index].name }}</view>
  12. </picker>
  13. </view>
  14. </view>
  15. <view v-if="zxzData.length == 0" class="zwsj">
  16. <image class="zwsj-img" mode="widthFix" src="../../static/img/zanwushuju.png"></image>
  17. <view class="zwsj-txt">暂无数据</view>
  18. </view>
  19. <view class="page_items">
  20. <scroll-view class="page_items_scroll" scroll-y :refresher-enabled="scroll_refresher_enabled"
  21. :refresher-triggered="triggered" @refresherrefresh="refresherrefresh" @refresherrestore="refresherrestore"
  22. @scroll="scroll" @scrolltolower="scrolltolower" :scroll-top="scroll_top" @refresherabort="refresherabort">
  23. <view class="page_item_wrap" v-for="(item, index) of zxzData" :key="index">
  24. <view class="page_item">
  25. <view class="L"></view>
  26. <view class="R"></view>
  27. <view class="page_item_top">
  28. <view class="page_item_top_L">
  29. <!-- <text class="L_iocn" v-if="item.taskType.associationType.value == 'specimen'">标</text>
  30. <text class="L_iocn" v-if="item.taskType.associationType.value == 'drugsBag'">药</text>
  31. <text class="L_iocn" v-if="item.taskType.associationType.value == 'specimenPlan'">巡</text>
  32. <text class="L_iocn" v-if="item.taskType.associationType.value == 'jPBag'">静</text>
  33. <text class="L_iocn" v-if="item.taskType.associationType.value == 'inspect'">病</text>
  34. <text class="L_iocn" v-if="
  35. item.taskType.associationType.value == 'patientTransport'
  36. ">病</text>
  37. <text class="L_iocn" v-if="item.taskType.associationType.value == 'other'">其</text> -->
  38. <view class="page_item_cont_start emergency1" v-if="item.emergencyType.value == 1">
  39. <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
  40. </image>
  41. {{ item.emergencyType.name }}
  42. </view>
  43. <view class="page_item_cont_start emergency" v-if="item.emergencyType.value == 2">
  44. <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
  45. </image>
  46. {{ item.emergencyType.name }}
  47. </view>
  48. <view class="page_item_cont_start emergencys" v-if="item.emergencyType.value == 3">
  49. <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
  50. </image>
  51. {{ item.emergencyType.name }}
  52. </view>
  53. <view class="page_item_top_R type" style="margin-left: 16rpx;">
  54. {{
  55. item.isHalfInspect === 1 ? "半程陪检" : item.taskType.taskName
  56. }}<template v-if="item.goodsRemark">-{{item.goodsRemark}}</template>
  57. </view>
  58. <!-- <text class="L_time" v-if="item.overdueTime">{{ item.overdueTime }}前送达</text> -->
  59. </view>
  60. <view class="page_item_top_R" v-if="
  61. !(
  62. item.taskType.associationType.value == 'inspect' &&
  63. item.gdState.value == 5
  64. )
  65. ">
  66. <text class="text_big">{{ item.gdState.name }}</text>
  67. </view>
  68. <view class="page_item_top_R" v-if="
  69. item.taskType.associationType.value == 'inspect' &&
  70. item.gdState.value == 5
  71. ">
  72. <text class="text_big">待送回</text>
  73. </view>
  74. <!-- <view class="page_item_top_R type">
  75. {{
  76. item.isHalfInspect === 1 ? "半程陪检" : item.taskType.taskName
  77. }}<template v-if="item.goodsRemark">-{{item.goodsRemark}}</template>
  78. </view> -->
  79. </view>
  80. <view class="page_item_cont" @click="itemInfo(item)">
  81. <view class="page_item_cont_T">
  82. <view class="page_item_cont_title">
  83. <text> <text class="starting">起</text> 点科室 </text>
  84. <text class="text_big">{{ item.startDept.dept }}</text>
  85. </view>
  86. <!-- <view class="page_item_cont_start emergency1" v-if="item.emergencyType.value == 1">
  87. <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
  88. </image>
  89. {{ item.emergencyType.name }}
  90. </view>
  91. <view class="page_item_cont_start emergency" v-if="item.emergencyType.value == 2">
  92. <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
  93. </image>
  94. {{ item.emergencyType.name }}
  95. </view>
  96. <view class="page_item_cont_start emergencys" v-if="item.emergencyType.value == 3">
  97. <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
  98. </image>
  99. {{ item.emergencyType.name }}
  100. </view> -->
  101. </view>
  102. <view class="page_item_conts" v-if="item.taskType.associationType.value == 'specimen'">
  103. <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
  104. <view>扫描标本数量 : {{ item.actualReceiveNum || '无'}}</view>
  105. <view class="line"></view>
  106. </view>
  107. <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'ordinary' && item.taskType.ordinaryField.value == 'blood'">
  108. <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
  109. <view>接收数量 : {{ item.actualReceiveNum || '无'}}</view>
  110. <view class="line"></view>
  111. </view>
  112. <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'inspect'">
  113. <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
  114. <view>
  115. 预约时间 : {{ item.yyTime | yyTimeFilter
  116. }}<text v-if="item.reservationNumber">({{ item.reservationNumber }})</text>
  117. </view>
  118. <view>
  119. 床号 : {{ item.patient ? item.patient.patientName : "-" }}({{
  120. item.patient ? item.patient.bedNum : "-"
  121. }})
  122. </view>
  123. <view v-if="item.goods">
  124. 携带设备 :
  125. <text>{{ item.goods || "暂无" }}</text>
  126. </view>
  127. <view style="word-break: break-all;" v-if="item.workOrderRemark">
  128. 备注信息 :
  129. <text>{{ item.workOrderRemark || "暂无" }}</text>
  130. </view>
  131. <view v-if="item.patient.careLevel">
  132. 护理等级 :
  133. <text :class="[
  134. item.patient.careLevel.value == 0 ||
  135. item.patient.careLevel.value == 1
  136. ? 'red'
  137. : 'green',
  138. ]">{{ item.patient.careLevel.name }}</text>
  139. </view>
  140. <view v-if="item.patient.illnessState">
  141. 病情级别 :
  142. <text :class="{
  143. red:
  144. item.patient.illnessState.value == 2 ||
  145. item.patient.illnessState.value == 3,
  146. }">{{ item.patient.illnessState.name }}</text>
  147. </view>
  148. <view v-if="item.isAccompany === 1 || item.isAccompany === 0">
  149. 陪同情况 :
  150. <text :class="{ red: item.isAccompany === 1 }">{{
  151. item.isAccompany === 1 ? "需要医护陪同" : "无需医护陪同"
  152. }}</text>
  153. </view>
  154. <view class="line"></view>
  155. </view>
  156. <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'patientTransport'">
  157. <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
  158. <view>
  159. 预约时间 : {{ item.yyjdTime | yyTimeFilter
  160. }}<text v-if="item.reservationNumber">({{ item.reservationNumber }})</text>
  161. </view>
  162. <view>
  163. 床号 : {{ item.patient ? item.patient.patientName : "-" }}({{
  164. item.patient ? item.patient.bedNum : "-"
  165. }})
  166. </view>
  167. <view v-if="item.goods">
  168. 携带设备 :
  169. <text>{{ item.goods || "暂无" }}</text>
  170. </view>
  171. <view style="word-break: break-all;" v-if="item.workOrderRemark">
  172. 备注信息 :
  173. <text>{{ item.workOrderRemark || "暂无" }}</text>
  174. </view>
  175. <view v-if="item.patient.careLevel">
  176. 护理等级 :
  177. <text :class="[
  178. item.patient.careLevel.value == 0 ||
  179. item.patient.careLevel.value == 1
  180. ? 'red'
  181. : 'green',
  182. ]">{{ item.patient.careLevel.name }}</text>
  183. </view>
  184. <view v-if="item.patient.illnessState">
  185. 病情级别 :
  186. <text :class="{
  187. red:
  188. item.patient.illnessState.value == 2 ||
  189. item.patient.illnessState.value == 3,
  190. }">{{ item.patient.illnessState.name }}</text>
  191. </view>
  192. <view v-if="item.isAccompany === 1 || item.isAccompany === 0">
  193. 陪同情况 :
  194. <text :class="{ red: item.isAccompany === 1 }">{{
  195. item.isAccompany === 1 ? "需要医护陪同" : "无需医护陪同"
  196. }}</text>
  197. </view>
  198. <view class="line"></view>
  199. </view>
  200. <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'drugsBag'">
  201. <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
  202. <view>
  203. 药包编码 : {{ item.drugs ? item.drugs.packid : "无" }}
  204. </view>
  205. <view class="line"></view>
  206. </view>
  207. <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'jPBag'">
  208. <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
  209. <view>
  210. 药包编码 :
  211. {{ item.staticDistri ? item.staticDistri.packid : "无" }}
  212. </view>
  213. <view class="line"></view>
  214. </view>
  215. <view class="page_item_conts" v-else>
  216. <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
  217. <view style="word-break: break-all;" v-if="item.workOrderRemark">
  218. 备注信息 :
  219. <text>{{ item.workOrderRemark || "暂无" }}</text>
  220. </view>
  221. <view class="line"></view>
  222. </view>
  223. <view class="page_item_cont_B">
  224. <view class="page_item_cont_title" v-if="item.taskType.associationType.value != 'inspect'">
  225. <text> <text class="End">终</text> 点科室 </text>
  226. <text class="text_big" v-for="(dept, i) of item.endDepts" :key="i">{{ dept.dept }}</text>
  227. </view>
  228. <view class="page_item_cont_title" v-if="item.taskType.associationType.value == 'inspect'">
  229. <text> <text class="End">检</text> 查科室 </text>
  230. <text class="text_big" v-for="(dept, i) of item.middleDept" :key="i">{{ dept.dept }}</text>
  231. </view>
  232. </view>
  233. </view>
  234. <view v-if="
  235. item.taskType.associationType.value == 'inspect' ||
  236. item.taskType.associationType.value == 'patientTransport'
  237. ">
  238. <!-- 待抢单 -->
  239. <text class="red" v-if="item.gdState.value == 2">请扫描患者腕带,或者请扫描科室码</text>
  240. <!-- 待到达 -->
  241. <text class="red" v-if="item.gdState.value == 4">请扫描患者腕带</text>
  242. <!-- 执行中 -->
  243. <text class="red" v-if="item.gdState.value == 8">请扫描检查科室码,并扫描患者腕带</text>
  244. <!-- 待送达 -->
  245. <text class="red" v-if="item.gdState.value == 5">请扫描终点科室码,并扫描患者腕带</text>
  246. </view>
  247. <view v-else-if="item.taskType.associationType.value == 'other'">
  248. <!-- 待到达 -->
  249. <text class="red" v-if="item.gdState.value == 4 && item.taskType.carryingCourses[0].checkoutMethod.value == 1">可通过扫描科室码或者拍照进行签到</text>
  250. <text class="red" v-if="item.gdState.value == 4 && item.taskType.carryingCourses[0].checkoutMethod.value == 2">扫描交接人员二维码进行交接</text>
  251. </view>
  252. <!-- 如果不是患者陪检或患者转运或其他,万能交接 -->
  253. <view class="page_item_btn" v-if="
  254. selectedLabelSlots == '执行中' &&
  255. item.taskType.associationType.value != 'patientTransport' &&
  256. item.taskType.associationType.value != 'inspect' &&
  257. item.taskType.associationType.value != 'other' &&
  258. item.taskType.associationType.value != 'ordinary'
  259. " hover-class="seimin-btn-hover">
  260. <smallScreen :sData="item" :sType="2">扫码</smallScreen>
  261. </view>
  262. <!-- 如果不是静配,药配,标本配送,标本轮巡,万能交接 -->
  263. <view class="page_item_btn_wrap" v-if="
  264. selectedLabelSlots == '执行中' &&
  265. item.taskType.associationType.value != 'jPBag' &&
  266. item.taskType.associationType.value != 'drugsBag' &&
  267. item.taskType.associationType.value != 'specimen' &&
  268. item.taskType.associationType.value != 'specimenPlan' &&
  269. item.taskType.associationType.value != 'ordinary'
  270. ">
  271. <view v-if="!(item.taskType.associationType.value == 'other' && (item.gdState.value == 4 && item.taskType.carryingCourses[0].actionsSwitch || item.gdState.value == 5 && item.taskType.carryingCourses[1].actionsSwitch))" class="page_item_btn" hover-class="seimin-btn-hover">
  272. <smallScreen :sData="item" :sType="1">扫码</smallScreen>
  273. </view>
  274. <!-- 其他临床服务-完成工单-待到达 -->
  275. <view v-if="item.taskType.associationType.value == 'other' && item.gdState.value == 4 && item.taskType.carryingCourses[0].actionsSwitch" class="page_item_btn" @click="otherCompleteOrder(item)" hover-class="seimin-btn-hover">确认到达</view>
  276. <!-- 其他临床服务-完成工单-待送达 -->
  277. <view v-if="item.taskType.associationType.value == 'other' && item.gdState.value == 5 && item.taskType.carryingCourses[1].actionsSwitch" class="page_item_btn" @click="otherCompleteOrder(item)" hover-class="seimin-btn-hover">完成工单</view>
  278. <!-- 其他临床服务-拍照 -->
  279. <view v-if="item.taskType.associationType.value == 'other' && item.gdState.value == 4 && item.taskType.carryingCourses[0].photoSwitch" class="page_item_btn" @click="photographToOther(item, 'start')" hover-class="seimin-btn-hover">拍照</view>
  280. <view v-if="item.taskType.associationType.value != 'other' && item.gdState.value == 4" class="page_item_btn" @click="photograph(item)" hover-class="seimin-btn-hover">拍照</view>
  281. <!-- 其他临床服务-追加 -->
  282. <view v-if="item.taskType.associationType.value == 'other' && item.worker && item.worker.id && clinicalMultiplayerMode === 1 && showAppendUser === 1 && item.clinicalTaskIdsFlag && item.copyBy" class="page_item_btn" @click="additionalUser(item)" hover-class="seimin-btn-hover">追加</view>
  283. </view>
  284. <view class="page_item_btn" v-if="selectedLabelSlots == '待接单'" @click="showAlerts(item)" hover-class="seimin-btn-hover">接单</view>
  285. </view>
  286. <view class="L-l"></view>
  287. <view class="R-l"></view>
  288. </view>
  289. </scroll-view>
  290. </view>
  291. <!-- 底部扫一扫 -->
  292. <view class="bigScreenWrap">
  293. <bigScreen ref="bigscreen"></bigScreen>
  294. <view class="more" v-if="arrayBigScreen.length"></view>
  295. <picker class="more_picker" @click.stop @change="execFilterBigScreen($event)" :value="indexBigScreen"
  296. :range="arrayBigScreen" range-key="name" v-if="arrayBigScreen.length">
  297. <view class="uni-input">{{ arrayBigScreen[indexBigScreen].name }}</view>
  298. </picker>
  299. </view>
  300. <!-- 悬浮按钮 -->
  301. <uni-fab :pattern="pattern" :content="content" :direction="direction" @trigger="trigger"></uni-fab>
  302. <!-- 弹窗 -->
  303. <showModel :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
  304. @ok="ok" @cancel="cancel" @know="know" :operate="models.operate"></showModel>
  305. <!-- 我的二维码-弹窗 -->
  306. <showMyQrcode v-if="showMyQrcodeModel.disjunctor" :disjunctor="showMyQrcodeModel.disjunctor" @know="closeMyQrcodeModel"></showMyQrcode>
  307. <!-- 手动查询标本弹窗 -->
  308. <handViewSpecimen v-if="speModels.disjunctor" :title="speModels.title" :disjunctor="speModels.disjunctor"
  309. @ok="speOk" @cancel="speCancel">
  310. </handViewSpecimen>
  311. <!-- 手动查询药品弹窗 -->
  312. <handViewDrugsBag v-if="drugbagModels.disjunctor" :title="drugbagModels.title"
  313. :disjunctor="drugbagModels.disjunctor" @ok="drugbagOk" @cancel="drugbagCancel">
  314. </handViewDrugsBag>
  315. <!-- 填写交接人账号弹窗 -->
  316. <selectAccount v-if="hosModels.disjunctor" :title="hosModels.title" :disjunctor="hosModels.disjunctor" @ok="hosOk"
  317. @cancel="hosCancel">
  318. </selectAccount>
  319. <!-- 手动查询弹窗 -->
  320. <checkboxModal v-if="checkboxModels.disjunctor" :content="checkboxModels.content" :disjunctor="checkboxModels.disjunctor"
  321. @ok="checkboxOk" @cancel="checkboxCancel">
  322. </checkboxModal>
  323. </view>
  324. </template>
  325. <script>
  326. import selectAccount from "../../components/selectAccount/selectAccount.vue";
  327. import smallScreen from "../../components/smallScreen/smallScreen.vue";
  328. import showModel from "../../components/showModel/showModel.vue";
  329. import bigScreen from "../../components/bigScreen/bigScreen.vue";
  330. // https://ext.dcloud.net.cn/plugin?id=144
  331. import uniFab from "@/components/uni-fab/uni-fab.vue";
  332. import {
  333. get,
  334. post,
  335. SM,
  336. deleteIt,
  337. webHandle
  338. } from "../../http/http.js";
  339. import {
  340. photographTool,
  341. pathUrl
  342. } from "../../tools/photograph.js";
  343. export default {
  344. data() {
  345. return {
  346. otherAssociationTypeId: null,
  347. hosId: uni.getStorageSync('userData').user.currentHospital.id,
  348. clinicalMultiplayerMode: 0,
  349. showAppendUser: 0,
  350. clinicalTaskIds: [],
  351. other: {
  352. user: {},
  353. data: {},
  354. },
  355. // 手动查询弹窗model
  356. checkboxModels: {
  357. disjunctor: false,
  358. },
  359. // 填写交接人账号弹窗model
  360. hosModels: {
  361. disjunctor: false,
  362. },
  363. currentCode: '', //当前拍照使用的科室二维码
  364. currentData: {}, //当前小扫描的工单对象
  365. // 弹窗model
  366. showMyQrcodeModel: {
  367. disjunctor: false,
  368. },
  369. SMFlag: true,
  370. // 手动查询标本弹窗model
  371. speModels: {
  372. disjunctor: false,
  373. },
  374. // 手动查询药品弹窗model
  375. drugbagModels: {
  376. disjunctor: false,
  377. },
  378. // 筛选条件
  379. array: [{
  380. id: 0,
  381. name: "全部",
  382. },
  383. {
  384. id: 71,
  385. name: "待到达",
  386. },
  387. {
  388. id: 72,
  389. name: "待送达",
  390. },
  391. {
  392. id: 75,
  393. name: "执行中",
  394. },
  395. ],
  396. // 筛选条件
  397. arrayBigScreen: [],
  398. index: 0,
  399. indexBigScreen: 0,
  400. arrayKey: 0,
  401. arrayKeyBigScreen: 0,
  402. // 当前登录人是否是药房角色
  403. pharmacistFlag: false,
  404. // 抢单的id
  405. qdId: "",
  406. // 弹窗model
  407. models: {
  408. disjunctor: false,
  409. },
  410. // 悬浮按钮样式
  411. pattern: {
  412. buttonColor: "#6cc076",
  413. },
  414. // 悬浮按钮展开菜单显示方式
  415. direction: "vertical",
  416. // 悬浮按钮展开菜单内容配置项
  417. content: [{
  418. text: "我的任务",
  419. }, ],
  420. // 当前选中tab页名称
  421. selectedLabelSlots: "待接单",
  422. // tab页信息
  423. tabs: [{
  424. label: "待接单", //tab页名称
  425. value: "1", //值
  426. num: 0, //数量
  427. },
  428. {
  429. label: "执行中",
  430. value: "2",
  431. num: 0,
  432. },
  433. ],
  434. //列表数据
  435. zxzData: [],
  436. //分页页码
  437. idx: 0,
  438. // 列表项总数
  439. totalNum: -1,
  440. triggered: false, //下拉刷新状态
  441. freshing: false, //上拉加载开关
  442. scroll_top: 0, //距离顶部的距离
  443. scroll_refresher_enabled: true, //是否开启自定义下拉刷新
  444. };
  445. },
  446. filters: {
  447. // 自定义管道 yyTime
  448. yyTimeFilter: function(data) {
  449. if (data) {
  450. let nDate = null;
  451. if (typeof data == 'string') {
  452. let arr = data.split(/[-:\s]/);
  453. nDate = new Date(
  454. arr[0] - 0,
  455. arr[1] - 1,
  456. arr[2] - 0,
  457. arr[3] - 0,
  458. arr[4] - 0,
  459. 0
  460. );
  461. } else if (typeof data == 'number') {
  462. nDate = new Date(data);
  463. }
  464. const month = (nDate.getMonth() + 1).toString().padStart(2, 0);
  465. const date = nDate.getDate().toString().padStart(2, 0);
  466. const hour = nDate.getHours().toString().padStart(2, 0);
  467. const minute = nDate.getMinutes().toString().padStart(2, 0);
  468. return `${month}-${date} ${hour}:${minute}`;
  469. } else {
  470. return "-";
  471. }
  472. },
  473. },
  474. components: {
  475. uniFab,
  476. showModel,
  477. bigScreen,
  478. selectAccount,
  479. },
  480. methods: {
  481. async initList(){
  482. uni.showLoading({
  483. title: "加载中",
  484. mask: true,
  485. });
  486. //获取其他临床服务业务类型
  487. let res = await this.getOtherAssociationTypes();
  488. let otherAssociationType = res.find(v => v.value === 'other');
  489. this.otherAssociationTypeId = otherAssociationType ? otherAssociationType.id : null;
  490. if(this.otherAssociationTypeId){
  491. // 获取临床服务页面控制开关
  492. let result = await this.getTaskOtherConfig();
  493. if (result.status == 200) {
  494. if(result.list && result.list[0]){
  495. this.clinicalMultiplayerMode = result.list[0].clinicalMultiplayerMode;
  496. this.showAppendUser = result.list[0].showAppendUser;
  497. this.clinicalTaskIds = result.list[0].clinicalTaskIds ? result.list[0].clinicalTaskIds.split(',') : [] ;
  498. }else{
  499. this.clinicalMultiplayerMode = 0;
  500. this.showAppendUser = 0;
  501. }
  502. } else {
  503. this.clinicalMultiplayerMode = 0;
  504. this.showAppendUser = 0;
  505. }
  506. }else{
  507. uni.showToast({
  508. icon: 'none',
  509. title: '未设置其他临床服务业务类型!'
  510. })
  511. }
  512. this.waitingOrdersGetNum();
  513. this.executingOrders(0);
  514. },
  515. //获取其他临床服务业务类型
  516. getOtherAssociationTypes(){
  517. return post('/common/common/getDictionary', {
  518. "type": "list",
  519. "key": "association_types"
  520. });
  521. },
  522. // 获取临床服务页面控制开关
  523. getTaskOtherConfig(){
  524. return post("/simple/data/fetchDataList/taskTypeConfig", {
  525. "idx": 0,
  526. "sum": 10,
  527. "taskTypeConfig": {
  528. "hosId": this.hosId,
  529. "associationType": this.otherAssociationTypeId,
  530. }
  531. });
  532. },
  533. // 手动查询-确认
  534. checkboxOk(bulkCopy) {
  535. console.log(bulkCopy);
  536. this.checkboxModels.disjunctor = false;
  537. let { user, data } = this.other;
  538. this.additionalUserCommon(user, data.id, data.worker.id, bulkCopy);
  539. },
  540. // 手动查询-取消
  541. checkboxCancel() {
  542. this.checkboxModels.disjunctor = false;
  543. },
  544. // 手动查询弹窗
  545. showCheckboxModal(user, data) {
  546. this.other = {
  547. user,
  548. data,
  549. };
  550. this.checkboxModels = {
  551. content: `您要最追加的人员为${user.name},您确认要追加吗?`,
  552. disjunctor: true,
  553. }
  554. },
  555. // 追加陪检人/执行人按钮
  556. additionalUser(data) {
  557. if (!this.SMFlag) {
  558. return;
  559. }
  560. this.SMFlag = false;
  561. console.log(data, 'data');
  562. SM().then((ress1) => {
  563. uni.showLoading({
  564. title: "加载中",
  565. mask: true,
  566. });
  567. //检验二维码的有效性
  568. post("/dept/scanning", {
  569. content: ress1,
  570. taskTypeId: data.taskType.id,
  571. gdState: data.gdState.id,
  572. }).then((result) => {
  573. this.SMFlag = true;
  574. // this.currentCode = result.code;
  575. if (result.state == 200 || result.state == 201) {
  576. console.log(result);
  577. let user;
  578. try{
  579. // json对象字符串
  580. user = JSON.parse(result.code);
  581. // 不是json对象字符串
  582. if(Object.prototype.toString.call(user).slice(8, -1).toLowerCase() !== 'object'){
  583. user = result.code;
  584. }
  585. }catch(e){
  586. user = result.code;
  587. }
  588. if(Object.prototype.toString.call(user).slice(8, -1).toLowerCase() === 'object' && user.type == 'myQrCode' && user.id && user.name){
  589. user.qrcode = ress1;
  590. uni.hideLoading();
  591. if(data.taskType.associationType.value == 'other'){
  592. this.showCheckboxModal(user, data);
  593. }else{
  594. uni.showModal({
  595. title: "提示",
  596. content: `您要最追加的人员为${user.name},您确认要追加吗?`,
  597. success: (res) => {
  598. if (res.confirm) {
  599. console.log("用户点击确定");
  600. this.additionalUserCommon(user, data.id, data.worker.id, false);
  601. } else if (res.cancel) {
  602. console.log("用户点击取消");
  603. }
  604. },
  605. });
  606. }
  607. }else if(Object.prototype.toString.call(user).slice(8, -1).toLowerCase() === 'string'){
  608. let identityCardNumber = user;
  609. // 根据身份证获取name
  610. // todo
  611. post("/data/fetchDataList/user", {idx: 0, sum: 1, user: { identityCardNumber }}).then((result) => {
  612. uni.hideLoading();
  613. if(result.status == 200){
  614. result.list = result.list || [];
  615. if(result.list.length){
  616. let user = {name: result.list[0].name, identityCardNumber, qrcode: ress1};
  617. if(data.taskType.associationType.value == 'other'){
  618. this.showCheckboxModal(user, data);
  619. }else{
  620. uni.showModal({
  621. title: "提示",
  622. content: `您要最追加的人员为${user.name},您确认要追加吗?`,
  623. success: (res) => {
  624. if (res.confirm) {
  625. console.log("用户点击确定");
  626. this.additionalUserCommon(user, data.id, data.worker.id, false);
  627. } else if (res.cancel) {
  628. console.log("用户点击取消");
  629. }
  630. },
  631. });
  632. }
  633. }else{
  634. uni.navigateTo({
  635. url: `../result_error/result_error?qrcode=${ress1}&msg=扫描二维码无法找到用户!`,
  636. });
  637. }
  638. }else{
  639. uni.navigateTo({
  640. url: `../result_error/result_error?qrcode=${ress1}&msg=请扫描正确的二维码!`,
  641. });
  642. }
  643. })
  644. }else{
  645. uni.hideLoading();
  646. uni.navigateTo({
  647. url: `../result_error/result_error?qrcode=${ress1}&msg=请扫描正确的二维码!`,
  648. });
  649. }
  650. } else {
  651. uni.hideLoading();
  652. uni.navigateTo({
  653. url: `../result_error/result_error?qrcode=${ress1}&msg=接口获取数据失败!`,
  654. });
  655. }
  656. });
  657. }).catch(err=>{
  658. this.SMFlag = true;
  659. });
  660. },
  661. // 追加陪检人/执行人
  662. additionalUserCommon(user, gdId, workerId, bulkCopy) {
  663. console.log(user, gdId, workerId, bulkCopy);
  664. uni.showLoading({
  665. title: "加载中",
  666. mask: true,
  667. });
  668. // 二维码里有id则传userid,没有则传identityCardNumber
  669. post("/workerOrder/additionalAccompanyingPersonnel", {
  670. userId: user.id || undefined,
  671. identityCardNumber: !user.id ? user.identityCardNumber : undefined,
  672. gdId,
  673. workerId,
  674. bulkCopy: bulkCopy ? 1 : undefined,
  675. }).then((result) => {
  676. uni.hideLoading();
  677. if (result.state == 200) {
  678. uni.showToast({
  679. icon: 'none',
  680. duration: 4000,
  681. title: '操作成功!'
  682. })
  683. uni.redirectTo({
  684. url: `../receiptpage/receiptpage`,
  685. });
  686. } else {
  687. uni.navigateTo({
  688. url: `../result_error/result_error?qrcode=${user.qrcode}&msg=${result.msg || '接口获取数据失败!'}`,
  689. });
  690. }
  691. });
  692. },
  693. // 前往其他临床服务完成工单确认页面
  694. otherCompleteOrder(data){
  695. console.log(data);
  696. uni.navigateTo({
  697. url: `../otherCompleteOrder/otherCompleteOrder?orderId=${data.id}&taskType=${data.taskType ? encodeURIComponent(JSON.stringify(data.taskType)) : ''}&order=${data ? encodeURIComponent(JSON.stringify(data)) : ''}`,
  698. });
  699. },
  700. // 手动查询药品-确认
  701. drugbagOk(data) {
  702. console.log(data);
  703. if (!data.id) {
  704. //没有查询到药品
  705. uni.showModal({
  706. title: '提示',
  707. content: "没有查询到发药单号!",
  708. showCancel: false,
  709. success: function(res) {
  710. if (res.confirm) {
  711. console.log('用户点击确定');
  712. } else if (res.cancel) {
  713. console.log('用户点击取消');
  714. }
  715. }
  716. });
  717. return;
  718. }
  719. this.drugbagModels.disjunctor = false;
  720. uni.navigateTo({
  721. url: `/pages/scanning_drug/scanning_drug?drugsBagId=${data.id}`,
  722. });
  723. },
  724. // 手动查询药品-取消
  725. drugbagCancel() {
  726. this.drugbagModels.disjunctor = false;
  727. },
  728. // 手动查询药品弹窗
  729. showHandViewDrugsbag() {
  730. console.log(1)
  731. this.drugbagModels = {
  732. title: '填写发药单号',
  733. disjunctor: true,
  734. }
  735. },
  736. // 手动查询标本-确认
  737. speOk(data) {
  738. console.log(data);
  739. if (!data.id) {
  740. //没有查询到标本
  741. uni.showModal({
  742. title: '提示',
  743. content: "没有查询到标本!",
  744. showCancel: false,
  745. success: function(res) {
  746. if (res.confirm) {
  747. console.log('用户点击确定');
  748. } else if (res.cancel) {
  749. console.log('用户点击取消');
  750. }
  751. }
  752. });
  753. return;
  754. }
  755. this.speModels.disjunctor = false;
  756. let infoDATA = {
  757. stype: data.stype,
  758. scode: data.scode,
  759. patientName: data.patientName,
  760. sickRoom: data.sickRoom ?
  761. data.sickRoom.dept : "-",
  762. checkDept: data.checkDept ?
  763. data.checkDept.dept : "-",
  764. bedNum: data.bedNum,
  765. };
  766. uni.navigateTo({
  767. url: `../scanning_B/scanning_B?res=${encodeURIComponent(
  768. JSON.stringify({data,status:666,scanCodeSpecimenOrderSign:data.scanCodeSpecimenOrderSign,workOrder:data.workOrderDTO})
  769. )}&infoDATA=${encodeURIComponent(
  770. JSON.stringify(infoDATA)
  771. )}`,
  772. });
  773. },
  774. // 手动查询标本-取消
  775. speCancel() {
  776. this.speModels.disjunctor = false;
  777. },
  778. // 手动查询标本弹窗
  779. showHandViewSpecimen() {
  780. this.speModels = {
  781. title: '填写标本编码',
  782. disjunctor: true,
  783. }
  784. },
  785. // 执行中筛选
  786. execFilter({
  787. detail: {
  788. value
  789. }
  790. }) {
  791. this.index = value;
  792. this.arrayKey = this.array[value].id;
  793. this.zxzData = [];
  794. this.totalNum = -1;
  795. this.idx = 0;
  796. this.selectedLabelSlots = "执行中";
  797. this.executingOrders(0);
  798. },
  799. // 大扫描筛选
  800. execFilterBigScreen({
  801. detail: {
  802. value
  803. }
  804. }) {
  805. this.indexBigScreen = value;
  806. this.arrayKeyBigScreen = this.arrayBigScreen[value].id;
  807. console.log(this.arrayKeyBigScreen);
  808. console.log(this.$refs.bigscreen);
  809. this.$refs.bigscreen.Scanning(this.arrayKeyBigScreen);
  810. },
  811. // 获取科室二维码设置开关
  812. getMenu() {
  813. let menu = uni.getStorageSync("userData").menu;
  814. //判断当前登陆人具体角色 start
  815. let roles = uni.getStorageSync("userData").user.role;
  816. this.pharmacistFlag = roles.some(
  817. (item) => item.rolecode === "pharmacist"
  818. );
  819. //判断当前登陆人具体角色 end
  820. console.log(menu);
  821. this.arrayBigScreen = [];
  822. menu.forEach((item) => {
  823. if (item.link === "wxInspect") {
  824. this.content.push({
  825. text: "检查信息",
  826. });
  827. } else if (item.link === "wxPatient") {
  828. this.content.push({
  829. text: "患者信息",
  830. });
  831. } else if (item.link === "wxPharmacy") {
  832. // 如果是配药师人员,则增加药房
  833. if (this.pharmacistFlag) {
  834. this.content.push({
  835. text: "药房",
  836. });
  837. }
  838. } else if (item.link === "wxCode") {
  839. this.content.push({
  840. text: "二维码设置",
  841. });
  842. } else if (item.link === "wxSpecimenEntry") {
  843. this.content.push({
  844. text: "标本录入",
  845. });
  846. } else if (item.link === "wxDrugsbagEntry") {
  847. this.content.push({
  848. text: "药品录入",
  849. });
  850. } else if (item.link === "wxTakeMedicine") {
  851. this.content.push({
  852. text: "摆药取药",
  853. });
  854. } else if (item.link === "myQrcode") {
  855. this.content.push({
  856. text: "我的二维码",
  857. });
  858. } else if (item.link === "formManagementWechat") {
  859. this.content.push({
  860. text: "查看表单",
  861. });
  862. } else if (item.link === "BIAOBEN") {
  863. this.arrayBigScreen.push({
  864. id: 'BIAOBEN|$|',
  865. name: "标本",
  866. });
  867. } else if (item.link === "YAOPING") {
  868. this.arrayBigScreen.push({
  869. id: 'YAOPING|$|',
  870. name: "药品",
  871. });
  872. } else if (item.link === "HUANZHE") {
  873. this.arrayBigScreen.push({
  874. id: 'HUANZHE|$|',
  875. name: "患者",
  876. });
  877. } else if (item.link === "XIEZHIPING") {
  878. this.arrayBigScreen.push({
  879. id: 'XIEZHIPING|$|',
  880. name: "血制品",
  881. });
  882. } else if (item.link === "KJJD") {
  883. this.arrayBigScreen.push({
  884. id: 'KJJD|$|',
  885. name: "快捷建单",
  886. });
  887. } else if (item.link === "kuaijiejiedan") {
  888. this.arrayBigScreen.push({
  889. id: 'kuaijiejiedan|$|',
  890. name: "快捷接单",
  891. });
  892. } else if (item.link === "quickOrderAcceptanceWx") {
  893. this.content.push({
  894. text: "快捷接单",
  895. });
  896. }
  897. });
  898. },
  899. // 拍照
  900. photograph(data) {
  901. photographTool(data);
  902. },
  903. // 如果不是静配,药配,标本配送,标本轮巡
  904. // 科室签到(小扫描)-拍照
  905. nextDeptOrder_ss(data, accountObj) {
  906. console.log(this.currentCode);
  907. let isKs = 0;
  908. let ids = [];
  909. let id = data.id;
  910. ids.push(id);
  911. let list = {
  912. code: "",
  913. ids: ids,
  914. };
  915. let code = "";
  916. let type = "";
  917. if (this.currentCode) {
  918. let gdStateValue = data.gdState.value; //工单状态value
  919. let associationTypeValue = data.taskType.associationType.value; //关联类型value
  920. // 其他临床服务,并且工单状态是待到达||工单状态待送达
  921. if (
  922. (associationTypeValue == "other" &&
  923. gdStateValue == "4") ||
  924. gdStateValue == "5"
  925. ) {
  926. code = this.currentCode;
  927. type = "orderSign/" + code;
  928. list = {
  929. ids
  930. };
  931. if (accountObj) {
  932. list.handover = [accountObj.accountId];
  933. }
  934. isKs = 1;
  935. }
  936. uni.showLoading({
  937. title: "加载中",
  938. mask: true,
  939. });
  940. post("/workerOrder/" + type, list).then((res) => {
  941. uni.hideLoading();
  942. if (res) {
  943. if (res.status == 200) {
  944. if (
  945. gdStateValue == "4" &&
  946. associationTypeValue == "other"
  947. ) {
  948. uni.navigateTo({
  949. url: `../../pages/scanning_code/scanning_code?type=${associationTypeValue}&type1=${res.type}&id=${data.id}&deptCode=${code}&dept=${res.dept}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}`,
  950. });
  951. }
  952. if (gdStateValue == "5") {
  953. uni.navigateTo({
  954. url: `../../pages/scanning_code/scanning_code?type=${associationTypeValue}&type1=${res.type}&id=${data.id}&deptCode=${code}&dept=${res.dept}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}`,
  955. });
  956. }
  957. } else {
  958. uni.navigateTo({
  959. url: `../../pages/scanning_Result/scanning_Result?type=${
  960. associationTypeValue
  961. }&type1=${res.type}&id=${data.id}&status=600&msg=${
  962. res.msg
  963. }&isKs=${isKs}&model=${encodeURIComponent(
  964. JSON.stringify(res)
  965. )}&qrcode=${this.currentCode}`,
  966. });
  967. }
  968. } else {
  969. uni.navigateTo({
  970. url: `../../pages/scanning_Result/scanning_Result?id=${data.id}&status=600&msg=扫码失败!请扫描正确的二维码!&isKs=${isKs}&qrcode=${this.currentCode}`,
  971. });
  972. }
  973. });
  974. }
  975. },
  976. // 填写交接人账号-确认
  977. hosOk(data) {
  978. console.log(data);
  979. const {
  980. accountName,
  981. account,
  982. accountId
  983. } = data;
  984. if (!accountName && !account) {
  985. //没有填写交接人
  986. uni.showModal({
  987. title: '提示',
  988. content: "请填写交接人账号!",
  989. showCancel: false,
  990. success: function(res) {
  991. if (res.confirm) {
  992. console.log('用户点击确定');
  993. } else if (res.cancel) {
  994. console.log('用户点击取消');
  995. }
  996. }
  997. });
  998. return;
  999. } else if (!accountName && account || accountName && !account) {
  1000. //没有填写交接人
  1001. uni.showModal({
  1002. title: '提示',
  1003. content: "请填写正确的交接人账号!",
  1004. showCancel: false,
  1005. success: function(res) {
  1006. if (res.confirm) {
  1007. console.log('用户点击确定');
  1008. } else if (res.cancel) {
  1009. console.log('用户点击取消');
  1010. }
  1011. }
  1012. });
  1013. return;
  1014. }
  1015. this.hosModels.disjunctor = false;
  1016. let associationTypeValue = this.currentData.taskType.associationType.value;
  1017. console.log(associationTypeValue)
  1018. this.uploadToOther(this.currentData, data, 'start');
  1019. },
  1020. // 填写交接人账号-取消
  1021. hosCancel() {
  1022. this.hosModels.disjunctor = false;
  1023. },
  1024. // 填写交接人账号弹窗
  1025. showSelectAccount() {
  1026. this.hosModels = {
  1027. title: '填写交接人账号',
  1028. disjunctor: true,
  1029. }
  1030. },
  1031. // 拍照-上传
  1032. uploadToOther(data, accountObj, type){
  1033. // 其他临床服务拍照签到
  1034. console.log(data, 1111);
  1035. let id_seimin;
  1036. let asTypeValue_seimin;
  1037. let gdStateValue_seimin;
  1038. if (data.status != 200 && data.status !== undefined) {
  1039. id_seimin = data.id;
  1040. asTypeValue_seimin = data.type;
  1041. gdStateValue_seimin = JSON.parse(data.model).gdstate2; //type改成gdstate
  1042. } else {
  1043. id_seimin = data.id;
  1044. asTypeValue_seimin = data.taskType.associationType.value;
  1045. gdStateValue_seimin = data.gdState.value;
  1046. }
  1047. //#ifdef H5
  1048. uni.chooseImage({
  1049. count: 1,
  1050. sourceType: ['camera'],
  1051. success: (chooseImageRes) => {
  1052. console.log(chooseImageRes, pathUrl)
  1053. const tempFilePaths = chooseImageRes.tempFilePaths;
  1054. const tempFiles = chooseImageRes.tempFiles;
  1055. let tp = tempFilePaths[0];
  1056. uni.showLoading({
  1057. mask: true,
  1058. title: '加载中'
  1059. });
  1060. post('/workerOrder/findRecordInfoByOrderId', {
  1061. orderId: id_seimin,
  1062. gdOperate: 21,
  1063. }).then(result => {
  1064. console.log(result)
  1065. if (result.state == 200) {
  1066. uni.getImageInfo({
  1067. src: tp,
  1068. success: (res) => {
  1069. console.log('压缩前', res)
  1070. let canvasWidth = res.width //图片原始长宽
  1071. let canvasHeight = res.height
  1072. let img = new Image()
  1073. img.src = res.path
  1074. let canvas = document.createElement('canvas');
  1075. let ctx = canvas.getContext('2d')
  1076. canvas.width = canvasWidth
  1077. canvas.height = canvasHeight
  1078. ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight)
  1079. canvas.toBlob((fileSrc) => {
  1080. tp = window.URL.createObjectURL(fileSrc)
  1081. console.log('压缩后', tp);
  1082. uni.uploadFile({
  1083. url: pathUrl + '/common/common/uploadAttachment/'+(type == 'start' ? 'orderStartPhoto' : 'orderEndPhoto')+'/' + id_seimin + '/' + result.recordId,
  1084. filePath: tp,
  1085. name: 'file',
  1086. formData: {
  1087. 'filename': tempFiles[0].name ? tempFiles[0].name.split('.')[0] + '.jpg' : tempFiles[
  1088. 0].path.split(
  1089. /[\\/]/).reverse()[0].split('.')[0] + '.jpg'
  1090. },
  1091. success: (uploadFileRes) => {
  1092. console.log(uploadFileRes, 10086, asTypeValue_seimin);
  1093. this.nextDeptOrder_ss(data, accountObj, type);
  1094. },
  1095. fail: err => {
  1096. console.error(err);
  1097. uni.hideLoading();
  1098. uni.showToast({
  1099. icon: 'none',
  1100. title: '上传失败',
  1101. duration: 2000
  1102. });
  1103. }
  1104. });
  1105. }, 'image/jpeg', 0.3)
  1106. },
  1107. fail: function () {
  1108. uni.hideLoading();
  1109. uni.showToast({
  1110. icon: 'none',
  1111. title: '上传失败',
  1112. duration: 2000
  1113. });
  1114. }
  1115. })
  1116. } else {
  1117. uni.hideLoading();
  1118. uni.showToast({
  1119. icon: "none",
  1120. title: result.msg || "接口获取数据失败!",
  1121. });
  1122. }
  1123. })
  1124. }
  1125. });
  1126. //#endif
  1127. //#ifdef APP-PLUS
  1128. uni.chooseImage({
  1129. count: 1,
  1130. sourceType: ['camera'],
  1131. sizeType: ['compressed'],
  1132. success: (chooseImageRes) => {
  1133. console.log(chooseImageRes, pathUrl)
  1134. const tempFilePaths = chooseImageRes.tempFilePaths;
  1135. const tempFiles = chooseImageRes.tempFiles;
  1136. let tp = tempFilePaths[0];
  1137. uni.showLoading({
  1138. mask: true,
  1139. title: '加载中'
  1140. });
  1141. post('/workerOrder/findRecordInfoByOrderId', {
  1142. orderId: id_seimin,
  1143. gdOperate: 21,
  1144. }).then(result => {
  1145. console.log(result)
  1146. if (result.state == 200) {
  1147. uni.compressImage({
  1148. src: tp,
  1149. quality: 30,
  1150. success: (res) => {
  1151. console.log('压缩前', res)
  1152. tp = res.tempFilePath;
  1153. console.log('压缩后', tp);
  1154. uni.uploadFile({
  1155. url: pathUrl + '/common/common/uploadAttachment/'+(type == 'start' ? 'orderStartPhoto' : 'orderEndPhoto')+'/' + id_seimin + '/' + result.recordId,
  1156. filePath: tp,
  1157. name: 'file',
  1158. formData: {
  1159. 'filename': tempFiles[0].name ? tempFiles[0].name.split('.')[0] + '.jpg' : tempFiles[
  1160. 0].path.split(
  1161. /[\\/]/).reverse()[0].split('.')[0] + '.jpg'
  1162. },
  1163. success: (uploadFileRes) => {
  1164. console.log(uploadFileRes, 10086, asTypeValue_seimin);
  1165. this.nextDeptOrder_ss(data, accountObj, type);
  1166. },
  1167. fail: err => {
  1168. console.error(err);
  1169. uni.hideLoading();
  1170. uni.showToast({
  1171. icon: 'none',
  1172. title: '上传失败',
  1173. duration: 2000
  1174. });
  1175. }
  1176. });
  1177. },
  1178. fail: function () {
  1179. uni.hideLoading();
  1180. uni.showToast({
  1181. icon: 'none',
  1182. title: '上传失败',
  1183. duration: 2000
  1184. });
  1185. }
  1186. })
  1187. } else {
  1188. uni.hideLoading();
  1189. uni.showToast({
  1190. icon: "none",
  1191. title: result.msg || "接口获取数据失败!",
  1192. });
  1193. }
  1194. })
  1195. }
  1196. });
  1197. //#endif
  1198. },
  1199. // 拍照-其他
  1200. async photographToOther(data, type) {
  1201. this.currentData = data;
  1202. uni.showLoading({
  1203. title: "加载中",
  1204. mask: true,
  1205. });
  1206. // 其他临床服务
  1207. let result = await post("/dept/scanning", {
  1208. content: type === 'start' ? data.startDept.qrcode : data.endDepts[0].qrcode,
  1209. taskTypeId: data.taskType.id,
  1210. gdState: data.gdState.id,
  1211. });
  1212. uni.hideLoading();
  1213. this.currentCode = result.code;
  1214. if (result.state == 200 || result.state == 201) {
  1215. uni.showModal({
  1216. title: '提示',
  1217. content: '请尽量拍摄角度覆盖清洁区域?',
  1218. success: (res) => {
  1219. if (res.confirm) {
  1220. if (result.account) {
  1221. this.uploadToOther(data, {
  1222. account: result.account,
  1223. accountName: result.name,
  1224. accountId: result.id,
  1225. }, type);
  1226. } else {
  1227. this.uploadToOther(data, undefined, type);
  1228. }
  1229. } else if (res.cancel) {
  1230. console.log('用户点击取消');
  1231. }
  1232. }
  1233. });
  1234. } else if (result.state == '0000') {
  1235. this.showSelectAccount();
  1236. } else {
  1237. uni.showToast({
  1238. icon: "none",
  1239. title: result.msg || "接口获取数据失败!",
  1240. });
  1241. }
  1242. },
  1243. // 悬浮按钮点击事件
  1244. trigger(e) {
  1245. if (e.item.text === "我的任务") {
  1246. uni.navigateTo({
  1247. url: "../mypage/mypage",
  1248. });
  1249. } else if (e.item.text === "退出登录") {
  1250. // 假登录
  1251. uni.showToast({
  1252. title: "退出成功!",
  1253. });
  1254. let ip = uni.getStorageSync("ip"); //记住域名或ip
  1255. let username = uni.getStorageSync("username"); //记住用户名
  1256. let password = uni.getStorageSync("password"); //记住密码
  1257. let savePasswordTime = uni.getStorageSync("savePasswordTime"); //记住密码的时间戳
  1258. let clientid = uni.getStorageSync("clientid");
  1259. uni.clearStorageSync();
  1260. if (username) {
  1261. uni.setStorageSync("ip", ip); //记住域名或ip
  1262. uni.setStorageSync("username", username); //记住用户名
  1263. uni.setStorageSync("password", password); //记住密码
  1264. uni.setStorageSync("savePasswordTime", savePasswordTime); //记住密码的时间戳
  1265. }
  1266. uni.setStorageSync("clientid", clientid);
  1267. uni.navigateTo({
  1268. url: "../homePage/homePage",
  1269. });
  1270. // 假登录
  1271. deleteIt("/auth/logout2").then((result) => {
  1272. if (result.status == 200) {
  1273. uni.showToast({
  1274. title: "退出成功!",
  1275. });
  1276. let ip = uni.getStorageSync("ip"); //记住域名或ip
  1277. let username = uni.getStorageSync("username"); //记住用户名
  1278. let password = uni.getStorageSync("password"); //记住密码
  1279. let clientid = uni.getStorageSync("clientid");
  1280. uni.clearStorageSync();
  1281. uni.setStorageSync("ip", ip); //记住域名或ip
  1282. uni.setStorageSync("username", username); //记住用户名
  1283. uni.setStorageSync("password", password); //记住密码
  1284. uni.setStorageSync("clientid", clientid);
  1285. uni.navigateTo({
  1286. url: "../homePage/homePage",
  1287. });
  1288. } else {
  1289. uni.showToast({
  1290. icon: "none",
  1291. title: result.msg || "接口获取数据失败!",
  1292. });
  1293. }
  1294. });
  1295. } else if (e.item.text === "药房") {
  1296. uni.navigateTo({
  1297. url: "../pharmacy/pharmacy",
  1298. });
  1299. } else if (e.item.text === "患者信息") {
  1300. uni.navigateTo({
  1301. url: "../patientInformationList/patientInformationList",
  1302. });
  1303. } else if (e.item.text === "负责科室") {
  1304. if (uni.getStorageSync("setDepts")) {
  1305. uni.removeStorageSync("setDepts"); //清空选择的科室,初始化
  1306. }
  1307. let obj = uni.getStorageSync("setDeptConfg");
  1308. uni.navigateTo({
  1309. url: `../setDept/setDept?configName=${obj.configName}&id=${obj.id}&changedept=1`,
  1310. });
  1311. } else if (e.item.text === "检查信息") {
  1312. uni.navigateTo({
  1313. url: "../inspectList/inspectList",
  1314. });
  1315. } else if (e.item.text === "二维码设置") {
  1316. uni.navigateTo({
  1317. url: "../settingCode/settingCode",
  1318. });
  1319. } else if (e.item.text === "标本录入") {
  1320. this.showHandViewSpecimen();
  1321. } else if (e.item.text === "药品录入") {
  1322. this.showHandViewDrugsbag();
  1323. } else if (e.item.text === "摆药取药") {
  1324. this.handleTakeMedicine()
  1325. } else if (e.item.text === "我的二维码") {
  1326. this.myQrcodeHandler()
  1327. } else if (e.item.text === "查看表单") {
  1328. uni.navigateTo({
  1329. url: "../formManagementWechat/formManagementWechat",
  1330. });
  1331. } else if (e.item.text === "快捷接单") {
  1332. uni.navigateTo({
  1333. url: "../quickOrderAcceptanceWx/quickOrderAcceptanceWx",
  1334. });
  1335. }
  1336. },
  1337. // 我的二维码
  1338. myQrcodeHandler(){
  1339. this.showMyQrcodeModel = {
  1340. disjunctor: true,
  1341. };
  1342. },
  1343. closeMyQrcodeModel(){
  1344. this.showMyQrcodeModel.disjunctor = false;
  1345. },
  1346. // 摆药取药
  1347. handleTakeMedicine() {
  1348. if (!this.SMFlag) {
  1349. return;
  1350. }
  1351. this.SMFlag = false;
  1352. SM().then((content) => {
  1353. uni.showLoading({
  1354. title: "加载中",
  1355. mask: true,
  1356. });
  1357. //检验二维码的有效性(扫码前必须验证)
  1358. post("/dept/scanning", {
  1359. content,
  1360. })
  1361. .then((result) => {
  1362. this.currentCode = result.code;
  1363. this.SMFlag = true;
  1364. // 200检测通过,201没有有效期也通过。
  1365. if (result.state == 200 || result.state == 201) {
  1366. uni.hideLoading();
  1367. uni.navigateTo({
  1368. url: `../promptPage/promptPage?code=${result.code}`,
  1369. });
  1370. } else {
  1371. uni.hideLoading();
  1372. uni.showToast({
  1373. icon: "none",
  1374. title: result.msg || "接口获取数据失败!",
  1375. });
  1376. }
  1377. })
  1378. }).catch(err => {
  1379. this.SMFlag = true;
  1380. });
  1381. },
  1382. // 点击tab页切换
  1383. clickHandler(key) {
  1384. this.selectedLabelSlots = key;
  1385. this.idx = 0;
  1386. this.totalNum = -1;
  1387. // this.zxzData = [];
  1388. this.scroll_top = Math.random(); //回到顶部
  1389. if (key === "待接单") {
  1390. this.waitingOrders(0);
  1391. } else if (key === "执行中") {
  1392. this.executingOrders(0);
  1393. }
  1394. },
  1395. // 进入详情页
  1396. itemInfo(workOrder) {
  1397. console.log(workOrder);
  1398. uni.navigateTo({
  1399. url: `../receipt_infopage/receipt_infopage?id=${workOrder.id}&associationTypeValue=${workOrder.taskType.associationType.value}&associationTypeId=${workOrder.taskType.associationType.id}&taskTypeId=${workOrder.taskType.id}`,
  1400. });
  1401. },
  1402. //抢单后知道了
  1403. know() {
  1404. this.models.disjunctor = false;
  1405. this.idx = 0;
  1406. this.totalNum = -1;
  1407. // this.zxzData = [];
  1408. this.executingOrdersGetNum();
  1409. this.waitingOrders(0); //seimin
  1410. this.scroll_top = Math.random(); //回到顶部
  1411. },
  1412. //抢单确定
  1413. ok() {
  1414. this.models.disjunctor = false;
  1415. get("/workerOrder/takeOrder/" + this.qdId.id).then((res) => {
  1416. let msg = "接单失败";
  1417. let icon = "error";
  1418. if (res.status == 200) {
  1419. msg = "接单成功";
  1420. icon = "success";
  1421. }
  1422. this.models = {
  1423. disjunctor: true,
  1424. content: msg,
  1425. icon: icon,
  1426. operate: {
  1427. know: "知道了",
  1428. },
  1429. };
  1430. });
  1431. },
  1432. //抢单取消
  1433. cancel() {
  1434. this.models.disjunctor = false;
  1435. },
  1436. // 抢单
  1437. showAlerts(data) {
  1438. this.qdId = data;
  1439. this.models = {
  1440. disjunctor: true,
  1441. title: "提示",
  1442. content: "是否确定接单?",
  1443. icon: "warn",
  1444. operate: {
  1445. ok: "确定",
  1446. cancel: "取消",
  1447. },
  1448. };
  1449. },
  1450. //执行中列表数据获取
  1451. executingOrders(idx) {
  1452. console.log(this.zxzData.length, this.totalNum);
  1453. if (this.zxzData.length == this.totalNum) {
  1454. uni.showToast({
  1455. icon: "none",
  1456. title: "没有更多数据了!",
  1457. });
  1458. this.freshing = true;
  1459. return;
  1460. }
  1461. let data = {
  1462. idx,
  1463. sum: 20,
  1464. };
  1465. if (this.arrayKey) {
  1466. data.keyWord = this.arrayKey;
  1467. } else {
  1468. delete data.keyWord;
  1469. }
  1470. uni.showLoading({
  1471. title: "加载中",
  1472. mask: true,
  1473. });
  1474. post("/workerOrder/executingOrders", data).then((res) => {
  1475. uni.hideLoading();
  1476. if (res.status == 200) {
  1477. this.triggered = false;
  1478. this.freshing = true;
  1479. this.totalNum = res.data.resultCount;
  1480. res.data.data = res.data.data || [];
  1481. res.data.data.forEach(v => {
  1482. v.clinicalTaskIdsFlag = this.clinicalTaskIds.includes(v.taskType.id.toString());
  1483. })
  1484. if (idx === 0) {
  1485. this.zxzData = res.data.data;
  1486. } else {
  1487. this.zxzData.push(...res.data.data);
  1488. }
  1489. this.tabs[1].num = res.data.resultCount;
  1490. } else {
  1491. uni.showToast({
  1492. icon: "none",
  1493. title: res.msg || "接口获取数据失败!",
  1494. });
  1495. }
  1496. });
  1497. },
  1498. //待抢单列表数据获取
  1499. waitingOrders(idx) {
  1500. if (this.zxzData.length == this.totalNum) {
  1501. uni.showToast({
  1502. icon: "none",
  1503. title: "没有更多数据了!",
  1504. });
  1505. this.freshing = true;
  1506. return;
  1507. }
  1508. let data = {
  1509. idx,
  1510. sum: 20,
  1511. };
  1512. uni.showLoading({
  1513. title: "加载中",
  1514. mask: true,
  1515. });
  1516. // 请求列表数据
  1517. post("/workerOrder/waitingOrders", data).then((res) => {
  1518. uni.hideLoading();
  1519. if (res.status == 200) {
  1520. this.triggered = false;
  1521. this.freshing = true;
  1522. this.totalNum = res.data.resultCount;
  1523. if (idx === 0) {
  1524. this.zxzData = res.data.data;
  1525. } else {
  1526. this.zxzData.push(...res.data.data);
  1527. }
  1528. this.tabs[0].num = res.data.resultCount;
  1529. } else {
  1530. uni.showToast({
  1531. icon: "none",
  1532. title: res.msg || "接口获取数据失败!",
  1533. });
  1534. }
  1535. });
  1536. },
  1537. //刷新
  1538. refresherrefresh() {
  1539. if (this.triggered) {
  1540. return;
  1541. }
  1542. this.triggered = true;
  1543. this.idx = 0;
  1544. this.totalNum = -1;
  1545. if (this.selectedLabelSlots == "待接单") {
  1546. this.waitingOrders(0);
  1547. } else if (this.selectedLabelSlots == "执行中") {
  1548. this.executingOrders(0);
  1549. }
  1550. },
  1551. // 滚动
  1552. scroll(e) {
  1553. if (e.detail.scrollTop < 20) {
  1554. this.scroll_refresher_enabled = true;
  1555. } else {
  1556. this.scroll_refresher_enabled = false;
  1557. }
  1558. },
  1559. // 下拉刷新复位
  1560. refresherrestore() {
  1561. this.triggered = false;
  1562. console.log("下拉刷新复位");
  1563. },
  1564. //下拉刷新中止
  1565. refresherabort() {
  1566. this.triggered = false;
  1567. console.log("下拉刷新中止");
  1568. },
  1569. //分页,上拉加载
  1570. scrolltolower() {
  1571. if (this.freshing) {
  1572. this.freshing = false;
  1573. if (this.selectedLabelSlots == "待接单") {
  1574. this.waitingOrders(++this.idx);
  1575. } else if (this.selectedLabelSlots == "执行中") {
  1576. this.executingOrders(++this.idx);
  1577. }
  1578. }
  1579. },
  1580. // 执行中获取数字
  1581. executingOrdersGetNum() {
  1582. let data = {
  1583. idx: 0,
  1584. sum: 20,
  1585. };
  1586. if (this.arrayKey) {
  1587. data.keyWord = this.arrayKey;
  1588. } else {
  1589. delete data.keyWord;
  1590. }
  1591. post("/workerOrder/executingOrders", data).then((res) => {
  1592. if (res.status == 200) {
  1593. this.tabs[1].num = res.data.resultCount;
  1594. } else {
  1595. uni.showToast({
  1596. icon: "none",
  1597. title: res.msg || "接口获取数据失败!",
  1598. });
  1599. }
  1600. });
  1601. },
  1602. // 待接单获取数字
  1603. waitingOrdersGetNum() {
  1604. let data = {
  1605. idx: 0,
  1606. sum: 20,
  1607. };
  1608. post("/workerOrder/waitingOrders", data).then((res) => {
  1609. if (res.status == 200) {
  1610. this.tabs[0].num = res.data.resultCount;
  1611. } else {
  1612. uni.showToast({
  1613. icon: "none",
  1614. title: res.msg || "接口获取数据失败!",
  1615. });
  1616. }
  1617. });
  1618. },
  1619. // 阻止浏览器滑动
  1620. stop(e) {
  1621. e.preventDefault();
  1622. },
  1623. },
  1624. onLoad() {
  1625. // 获取菜单权限
  1626. this.getMenu();
  1627. post("/auth/getUserWorkDept", {}).then((ress) => {
  1628. if (ress.status == 200) {
  1629. let userId = uni.getStorageSync("userData").user.id;
  1630. let groupManager = ress.settings && ress.settings.groupManager; //当前工作组合选择的组
  1631. let workType = ress.settings ? ress.settings.workType : -1; //1是综合,2是自主
  1632. let ruleType = ress.settings ? ress.settings.ruleType : -1; //3是科室绑定人员,4是科室绑定分组,2是绑定分组
  1633. if (workType == 2 && (ruleType == 3 || (ruleType == 4 && userId == groupManager.manager))) {
  1634. //自选排班,科室绑定分组,当前登陆人是组长
  1635. this.content.unshift({
  1636. text: "负责科室",
  1637. });
  1638. }
  1639. }
  1640. });
  1641. // let setDeptConfg = uni.getStorageSync("setDeptConfg");
  1642. // let manager = uni.getStorageSync("manager");
  1643. // let userId = uni.getStorageSync("userData").user.id;
  1644. // console.log(setDeptConfg, manager, userId);
  1645. // if (
  1646. // setDeptConfg.workSchemeType == 2 &&
  1647. // (setDeptConfg.ruleType == 3 ||
  1648. // (setDeptConfg.ruleType == 4 && userId == manager))
  1649. // ) {
  1650. // //自选排班,科室绑定人员 || 科室绑定分组 && 组长是当前登陆人
  1651. // this.content.unshift({
  1652. // text: "负责科室",
  1653. // });
  1654. // }
  1655. // #ifdef APP-PLUS
  1656. // this.content.push({
  1657. // text: "退出登录",
  1658. // });
  1659. // #endif
  1660. this.selectedLabelSlots = "执行中";
  1661. this.initList();
  1662. // #ifdef APP-PLUS
  1663. webHandle("no", "app");
  1664. // #endif
  1665. // #ifdef H5
  1666. webHandle("no", "wx");
  1667. // #endif
  1668. },
  1669. onShow() {
  1670. this.SMFlag = true;
  1671. // #ifdef H5
  1672. document.body.addEventListener("touchmove", this.stop, {
  1673. passive: false,
  1674. });
  1675. // #endif
  1676. },
  1677. onHide() {
  1678. // #ifdef H5
  1679. document.body.removeEventListener("touchmove", this.stop, {
  1680. passive: false,
  1681. });
  1682. // #endif
  1683. },
  1684. };
  1685. </script>
  1686. <style lang="less">
  1687. .Receiptpage {
  1688. width: 100%;
  1689. height: 100%;
  1690. position: relative;
  1691. .more {
  1692. position: absolute;
  1693. right: 20rpx;
  1694. width: 40rpx;
  1695. height: 4rpx;
  1696. border-top: 2px solid #49b856;
  1697. border-bottom: 2px solid #49b856;
  1698. background-color: #49b856;
  1699. padding: 5px 0;
  1700. background-clip: content-box;
  1701. z-index: 9999;
  1702. top: 50%;
  1703. transform: translateY(-50%);
  1704. }
  1705. .more_picker {
  1706. position: absolute;
  1707. right: 0;
  1708. height: 100%;
  1709. opacity: 0;
  1710. z-index: 9999;
  1711. }
  1712. .bigScreenWrap{
  1713. position: fixed;
  1714. left: 0;
  1715. right: 0;
  1716. bottom: 30rpx;
  1717. z-index: 999;
  1718. height: 88rpx;
  1719. }
  1720. .red {
  1721. color: red !important;
  1722. font-weight: bold !important;
  1723. }
  1724. .page_tab {
  1725. width: 100%;
  1726. height: 96rpx;
  1727. display: flex;
  1728. position: fixed;
  1729. left: 0;
  1730. top: 0;
  1731. z-index: 999;
  1732. .page_tab_bar {
  1733. flex: 1;
  1734. font-size: 36rpx;
  1735. background: #fff;
  1736. display: flex;
  1737. justify-content: center;
  1738. align-items: center;
  1739. position: relative;
  1740. &:after {
  1741. content: "";
  1742. position: absolute;
  1743. left: 0;
  1744. bottom: 0;
  1745. height: 2rpx;
  1746. width: 100%;
  1747. background-color: transparent;
  1748. }
  1749. .tab_num {
  1750. color: #ff3b53;
  1751. margin-left: 8rpx;
  1752. }
  1753. &.active {
  1754. color: #49b856;
  1755. &:after {
  1756. background-color: #49b856;
  1757. }
  1758. }
  1759. }
  1760. }
  1761. .zwsj {
  1762. position: absolute;
  1763. left: 50%;
  1764. top: 180rpx;
  1765. transform: translateX(-50%);
  1766. .zwsj-img {
  1767. width: 560rpx;
  1768. }
  1769. .zwsj-txt {
  1770. font-size: 36rpx;
  1771. font-weight: 700;
  1772. margin-top: 20rpx;
  1773. text-align: center;
  1774. }
  1775. }
  1776. .page_items {
  1777. height: calc(100vh - 214rpx);
  1778. padding: 0 20rpx;
  1779. // padding-bottom: 88rpx;
  1780. padding-top: 96rpx;
  1781. .page_items_scroll {
  1782. height: 100%;
  1783. .page_item_wrap {
  1784. position: relative;
  1785. margin-bottom: 32rpx;
  1786. .page_item {
  1787. margin-bottom: 16rpx;
  1788. // min-height: 356rpx;
  1789. background: #fff;
  1790. border-radius: 8rpx;
  1791. overflow: hidden;
  1792. border: 2rpx solid #e5e9ed;
  1793. .L {
  1794. width: 40rpx;
  1795. height: 40rpx;
  1796. border-radius: 50%;
  1797. background: #f9fafb;
  1798. position: absolute;
  1799. left: -24rpx;
  1800. top: 68rpx;
  1801. border: 2rpx solid #e5e9ed;
  1802. }
  1803. .R {
  1804. width: 40rpx;
  1805. height: 40rpx;
  1806. border-radius: 50%;
  1807. background: #f9fafb;
  1808. position: absolute;
  1809. float: right;
  1810. right: -24rpx;
  1811. top: 68rpx;
  1812. border: 2rpx solid #e5e9ed;
  1813. }
  1814. .starting {
  1815. width: 40rpx;
  1816. height: 40rpx;
  1817. color: #fff;
  1818. background: #49b856;
  1819. display: inline-block;
  1820. border-radius: 50%;
  1821. text-align: center;
  1822. line-height: 40rpx;
  1823. font-size: 28rpx;
  1824. }
  1825. .End {
  1826. width: 40rpx;
  1827. height: 40rpx;
  1828. color: #fff;
  1829. background: #39b199;
  1830. display: inline-block;
  1831. border-radius: 50%;
  1832. text-align: center;
  1833. line-height: 40rpx;
  1834. font-size: 28rpx;
  1835. }
  1836. .page_item_top {
  1837. height: 86rpx;
  1838. border-bottom: 2rpx dashed #e5e9ed;
  1839. padding: 0 16rpx;
  1840. .page_item_top_L {
  1841. height: 100%;
  1842. float: left;
  1843. line-height: 88rpx;
  1844. display: flex;
  1845. align-items: center;
  1846. .emergencys {
  1847. background: #ff3b53 !important;
  1848. width: 124rpx !important;
  1849. }
  1850. .emergency {
  1851. background: #ff3b53 !important;
  1852. }
  1853. .emergency1 {
  1854. background: #49b856 !important;
  1855. }
  1856. .page_item_cont_start {
  1857. text-align: center;
  1858. height: 44rpx;
  1859. width: 104rpx;
  1860. line-height: 44rpx;
  1861. border-radius: 8rpx;
  1862. background: #49b856;
  1863. color: #fff;
  1864. .page_item_cont_start-img {
  1865. width: 22rpx;
  1866. position: relative;
  1867. top: 6rpx;
  1868. margin-right: 8rpx;
  1869. }
  1870. }
  1871. .L_iocn {
  1872. display: inline-block;
  1873. width: 44rpx;
  1874. height: 44rpx;
  1875. line-height: 42rpx;
  1876. border-radius: 100rpx;
  1877. color: #6cc076;
  1878. font-size: 32rpx;
  1879. border: 4rpx solid #6cc076;
  1880. background: #f0f6ed;
  1881. text-align: center;
  1882. margin-right: 8rpx;
  1883. }
  1884. .L_time {
  1885. color: #6cc076;
  1886. font-size: 32rpx;
  1887. }
  1888. .L_text {
  1889. font-size: 32rpx;
  1890. }
  1891. }
  1892. .page_item_top_R {
  1893. height: 100%;
  1894. float: right;
  1895. line-height: 88rpx;
  1896. font-size: 32rpx;
  1897. &.type {
  1898. margin-right: 32rpx;
  1899. color: red;
  1900. max-width: 260rpx;
  1901. white-space: nowrap;
  1902. text-overflow: ellipsis;
  1903. overflow: hidden;
  1904. }
  1905. .text_big{
  1906. font-weight: bold;
  1907. }
  1908. }
  1909. }
  1910. .page_item_cont {
  1911. min-height: 180rpx;
  1912. padding: 0 16rpx;
  1913. text-align: left;
  1914. position: relative;
  1915. display: flex;
  1916. flex-direction: column;
  1917. justify-content: space-between;
  1918. .text_big {
  1919. font-size: 32rpx;
  1920. margin-left: 10rpx;
  1921. font-weight: 700;
  1922. }
  1923. .line {
  1924. height: 100%;
  1925. width: 2rpx;
  1926. border-left: 2rpx solid #e5e9ed;
  1927. position: absolute;
  1928. // top: 70rpx;
  1929. top: 50%;
  1930. left: 20rpx;
  1931. transform: translateY(-50%);
  1932. }
  1933. .lines {
  1934. height: 40%;
  1935. width: 2rpx;
  1936. border-left: 2rpx solid #e5e9ed;
  1937. position: absolute;
  1938. top: 23%;
  1939. left: 36rpx;
  1940. }
  1941. .emergencys {
  1942. background: #ff3b53 !important;
  1943. width: 124rpx !important;
  1944. }
  1945. .emergency {
  1946. background: #ff3b53 !important;
  1947. }
  1948. .emergency1 {
  1949. background: #49b856 !important;
  1950. }
  1951. .page_item_cont_T {
  1952. // min-height: 80rpx;
  1953. // max-height: 324rpx;
  1954. font-size: 28rpx;
  1955. margin-top: 16rpx;
  1956. display: flex;
  1957. justify-content: space-between;
  1958. .page_item_cont_title {
  1959. height: 100%;
  1960. // float: left;
  1961. }
  1962. .page_item_cont_start {
  1963. text-align: center;
  1964. // float: right;
  1965. height: 44rpx;
  1966. width: 104rpx;
  1967. line-height: 44rpx;
  1968. border-radius: 8rpx;
  1969. background: #49b856;
  1970. color: #fff;
  1971. .page_item_cont_start-img {
  1972. width: 22rpx;
  1973. position: relative;
  1974. top: 6rpx;
  1975. margin-right: 8rpx;
  1976. }
  1977. }
  1978. }
  1979. .page_item_conts {
  1980. min-height: 30rpx;
  1981. color: rgb(102, 102, 102);
  1982. padding-left: 50rpx;
  1983. font-size: 28rpx;
  1984. margin: 16rpx 0;
  1985. position: relative;
  1986. view:not(.line) {
  1987. line-height: 1.2;
  1988. }
  1989. text {
  1990. color: #49b856;
  1991. }
  1992. }
  1993. .page_item_cont_B {
  1994. // padding-top: 20rpx;
  1995. font-size: 28rpx;
  1996. // overflow: hidden;
  1997. margin-bottom: 16rpx;
  1998. .page_item_cont_title {
  1999. height: 100%;
  2000. float: left;
  2001. }
  2002. }
  2003. }
  2004. .page_item_btn_wrap {
  2005. display: flex;
  2006. justify-content: space-between;
  2007. .page_item_btn {
  2008. height: 88rpx;
  2009. flex: 1;
  2010. margin-left: 1%;
  2011. margin-right: 1%;
  2012. background-image: linear-gradient(to right, #72c172, #3bb197);
  2013. border-radius: 8rpx;
  2014. line-height: 88rpx;
  2015. color: #fff;
  2016. font-size: 36rpx;
  2017. font-weight: 700;
  2018. text-align: center;
  2019. }
  2020. }
  2021. .page_item_btn {
  2022. height: 88rpx;
  2023. background-image: linear-gradient(to right, #72c172, #3bb197);
  2024. border-radius: 8rpx;
  2025. line-height: 88rpx;
  2026. color: #fff;
  2027. font-size: 36rpx;
  2028. font-weight: 700;
  2029. text-align: center;
  2030. }
  2031. }
  2032. .L-l {
  2033. width: 2rpx;
  2034. height: 40rpx;
  2035. background: #f9fafb;
  2036. position: absolute;
  2037. left: 20rpx;
  2038. top: 72rpx;
  2039. display: none;
  2040. }
  2041. .R-l {
  2042. width: 2rpx;
  2043. height: 40rpx;
  2044. background: #f9fafb;
  2045. position: absolute;
  2046. right: 20rpx;
  2047. top: 72rpx;
  2048. display: none;
  2049. }
  2050. }
  2051. }
  2052. }
  2053. .text {
  2054. font-size: 36rpx;
  2055. }
  2056. .wt_icon {
  2057. font-size: 40rpx;
  2058. }
  2059. }
  2060. </style>