receiptpage.vue 77 KB

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