zy-wechat/pages/receiptpage/receiptpage.vue

<template>
  <view class="Receiptpage">
    <view class="page_tab">
      <view class="page_tab_bar" :class="{ active: item.label === selectedLabelSlots }" v-for="item in tabs"
        :key="item.value" @click.prevent="clickHandler(item.label)">
        {{ item.label }}
        <text class="tab_num">( {{ item.num }} )</text>
        <view class="more" v-if="item.label === '执行中'" @click.stop="execFilter"></view>
        <!-- <picker class="more_picker" v-if="item.label === '执行中'" @click.stop @change="execFilter($event)" :value="index"
          :range="array" range-key="name">
          <view class="uni-input">{{ array[index].name }}</view>
        </picker> -->
      </view>
    </view>
    <view v-if="zxzData.length == 0" class="zwsj">
      <image class="zwsj-img" mode="widthFix" src="../../static/img/zanwushuju.png"></image>
      <view class="zwsj-txt">暂无数据</view>
    </view>
    <view class="page_items">
      <scroll-view class="page_items_scroll" scroll-y :refresher-enabled="scroll_refresher_enabled"
        :refresher-triggered="triggered" @refresherrefresh="refresherrefresh" @refresherrestore="refresherrestore"
        @scroll="scroll" @scrolltolower="scrolltolower" :scroll-top="scroll_top" @refresherabort="refresherabort">
        <view class="page_item_wrap" v-for="(item, index) of zxzData" :key="index">
          <view class="page_item">
            <view class="L"></view>
            <view class="R"></view>
            <view class="page_item_top">
              <view class="page_item_top_L">
                <!-- <text class="L_iocn" v-if="item.taskType.associationType.value == 'specimen'">标</text>
                <text class="L_iocn" v-if="item.taskType.associationType.value == 'drugsBag'">药</text>
                <text class="L_iocn" v-if="item.taskType.associationType.value == 'specimenPlan'">巡</text>
                <text class="L_iocn" v-if="item.taskType.associationType.value == 'jPBag'">静</text>
                <text class="L_iocn" v-if="item.taskType.associationType.value == 'inspect'">病</text>
                <text class="L_iocn" v-if="
                    item.taskType.associationType.value == 'patientTransport'
                  ">病</text>
                <text class="L_iocn" v-if="item.taskType.associationType.value == 'other'">其</text> -->
                <view class="page_item_cont_start emergency1" v-if="item.emergencyType.value == 1">
                  <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
                  </image>
                  {{ item.emergencyType.name }}
                </view>
                <view class="page_item_cont_start emergency" v-if="item.emergencyType.value == 2">
                  <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
                  </image>
                  {{ item.emergencyType.name }}
                </view>
                <view class="page_item_cont_start emergencys" v-if="item.emergencyType.value == 3">
                  <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
                  </image>
                  {{ item.emergencyType.name }}
                </view>
                <view class="page_item_top_R type" style="margin-left: 16rpx;">
                  {{ item.taskType.taskName }}<template v-if="item.goodsRemark">-{{item.goodsRemark}}</template>
                </view>
                <!-- <text class="L_time" v-if="item.overdueTime">{{ item.overdueTime }}前送达</text> -->
              </view>
              <view class="page_item_top_R" v-if="
                  !(
                    item.taskType.associationType.value == 'inspect' &&
                    item.gdState.value == 5
                  )
                ">
                <text class="text_big">{{ item.gdState.name }}</text>
              </view>
              <view class="page_item_top_R" v-if="
                  item.taskType.associationType.value == 'inspect' &&
                  item.gdState.value == 5
                ">
                <text class="text_big">待送回</text>
              </view>
              <!-- <view class="page_item_top_R type">
                {{ item.taskType.taskName }}<template v-if="item.goodsRemark">-{{item.goodsRemark}}</template>
              </view> -->
            </view>
            <view class="page_item_cont" @click="itemInfo(item)">
              <view class="page_item_cont_T">
                <view class="page_item_cont_title">
                  <text> <text class="starting">起</text> 点科室 </text>
                  <text class="text_big">{{ item.startDept.dept }}</text>
                </view>
                <!-- <view class="page_item_cont_start emergency1" v-if="item.emergencyType.value == 1">
                  <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
                  </image>
                  {{ item.emergencyType.name }}
                </view>
                <view class="page_item_cont_start emergency" v-if="item.emergencyType.value == 2">
                  <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
                  </image>
                  {{ item.emergencyType.name }}
                </view>
                <view class="page_item_cont_start emergencys" v-if="item.emergencyType.value == 3">
                  <image mode="widthFix" class="page_item_cont_start-img" src="../../static/img/icon_shandian.png">
                  </image>
                  {{ item.emergencyType.name }}
                </view> -->
              </view>
              <view class="page_item_conts" v-if="item.taskType.associationType.value == 'specimen'">
                <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
                <view>扫描标本数量 : {{ item.actualReceiveNum || '无'}}</view>
                <view style="word-break: break-all;" v-if="item.workOrderRemark">
                  备注信息 :
                  <text>{{ item.workOrderRemark || "暂无" }}</text>
                </view>
                <view class="line"></view>
              </view>
              <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'ordinary' && item.taskType.ordinaryField.value == 'blood'">
                <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
                <view>接收数量 : {{ item.actualReceiveNum || '无'}}</view>
                <view class="line"></view>
              </view>
              <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'inspect'">
                <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
                <view>
                  预约时间 : {{ item.yyTime | yyTimeFilter
                  }}<text v-if="item.reservationNumber">({{ item.reservationNumber }})</text>
                </view>
                <view style="font-weight: bold;">
                  患者信息 : {{ item.patient ? item.patient.patientName : "-" }}({{
                    item.patient ? item.patient.bedNum : "-"
                  }})
                </view>
                <view v-if="item.goods">
                  携带设备 :
                  <text>{{ item.goods || "暂无" }}</text>
                </view>
                <view style="word-break: break-all;" v-if="item.workOrderRemark">
                  注意事项 :
                  <text>{{ item.workOrderRemark || "" }}</text>
                </view>
                <view v-if="item.patient.careLevel">
                  护理等级 :
                  <text :class="[
                      item.patient.careLevel.value == 0 ||
                      item.patient.careLevel.value == 1
                        ? 'red'
                        : 'green',
                    ]">{{ item.patient.careLevel.name }}</text>
                </view>
                <view v-if="item.patient.illnessState">
                  病情级别 :
                  <text :class="{
                      red:
                        item.patient.illnessState.value == 2 ||
                        item.patient.illnessState.value == 3,
                    }">{{ item.patient.illnessState.name }}</text>
                </view>
                <view v-if="item.isAccompany === 1 || item.isAccompany === 0">
                  陪同情况 :
                  <text :class="{ red: item.isAccompany === 1 }">{{
                    item.isAccompany === 1 ? "需要医护陪同" : "无需医护陪同"
                  }}</text>
                </view>
                <view class="line"></view>
              </view>
              <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'patientTransport'">
                <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
                <view>
                  预约时间 : {{ item.yyjdTime | yyTimeFilter
                  }}<text v-if="item.reservationNumber">({{ item.reservationNumber }})</text>
                </view>
                <view style="font-weight: bold;">
                  患者信息 : {{ item.patient ? item.patient.patientName : "-" }}({{
                    item.patient ? item.patient.bedNum : "-"
                  }})
                </view>
                <view v-if="item.goods">
                  携带设备 :
                  <text>{{ item.goods || "暂无" }}</text>
                </view>
                <view style="word-break: break-all;" v-if="item.workOrderRemark">
                  注意事项 :
                  <text>{{ item.workOrderRemark || "暂无" }}</text>
                </view>
                <view v-if="item.patient.careLevel">
                  护理等级 :
                  <text :class="[
                      item.patient.careLevel.value == 0 ||
                      item.patient.careLevel.value == 1
                        ? 'red'
                        : 'green',
                    ]">{{ item.patient.careLevel.name }}</text>
                </view>
                <view v-if="item.patient.illnessState">
                  病情级别 :
                  <text :class="{
                      red:
                        item.patient.illnessState.value == 2 ||
                        item.patient.illnessState.value == 3,
                    }">{{ item.patient.illnessState.name }}</text>
                </view>
                <view v-if="item.isAccompany === 1 || item.isAccompany === 0">
                  陪同情况 :
                  <text :class="{ red: item.isAccompany === 1 }">{{
                    item.isAccompany === 1 ? "需要医护陪同" : "无需医护陪同"
                  }}</text>
                </view>
                <view class="line"></view>
              </view>
              <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'drugsBag'">
                <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
                <view>
                  药包编码 : {{ item.drugs ? item.drugs.packid : "无" }}
                </view>
                <view class="line"></view>
              </view>
              <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'jPBag'">
                <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
                <view>
                  药包编码 :
                  {{ item.staticDistri ? item.staticDistri.packid : "无" }}
                </view>
                <view class="line"></view>
              </view>
              <view class="page_item_conts" v-else-if="item.taskType.associationType.value == 'ordinary' && (item.taskType.ordinaryField.value == 'drugsJpbag' || item.taskType.ordinaryField.value == 'drugsWestern' || item.taskType.ordinaryField.value == 'drugsReturn' || item.taskType.ordinaryField.value == 'drugsPoison' || item.taskType.ordinaryField.value == 'drugsHerbal')">
                <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
                <view style="word-break: break-all;" v-if="item.workOrderRemark">
                  备注信息 :
                  <text>{{ item.workOrderRemark || "暂无" }}</text>
                </view>
                <view class="line"></view>
              </view>
              <view class="page_item_conts" v-else>
                <view v-if="item.overdueTime">{{ item.overdueTime }}前送达</view>
								<view>
								  预约时间 : {{ item.yyjdTime | yyTimeFilter}}
								</view>
                <view style="word-break: break-all;" v-if="item.workOrderRemark">
                  备注信息 :
                  <text>{{ item.workOrderRemark || "暂无" }}</text>
                </view>
                <view class="line"></view>
              </view>
              <view class="page_item_cont_B">
                <view class="page_item_cont_title" v-if="item.taskType.associationType.value != 'inspect'">
                  <text> <text class="End">终</text> 点科室 </text>
                  <text class="text_big" v-for="(dept, i) of item.endDepts" :key="i">{{ dept.dept }}</text>
                </view>
                <view class="page_item_cont_title" v-if="item.taskType.associationType.value == 'inspect'">
                  <text> <text class="End">检</text> 查科室 </text>
                  <text class="text_big" v-for="(dept, i) of item.middleDept" :key="i">{{ dept.dept }}</text>
                </view>
              </view>
            </view>
            <view v-if="
                item.taskType.associationType.value == 'inspect' ||
                item.taskType.associationType.value == 'patientTransport'
              ">
              <!-- 待抢单 -->
              <text class="red" v-if="item.gdState.value == 2">请扫描患者腕带，或者请扫描科室码</text>
              <!-- 待到达 -->
              <text class="red" v-if="item.gdState.value == 4">请扫描患者腕带</text>
              <!-- 执行中 -->
              <text class="red" v-if="item.gdState.value == 8">请扫描检查科室码，并扫描患者腕带</text>
              <!-- 待送达 -->
              <text class="red" v-if="item.gdState.value == 5">请扫描终点科室码，并扫描患者腕带</text>
            </view>
            <view v-if="item.taskType.associationType.value == 'ordinary' && item.taskType.ordinaryField.value == 'clothingGet'">
              <!-- 待送达 -->
              <text class="red" v-if="item.gdState.value == 5">请扫描终点科室二维码</text>
            </view>
            <view v-if="item.taskType.associationType.value == 'ordinary' && item.taskType.ordinaryField.value == 'clothingSend'">
              <!-- 待到达 -->
              <text class="red" v-if="item.gdState.value == 4">请扫描起点科室二维码</text>
              <!-- 待送达 -->
              <text class="red" v-if="item.gdState.value == 5">请扫描终点科室二维码</text>
            </view>
            <view v-else-if="item.taskType.associationType.value == 'other'">
              <!-- 待到达 -->
              <text class="red" v-if="item.gdState.value == 4 && item.taskType.carryingCourses[0].checkoutMethod.value == 1">可通过扫描科室码或者拍照进行签到</text>
              <text class="red" v-if="item.gdState.value == 4 && item.taskType.carryingCourses[0].checkoutMethod.value == 2">扫描交接人员二维码进行交接</text>
            </view>
            <!-- 如果不是患者陪检或患者转运或其他,万能交接 -->
            <view class="page_item_btn" v-if="
                selectedLabelSlots == '执行中' &&
                item.taskType.associationType.value != 'patientTransport' &&
                item.taskType.associationType.value != 'inspect' &&
                item.taskType.associationType.value != 'other' &&
                item.taskType.associationType.value != 'ordinary' &&
                !(item.taskType.associationType.value == 'specimen' && item.taskType.carryingCourses[1].checkoutMethod.value == 3 && item.gdState.value == 5)
              " hover-class="seimin-btn-hover">
              <smallScreen :sData="item" :sType="2">扫码</smallScreen>
            </view>
            <!-- 如果不是静配，药配，标本配送,标本轮巡,万能交接 -->
            <view class="page_item_btn_wrap" v-if="
                selectedLabelSlots == '执行中' &&
                item.taskType.associationType.value != 'jPBag' &&
                item.taskType.associationType.value != 'drugsBag' &&
                item.taskType.associationType.value != 'specimen' &&
                item.taskType.associationType.value != 'specimenPlan' &&
                item.taskType.associationType.value != 'ordinary'
              ">
              <view v-if="(hideInspectScan != 1 || !(hideInspectScan == 1 && item.gdState.value != 4 && (item.taskType.associationType.value == 'patientTransport' || item.taskType.associationType.value == 'inspect'))) && !(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">
                <smallScreen :sData="item" :sType="1">扫码</smallScreen>
              </view>
              <!-- 其他临床服务-完成工单-待到达 -->
              <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>
              <!-- 其他临床服务-完成工单-待送达 -->
              <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>
              <!-- 其他临床服务-拍照 -->
              <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>
              <view v-if="(hideInspectScan != 1 || !(hideInspectScan == 1 && item.gdState.value != 4 && (item.taskType.associationType.value == 'patientTransport' || item.taskType.associationType.value == 'inspect'))) && item.taskType.associationType.value != 'other' && item.gdState.value == 4" class="page_item_btn" @click="photograph(item)" hover-class="seimin-btn-hover">拍照</view>
              <!-- 其他临床服务-追加 -->
              <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>
            </view>
            <!-- 如果是万能交接-血制品 -->
            <view class="page_item_btn_wrap" v-if="selectedLabelSlots == '执行中' && item.taskType.associationType.value == 'ordinary' && signType4 && item.taskType.ordinaryField.value == 'blood'">
              <!-- 送达交接 -->
              <view class="page_item_btn" @click="goTobloodEnd(item)" hover-class="seimin-btn-hover" v-if="delivery === 1 && item.gdState.value == 5">送达交接</view>
              <!-- 领血证 -->
              <view class="page_item_btn" @click="certificatHandler(item)" hover-class="seimin-btn-hover" v-if="useTakeCode == 1">领血证</view>
            </view>

            <!-- 如果是万能交接-被服洗涤送回 -->
            <view class="page_item_btn" v-if="item.taskType.associationType.value == 'ordinary' && item.taskType.ordinaryField.value == 'clothingSend' && item.gdState.value == 5" hover-class="seimin-btn-hover">
              <view class="page_item_btn" @click="goToWashingEnd(item)" hover-class="seimin-btn-hover">核对被服</view>
            </view>

            <view class="page_item_btn" v-if="selectedLabelSlots == '待接单'" @click="showAlerts(item)" hover-class="seimin-btn-hover">接单</view>
          </view>
          <view class="L-l"></view>
          <view class="R-l"></view>
        </view>
      </scroll-view>
    </view>
		<view class="bigScreenWrap">
			<view class="left" @click="isShowKey" v-if="isNumberKey">
				<text class="left-icon newicon newicon-miyue"></text>
				<view class="left-title">数字密钥</view>
			</view>
			<!-- 底部扫一扫 -->
			<view class="right" :class="!isNumberKey?'right-100':''">
			  <bigScreen ref="bigscreen" :isNumberKey="isNumberKey"></bigScreen>
			  <view class="more" v-if="arrayBigScreen.length"></view>
			  <picker class="more_picker" @cancel="cancelPicker" @click.stop @change="execFilterBigScreen($event)" :value="indexBigScreen"
			    :range="arrayBigScreen" range-key="name" v-if="arrayBigScreen.length">
			    <view class="uni-input">{{ arrayBigScreen[indexBigScreen].name }}</view>
			  </picker>
			</view>
		</view>

		<!-- 悬浮按钮 -->
		<view>
			<uni-fab :pattern="pattern" :content="content" :direction="direction" @fabClick="fabClick" @trigger="trigger"></uni-fab>
		</view>
		<!-- 弹窗 -->
    <showModel :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
      @ok="ok" @cancel="cancel" @know="know" :operate="models.operate"></showModel>
    <!-- 我的二维码-弹窗 -->
    <showMyQrcode v-if="showMyQrcodeModel.disjunctor" :disjunctor="showMyQrcodeModel.disjunctor" @know="closeMyQrcodeModel"></showMyQrcode>
    <!-- 领血证-弹窗 -->
    <showCertificat v-if="showCertificatModel.disjunctor" :disjunctor="showCertificatModel.disjunctor" :id="showCertificatModel.id" @know="closeCertificatModel"></showCertificat>
    <!-- 科室二维码-弹窗 -->
    <showDepartmentQrcode v-if="showDepartmentQrcodeModel.disjunctor" :disjunctor="showDepartmentQrcodeModel.disjunctor" @know="closeDepartmentQrcodeModel"></showDepartmentQrcode>
    <!-- 手动查询标本弹窗 -->
    <handViewSpecimen v-if="speModels.disjunctor" :title="speModels.title" :disjunctor="speModels.disjunctor"
      @ok="speOk" @cancel="speCancel">
    </handViewSpecimen>
    <!-- 手动查询药品弹窗 -->
    <handViewDrugsBag v-if="drugbagModels.disjunctor" :title="drugbagModels.title"
      :disjunctor="drugbagModels.disjunctor" @ok="drugbagOk" @cancel="drugbagCancel">
    </handViewDrugsBag>
    <!-- 填写交接人工号弹窗 -->
    <selectAccount v-if="hosModels.disjunctor" :disjunctor="hosModels.disjunctor" @ok="hosOk"
      @cancel="hosCancel">
    </selectAccount>
    <!-- 手动查询弹窗 -->
    <checkboxModal v-if="checkboxModels.disjunctor" :content="checkboxModels.content" :disjunctor="checkboxModels.disjunctor"
      @ok="checkboxOk" @cancel="checkboxCancel">
    </checkboxModal>
    <!-- 执行中筛选 -->
		<uni-drawer width="400px" :visible="isShowExecFilter" mode="right" @close="closeDrawer()">
			<view class="execFilterMask">
				<view class="execFilter" @click.stop>
					<view class="execFilterHeader">
						全部筛选
					</view>
					<view class="execFilterBody">
						<view class="execFilterItem">
							<view class="execFilterItemHeader">
								工单状态
							</view>
							<view class="execFilterItemBody">
								<view class="execFilterItemBox" @click="currentId = item.id" :class="{active: item.id == currentId}" v-for="item in array" :key="item.id">
									{{item.name}}
								</view>
							</view>
						</view>

						<view class="execFilterItem">
							<view class="execFilterItemHeader">
								申请科室
							</view>
							<view class="execFilterItemBody">
								<input class="deptName" @click="searchAdm" v-model.trim="deptName" placeholder="请选择科室名称" placeholder-style="color:#cecece" />
							</view>
						</view>

						<view class="execFilterItem">
							<view class="execFilterItemHeader">
								任务类型
							</view>
							<view class="execFilterItemBody">
								<uni-data-picker class="value" placeholder="请选择任务类型"
									:localdata="taskData" v-model="taskTypeId" :clear-icon="false">
								</uni-data-picker>
							</view>
						</view>
					</view>

					<view class="execFilterFooter">
						<view class="btn" @click="execFilterReset()">重置</view>
						<view class="btn" @click="execFilterOk()">完成</view>
					</view>
				</view>
			</view>
		</uni-drawer>
    <!-- </view> -->
    <!-- 被服洗涤弹窗 -->
    <showModel :title="models1.title" :icon="models1.icon" :disjunctor="models1.disjunctor" :content="models1.content"
      @ok="ok1" @cancel="cancel1" :operate="models1.operate"></showModel>

    <!-- 父级科室弹窗 -->
    <showModel :title="models2.title" icon="" :disjunctor="models2.disjunctor" :content="models2.content" @ok="ok2" @cancel="cancel2" :operate="models2.operate" :childrenDeptList="models2.list"></showModel>

    <!-- 父级科室弹窗 -->
    <showModel :title="models3.title" icon="" :disjunctor="models3.disjunctor" :content="models3.content" @know="know3" @ok="ok3" @cancel="cancel3" :operate="models3.operate" :busyContentList="models3.list"></showModel>

    <!-- 示闲弹窗 -->
    <showModel :title="models4.title" icon="models4.icon" :disjunctor="models4.disjunctor" :content="models4.content" @know="know4" @ok="ok4" @cancel="cancel4" :operate="models4.operate"></showModel>
		<scanner></scanner>
		<!-- 动态密钥 -->
		<numberKeyModel v-if="showKey" :keyArr="keyArr" @cancel="showKey = false" @confirm="confirmKey($event)"></numberKeyModel>
		<!-- apk自动更新 -->
		<appUpdata v-if="isApp && isUpdate" @getUpdate="isUpdate=false"></appUpdata>
	</view>
</template>
<script>
  import selectAccount from "../../components/selectAccount/selectAccount.vue";
  import smallScreen from "../../components/smallScreen/smallScreen.vue";
	import scanner from "../../components/scanner/scanner.vue";
  import showModel from "../../components/showModel/showModel.vue";
  import bigScreen from "../../components/bigScreen/bigScreen.vue";
	import numberKeyModel from "../../components/numberKeyModel/numberKeyModel.vue";
  // https://ext.dcloud.net.cn/plugin?id=144
  import uniFab from "@/components/uni-fab/uni-fab.vue";
	import uniDrawer from "@/components/uni-drawer/uni-drawer.vue";
	import ldSelect from "@/components/ld-select/ld-select.vue";
	import MxDatePicker from "@/components/mx-datepicker/mx-datepicker.vue";
	import appUpdata from "../../components/appUpdata/appUpdata.vue";

  import {
    get,
    post,
    SM,
    deleteIt,
    webHandle
  } from "../../http/http.js";
  import {
    photographTool,
    pathUrl
  } from "../../tools/photograph.js";
  export default {
    data() {
      return {
        workStateList: [],
        clothingType: '',//被服回收扫码的类型，dept|user
        isShowExecFilter: false,
        deptName: '',//科室名称
				deptId:null,//科室id
				taskTypeId:null,//任务类型id
				taskData:[], //任务类型数据
        currentId: 0,
        otherAssociationTypeId: null,
        inspectAssociationTypeId: null,
        hosId: uni.getStorageSync('userData').user.currentHospital.id,
        workState: '1',
        hideInspectScan: 0,
        clinicalMultiplayerMode: 0,
        showAppendUser: 0,
        signType4: false,
        delivery: 0,
        useTakeCode: 0,
        takeCodeType: {},
        clinicalTaskIds: [],
        other: {
          user: {},
          data: {},
        },
        // 手动查询弹窗model
        checkboxModels: {
          disjunctor: false,
        },
        // 填写交接人工号弹窗model
        hosModels: {
          disjunctor: false,
        },
        currentCode: '', //当前拍照使用的科室二维码
        currentData: {}, //当前小扫描的工单对象
        // 弹窗model
        showMyQrcodeModel: {
          disjunctor: false,
        },
        // 弹窗model
        showCertificatModel: {
          disjunctor: false,
        },
        // 弹窗model
        showDepartmentQrcodeModel: {
          disjunctor: false,
        },
        SMFlag: true,
        // 手动查询标本弹窗model
        speModels: {
          disjunctor: false,
        },
        // 手动查询药品弹窗model
        drugbagModels: {
          disjunctor: false,
        },
        // 筛选条件
        array: [{
            id: 0,
            name: "全部",
          },
          {
            id: 71,
            name: "待到达",
          },
          {
            id: 72,
            name: "待送达",
          },
          {
            id: 75,
            name: "执行中",
          },
        ],
        // 筛选条件
        arrayBigScreen: [],
        index: 0,
        indexBigScreen: 0,
        arrayKey: 0,
        arrayKeyBigScreen: 0,
        // 当前登录人是否是药房角色
        pharmacistFlag: false,
        // 抢单的id
        qdId: "",
        quiltData: {},
        // 弹窗model
        models: {
          disjunctor: false,
        },
        // 弹窗model
        models1: {
          disjunctor: false,
        },
        // 弹窗model
        models2: {
          disjunctor: false,
        },
        // 弹窗model
        models3: {
          disjunctor: false,
        },
        // 弹窗model
        models4: {
          disjunctor: false,
        },
        // 悬浮按钮样式
        pattern: {
          buttonColor: "#6cc076",
        },
        // 悬浮按钮展开菜单显示方式
        direction: "vertical",
        // 悬浮按钮展开菜单内容配置项
        content: [{
          text: "我的任务",
        },],
        // 当前选中tab页名称
        selectedLabelSlots: "待接单",
        // tab页信息
        tabs: [{
            label: "待接单", //tab页名称
            value: "1", //值
            num: 0, //数量
          },
          {
            label: "执行中",
            value: "2",
            num: 0,
          },
        ],
        //列表数据
        zxzData: [],
        //分页页码
        idx: 0,
        // 列表项总数
        totalNum: -1,
        triggered: false, //下拉刷新状态
        freshing: false, //上拉加载开关
        scroll_top: 0, //距离顶部的距离
        scroll_refresher_enabled: true, //是否开启自定义下拉刷新
        quiltCode: '',
				tabType: "", //当前选中项
				selectArr: [], //选中项
				workData: [],
				userId: {
				  ids: [],
				},
				code: "",
				showKey:false,
				keyNum:4, //密钥位数
				isNumberKey:false, //是否开启动态密钥
				keyArr: [],
				isApp:false,
				isUpdate:false,
      };
    },
		components: {
		  uniDrawer,
		  MxDatePicker,
		  ldSelect
		},
    filters: {
      // 自定义管道 yyTime
      yyTimeFilter: function(data) {
        if (data) {
          let nDate = null;
          if (typeof data == 'string') {
            let arr = data.split(/[-:\s]/);
            nDate = new Date(
              arr[0] - 0,
              arr[1] - 1,
              arr[2] - 0,
              arr[3] - 0,
              arr[4] - 0,
              0
            );
          } else if (typeof data == 'number') {
            nDate = new Date(data);
          }
          const month = (nDate.getMonth() + 1).toString().padStart(2, 0);
          const date = nDate.getDate().toString().padStart(2, 0);
          const hour = nDate.getHours().toString().padStart(2, 0);
          const minute = nDate.getMinutes().toString().padStart(2, 0);
          return `${month}-${date} ${hour}:${minute}`;
        } else {
          return "-";
        }
      },
    },
    components: {
      uniFab,
      showModel,
      bigScreen,
			numberKeyModel,
			scanner,
      selectAccount,
			appUpdata
    },
    methods: {
			confirmKey(data){
				this.padChange(data)
				this.showKey = false
			},
			isShowKey(){
				this.showKey = true
			},
			// 获取配置
			getConfig() {
			  let postData = {
			    idx: 0,
			    sum: 9999,
					hospitalConfig:{
						hosId:this.hosId,
						model:"all"
					}
			  };

			  post("/simple/data/fetchDataList/hospitalConfig",postData).then((result) => {
			      if (result.status == 200) {
							this.keyArr = []
							for(let i of result.list){
								if(i.key=='digitalSecretKey'){
									if(i.value==1){
										this.isNumberKey = true
									}else{
										this.isNumberKey = false
									}
								}else if(i.key=='numberDigitalSecretKey'){
									this.keyNum = Number(i.value)
								}
							}
							for(let i = 0; i < this.keyNum; i++){
								this.keyArr.push({
									value:null
								})
							}
							console.log(444,this.keyArr)
			      }
			    });
			},
			// 标本配送-待送达-运输过程-标本数字交接,则,科室签到不需要填写交接人
			validateHandoverSpecimen(){
			  return post("/simple/data/fetchDataList/taskType", {
			    "idx": 0,
			    "sum": 1,
			    "taskType": {
			        "hosId": {
			            "id": this.hosId
			        },
			        "associationType": {
			            "key": "association_types",
			            "value": "specimen"
			        }
			    }
			  });
			},
			//科室签到
			//trueBigScanner----判断是否大扫描
			//bigScanner----判断是否需要交接人
			//accountObj----弹窗填写的交接人信息
			async orderDeptHandler(bigScanner, accountObj) {
			  console.log(this.infoDATA);
			  uni.showLoading({
			    title: "加载中",
			    mask: true,
			  });
			  if(this.tabType === 'specimen' && this.infoDATA.specimen && this.infoDATA.specimen[0].gdState.value == 5){
			    let result = await this.validateHandoverSpecimen();
			    if (result.status == 200) {
			      if(result.list.length){
			        // 标本-运送过程-终点科室-标本数字交接
			        if(result.list[0].carryingCourses[1].checkoutMethod.value == 3){
			          bigScanner = false;
			        }
			      }else{
			        uni.showToast({
			          icon: "none",
			          title: "请配置标本配送任务类型！",
			        });
			        uni.hideLoading();
			        return;
			      }
			    }
			  }
			  let type = "orderSign/" + this.code;
			  let list = {
			    ids: this.userId.ids,
			    trueBigScanner: ['666']
			  };
			  bigScanner && (list.bigScanner = ['666']);
			  if (accountObj) {
			    list.handover = [accountObj.accountId];
			  }

			  post("/workerOrder/" + type, list).then((res) => {
			    console.log(this.tabType)
			    uni.hideLoading();
			    if (res.status == 200) {
			      if (this.tabType == 'specimenPlan') {
			        // -----------------------------
			        console.log(this.selectArr, '选中工单')
			        let gd = this.infoDATA.specimenPlan.find(v => v.id == this.selectArr[0]);
			        let startDeptId = gd.startDept.id; //起点科室id
			        let isDigitalHandover = gd.taskType.isDigitalHandover; //是否数字交接开关
			        let signDeptId = res.deptId; //签到的科室id
			        let gdId = gd.id;
			        let gdState = gd.gdState.value;
			        let endDepts = gd.endDepts.map(v => v.id).toString();
			        uni.navigateTo({
			          url: `../scanning_djEnd/scanning_djEnd?type=${
			            this.tabType
			          }&type1=${res.type}&code=${this.code}&dept=${
			            res.dept
			          }&ids=${encodeURIComponent(
			            JSON.stringify(this.userId.ids)
			          )}&model=${encodeURIComponent(JSON.stringify(res))}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}&deptId=${res.deptId}&startDeptId=${startDeptId}&isDigitalHandover=${isDigitalHandover}&signDeptId=${signDeptId}&gdId=${gdId}&gdState=${gdState}&endDepts=${endDepts}`,
			        });
			      } else if (this.tabType == 'specimen') {
			        // 同济是false
			        if (res.deptType && res.deptType.value === 'middleRoom') {
			        // if (false) {
			          // 如果是中转科室
			          uni.navigateTo({
			            url: `../checkAfterBigScreen/checkAfterBigScreen?type=${
			            this.tabType
			          }&type1=${res.type}&code=${this.code}&dept=${
			            res.dept
			          }&ids=${encodeURIComponent(
			            JSON.stringify(this.userId.ids)
			          )}&model=${encodeURIComponent(JSON.stringify(res))}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}&deptId=${res.deptId}`,
			          });
			        } else if(res.type === 'spe-dsd-4'){
			          // 检验方式是标本数字交接
			          uni.navigateTo({
			            url: `/pages/specimenHandoverNew/specimenHandoverNew?type=${
			            this.tabType
			          }&type1=${res.type}&code=${this.code}&dept=${
			            res.dept
			          }&ids=${encodeURIComponent(
			            JSON.stringify(this.userId.ids)
			          )}&model=${encodeURIComponent(JSON.stringify(res))}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}&deptId=${res.deptId}`,
			          });
			        } else{
			          uni.navigateTo({
			            url: `../scanning_djEnd/scanning_djEnd?type=${
			            this.tabType
			          }&type1=${res.type}&code=${this.code}&dept=${
			            res.dept
			          }&ids=${encodeURIComponent(
			            JSON.stringify(this.userId.ids)
			          )}&model=${encodeURIComponent(JSON.stringify(res))}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}&deptId=${res.deptId}`,
			          });
			        }
			      }
			    } else if (res.status == "0000") {
			      this.showSelectAccount();
			    } else {
			      this.flag = true;
			      uni.navigateTo({
			        url: `../scanning_djEnd/scanning_djEnd?type=${this.tabType}&type1=${
			        res.type
			      }&code=${this.code}&dept=${res.dept}&ids=${encodeURIComponent(
			        JSON.stringify(this.userId.ids)
			      )}&model=${encodeURIComponent(JSON.stringify(res))}&deptId=${res.deptId}`,
			      });
			    }
			  });
			},
			padChange(scannerCode){
				if(!this.isNumberKey){
					scannerCode = scannerCode.replace('\n','')
				}
        this.$refs.bigscreen.ScanningCommon('', scannerCode);
			},
			// 搜索科室
			searchAdm(){
				let data = {
					currentId:this.currentId, //工单状态
					taskType:this.taskTypeId, //任务类型
					selectedLabelSlots:this.selectedLabelSlots, //tab选中状态
					taskData:JSON.stringify(this.taskData)
				}
				uni.setStorageSync("admStore",data)
				let setDeptConfg = uni.getStorageSync("setDeptConfg") || {};
				uni.navigateTo({
				  url: `../search/search?type=takeOrder&id=${this.id}&changedept=${this.changedept}&quickCombinationId=${setDeptConfg.id || ''}`,
				});
			},
      goTobloodEnd(order){
        uni.navigateTo({
          url: `/pages/newBlood/endOrderSignBlood/endOrderSignBlood?orderIds=${order.id}&deptName=${order.endDepts[0].dept}&deptId=${order.endDepts[0].id}&type=delivery`,
        });
      },
      goToWashingEnd(order){
        uni.navigateTo({
          url: `../quiltWashing/quiltWashingSendSignIn/quiltWashingSendSignIn?orderId=${order.id}&endDeptId=${order.endDepts[0].id}&endDeptName=${order.endDepts[0].dept}`,
        });
      },
      async initList(){
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        let res = await this.getAssociationTypes();
        //获取其他临床服务业务类型
        let otherAssociationType = res.find(v => v.value === 'other');
        this.otherAssociationTypeId = otherAssociationType ? otherAssociationType.id : null;
        if(this.otherAssociationTypeId){
          // 获取临床服务页面控制开关
          let result = await this.getTaskOtherConfig();
          if (result.status == 200) {
            if(result.list && result.list[0]){
              this.clinicalMultiplayerMode = result.list[0].clinicalMultiplayerMode;
              this.showAppendUser = result.list[0].showAppendUser;
              this.clinicalTaskIds = result.list[0].clinicalTaskIds ? result.list[0].clinicalTaskIds.split(',') : [] ;
            }else{
              this.clinicalMultiplayerMode = 0;
              this.showAppendUser = 0;
            }
          } else {
            this.clinicalMultiplayerMode = 0;
            this.showAppendUser = 0;
          }
        }else{
          uni.showToast({
            icon: 'none',
            title: '未设置其他临床服务业务类型！'
          })
        }

        //获取患者陪检业务类型
        let inspectAssociationType = res.find(v => v.value === 'inspect');
        this.inspectAssociationTypeId = inspectAssociationType ? inspectAssociationType.id : null;
        if(this.inspectAssociationTypeId){
          // 获取检查页面控制开关
          let result = await this.getTaskInspectConfig();
          if (result.status == 200) {
            if(result.list && result.list[0]){
              this.hideInspectScan = result.list[0].hideInspectScan;
            }else{
              this.hideInspectScan = 0;
            }
          } else {
            this.hideInspectScan = 0;
          }
        }

        this.getBloodPageConfig()
        this.waitingOrdersGetNum();
        this.executingOrders(0);
        this.getWorkStateList();
      },
      getWorkStateList(){
        post('/common/common/getDictionary', {
          "type": "list",
          "key": "user_work_state"
        }).then(res => {
          this.workStateList = res;
        });
      },
      // 获取血制品页面控制开关
      async getBloodPageConfig(){
        let result = await this.getTaskBloodConfig();
        if (result.status == 200) {
          if(result.list && result.list[0]){
            let signTypeList = result.list[0].signTypeList || [];
            this.signType4 = signTypeList.some(v => v.value == 4);
            this.delivery = result.list[0].delivery;
            this.useTakeCode = result.list[0].useTakeCode;
            this.takeCodeType = result.list[0].takeCodeType;
          }else{
            this.signType4 = false;
            this.delivery = 0;
            this.useTakeCode = 0;
            this.takeCodeType = {};
          }
        } else {
          this.signType4 = false;
          this.delivery = 0;
          this.useTakeCode = 0;
          this.takeCodeType = {};
        }
      },
      //获取s业务类型
      getAssociationTypes(){
        return post('/common/common/getDictionary', {
          "type": "list",
          "key": "association_types"
        });
      },
      // 获取临床服务页面控制开关
      getTaskOtherConfig(){
        return post("/simple/data/fetchDataList/taskTypeConfig", {
            "idx": 0,
            "sum": 10,
            "taskTypeConfig": {
                "hosId": this.hosId,
                "associationType": this.otherAssociationTypeId,
            }
        });
      },
      // 获取检查页面控制开关
      getTaskInspectConfig(){
        return post("/simple/data/fetchDataList/taskTypeConfig", {
            "idx": 0,
            "sum": 10,
            "taskTypeConfig": {
              "taskTypeDTO": {
                "hosId": { id: this.hosId },
                "associationType": { key: "association_types", value: "inspect" },
              }
            }
        });
      },
      // 获取血制品页面控制开关
      getTaskBloodConfig(){
        return post("/simple/data/fetchDataList/taskTypeConfig", {
            "idx": 0,
            "sum": 10,
            "taskTypeConfig": {
                "taskTypeDTO": {
                    "hosId": {
                        "id": this.hosId
                    },
                    "ordinaryField": {
                        "key": "ordinary_field",
                        "value": "blood"
                    }
                }
            }
        });
      },
      // 手动查询-确认
      checkboxOk(bulkCopy) {
        console.log(bulkCopy);
        this.checkboxModels.disjunctor = false;
        let { user, data } = this.other;
        this.additionalUserCommon(user, data.id, data.worker.id, bulkCopy);
      },
      // 手动查询-取消
      checkboxCancel() {
        this.checkboxModels.disjunctor = false;
      },
      // 手动查询弹窗
      showCheckboxModal(user, data) {
        this.other = {
          user,
          data,
        };
        this.checkboxModels = {
          content: `您要最追加的人员为${user.name}，您确认要追加吗？`,
          disjunctor: true,
        }
      },
      // 追加陪检人/执行人按钮
      additionalUser(data) {
        if (!this.SMFlag) {
          return;
        }
        this.SMFlag = false;
        console.log(data, 'data');
        SM().then((ress1) => {
          uni.showLoading({
            title: "加载中",
            mask: true,
          });
          //检验二维码的有效性
          post("/dept/scanning", {
            content: ress1,
            taskTypeId: data.taskType.id,
            gdState: data.gdState.id,
          }).then((result) => {
            this.SMFlag = true;
            // this.currentCode = result.code;
            if (result.state == 200 || result.state == 201) {
              console.log(result);
              let user;
              try{
                // json对象字符串
                user = JSON.parse(result.code);
                // 不是json对象字符串
                if(Object.prototype.toString.call(user).slice(8, -1).toLowerCase() !== 'object'){
                  user = result.code;
                }
              }catch(e){
                user = result.code;
              }
              if(Object.prototype.toString.call(user).slice(8, -1).toLowerCase() === 'object' && user.type == 'myQrCode' && user.id && user.name){
                user.qrcode = ress1;
                uni.hideLoading();
                if(data.taskType.associationType.value == 'other'){
                  this.showCheckboxModal(user, data);
                }else{
                  uni.showModal({
                    title: "提示",
                    content: `您要最追加的人员为${user.name}，您确认要追加吗？`,
                    success: (res) => {
                      if (res.confirm) {
                        console.log("用户点击确定");
                        this.additionalUserCommon(user, data.id, data.worker.id, false);
                      } else if (res.cancel) {
                        console.log("用户点击取消");
                      }
                    },
                  });
                }
              }else if(Object.prototype.toString.call(user).slice(8, -1).toLowerCase() === 'string'){
                let identityCardNumber = user;
                // 根据身份证获取name
                post("/data/fetchDataList/user", {idx: 0, sum: 1, user: { identityCardNumber }}).then((result) => {
                  uni.hideLoading();
                  if(result.status == 200){
                    result.list = result.list || [];
                    if(result.list.length){
                      let user = {name: result.list[0].name, identityCardNumber, qrcode: ress1};
                      if(data.taskType.associationType.value == 'other'){
                        this.showCheckboxModal(user, data);
                      }else{
                        uni.showModal({
                          title: "提示",
                          content: `您要最追加的人员为${user.name}，您确认要追加吗？`,
                          success: (res) => {
                            if (res.confirm) {
                              console.log("用户点击确定");
                              this.additionalUserCommon(user, data.id, data.worker.id, false);
                            } else if (res.cancel) {
                              console.log("用户点击取消");
                            }
                          },
                        });
                      }
                    }else{
                      uni.navigateTo({
                        url: `../result_error/result_error?qrcode=${ress1}&msg=扫描二维码无法找到用户！`,
                      });
                    }
                  }else{
                    uni.navigateTo({
                      url: `../result_error/result_error?qrcode=${ress1}&msg=请扫描正确的二维码！`,
                    });
                  }
                })
              }else{
                uni.hideLoading();
                uni.navigateTo({
                  url: `../result_error/result_error?qrcode=${ress1}&msg=请扫描正确的二维码！`,
                });
              }
            } else {
              uni.hideLoading();
              uni.navigateTo({
                url: `../result_error/result_error?qrcode=${ress1}&msg=${result.info || '接口获取数据失败！'}`,
              });
            }
          });
        }).catch(err=>{
          this.SMFlag = true;
        });
      },
      // 追加陪检人/执行人
      additionalUserCommon(user, gdId, workerId, bulkCopy) {
        console.log(user, gdId, workerId, bulkCopy);
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        // 二维码里有id则传userid，没有则传identityCardNumber
        post("/workerOrder/additionalAccompanyingPersonnel", {
          userId: user.id || undefined,
          identityCardNumber: !user.id ? user.identityCardNumber : undefined,
          gdId,
          workerId,
          bulkCopy: bulkCopy ? 1 : undefined,
        }).then((result) => {
          uni.hideLoading();
          if (result.state == 200) {
            uni.showToast({
              icon: 'none',
              duration: 4000,
              title: '操作成功！'
            })
            uni.redirectTo({
              url: `../receiptpage/receiptpage`,
            });
          } else {
            uni.navigateTo({
              url: `../result_error/result_error?qrcode=${user.qrcode}&msg=${result.msg || '接口获取数据失败！'}`,
            });
          }
        });
      },
      // 前往其他临床服务完成工单确认页面
      otherCompleteOrder(data){
        console.log(data);
        uni.navigateTo({
          url: `../otherCompleteOrder/otherCompleteOrder?orderId=${data.id}&taskType=${data.taskType ? encodeURIComponent(JSON.stringify(data.taskType)) : ''}&order=${data ? encodeURIComponent(JSON.stringify(data)) : ''}`,
        });
      },
      // 手动查询药品-确认
      drugbagOk(data) {
        console.log(data);
        if (!data.id) {
          //没有查询到药品
          uni.showModal({
            title: '提示',
            content: "没有查询到发药单号！",
            showCancel: false,
            success: function(res) {
              if (res.confirm) {
                console.log('用户点击确定');
              } else if (res.cancel) {
                console.log('用户点击取消');
              }
            }
          });
          return;
        }
        this.drugbagModels.disjunctor = false;
        uni.navigateTo({
          url: `/pages/scanning_drug/scanning_drug?drugsBagId=${data.id}`,
        });
      },
      // 手动查询药品-取消
      drugbagCancel() {
        this.drugbagModels.disjunctor = false;
      },
      // 手动查询药品弹窗
      showHandViewDrugsbag() {
        console.log(1)
        this.drugbagModels = {
          title: '填写发药单号',
          disjunctor: true,
        }
      },
      //确定
      ok4() {
        this.models4.disjunctor = false;
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        post("/user/data/changeWorkState", {
          workState: this.workStateList.find(v => v.value == 1).id,
        }).then((res) => {
          uni.hideLoading();
          if (res.status == 200) {
            this.getCurrentUserNow();
            this.models4 = {
              disjunctor: true,
              title: "提示",
              content: `示闲成功`,
              icon: "warn",
              operate: {
                know: "知道了",
              },
            };
          }else{
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        });
      },
      //取消
      cancel4() {
        this.models4.disjunctor = false;
      },
      //取消
      know4() {
        this.models4.disjunctor = false;
      },
      // 示闲
      showLeisure(){
        this.models4 = {
          disjunctor: true,
          title: "提示",
          content: "您确认要示闲吗？",
          icon: "warn",
          operate: {
            ok: "确定",
            cancel: "取消",
          },
        };
      },
      // 示忙
      showBusy(){
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        let postData = {"idx":0,"workScheme":{"status":1,"hosId":this.hosId},"sum":1};
        post("/simple/data/fetchDataList/workScheme", postData).then((res) => {
          uni.hideLoading();
          if (res.status == 200) {
            let config = res.list.length ? res.list[0] : {};
            let list = [];
            for (let key in config) {
              if(key.includes('busyContent') && config[key]){
                list.push({
                  busyContent: config[key],
                  busyMinute: config['busyMinute' + key.replace('busyContent', '')],
                });
              }
            }
            this.models3 = {
              disjunctor: true,
              title: "提示",
              content: "请选择暂停工作的原因。",
              icon: "warn",
              list,
              operate: {
                cancel: "取消",
              },
            };
          } else {
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        });
      },
      // 手动查询标本-确认
      speOk(data) {
        console.log(data);
        if (!data.id) {
          //没有查询到标本
          uni.showModal({
            title: '提示',
            content: "没有查询到标本！",
            showCancel: false,
            success: function(res) {
              if (res.confirm) {
                console.log('用户点击确定');
              } else if (res.cancel) {
                console.log('用户点击取消');
              }
            }
          });
          return;
        }
        this.speModels.disjunctor = false;
        let infoDATA = {
          stype: data.stype,
          scode: data.scode,
          patientName: data.patientName,
          sickRoom: data.sickRoom ?
            data.sickRoom.dept : "-",
          checkDept: data.checkDept ?
            data.checkDept.dept : "-",
          bedNum: data.bedNum,
        };
        uni.navigateTo({
          url: `../scanning_B/scanning_B?res=${encodeURIComponent(
          JSON.stringify({data,status:666,scanCodeSpecimenOrderSign:data.scanCodeSpecimenOrderSign,workOrder:data.workOrderDTO})
        )}&infoDATA=${encodeURIComponent(
          JSON.stringify(infoDATA)
        )}`,
        });
      },
      // 手动查询标本-取消
      speCancel() {
        this.speModels.disjunctor = false;
      },
      // 手动查询标本弹窗
      showHandViewSpecimen() {
        this.speModels = {
          title: '填写标本编码',
          disjunctor: true,
        }
      },
      // 执行中筛选
      // execFilter({
      //   detail: {
      //     value
      //   }
      // }) {
      //   this.index = value;
      //   this.arrayKey = this.array[value].id;
      //   this.zxzData = [];
      //   this.totalNum = -1;
      //   this.idx = 0;
      //   this.selectedLabelSlots = "执行中";
      //   this.executingOrders(0);
      // },
			// 获取任务类型
			getTaskData(){
				let data = {
				  idx:0,
				  sum: 9999,
				};
				let url = null
				if(this.selectedLabelSlots=='待接单'){
					url = '/workerOrder/waitingOrdersByTaskType'
				}else{
					url = '/workerOrder/executingOrdersByTaskType'
				}
				post(url, data).then(res => {
				  this.taskData = res.data.map(i=>{
						return {
							text:i.name+'('+i.count+')',
							value:i.id
						}
					})
				});
			},
			closeDrawer() {
				this.isShowExecFilter = false;
				let data = uni.getStorageSync("admStore")
				data.isSearch = false
				uni.setStorageSync("admStore",data)
			},
      // 执行中筛选
      execFilter() {
				this.getTaskData()
        this.isShowExecFilter = true;
      },
			// 筛选确定之后数据操作
			setScreenData(){
				let data = {
					deptName:this.deptName,
					deptId:this.deptId,
					currentId:this.currentId, //工单状态
					taskType:this.taskTypeId, //任务类型
					selectedLabelSlots:this.selectedLabelSlots, //tab选中状态
					taskData:JSON.stringify(this.taskData),
					isSearch:false
				}
				uni.setStorageSync("admStore",data)
			},
      // 执行中确定
      execFilterOk() {
        this.isShowExecFilter = false;
        this.zxzData = [];
        this.totalNum = -1;
        this.idx = 0;
				this.setScreenData()
				if (this.selectedLabelSlots == "待接单") {
				  this.waitingOrders(0);
				} else if (this.selectedLabelSlots == "执行中") {
				  this.executingOrders(0);
				}
      },
      // 执行中重置
      execFilterReset() {
        this.currentId = 0;
        this.deptName = '';
				this.deptId = ''//科室id
				this.taskTypeId = '' //任务类型
				uni.setStorageSync("admStore",{})
      },
			cancelPicker(){
			},
      // 大扫描筛选
      execFilterBigScreen({
        detail: {
          value
        }
      }) {
        this.indexBigScreen = value;
        this.arrayKeyBigScreen = this.arrayBigScreen[value].id;
        console.log(this.arrayKeyBigScreen);
        console.log(this.$refs.bigscreen);
        this.$refs.bigscreen.Scanning(this.arrayKeyBigScreen);
      },
      // 获取科室二维码设置开关
      getMenu() {
        let menu = uni.getStorageSync("userData").menu;
        //判断当前登陆人具体角色 start
        let roles = uni.getStorageSync("userData").user.role;
        this.pharmacistFlag = roles.some(
          (item) => item.rolecode === "pharmacist"
        );
        //判断当前登陆人具体角色 end
        // console.log(menu);
        this.arrayBigScreen = [];
        menu.forEach((item) => {
          if (item.link === "wxInspect") {
            this.content.push({
              text: "检查信息",
            });
          } else if (item.link === "wxPatient") {
            this.content.push({
              text: "患者信息",
            });
          } else if (item.link === "wxPharmacy") {
            // 如果是配药师人员,则增加药房
            if (this.pharmacistFlag) {
              this.content.push({
                text: "药房",
              });
            }
          } else if (item.link === "wxCode") {
            this.content.push({
              text: "二维码设置",
            });
          } else if (item.link === "wxSpecimenEntry") {
            this.content.push({
              text: "标本录入",
            });
          } else if (item.link === "wxDrugsbagEntry") {
            this.content.push({
              text: "药品录入",
            });
          } else if (item.link === "workState" && this.workState == 1) {
            this.content.push({
              text: "示闲",
            });
          } else if (item.link === "workState" && this.workState == 2) {
            this.content.push({
              text: "示忙",
            });
          } else if (item.link === "sendBuild") {
            this.content.push({
              text: "送回发起",
            });
          } else if (item.link === "sendHandover") {
            this.content.push({
              text: "领取交接",
            });
          } else if (item.link === "medicalWasteOut") {
            this.content.push({
              text: "医废出库",
            });
          } else if (item.link === "wxTakeMedicine") {
            this.content.push({
              text: "摆药取药",
            });
          } else if (item.link === "myQrcode") {
            this.content.push({
              text: "我的二维码",
            });
          } else if (item.link === "departmentQrcode") {
            this.content.push({
              text: "科室二维码",
            });
          } else if (item.link === "formManagementWechat") {
            this.content.push({
              text: "查看表单",
            });
          } else if (item.link === "BIAOBEN") {
            this.arrayBigScreen.push({
              id: 'BIAOBEN|$|',
              name: "标本",
            });
          } else if (item.link === "YAOPING") {
            this.arrayBigScreen.push({
              id: 'YAOPING|$|',
              name: "药品",
            });
          } else if (item.link === "HUANZHE") {
            this.arrayBigScreen.push({
              id: 'HUANZHE|$|',
              name: "患者",
            });
          } else if (item.link === "XIEZHIPING") {
            this.arrayBigScreen.push({
              id: 'XIEZHIPING|$|',
              name: "血制品",
            });
          } else if (item.link === "KJJD") {
            this.arrayBigScreen.push({
              id: 'KJJD|$|',
              name: "快捷建单",
            });
          } else if (item.link === "kuaijiejiedan") {
            this.arrayBigScreen.push({
              id: 'kuaijiejiedan|$|',
              name: "快捷接单",
            });
          } else if (item.link === "quickOrderAcceptanceWx") {
            this.content.push({
              text: "快捷接单",
            });
          } else if (item.link === "wxQuiltRecovery") {
            this.content.push({
              text: "被服回收",
            });
          }
        });
      },
      // 拍照
      photograph(data) {
        photographTool(data);
      },
      // 如果不是静配，药配，标本配送,标本轮巡
      // 科室签到（小扫描）-拍照
      nextDeptOrder_ss(data, accountObj) {
        console.log(this.currentCode);
        let isKs = 0;
        let ids = [];
        let id = data.id;
        ids.push(id);
        let list = {
          code: "",
          ids: ids,
        };
        let code = "";
        let type = "";
        if (this.currentCode) {
          let gdStateValue = data.gdState.value; //工单状态value
          let associationTypeValue = data.taskType.associationType.value; //关联类型value

          // 其他临床服务，并且工单状态是待到达||工单状态待送达
          if (
            (associationTypeValue == "other" &&
              gdStateValue == "4") ||
            gdStateValue == "5"
          ) {
            code = this.currentCode;
            type = "orderSign/" + code;
            list = {
              ids
            };
            if (accountObj) {
              list.handover = [accountObj.accountId];
            }
            isKs = 1;
          }
          uni.showLoading({
            title: "加载中",
            mask: true,
          });
          post("/workerOrder/" + type, list).then((res) => {
            uni.hideLoading();
            if (res) {
              if (res.status == 200) {
                if (
                  gdStateValue == "4" &&
                  associationTypeValue == "other"
                ) {
                  uni.navigateTo({
                    url: `../../pages/scanning_code/scanning_code?type=${associationTypeValue}&type1=${res.type}&id=${data.id}&deptCode=${code}&dept=${res.dept}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}`,
                  });
                }
                if (gdStateValue == "5") {
                  uni.navigateTo({
                    url: `../../pages/scanning_code/scanning_code?type=${associationTypeValue}&type1=${res.type}&id=${data.id}&deptCode=${code}&dept=${res.dept}&accountObj=${encodeURIComponent(JSON.stringify(accountObj))}`,
                  });
                }
              } else {
                uni.navigateTo({
                  url: `../../pages/scanning_Result/scanning_Result?type=${
                  associationTypeValue
                }&type1=${res.type}&id=${data.id}&status=600&msg=${
                  res.msg
                }&taskTypeId=${
									this.infoDATA.taskType.id
								}&isKs=${isKs}&model=${encodeURIComponent(
                  JSON.stringify(res)
                )}&qrcode=${this.currentCode}`,
                });
              }
            } else {
              uni.navigateTo({
                url: `../../pages/scanning_Result/scanning_Result?id=${data.id}&status=600&msg=扫码失败！请扫描正确的二维码！&isKs=${isKs}&qrcode=${this.currentCode}`,
              });
            }
          });
        }
      },

      // 填写交接人工号-确认
      hosOk(data) {
        console.log(data);
        const {
          accountName,
          account,
          accountId
        } = data;
        if (!accountName && !account) {
          //没有填写交接人
          uni.showModal({
            title: '提示',
            content: "请填写交接人工号！",
            showCancel: false,
            success: function(res) {
              if (res.confirm) {
                console.log('用户点击确定');
              } else if (res.cancel) {
                console.log('用户点击取消');
              }
            }
          });
          return;
        } else if (!accountName && account || accountName && !account) {
          //没有填写交接人
          uni.showModal({
            title: '提示',
            content: "请填写正确的交接人工号！",
            showCancel: false,
            success: function(res) {
              if (res.confirm) {
                console.log('用户点击确定');
              } else if (res.cancel) {
                console.log('用户点击取消');
              }
            }
          });
          return;
        }
        this.hosModels.disjunctor = false;
        let associationTypeValue = this.currentData.taskType.associationType.value;
        console.log(associationTypeValue)
        this.uploadToOther(this.currentData, data, 'start');
      },
      // 填写交接人工号-取消
      hosCancel() {
        this.hosModels.disjunctor = false;
      },
      // 填写交接人工号弹窗
      showSelectAccount() {
        this.hosModels = {
          disjunctor: true,
        }
      },
      // 拍照-上传
      uploadToOther(data, accountObj, type){
        // 其他临床服务拍照签到
        console.log(data, 1111);
        let id_seimin;
        let asTypeValue_seimin;
        let gdStateValue_seimin;
        if (data.status != 200 && data.status !== undefined) {
          id_seimin = data.id;
          asTypeValue_seimin = data.type;
          gdStateValue_seimin = JSON.parse(data.model).gdstate2; //type改成gdstate
        } else {
          id_seimin = data.id;
          asTypeValue_seimin = data.taskType.associationType.value;
          gdStateValue_seimin = data.gdState.value;
        }
        //#ifdef H5
        uni.chooseImage({
          count: 1,
          sourceType: ['camera'],
          success: (chooseImageRes) => {
            console.log(chooseImageRes, pathUrl)
            const tempFilePaths = chooseImageRes.tempFilePaths;
            const tempFiles = chooseImageRes.tempFiles;
            let tp = tempFilePaths[0];
            uni.showLoading({
              mask: true,
              title: '加载中'
            });
            post('/workerOrder/findRecordInfoByOrderId', {
              orderId: id_seimin,
              gdOperate: 21,
            }).then(result => {
              console.log(result)
              if (result.state == 200) {
                uni.getImageInfo({
                  src: tp,
                  success: (res) => {
                    console.log('压缩前', res)
                    let canvasWidth = res.width //图片原始长宽
                    let canvasHeight = res.height
                    let img = new Image()
                    img.src = res.path
                    let canvas = document.createElement('canvas');
                    let ctx = canvas.getContext('2d')
                    canvas.width = canvasWidth
                    canvas.height = canvasHeight
                    ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight)
                    canvas.toBlob((fileSrc) => {
                      tp = window.URL.createObjectURL(fileSrc)
                      console.log('压缩后', tp);
                      uni.uploadFile({
                        url: pathUrl + '/common/common/uploadAttachment/'+(type == 'start' ? 'orderStartPhoto' : 'orderEndPhoto')+'/' + id_seimin + '/' + result.recordId,
                        filePath: tp,
                        name: 'file',
                        formData: {
                          'filename': tempFiles[0].name ? tempFiles[0].name.split('.')[0] + '.jpg' : tempFiles[
                            0].path.split(
                              /[\\/]/).reverse()[0].split('.')[0] + '.jpg'
                        },
                        success: (uploadFileRes) => {
                          console.log(uploadFileRes, 10086, asTypeValue_seimin);
                          this.nextDeptOrder_ss(data, accountObj, type);
                        },
                        fail: err => {
                          console.error(err);
                          uni.hideLoading();
                          uni.showToast({
                            icon: 'none',
                            title: '上传失败',
                            duration: 2000
                          });
                        }
                      });
                    }, 'image/jpeg', 0.3)
                  },
                  fail: function () {
                    uni.hideLoading();
                    uni.showToast({
                      icon: 'none',
                      title: '上传失败',
                      duration: 2000
                    });
                  }
                })
              } else {
                uni.hideLoading();
                uni.showToast({
                  icon: "none",
                  title: result.msg || "接口获取数据失败！",
                });
              }
            })
          }
        });
        //#endif
        //#ifdef APP-PLUS
        uni.chooseImage({
          count: 1,
          sourceType: ['camera'],
          sizeType: ['compressed'],
          success: (chooseImageRes) => {
            console.log(chooseImageRes, pathUrl)
            const tempFilePaths = chooseImageRes.tempFilePaths;
            const tempFiles = chooseImageRes.tempFiles;
            let tp = tempFilePaths[0];
            uni.showLoading({
              mask: true,
              title: '加载中'
            });
            post('/workerOrder/findRecordInfoByOrderId', {
              orderId: id_seimin,
              gdOperate: 21,
            }).then(result => {
              console.log(result)
              if (result.state == 200) {
                uni.compressImage({
                  src: tp,
                  quality: 30,
                  success: (res) => {
                    console.log('压缩前', res)
                    tp = res.tempFilePath;
                    console.log('压缩后', tp);
                    uni.uploadFile({
                      url: pathUrl + '/common/common/uploadAttachment/'+(type == 'start' ? 'orderStartPhoto' : 'orderEndPhoto')+'/' + id_seimin + '/' + result.recordId,
                      filePath: tp,
                      name: 'file',
                      formData: {
                        'filename': tempFiles[0].name ? tempFiles[0].name.split('.')[0] + '.jpg' : tempFiles[
                          0].path.split(
                            /[\\/]/).reverse()[0].split('.')[0] + '.jpg'
                      },
                      success: (uploadFileRes) => {
                        console.log(uploadFileRes, 10086, asTypeValue_seimin);
                        this.nextDeptOrder_ss(data, accountObj, type);
                      },
                      fail: err => {
                        console.error(err);
                        uni.hideLoading();
                        uni.showToast({
                          icon: 'none',
                          title: '上传失败',
                          duration: 2000
                        });
                      }
                    });
                  },
                  fail: function () {
                    uni.hideLoading();
                    uni.showToast({
                      icon: 'none',
                      title: '上传失败',
                      duration: 2000
                    });
                  }
                })
              } else {
                uni.hideLoading();
                uni.showToast({
                  icon: "none",
                  title: result.msg || "接口获取数据失败！",
                });
              }
            })
          }
        });
        //#endif
      },
      // 拍照-其他
      async photographToOther(data, type) {
        this.currentData = data;
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        // 其他临床服务
        let result = await post("/dept/scanning", {
          content: type === 'start' ? data.startDept.qrcode : data.endDepts[0].qrcode,
          taskTypeId: data.taskType.id,
          gdState: data.gdState.id,
        });
        uni.hideLoading();
        this.currentCode = result.code;
        if (result.state == 200 || result.state == 201) {
          uni.showModal({
          	title: '提示',
          	content: '请尽量拍摄角度覆盖清洁区域？',
          	success: (res) => {
          		if (res.confirm) {
          			if (result.account) {
          			  this.uploadToOther(data, {
          			    account: result.account,
          			    accountName: result.name,
          			    accountId: result.id,
          			  }, type);
          			} else {
          			  this.uploadToOther(data, undefined, type);
          			}
          		} else if (res.cancel) {
          			console.log('用户点击取消');
          		}
          	}
          });
        } else if (result.state == '0000') {
          this.showSelectAccount();
        } else {
          uni.showToast({
            icon: "none",
            title: result.info || "接口获取数据失败！",
          });
        }
      },
			fabClick(){
			},
      // 悬浮按钮点击事件
      trigger(e) {
        if (e.item.text === "我的任务") {
          uni.navigateTo({
            url: "../mypage/mypage",
          });
        } else if (e.item.text === "退出登录") {
          // 假登录
          uni.showToast({
            title: "退出成功！",
          });
          let ip = uni.getStorageSync("ip"); //记住域名或ip
          let username = uni.getStorageSync("username"); //记住用户名
          let password = uni.getStorageSync("password"); //记住密码
          let savePasswordTime = uni.getStorageSync("savePasswordTime"); //记住密码的时间戳
          let clientid = uni.getStorageSync("clientid");
          uni.clearStorageSync();
          if (username) {
            uni.setStorageSync("ip", ip); //记住域名或ip
            uni.setStorageSync("username", username); //记住用户名
            uni.setStorageSync("password", password); //记住密码
            uni.setStorageSync("savePasswordTime", savePasswordTime); //记住密码的时间戳
          }
          uni.setStorageSync("clientid", clientid);
          uni.navigateTo({
            url: "../homePage/homePage",
          });
          // 假登录
          deleteIt("/auth/logout2").then((result) => {
            if (result.status == 200) {
              uni.showToast({
                title: "退出成功！",
              });
              let ip = uni.getStorageSync("ip"); //记住域名或ip
              let username = uni.getStorageSync("username"); //记住用户名
              let password = uni.getStorageSync("password"); //记住密码
              let clientid = uni.getStorageSync("clientid");
              uni.clearStorageSync();
              uni.setStorageSync("ip", ip); //记住域名或ip
              uni.setStorageSync("username", username); //记住用户名
              uni.setStorageSync("password", password); //记住密码
              uni.setStorageSync("clientid", clientid);
              uni.navigateTo({
                url: "../homePage/homePage",
              });
            } else {
              uni.showToast({
                icon: "none",
                title: result.msg || "接口获取数据失败！",
              });
            }
          });
        } else if (e.item.text === "药房") {
          uni.navigateTo({
            url: "../pharmacy/pharmacy",
          });
        } else if (e.item.text === "患者信息") {
          uni.navigateTo({
            url: "../patientInformationList/patientInformationList",
          });
        } else if (e.item.text === "负责科室") {
          if (uni.getStorageSync("setDepts")) {
            uni.removeStorageSync("setDepts"); //清空选择的科室,初始化
          }
          let obj = uni.getStorageSync("setDeptConfg");
          uni.navigateTo({
            url: `../setDept/setDept?configName=${obj.configName}&id=${obj.id}&changedept=1`,
          });
        } else if (e.item.text === "检查信息") {
          uni.navigateTo({
            url: "../inspectList/inspectList",
          });
        } else if (e.item.text === "二维码设置") {
          uni.navigateTo({
            url: "../settingCode/settingCode",
          });
        } else if (e.item.text === "标本录入") {
          this.showHandViewSpecimen();
        } else if (e.item.text === "药品录入") {
          this.showHandViewDrugsbag();
        } else if (e.item.text === "示忙") {
          this.showLeisure();
        } else if (e.item.text === "示闲") {
          this.showBusy();
        } else if (e.item.text === "摆药取药") {
          this.handleTakeMedicine()
        } else if (e.item.text === "我的二维码") {
          this.myQrcodeHandler()
        } else if (e.item.text === "科室二维码") {
          this.departmentQrcodeHandler()
        } else if (e.item.text === "查看表单") {
          uni.navigateTo({
            url: "../formManagementWechat/formManagementWechat",
          });
        } else if (e.item.text === "快捷接单") {
          uni.navigateTo({
            url: "../quickOrderAcceptanceWx/quickOrderAcceptanceWx",
          });
        } else if (e.item.text === "被服回收") {
          this.quiltScan();
        } else if (e.item.text === "送回发起") {
          uni.navigateTo({
            url: "/pages/quiltWashing/quiltWashingSendSelectDept/quiltWashingSendSelectDept",
          });
        } else if (e.item.text === "领取交接") {
          this.quiltScan_send();
        } else if (e.item.text === "医废出库") {
          uni.navigateTo({
            url: "/pages/medicalWaste/medicalWasteSelect/medicalWasteSelect",
          });
        }
      },
      //确定
      ok1() {
        this.models1.disjunctor = false;
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        let startDeptId, startDeptName, handoverId, handoverName;
        if(this.clothingType === 'user'){
          startDeptId = this.quiltData.dept.id;
          startDeptName = this.quiltData.dept.dept;
          handoverId = this.quiltData.id;
          handoverName = this.quiltData.name;
        }else if(this.clothingType === 'dept'){
          startDeptId = this.quiltData.id;
          startDeptName = this.quiltData.dept;
          handoverId = undefined;
          handoverName = '';
        }
        post("/transflow/createOrTakeOrder", {
          type: 'clothingGet',
          id: 0,
          startDeptId,
          hosId: this.hosId,
          handoverId,
        }).then((res) => {
          uni.hideLoading();
          if (res.data && res.data.state == 200) {
            uni.navigateTo({
              url: `../quiltWashing/quiltWashingGetSignIn/quiltWashingGetSignIn?quiltCode=${this.quiltCode}&startDeptId=${startDeptId}&startDeptName=${startDeptName}&orderId=${res.data.orderId}&name=${handoverName}`,
            });
          }else{
            uni.showToast({
              icon: "none",
              title: res.data ? res.data.msg : "接口获取数据失败！",
            });
          }
        });
      },
      //取消
      cancel1() {
        this.models1.disjunctor = false;
      },
      // 被服回收弹窗
      showQuiltData(data) {
        this.quiltData = data;
        let content = '';
        if(this.clothingType === 'user'){
          content = `您扫描的是<strong class="red">${data.name}</strong>的工号，是否建立<strong class="red">${data.dept.dept}</strong>的被服回收工单吗？`;
        }else if(this.clothingType === 'dept'){
          content = `您扫描的科室码，是否建立<strong class="red">${data.dept}</strong>的被服回收工单吗？`;
        }
        this.models1 = {
          disjunctor: true,
          title: "提示",
          content,
          icon: "warn",
          operate: {
            ok: "建立工单",
            cancel: "取消",
          },
        };
      },
      //确定
      ok2(deptDto) {
        console.log(deptDto);
        this.models2.disjunctor = false;
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        let startDeptId, startDeptName, handoverId, handoverName;
        if(this.clothingType === 'user'){
          startDeptId = deptDto.id;
          startDeptName = deptDto.dept;
          handoverId = this.quiltData.id;
          handoverName = this.quiltData.name;
        }else if(this.clothingType === 'dept'){
          startDeptId = deptDto.id;
          startDeptName = deptDto.dept;
          handoverId = undefined;
          handoverName = '';
        }
        post("/transflow/createOrTakeOrder", {
          type: 'clothingGet',
          id: 0,
          startDeptId,
          hosId: this.hosId,
          handoverId,
        }).then((res) => {
          uni.hideLoading();
          if (res.data && res.data.state == 200) {
            uni.navigateTo({
              url: `../quiltWashing/quiltWashingGetSignIn/quiltWashingGetSignIn?quiltCode=${this.quiltCode}&startDeptId=${startDeptId}&startDeptName=${startDeptName}&orderId=${res.data.orderId}&name=${handoverName}`,
            });
          }else{
            uni.showToast({
              icon: "none",
              title: res.data ? res.data.msg : "接口获取数据失败！",
            });
          }
        });
      },
      //取消
      cancel2() {
        this.models2.disjunctor = false;
      },
      showParentQuiltData(data){
        this.quiltData = data;
        // 判断是否是父级科室
        let startDeptId, startDeptName, handoverId, handoverName, content;
        if(this.clothingType === 'user'){
          startDeptId = this.quiltData.dept.id;
          startDeptName = this.quiltData.dept.dept;
          handoverId = this.quiltData.id;
          handoverName = this.quiltData.name;
          content = `您扫描的是<strong class="red">${handoverName}</strong>的工号，科室为<strong class="red">${startDeptName}</strong>，需要选择相应的子级科室建单。`;
        }else if(this.clothingType === 'dept'){
          startDeptId = this.quiltData.id;
          startDeptName = this.quiltData.dept;
          handoverId = undefined;
          handoverName = '';
          content = `您扫描的是科室为<strong class="red">${startDeptName}</strong>，需要选择相应的子级科室建单。`;
        }
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        post("/data/fetchDataList/department", {
          "idx": 0,
          "sum": 9999,
          "department": {
              "cascadeHosId": this.hosId,
              "parent": {
                "id": startDeptId
              },
              "searchType": 1,// 简单查询
          }
        }).then((res) => {
          uni.hideLoading();
          if (res.status == 200) {
            if(res.list.length > 0){
              this.models2 = {
                disjunctor: true,
                title: "提示",
                content,
                icon: "warn",
                list: res.list,
                operate: {
                  cancel: "取消",
                },
              };
            }else{
              this.showQuiltData(data)
            }
          }else{
            uni.showToast({
              icon: "none",
              title: res.data ? res.data.msg : "接口获取数据失败！",
            });
          }
        });
      },
      //确定
      ok3(busyContent) {
        console.log(busyContent);
        this.models3.disjunctor = false;
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        post("/user/data/changeWorkState", {
          workState: this.workStateList.find(v => v.value == 2).id,
          minute: busyContent.busyMinute,
          workStateRemark: busyContent.busyContent,
        }).then((res) => {
          uni.hideLoading();
          if (res.status == 200) {
            this.getCurrentUserNow();
            this.models3 = {
              disjunctor: true,
              title: "提示",
              content: `您上班状态修改为<strong class="red">${busyContent.busyContent}</strong>，<strong class="red">${busyContent.busyMinute}</strong>分钟后自动恢复`,
              icon: "warn",
              operate: {
                know: "知道了",
              },
            };
          }else{
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        });
      },
      //取消
      cancel3() {
        this.models3.disjunctor = false;
      },
      //知道了
      know3() {
        this.models3.disjunctor = false;
      },
      // 扫描工牌-被服洗涤
      quiltScan() {
        if (!this.SMFlag) {
          return;
        }
        this.SMFlag = false;
        SM().then((content) => {
          uni.showLoading({
            title: "加载中",
            mask: true,
          });
          //检验二维码的有效性(扫码前必须验证)
          post("/dept/scanning", {
              content,
            })
            .then((result) => {
              this.quiltCode = result.code;
              this.SMFlag = true;
              // 200检测通过，201没有有效期也通过。
              if (result.state == 200 || result.state == 201) {
                let data = {
                  code: this.quiltCode, //二维码
                };
                post("/transflow/bigScan", { type: 'clothingGet', code: this.quiltCode })
                  .then((res) => {
                    uni.hideLoading();
                    if (res.state == 200) {
                      this.clothingType = res.type;
                      // 如果当前科室有回收单,并且配送人员是当前登陆人
                      if(res.orderId){
                        if(res.type == 'user'){
                          uni.navigateTo({
                            url: `../quiltWashing/quiltWashingGetSignIn/quiltWashingGetSignIn?quiltCode=${this.quiltCode}&startDeptId=${res.data.dept.id}&startDeptName=${res.data.dept.dept}&orderId=${res.orderId}&name=${res.data.name}&nameId=${res.data.id}`,
                          });
                        } else if(res.type == 'dept'){
                          uni.navigateTo({
                            url: `../quiltWashing/quiltWashingGetSignIn/quiltWashingGetSignIn?quiltCode=${this.quiltCode}&startDeptId=${res.data.id}&startDeptName=${res.data.dept}&orderId=${res.orderId}&name=`,
                          });
                        }
                      }else{
                        this.showParentQuiltData(res.data);
                      }
                    } else {
                      uni.navigateTo({
                        url: `../scanning_Result/scanning_Result?status=${res.state}&msg=${res.msg}&qrcode=${this.quiltCode}`,
                      });
                    }
                  });
              } else {
                uni.hideLoading();
                uni.showToast({
                  icon: "none",
                  title: result.info || "接口获取数据失败！",
                });
              }
            })
        }).catch(err => {
          this.SMFlag = true;
        });
      },
      // 扫描工牌-被服洗涤
      quiltScan_send() {
        if (!this.SMFlag) {
          return;
        }
        this.SMFlag = false;
        SM().then((content) => {
          uni.showLoading({
            title: "加载中",
            mask: true,
          });
          //检验二维码的有效性(扫码前必须验证)
          post("/dept/scanning", {
              content,
            })
            .then((result) => {
              this.quiltCode = result.code;
              this.SMFlag = true;
              // 200检测通过，201没有有效期也通过。
              if (result.state == 200 || result.state == 201) {
                let data = {
                  code: this.quiltCode, //二维码
                };
                post("/transflow/extra", { type: 'clothingSend', receiveAndHandover: true, code: this.quiltCode }).then((res) => {
                  uni.hideLoading();
                  if (res.data && res.data.state == 200) {
                    uni.navigateTo({
                      url: `../quiltWashing/quiltWashingSendsendHandover/quiltWashingSendsendHandover?quiltCode=${this.quiltCode}`,
                    });
                  } else {
                    uni.navigateTo({
                      url: `../scanning_Result/scanning_Result?status=${res.data ? res.data.state : 500}&msg=${res.data ? res.data.msg : ''}&qrcode=${this.quiltCode}`,
                    });
                  }
                });

              } else {
                uni.hideLoading();
                uni.showToast({
                  icon: "none",
                  title: result.info || "接口获取数据失败！",
                });
              }
            })
        }).catch(err => {
          this.SMFlag = true;
        });
      },
      // 我的二维码
      myQrcodeHandler(){
        this.showMyQrcodeModel = {
          disjunctor: true,
        };
      },
      closeMyQrcodeModel(){
        this.showMyQrcodeModel.disjunctor = false;
      },
      // 领血证二维码
      certificatHandler(data){
        this.showCertificatModel = {
          disjunctor: true,
          id: data.id,
        };
      },
      closeCertificatModel(){
        this.showCertificatModel.disjunctor = false;
      },
      // 科室二维码
      departmentQrcodeHandler(){
        this.showDepartmentQrcodeModel = {
          disjunctor: true,
        };
      },
      closeDepartmentQrcodeModel(){
        this.showDepartmentQrcodeModel.disjunctor = false;
      },
      // 摆药取药
      handleTakeMedicine() {
        if (!this.SMFlag) {
          return;
        }
        this.SMFlag = false;
        SM().then((content) => {
          uni.showLoading({
            title: "加载中",
            mask: true,
          });
          //检验二维码的有效性(扫码前必须验证)
          post("/dept/scanning", {
              content,
            })
            .then((result) => {
              this.currentCode = result.code;
              this.SMFlag = true;
              // 200检测通过，201没有有效期也通过。
              if (result.state == 200 || result.state == 201) {
                uni.hideLoading();
                uni.navigateTo({
                  url: `../promptPage/promptPage?code=${result.code}`,
                });
              } else {
                uni.hideLoading();
                uni.showToast({
                  icon: "none",
                  title: result.info || "接口获取数据失败！",
                });
              }
            })
        }).catch(err => {
          this.SMFlag = true;
        });
      },
      // 点击tab页切换
      clickHandler(key) {
        this.selectedLabelSlots = key;
        this.idx = 0;
        this.totalNum = -1;
        this.scroll_top = Math.random(); //回到顶部
				this.execFilterReset()
        if (key === "待接单") {
          this.waitingOrders(0);
        } else if (key === "执行中") {
          this.executingOrders(0);
        }
      },
      // 进入详情页
      itemInfo(workOrder) {
        console.log(workOrder);
        uni.navigateTo({
          url: `../receipt_infopage/receipt_infopage?id=${workOrder.id}&associationTypeValue=${workOrder.taskType.associationType.value}&associationTypeId=${workOrder.taskType.associationType.id}&taskTypeId=${workOrder.taskType.id}`,
        });
      },
      //抢单后知道了
      know() {
        this.models.disjunctor = false;
        this.idx = 0;
        this.totalNum = -1;
        // this.zxzData = [];
        this.executingOrdersGetNum();
        this.waitingOrders(0); //seimin
        this.scroll_top = Math.random(); //回到顶部
      },
      //抢单确定
      ok() {
        this.models.disjunctor = false;
        get("/workerOrder/takeOrder/" + this.qdId.id).then((res) => {
          let msg = "接单失败";
          let icon = "error";
          if (res.status == 200) {
            msg = "接单成功";
            icon = "success";
          }
          this.models = {
            disjunctor: true,
            content: msg,
            icon: icon,
            operate: {
              know: "知道了",
            },
          };
        });
      },
      //抢单取消
      cancel() {
        this.models.disjunctor = false;
      },
      // 抢单
      showAlerts(data) {
        this.qdId = data;
        this.models = {
          disjunctor: true,
          title: "提示",
          content: "是否确定接单?",
          icon: "warn",
          operate: {
            ok: "确定",
            cancel: "取消",
          },
        };
      },
      //执行中列表数据获取
      executingOrders(idx,type) {
        console.log(this.zxzData.length, this.totalNum);
        if (this.zxzData.length == this.totalNum) {
          uni.showToast({
            icon: "none",
            title: "没有更多数据了！",
          });
          this.freshing = true;
          return;
        }
        let data = {
          idx,
          sum: 20,
        };

        if (this.currentId) {
          data.keyWord = this.currentId;
        } else {
          delete data.keyWord;
        }

        if (this.deptId) {
          data.deptId = this.deptId;
        } else {
          delete data.deptId;
        }

				if (this.taskTypeId) {
				  data.taskTypeId = this.taskTypeId;
				} else {
				  delete data.taskTypeId;
				}

        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        post("/workerOrder/executingOrders", data).then((res) => {
          uni.hideLoading();
          if (res.status == 200) {
            this.triggered = false;
            this.freshing = true;
            this.totalNum = res.data.resultCount;
            res.data.data = res.data.data || [];
            res.data.data.forEach(v => {
              v.clinicalTaskIdsFlag = this.clinicalTaskIds.includes(v.taskType.id.toString());
            })
            if (idx === 0) {
              this.zxzData = res.data.data;
            } else {
              this.zxzData.push(...res.data.data);
            }
            this.tabs[1].num = res.data.resultCount;
          } else {
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        });
      },
      //待抢单列表数据获取
      waitingOrders(idx) {
        if (this.zxzData.length == this.totalNum) {
          uni.showToast({
            icon: "none",
            title: "没有更多数据了！",
          });
          this.freshing = true;
          return;
        }
        let data = {
          idx,
          sum: 20,
        };
				if (this.deptId) {
				  data.deptId = this.deptId;
				} else {
				  delete data.deptId;
				}

				if (this.taskTypeId) {
				  data.taskTypeId = this.taskTypeId;
				} else {
				  delete data.taskTypeId;
				}

        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        // 请求列表数据
        post("/workerOrder/waitingOrders", data).then((res) => {
          uni.hideLoading();
          if (res.status == 200) {
            this.triggered = false;
            this.freshing = true;
            this.totalNum = res.data.resultCount;
            if (idx === 0) {
              this.zxzData = res.data.data;
            } else {
              this.zxzData.push(...res.data.data);
            }
            this.tabs[0].num = res.data.resultCount;
          } else {
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        });
      },
      //刷新
      refresherrefresh() {
        if (this.triggered) {
          return;
        }
        this.triggered = true;
        this.idx = 0;
        this.totalNum = -1;
        if (this.selectedLabelSlots == "待接单") {
          this.waitingOrders(0);
        } else if (this.selectedLabelSlots == "执行中") {
          this.executingOrders(0);
        }
      },
      // 滚动
      scroll(e) {
        if (e.detail.scrollTop < 20) {
          this.scroll_refresher_enabled = true;
        } else {
          this.scroll_refresher_enabled = false;
        }
      },
      // 下拉刷新复位
      refresherrestore() {
        this.triggered = false;
        console.log("下拉刷新复位");
      },
      //下拉刷新中止
      refresherabort() {
        this.triggered = false;
        console.log("下拉刷新中止");
      },
      //分页,上拉加载
      scrolltolower() {
        if (this.freshing) {
          this.freshing = false;
          if (this.selectedLabelSlots == "待接单") {
            this.waitingOrders(++this.idx);
          } else if (this.selectedLabelSlots == "执行中") {
            this.executingOrders(++this.idx);
          }
        }
      },
      // 执行中获取数字
      executingOrdersGetNum() {
        let data = {
          idx: 0,
          sum: 20,
        };
        if (this.arrayKey) {
          data.keyWord = this.arrayKey;
        } else {
          delete data.keyWord;
        }
        post("/workerOrder/executingOrders", data).then((res) => {
          if (res.status == 200) {
            this.tabs[1].num = res.data.resultCount;
          } else {
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        });
      },
      // 待接单获取数字
      waitingOrdersGetNum() {
        let data = {
          idx: 0,
          sum: 20,
        };
        post("/workerOrder/waitingOrders", data).then((res) => {
          if (res.status == 200) {
            this.tabs[0].num = res.data.resultCount;
          } else {
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        });
      },
      // 阻止浏览器滑动
      stop(e) {
        e.preventDefault();
      },
      // 更新用户所在科室
      updateUser(dept) {
        post("/user/data/bindDutyDept", {dutyDept: +dept.id}).then((res) => {
          if (res.status == 200) {
            this.getCurrentUserNow(true);
          }else{
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        })
      },
      // 重新获取用户信息
      getCurrentUserNow(updateDept = false) {
        get("/user/data/getCurrentUser").then((res) => {
          if (res.status == 200) {
            let userData = uni.getStorageSync('userData');
            userData.user = res.data;
            uni.setStorageSync('userData', userData);
            // 显示科室二维码
            if(updateDept){
              this.departmentQrcodeHandler()
            }else{
              this.workState = uni.getStorageSync('userData').user.workState ? uni.getStorageSync('userData').user.workState.value : '1';
              this.content.forEach(v => {
                if(v.text == '示忙' || v.text == '示闲'){
                  v.text = this.workState == 1 ? '示闲' : '示忙';
                }
              })
            }
          }else{
            uni.showToast({
              icon: "none",
              title: res.msg || "接口获取数据失败！",
            });
          }
        })
      },
    onLoad(options) {
			let admStore = uni.getStorageSync("admStore");
			if(admStore.type=='searchAdm'){
				if(Object.keys(admStore).length != 0){
					this.$nextTick(_=>{
						if(admStore.isSearch){
							this.isShowExecFilter = true
						}else{
							this.isShowExecFilter = false
						}
						this.deptName = admStore.dept //科室名称
						this.deptId = admStore.deptId //科室id
						this.currentId = admStore.currentId //工单状态
						this.taskTypeId = admStore.taskType //任务类型
						this.selectedLabelSlots = admStore.selectedLabelSlots //tab选中状态
						this.taskData = JSON.parse(admStore.taskData) //任务类型数据
					})
				}
			}
      this.workState = uni.getStorageSync('userData').user.workState ? uni.getStorageSync('userData').user.workState.value : '1';
      // 获取菜单权限
      this.getMenu();
      post("/auth/getUserWorkDept", {}).then((ress) => {
        if (ress.status == 200) {
          let userId = uni.getStorageSync("userData").user.id;
          let groupManager = ress.settings && ress.settings.groupManager; //当前工作组合选择的组
          let workType = ress.settings ? ress.settings.workType : -1; //1是综合，2是自主
          let ruleType = ress.settings ? ress.settings.ruleType : -1; //3是科室绑定人员,4是科室绑定分组，2是绑定分组
          if (workType == 2 && (ruleType == 3 || (ruleType == 4 && userId == groupManager.manager))) {
            //自选排班，科室绑定分组,当前登陆人是组长
            this.content.unshift({
              text: "负责科室",
            });
          }
        }
      });
      // let setDeptConfg = uni.getStorageSync("setDeptConfg");
      // let manager = uni.getStorageSync("manager");
      // let userId = uni.getStorageSync("userData").user.id;
      // console.log(setDeptConfg, manager, userId);
      // if (
      //   setDeptConfg.workSchemeType == 2 &&
      //   (setDeptConfg.ruleType == 3 ||
      //     (setDeptConfg.ruleType == 4 && userId == manager))
      // ) {
      //   //自选排班，科室绑定人员 || 科室绑定分组 && 组长是当前登陆人
      //   this.content.unshift({
      //     text: "负责科室",
      //   });
      // }
      // #ifdef APP-PLUS
      // this.content.push({
      //   text: "退出登录",
      // });
      // #endif
      this.selectedLabelSlots = "执行中";
      this.initList();
      this.getConfig();
      // 科室二维码切换科室回显
      if (options.showDepartmentQrcodeId && options.showDepartmentQrcodeDept) {
        this.updateUser({id: options.showDepartmentQrcodeId, dept: options.showDepartmentQrcodeDept})
      }
      // #ifdef APP-PLUS
      webHandle("no", "app");
			this.isUpdate = true
			this.isApp = true
      // #endif
      // #ifdef H5
      webHandle("no", "wx");
      // #endif
    },
    onShow() {
			this.getConfig();
			let that = this
			// #ifdef APP-PLUS
			this.isUpdate = true
			this.isApp = true
			uni.$off('scan') // 每次进来先 移除全局自定义事件监听器
			uni.$on('scan', function(data) {
				that.padChange(data)
			})
			// #endif
      this.SMFlag = true;
      // #ifdef H5
      document.body.addEventListener("touchmove", this.stop, {
        passive: false,
      });
      // #endif
    },
    onHide() {
      // #ifdef H5
      document.body.removeEventListener("touchmove", this.stop, {
        passive: false,
      });
      // #endif
    },
		}
  };
</script>
<style scoped>
	>>>.uni-fab--leftBottom{
		bottom: calc(65px + var(--window-bottom)) !important;
	}
	>>>.uni-fab__circle--leftBottom{
		bottom: calc(75px + var(--window-bottom)) !important;
	}
</style>
<style lang="less">
	.hideInput{
		height: 40px;
		position: absolute;
		width: 100px;
		top: 100px;
		left: 100px;
		z-index: 99999;
		border: 1px solid;
		padding-left: 10px;
	}
	/deep/ .uni-drawer__content{
		width: 600rpx !important;
	}
	/deep/ .selected-item-active{
		border-bottom: 4rpx solid #49b856;
	}

  .Receiptpage {
    width: 100%;
    height: 100%;
    position: relative;

    .execFilterMask{
      // position: fixed;
      // top: 0;
      // right: 0;
      // bottom: 0;
      // left: 0;
      // z-index: 9999;
      // background-color: rgba(0, 0, 0, 0.5);
      // display: flex;
      // flex-direction: column;
      // justify-content: flex-end;

      .execFilter{
        position: relative;
        background-color: #fff;
        height: 100vh;
        border-radius: 100rpx 100rpx 0 0;

        .execFilterHeader{
          height: 70rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          border-bottom: 2rpx solid #ccc;
        }

        .execFilterBody{
          .execFilterItem{
            padding: 32rpx;
            border-bottom: 2rpx dashed #ccc;
            &:last-of-type{
              border-bottom: none;
            }
            .execFilterItemHeader{}
            .execFilterItemBody{
              display: flex;
              flex-wrap: wrap;
              padding: 32rpx 0 0;
              justify-content: space-between;
              text-align: left;

              .execFilterItemBox{
                width: 200rpx;
                height: 80rpx;
                text-align: center;
                line-height: 80rpx;
                background-color: #f6f6f6;
                margin-bottom: 20rpx;
                border-radius: 80rpx;
                &.active{
                  color: #fff;
                  background-color: #49b856;
                }
              }

              .deptName {
                height: 80rpx;
                background-color: #f6f6f6;
                border-radius: 20rpx;
                padding: 0 20rpx;
								width: 100%;
              }
            }
          }
        }

        .execFilterFooter {
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0;
          line-height: 66rpx;
          height: 100rpx;
          display: flex;
          justify-content: space-between;

          .btn {
            height: 66rpx;
            flex: 1;
            margin: 0 1%;
            background-image: linear-gradient(to right, #72c172, #3bb197);
            color: #fff;
            border-radius: 8rpx;
            font-size: 28rpx;
            margin-top: 16rpx;
            text-align: center;
          }
        }
      }
    }

    .more {
      position: absolute;
      right: 20rpx;
      width: 40rpx;
      height: 4rpx;
      border-top: 2px solid #49b856;
      border-bottom: 2px solid #49b856;
      background-color: #49b856;
      padding: 5px 0;
      background-clip: content-box;
      z-index: 9999;
      top: 50%;
      transform: translateY(-50%);
    }

    .more_picker {
      position: absolute;
      right: 0;
			top: 0;
      height: 100%;
      opacity: 0;
      z-index: 9999;
    }

    .bigScreenWrap{
      position: fixed;
      left: 0;
      right: 0;
      bottom: 30rpx;
      z-index: 999;
      height: 88rpx;
			padding: 0 8rpx;
			display: flex;
			.left{
				width: 25%;
				background-color: #e5e9ed;
				margin-right: 8rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				.left-title{
					font-size: 34rpx;
				}
				.left-icon{
					font-size: 34rpx;
					color: #07863c;
				}
			}
			.right{
				width: 75%;
				background-color: #e5e9ed;
			}
			.right-100{
				width: 100% !important;
			}
    }

    .red {
      color: red !important;
      font-weight: bold !important;
    }

    .page_tab {
      width: 100%;
      height: 96rpx;
      display: flex;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;

      .page_tab_bar {
        flex: 1;
        font-size: 36rpx;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;

        &:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          height: 2rpx;
          width: 100%;
          background-color: transparent;
        }

        .tab_num {
          color: #ff3b53;
          margin-left: 8rpx;
        }

        &.active {
          color: #49b856;

          &:after {
            background-color: #49b856;
          }
        }
      }
    }

    .zwsj {
      position: absolute;
      left: 50%;
      top: 180rpx;
      transform: translateX(-50%);

      .zwsj-img {
        width: 560rpx;
      }

      .zwsj-txt {
        font-size: 36rpx;
        font-weight: 700;
        margin-top: 20rpx;
        text-align: center;
      }
    }

    .page_items {
      height: calc(100vh - 214rpx);
      padding: 0 20rpx;
      // padding-bottom: 88rpx;
      padding-top: 96rpx;

      .page_items_scroll {
        height: 100%;

        .page_item_wrap {
          position: relative;
          margin-bottom: 32rpx;

          .page_item {
            margin-bottom: 16rpx;
            // min-height: 356rpx;
            background: #fff;
            border-radius: 8rpx;
            overflow: hidden;
            border: 2rpx solid #e5e9ed;

            .L {
              width: 40rpx;
              height: 40rpx;
              border-radius: 50%;
              background: #f9fafb;
              position: absolute;
              left: -24rpx;
              top: 68rpx;
              border: 2rpx solid #e5e9ed;
            }

            .R {
              width: 40rpx;
              height: 40rpx;
              border-radius: 50%;
              background: #f9fafb;
              position: absolute;
              float: right;
              right: -24rpx;
              top: 68rpx;
              border: 2rpx solid #e5e9ed;
            }

            .starting {
              width: 40rpx;
              height: 40rpx;
              color: #fff;
              background: #49b856;
              display: inline-block;
              border-radius: 50%;
              text-align: center;
              line-height: 40rpx;
              font-size: 28rpx;
            }

            .End {
              width: 40rpx;
              height: 40rpx;
              color: #fff;
              background: #39b199;
              display: inline-block;
              border-radius: 50%;
              text-align: center;
              line-height: 40rpx;
              font-size: 28rpx;
            }

            .page_item_top {
              height: 86rpx;
              border-bottom: 2rpx dashed #e5e9ed;
              padding: 0 16rpx;

              .page_item_top_L {
                height: 100%;
                float: left;
                line-height: 88rpx;
                display: flex;
                align-items: center;

                .emergencys {
                  background: #ff3b53 !important;
                  width: 124rpx !important;
                }

                .emergency {
                  background: #ff3b53 !important;
                }

                .emergency1 {
                  background: #49b856 !important;
                }

                .page_item_cont_start {
                  text-align: center;
                  height: 44rpx;
                  width: 104rpx;
                  line-height: 44rpx;
                  border-radius: 8rpx;
                  background: #49b856;
                  color: #fff;

                  .page_item_cont_start-img {
                    width: 22rpx;
                    position: relative;
                    top: 6rpx;
                    margin-right: 8rpx;
                  }
                }

                .L_iocn {
                  display: inline-block;
                  width: 44rpx;
                  height: 44rpx;
                  line-height: 42rpx;
                  border-radius: 100rpx;
                  color: #6cc076;
                  font-size: 32rpx;
                  border: 4rpx solid #6cc076;
                  background: #f0f6ed;
                  text-align: center;
                  margin-right: 8rpx;
                }

                .L_time {
                  color: #6cc076;
                  font-size: 32rpx;
                }

                .L_text {
                  font-size: 32rpx;
                }
              }

              .page_item_top_R {
                height: 100%;
                float: right;
                line-height: 88rpx;
                font-size: 32rpx;

                &.type {
                  margin-right: 32rpx;
                  color: red;
                  max-width: 260rpx;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }
                .text_big{
                  font-weight: bold;
                }
              }
            }

            .page_item_cont {
              min-height: 180rpx;
              padding: 0 16rpx;
              text-align: left;
              position: relative;
              display: flex;
              flex-direction: column;
              justify-content: space-between;

              .text_big {
                font-size: 32rpx;
                margin-left: 10rpx;
                font-weight: 700;
              }

              .line {
                height: 100%;
                width: 2rpx;
                border-left: 2rpx solid #e5e9ed;
                position: absolute;
                // top: 70rpx;
                top: 50%;
                left: 20rpx;
                transform: translateY(-50%);
              }

              .lines {
                height: 40%;
                width: 2rpx;
                border-left: 2rpx solid #e5e9ed;
                position: absolute;
                top: 23%;
                left: 36rpx;
              }

              .emergencys {
                background: #ff3b53 !important;
                width: 124rpx !important;
              }

              .emergency {
                background: #ff3b53 !important;
              }

              .emergency1 {
                background: #49b856 !important;
              }

              .page_item_cont_T {
                // min-height: 80rpx;
                // max-height: 324rpx;
                font-size: 28rpx;
                margin-top: 16rpx;
                display: flex;
                justify-content: space-between;

                .page_item_cont_title {
                  height: 100%;
                  // float: left;
                }

                .page_item_cont_start {
                  text-align: center;
                  // float: right;
                  height: 44rpx;
                  width: 104rpx;
                  line-height: 44rpx;
                  border-radius: 8rpx;
                  background: #49b856;
                  color: #fff;

                  .page_item_cont_start-img {
                    width: 22rpx;
                    position: relative;
                    top: 6rpx;
                    margin-right: 8rpx;
                  }
                }
              }

              .page_item_conts {
                min-height: 30rpx;
                color: rgb(102, 102, 102);
                padding-left: 50rpx;
                font-size: 28rpx;
                margin: 16rpx 0;
                position: relative;

                view:not(.line) {
                  line-height: 1.2;
                }

                text {
                  color: #49b856;
                }
              }

              .page_item_cont_B {
                // padding-top: 20rpx;
                font-size: 28rpx;
                // overflow: hidden;
                margin-bottom: 16rpx;

                .page_item_cont_title {
                  height: 100%;
                  float: left;
                }
              }
            }

            .page_item_btn_wrap {
              display: flex;
              justify-content: space-between;

              .page_item_btn {
                height: 88rpx;
                flex: 1;
                margin-left: 1%;
                background-image: linear-gradient(to right, #72c172, #3bb197);
                border-radius: 8rpx;
                line-height: 88rpx;
                color: #fff;
                font-size: 36rpx;
                font-weight: 700;
                text-align: center;
                &:first-of-type{
                  margin-left: 0;
                }
              }
            }

            .page_item_btn {
              height: 88rpx;
              background-image: linear-gradient(to right, #72c172, #3bb197);
              border-radius: 8rpx;
              line-height: 88rpx;
              color: #fff;
              font-size: 36rpx;
              font-weight: 700;
              text-align: center;
            }
          }

          .L-l {
            width: 2rpx;
            height: 40rpx;
            background: #f9fafb;
            position: absolute;
            left: 20rpx;
            top: 72rpx;
            display: none;
          }

          .R-l {
            width: 2rpx;
            height: 40rpx;
            background: #f9fafb;
            position: absolute;
            right: 20rpx;
            top: 72rpx;
            display: none;
          }
        }
      }
    }

    .text {
      font-size: 36rpx;
    }

    .wt_icon {
      font-size: 40rpx;
    }
  }
</style>