<template>
  <view class="Scanning_code" v-if="infoDATA.emergencyType">
    <view class="Scanning_top">
      <view class="Scanning_top_icon">
        <text class="cubeic-ok icon_transport transport-duigou"></text>
      </view>
      <view class="Scanning_top_text">
        <view class="text1" v-if="infoDATA.gdState.value != '6'">签到成功</view>
        <view class="text1" v-if="infoDATA.gdState.value == '6'">扫描成功</view>
        <!-- 工单状态->value -->
        <!-- 待抢单-2，待接单-3，带到达-4，待送达-5，待评价-6，已完成-7，执行中-8 -->
        <view class="text2">
          您已到达
          <text style="font-weight: 600" v-if="
              infoType == 'plan-spe-ddd-1' ||
              infoType == 'spe-ddd-1' ||
              infoType == 'plan-spe-ddd-2' ||
              infoType == 'spe-ddd-2' ||
              infoType == 'drug-ddd-2' ||
              infoType == 'jp-ddd-2'
            ">{{ infoDATA.startDept.dept }}</text>
          <text style="font-weight: 600"
            v-if="infoType == 'drug-dsd-2' || infoType == 'jp-dsd-2'">{{ infoDATA.endDepts[0].dept }}</text>
          <text style="font-weight: 600" v-if="
              infoType == 'plan-spe-dsd-2' ||
              infoType == 'plan-spe-dsd-3' ||
              infoType == 'plan-spe-dsd-1' ||
              infoType == 'spe-dsd-2' ||
              infoType == 'spe-dsd-3' ||
              infoType == 'spe-dsd-1' ||
              infoType == 'ins-zxz-1' ||
              infoType == 'ins-dsd-1' ||
              infoType == 'trans-dsd-1' ||
              (infoType == 'qt-ddd-1' && infoDATA.gdState.value == '5') ||
              infoDATA.gdState.value == '6' ||
              infoDATA.gdState.value == '8'
            ">{{ DEPT }}</text>
          <text v-if="
              infoType == 'ins-zxz-1' ||
              infoType == 'ins-dsd-1' ||
              infoType == 'trans-dsd-1'
            ">, 请扫描患者腕带</text>
          <text v-if="
              infoType == 'plan-spe-ddd-2' ||
              infoType == 'spe-ddd-2' ||
              infoType == 'spe-ddd-1' ||
              infoType == 'plan-spe-ddd-1'
            ">,请取标本</text>
          <text v-if="infoType == 'drug-ddd-2' || infoType == 'jp-ddd-2'">, 请取药包</text>
          <text v-if="infoType == 'drug-dsd-2' || infoType == 'jp-dsd-2'">, 请放置药包</text>
          <text v-if="
              (infoType == 'spe-dsd-3' && infoDATA.gdState.value == '5') ||
              (infoType == 'plan-spe-dsd-3' && infoDATA.gdState.value == '5')
            ">,请扫描标本</text>
          <text v-if="
              infoType == 'plan-spe-dsd-1' ||
              infoType == 'plan-spe-dsd-2' ||
              (infoType == 'plan-spe-dsd-2' && infoDATA.gdState.value == '5') ||
              infoType == 'spe-dsd-1' ||
              infoType == 'spe-dsd-2' ||
              (infoType == 'spe-dsd-2' && infoDATA.gdState.value == '5')
            ">,请放置标本</text>
        </view>
        <text v-if="infoType == 'qt-dsd-1'">工单已完成。</text>
      </view>
    </view>
    <view class="page_item">
      <view class="page_item_top">
        <view class="page_item_top_L">
          <text class="L_text">单号:{{ infoDATA.gdcode }}</text>
          <view class="page_item_cont_start emergency1" v-if="infoDATA.emergencyType.value == 1">
            <text class="page_item_cont_start_txt">
              <text class="cubeic-star icon_transport transport-shiwujiaoxing" style="font-size: 14px"></text>
              {{ infoDATA.emergencyType.name }}
            </text>
          </view>
          <view class="page_item_cont_start emergency" v-if="infoDATA.emergencyType.value == 2">
            <text class="page_item_cont_start_txt">
              <text class="cubeic-star icon_transport transport-shiwujiaoxing" style="font-size: 14px"></text>
              {{ infoDATA.emergencyType.name }}
            </text>
          </view>
          <view class="page_item_cont_start emergencys" v-if="infoDATA.emergencyType.value == 3">
            <text class="page_item_cont_start_txt">
              <text class="cubeic-star icon_transport transport-shiwujiaoxing" style="font-size: 14px"></text>
              {{ infoDATA.emergencyType.name }}
            </text>
          </view>
        </view>
        <view class="page_item_top_R">
          <text class="L_iocn" v-if="infoDATA.taskType.associationType.value == 'specimen'">标本</text>
          <text class="L_iocn" v-if="infoDATA.taskType.associationType.value == 'specimenPlan'">标本</text>
          <text class="L_iocn" v-if="infoDATA.taskType.associationType.value == 'drugsBag'">药品</text>
          <text class="L_iocn" v-if="infoDATA.taskType.associationType.value == 'jPBag'">静配</text>
          <text class="L_iocn" v-if="infoDATA.taskType.associationType.value == 'inspect'">患者陪检</text>
          <text class="L_iocn" v-if="infoDATA.taskType.associationType.value == 'patientTransport'">患者转运</text>
          <text class="L_iocn" v-if="infoDATA.taskType.associationType.value == 'other'">其他配送</text>
        </view>

        <view class="L"></view>
        <view class="R"></view>
      </view>
      <view class="page_item_cont">
        <view class="page_item_cont_T">
          <view class="page_item_cont_title">
            <text> <text class="starting">起</text> 点科室 </text>
            <text class="text_big">{{ infoDATA.startDept.dept }}</text>
          </view>
        </view>
        <view class="line"></view>
        <view class="page_item_cont_B">
          <view class="page_item_cont_title" v-for="(dept, i) in infoDATA.middleDept" :key="'middleDept-' + i">
            <view v-if="infoDATA.taskType.associationType.value == 'inspect'">
              <text> <text class="End">检</text> 查科室 </text>
              <text class="text_big">{{ dept.dept }}</text>
            </view>
          </view>
          <view class="page_item_cont_title" v-for="(dept, i) in infoDATA.endDepts" :key="'endDepts-' + i">
            <view v-if="infoDATA.taskType.associationType.value != 'inspect'">
              <text> <text class="End">终</text> 点科室 </text>
              <text class="text_big">{{ dept.dept }}</text>
            </view>
          </view>
        </view>
      </view>
      <view class="page_item_foot">
        <view class="page_item_foot_text">
          <text class="text1">状态</text>
          <text class="text2"
            v-if="!(infoDATA.gdState.value == '5'&&infoDATA.taskType.associationType.value == 'inspect')">{{ infoDATA.gdState.name }}</text>
          <text class="text2"
            v-if="infoDATA.gdState.value == '5'&&infoDATA.taskType.associationType.value == 'inspect'">待送回</text>
        </view>
        <view class="page_item_foot_text" v-if="infoDATA.gdState.value == '2'">
          <text class="text1">预计响应时间</text>
          <text class="text2">{{ infoDATA.estimeResponseTime || 0 }}</text>
        </view>
        <view class="page_item_foot_text" v-if="infoDATA.gdState.value == '5'">
          <text class="text1" v-if="!(infoDATA.taskType.associationType.value == 'inspect')">预计送达时间</text>
          <text class="text1" v-if="infoDATA.taskType.associationType.value == 'inspect'">预计送回时间</text>
          <text class="text2">{{ infoDATA.estimeCompleteTime || 0 }}</text>
        </view>
        <view class="page_item_foot_text" v-if="infoDATA.gdState.value == '4'">
          <text class="text1">预计到达时间</text>
          <text class="text2">{{ infoDATA.estimateArriveTime || 0 }}</text>
        </view>
        <view class="page_item_foot_text">
          <text class="text1">创建时间</text>
          <text class="text2">{{ infoDATA.startTime }}</text>
        </view>
        <view class="page_item_foot_text" v-if="
            infoDATA.taskType.associationType.value == 'inspect' ||
            infoDATA.taskType.associationType.value == 'patientTransport'
          ">
          <text class="text1">携带设备</text>
          <text class="text2">{{ infoDATA.goods || "暂无" }}</text>
        </view>
        <view class="page_item_foot_text" v-if="
            infoDATA.taskType.associationType.value == 'inspect' ||
            infoDATA.taskType.associationType.value == 'patientTransport'
          ">
          <text class="text1">患者姓名</text>
          <text class="text2">{{ infoDATA.patient.patientName }}({{
              infoDATA.patient.patientCode
            }})</text>
        </view>
      </view>
      <!-- 药包 -->
      <view class="page_item_info" v-if="infoDATA.taskType.associationType.value == 'drugsBag'">
        <text class="page_item_info_title">药包信息</text>
        <text class="text">#{{ infoDATA.drugs.packid }}</text>
      </view>
      <!-- 标本 送达-->
      <view class="page_item_info" v-if="
          infoDATA.taskType.associationType.value == 'specimen' ||
          infoDATA.taskType.associationType.value == 'specimenPlan'
        ">
        <text class="page_item_info_title">标本信息</text>
        <!-- <text class="text" v-if="infoType=='plan-spe-ddd-1'||infoType=='plan-spe-dsd-2'||infoType=='plan-spe-dsd-3'&&infoDATA.gdState.value=='5'||infoType=='spe-ddd-1'||infoType=='spe-dsd-2'||infoType=='spe-dsd-3'&&infoDATA.gdState.value=='5'"> -->
        <!-- <text class="text" v-if="infoType=='plan-spe-ddd-1'||infoType=='plan-spe-dsd-2'||infoType=='plan-spe-dsd-3'&&infoDATA.gdState.value=='5'||infoType=='spe-ddd-1'||infoType=='spe-dsd-2'"> -->
        <text class="text" v-if="
            infoType == 'plan-spe-ddd-1' ||
            infoType == 'plan-spe-dsd-2' ||
            infoType == 'spe-ddd-1' ||
            infoType == 'spe-dsd-2'
          ">
          预计标本总数
          <text class="text_span">{{ infoDATA.expectReceiveNum || 0 }}</text>
        </text>
        <text class="text" v-if="
            (infoType == 'plan-spe-ddd-2' && infoDATA.gdState.value == '4') ||
            (infoType == 'spe-ddd-2' && infoDATA.gdState.value == '4')
          ">
          预计标本总数
          <text>{{ infoDATA.expectReceiveNum || 0 }}</text>
        </text>
        <text class="text" v-if="
            (infoType == 'plan-spe-dsd-2' && infoDATA.gdState.value == '6') ||
            (infoType == 'spe-dsd-2' && infoDATA.gdState.value == '6')
          ">
          已扫描标本总数
          <text>{{ infoDATA.actualReceiveNum || 0 }}</text>
        </text>
        <text class="text" v-if="
            (infoType == 'plan-spe-dsd-3' && infoDATA.gdState.value == '5') ||
            (infoType == 'spe-dsd-3' && infoDATA.gdState.value == '5')
          ">
          已收取标本总数
          <text>{{ infoDATA.actualReceiveNum || 0 }}</text>
        </text>
      </view>
      <!-- 静配 -->
      <view class="page_item_info" v-if="infoDATA.taskType.associationType.value == 'jPBag'">
        <text class="page_item_info_title">静配信息</text>
        <text class="text">#{{ infoDATA.staticDistri.packid }}</text>
      </view>
      <!-- 陪检 -->
      <view v-if="infoDATA.taskType.associationType.value == 'inspect'">
        <view class="page_item_info">
          <text class="page_item_info_title">检查信息</text>
        </view>
        <view id="infos" :animation="animationData">
          <view class="page_item_infos" v-for="(item, i) of infoDATA.checkList" :key="i">
            <view class="page_item_info2">
              <view class="page_item_foot_text">
                <text class="text1">检查科室</text>
                <text class="text2">{{ item.execDept.dept }}</text>
              </view>
              <view class="page_item_foot_text">
                <text class="text1">检查项</text>
                <text class="text2">{{ item.inspectName }}</text>
              </view>
              <view class="page_item_foot_text">
                <text class="text1">预约时间</text>
                <text class="text2">{{ item.yyTime || "-" }}</text>
              </view>
            </view>
          </view>
        </view>
        <view id="pulldown" @click="show('show')" v-if="showType == 'hiddle'">
          点击可查看检查详情
          <text class="cubeic-pulldown icon_transport transport-paixujiantouxia"></text>
        </view>
        <view id="pullup" @click="show('hiddle')" v-if="showType == 'show'">
          点击可收起检查详情
          <text class="cubeic-pullup icon_transport transport-paixujiantoushang"></text>
        </view>
      </view>
    </view>

    <view class="foot_btn2" v-if="infoType == 'plan-spe-ddd-1' || infoType == 'spe-ddd-1'">
      <view class="btn2" @click="Scanning_complete(dataId)">知道了</view>
    </view>
    <view class="foot_btn1" v-if="
        (infoType == 'plan-spe-dsd-1' && infoDATA.gdState.value == '5') ||
        (infoType == 'spe-dsd-1' && infoDATA.gdState.value == '5')
      ">
      <view class="btn1" @click="Scanning_complete(dataId)">工单完成</view>
      <view class="btn2" @click="showAlert">继续配送</view>
    </view>
    <view class="foot_btn1" v-if="
        (infoType == 'plan-spe-ddd-2' && infoDATA.gdState.value == '4') ||
        (infoType == 'spe-ddd-2' && infoDATA.gdState.value == '4')
      ">
      <view class="btn1" @click="Scanning_again(dataId)" v-if="
          infoDATA.taskType.associationType.value == 'specimen' ||
          infoDATA.taskType.associationType.value == 'specimenPlan'
        ">扫描标本</view>
      <view class="btn1" @click="Scanning_again(dataId)" v-if="
          infoDATA.taskType.associationType.value == 'jPBag' ||
          infoDATA.taskType.associationType.value == 'drugsBag'
        ">扫描药包</view>
    </view>
    <view class="foot_btn1" v-if="
        (infoType == 'plan-spe-dsd-3' && infoDATA.gdState.value == '5') ||
        (infoType == 'spe-dsd-3' && infoDATA.gdState.value == '5')
      ">
      <view class="btn1" @click="Scanning_again(dataId)" v-if="
          infoDATA.taskType.associationType.value == 'specimen' ||
          infoDATA.taskType.associationType.value == 'specimenPlan'
        ">扫描标本</view>
      <view class="btn1" @click="Scanning_again(dataId)" v-if="
          infoDATA.taskType.associationType.value == 'jPBag' ||
          infoDATA.taskType.associationType.value == 'drugsBag'
        ">扫描药包</view>
      <view class="btn2" @click="Scanning_complete1(dataId)">完成工单</view>
    </view>
    <view class="foot_btn2" v-if="
        infoType == 'plan-spe-ddd-2' ||
        infoType == 'plan-spe-dsd-2' ||
        (infoType == 'plan-spe-dsd-3' && infoDATA.gdState.value == '5') ||
        infoType == 'spe-ddd-2' ||
        infoType == 'spe-dsd-2' ||
        (infoType == 'spe-dsd-3' && infoDATA.gdState.value == '5')
      ">
      <view class="btn2" @click="Scanning_again(dataId)">继续扫描</view>
    </view>
    <view class="foot_btn2" v-if="
        infoType == 'ins-dsd-1' ||
        infoType == 'ins-zxz-1' ||
        infoType == 'trans-dsd-1'
      ">
      <view class="btn3" @click="Scanning_again(dataId)">继续扫描患者腕带</view>
      <view class="btn3" @click="photograph(infoDATA, { DEPTCode, DEPT, infoType })">拍照</view>
    </view>
    <view class="foot_btn2" v-if="
        infoType == 'plan-spe-ddd-1' ||
        infoType == 'spe-ddd-1' ||
        infoDATA.gdState.value == '6'
      ">
      <view class="btn2" @click="showAlert">知道了</view>
    </view>
    <view class="foot_btn2" v-if="
        infoType == 'drug-ddd-2' ||
        infoType == 'drug-dsd-2' ||
        infoType == 'jp-ddd-2' ||
        infoType == 'jp-dsd-2'
      ">
      <view class="btn2" @click="Scanning_again(dataId)">继续扫描</view>
    </view>
    <view class="foot_btn2" v-if="
        infoType == 'drug-ddd-1' ||
        infoType == 'drug-dsd-1' ||
        infoType == 'jp-ddd-1' ||
        infoType == 'jp-dsd-1'
      ">
      <view class="btn2" @click="showAlert">知道了</view>
    </view>
    <view class="foot_btn2" v-if="infoType == 'qt-ddd-1' && infoDATA.gdState.value == '5'">
      <view class="btn2" @click="showAlert">知道了</view>
    </view>
    <!-- 弹窗 -->
    <showModel :title="models.title" :icon="models.icon" :disjunctor="models.disjunctor" :content="models.content"
      @ok="ok" @cancel="cancel" :operate="models.operate"></showModel>
  </view>
</template>
<script>
  import showModel from "../../components/showModel/showModel.vue";
  import {
    get,
    post,
    SM,
    webHandle
  } from "../../http/http.js";
  import {
    photographTool
  } from "../../tools/photograph.js";
  export default {
    data() {
      return {
        // 完成工单的id
        wcId: "",
        // 弹窗model
        models: {
          disjunctor: false,
        },
        modelFlag: "", //完成工单标识
        animationData: {},
        showType: "hiddle",
        infoDATA: {},
        infoType: "",
        DEPTCode: "",
        DEPT: "",
        dataId: "",
        queryObj: {}, //路由传过来的对象
      };
    },
    methods: {
      // 拍照
      photograph(data, obj) {
        photographTool(data, obj);
      },
      // 扫描
      Scanning_again(id) {
        SM().then((ress1) => {
          // ----------------
          uni.showLoading({
            title: "加载中",
            mask: true,
          });
          //检验二维码的有效性
          post("/dept/scanning", {
            content: ress1,
          }).then((result) => {
            if (result.state == 200 || result.state == 201) {
              let codes = result.code;
              if (codes) {
                let speCode = codes;
                let data = {
                  code: speCode,
                  type: this.infoType,
                  deptCode: this.DEPTCode,
                  ids: [],
                };
                data.ids.push(id);
                let postType = "";
                if (
                  this.infoDATA.taskType.associationType.value == "jPBag" ||
                  this.infoDATA.taskType.associationType.value == "drugsBag"
                ) {
                  postType = "handleDrugsAndJp";
                }
                if (this.infoDATA.taskType.associationType.value == "specimen") {
                  data["speCode"] = data.code;
                  delete data.code;
                  postType = "handleSpes";
                }
                if (
                  this.infoDATA.taskType.associationType.value == "specimenPlan"
                ) {
                  data["speCode"] = data.code;
                  delete data.code;
                  postType = "handlePlanSpes";
                }
                if (this.infoDATA.taskType.associationType.value == "inspect") {
                  // delete data.type;//seimin
                  postType = "handleIns";
                }
                if (
                  this.infoDATA.taskType.associationType.value ==
                  "patientTransport"
                ) {
                  postType = "handleTrans";
                }
                //扫描
                post("/workerOrder/" + postType, data).then((ress) => {
                  if (ress.status == 200) {
                    // 药包核对中状态变为已完成
                    if (
                      this.infoDATA.taskType.associationType.value == "drugsBag"
                    ) {
                      if (this.infoType === "drug-ddd-2") {
                        //起点科室扫描药包的时候
                        let userData = uni.getStorageSync("userData");
                        // 药包核对中状态变为已完成
                        post("/drugsBag/changeToFinish", {
                          id: ress.data.id,
                          recipient: userData.user.name,
                        }).then((result) => {
                          uni.hideLoading();
                          if (result.state == 200) {
                            // --------start----------
                            uni.setStorageSync("speNum", 1);
                            uni.navigateTo({
                              url: `../scanning_Result/scanning_Result?type=${
                              this.queryObj.type
                            }&type1=${
                              this.queryObj.type1
                            }&infoData=${encodeURIComponent(
                              JSON.stringify(ress.data)
                            )}&status=${ress.status}&msg=${ress.msg}&deptCode=${
                              this.queryObj.deptCode
                            }&dept=${
                              this.queryObj.dept
                            }&id=${id}&model=${encodeURIComponent(
                              JSON.stringify(ress)
                            )}`,
                            });
                            // ------------end------------
                          } else {
                            uni.showToast({
                              icon: "none",
                              title: "系统内部错误！",
                            });
                          }
                        });
                      } else {
                        uni.hideLoading();
                        // --------start----------
                        uni.setStorageSync("speNum", 1);
                        uni.navigateTo({
                          url: `../scanning_Result/scanning_Result?type=${
                          this.queryObj.type
                        }&type1=${
                          this.queryObj.type1
                        }&infoData=${encodeURIComponent(
                          JSON.stringify(ress.data)
                        )}&status=${ress.status}&msg=${ress.msg}&deptCode=${
                          this.queryObj.deptCode
                        }&dept=${
                          this.queryObj.dept
                        }&id=${id}&model=${encodeURIComponent(
                          JSON.stringify(ress)
                        )}`,
                        });
                        // ------------end------------
                      }
                    } else {
                      uni.hideLoading();
                      // --------start----------
                      // 患者陪检执行中或待送达,患者转运待送达
                      if (
                        ress.type == "ins-zxz-1" ||
                        ress.type == "ins-dsd-1" ||
                        ress.type == "trans-dsd-1"
                      ) {
                        console.log(ress.patientName, "code");
                        uni.navigateTo({
                          url: `../scanning_Result/scanning_Result?type=${
                          this.queryObj.type
                        }&type1=${
                          this.queryObj.type1
                        }&infoData=${encodeURIComponent(
                          JSON.stringify(ress.data)
                        )}&status=${ress.status}&msg=${ress.msg}&patient=${
                          ress.patient
                        }&patientCode=${ress.patientCode}&deptName=${
                          ress.deptName
                        }&bedNum=${ress.bedNum}&deptCode=${
                          this.queryObj.deptCode
                        }&dept=${
                          this.queryObj.dept
                        }&id=${id}&model=${encodeURIComponent(
                          JSON.stringify(ress)
                        )}`,
                        });
                      } else {
                        uni.setStorageSync("speNum", 1);
                        uni.navigateTo({
                          url: `../scanning_Result/scanning_Result?type=${
                          this.queryObj.type
                        }&type1=${
                          this.queryObj.type1
                        }&infoData=${encodeURIComponent(
                          JSON.stringify(ress.data)
                        )}&status=${ress.status}&msg=${ress.msg}&deptCode=${
                          this.queryObj.deptCode
                        }&dept=${
                          this.queryObj.dept
                        }&id=${id}&model=${encodeURIComponent(
                          JSON.stringify(ress)
                        )}`,
                        });
                      }

                      // ------------end------------
                    }
                  } else {
                    uni.hideLoading();
                    uni.navigateTo({
                      url: `../scanning_Result/scanning_Result?type=${
                      this.queryObj.type
                    }&type1=${this.queryObj.type1}&status=${ress.status}&msg=${
                      ress.msg
                    }&deptCode=${this.queryObj.deptCode}&dept=${
                      this.queryObj.dept
                    }&id=${id}&model=${encodeURIComponent(
                      JSON.stringify(ress)
                    )}`,
                    });
                  }
                });
              }
            } else {
              uni.hideLoading();
              uni.showToast({
                icon: "none",
                title: "请求失败！",
              });
            }
          });
          // ------------------------------
        });
      },
      show(type) {
        this.showType = type;
        if (type === "show") {
          //展开
          // 计算高度
          const query = uni.createSelectorQuery().in(this);
          query
            .selectAll(".page_item_infos")
            .boundingClientRect((data) => {
              let len = data.reduce((prev, current) => {
                return prev + current.height;
              }, 0);
              this.animation.height(len).step();
              this.animationData = this.animation.export();
            })
            .exec();
        } else if (type === "hiddle") {
          this.animation.height(0).step();
          this.animationData = this.animation.export();
        }
      },
      // 确定
      ok() {
        this.models.disjunctor = false;
        if (this.modelFlag == "complete1") {
          //一对多完成扫描
          let ids = [];
          ids.push(this.wcId);
          let data = {
            type: this.infoType,
            ids,
          };
          uni.showLoading({
            title: '加载中',
            mask: true,
          });
          post("/workerOrder/finishSpes", data).then((res) => {
            if (res.status == 200) {
              uni.reLaunch({
                url: "../receiptpage/receiptpage",
              });
            } else {
              uni.hideLoading();
              uni.showToast({
                icon: "none",
                title: "请求失败！",
              });
            }
          });
        } else if (this.modelFlag == "complete") {
          //一对一完成扫描
          let ids = [];
          ids.push(this.wcId);
          uni.showLoading({
            title: '加载中',
            mask: true,
          });
          post("/workerOrder/finishSpeOrder", ids).then((res) => {
            if (res.status == 200) {
              uni.reLaunch({
                url: "../receiptpage/receiptpage",
              });
            } else {
              uni.hideLoading();
              uni.showToast({
                icon: "none",
                title: "请求失败！",
              });
            }
          });
        }
      },
      // 取消
      cancel() {
        this.models.disjunctor = false;
      },
      //一对多完成扫描
      Scanning_complete1(id) {
        this.wcId = id;
        this.modelFlag = "complete1";
        this.models = {
          disjunctor: true,
          title: "提示",
          content: "是否确定标本配送完成？",
          icon: "warn",
          operate: {
            ok: "确定",
            cancel: "取消",
          },
        };
      },
      //一对一完成扫描
      Scanning_complete(id) {
        this.wcId = id;
        this.modelFlag = "complete";
        this.models = {
          disjunctor: true,
          title: "提示",
          content: "是否确定标本配送完成？",
          icon: "warn",
          operate: {
            ok: "确定",
            cancel: "取消",
          },
        };
      },
      // 知道了
      showAlert() {
        uni.navigateTo({
          url: "../receiptpage/receiptpage",
        });
      },
      // 工单详情
      getInfo(id) {
        uni.showLoading({
          title: "加载中",
          mask: true,
        });
        get("/api/fetchData/workOrder/" + id).then((res) => {
          uni.hideLoading();
          if (res.status == 200) {
            this.infoDATA = res.data;
          } else {
            uni.showToast({
              icon: "none",
              title: "请求失败！",
            });
          }
        });
      },
    },
    onLoad(options) {
      console.log(options);
      this.queryObj = options;
      let id = options.id;
      this.dataId = id; //工单ID
      this.infoType = options.type1; //type类型
      this.DEPTCode = options.deptCode; //二维码
      this.DEPT = options.dept; //科室名称
      this.getInfo(this.dataId);
      // 创建动画
      this.animation = uni.createAnimation({
        duration: 500,
        timingFunction: "ease",
      });
      // #ifdef APP-PLUS
      webHandle("no", "app");
      // #endif
      // #ifdef H5
      webHandle("no", "wx");
      // #endif
    },
    onUnload() {
      // 页面关闭后清空数据
      this.animationData = {};
    },
  };
</script>
<style lang="less">
  .Scanning_code {
    padding: 0 20rpx;
    padding-bottom: 124rpx;

    .Scanning_top {
      height: 340rpx;

      .Scanning_top_icon {
        width: 140rpx;
        height: 140rpx;
        margin: 0 auto;
        margin-top: 36rpx;
        border-radius: 50%;
        line-height: 140rpx;

        .cubeic-ok {
          font-size: 140rpx;
          color: #35b34a;
        }
      }

      .Scanning_top_text {
        text-align: center;

        .text1 {
          margin-top: 40rpx;
          font-size: 48rpx;
        }

        .text2 {
          margin-top: 16rpx;
          font-size: 36rpx;
        }
      }
    }

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

      .L {
        width: 40rpx;
        height: 40rpx;
        border-radius: 50%;
        background: #f9fafb;
        position: relative;
        left: -50rpx;
        top: 66rpx;
      }

      .R {
        width: 40rpx;
        height: 40rpx;
        border-radius: 50%;
        background: #f9fafb;
        position: relative;
        float: right;
        right: -50rpx;
        top: 26rpx;
      }

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

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

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

        .page_item_top_L {
          height: 100%;
          float: left;
          line-height: 88rpx;

          .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;
            display: inline-block;

            .page_item_cont_start_txt {
              font-size: 28rpx;
              display: flex;
              align-items: center;
              justify-content: center;
            }
          }

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

          .L_text {
            font-size: 32rpx;
            display: inline-block;
            font-weight: 700;
            margin-right: 8rpx;
          }
        }

        .page_item_top_R {
          height: 60rpx;
          float: right;
          padding-top: 20rpx;
          font-size: 32rpx;
          position: absolute;
          right: 50rpx;

          .L_iocn {
            display: inline-block;
            height: 52rpx;
            line-height: 48rpx;
            color: rgb(7, 134, 60);
            font-size: 36rpx;
            font-weight: 700;
          }
        }
      }

      .page_item_cont {
        min-height: 180rpx;
        max-height: 424rpx;
        padding: 0 16rpx;
        text-align: left;
        position: relative;

        .text_big {
          font-size: 32rpx;
          position: absolute;
          right: 16rpx;
          font-weight: 700;
          margin-top: 10rpx;
        }

        .text_big2 {
          font-size: 32rpx;
          position: absolute;
          right: 16rpx;
          font-weight: 700;
        }

        .line {
          height: 20rpx;
          width: 2rpx;
          border-left: 2rpx solid #e5e9ed;
          position: absolute;
          top: 82rpx;
          left: 40rpx;
        }

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

        .page_item_cont_T {
          padding-top: 28rpx;
          font-size: 28rpx;

          .page_item_cont_title {
            height: 100%;
            font-size: 32rpx;
          }
        }

        .page_item_cont_B {
          padding-top: 28rpx;
          margin-bottom: 28rpx;

          .page_item_cont_title {
            height: 60rpx;
            font-size: 32rpx;
          }

          .page_item_cont_title1 {
            height: 60rpx;
            line-height: 60rpx;
            font-size: 32rpx;
            padding-left: 64rpx;
          }
        }
      }

      .page_item_foot {
        border-top: 2rpx dashed #e5e9ed;
        border-bottom: 2rpx dashed #e5e9ed;
        padding: 28rpx 16rpx;
        text-align: left;

        .page_item_foot_text {
          font-size: 32rpx;
          margin-bottom: 20rpx;

          .text1 {
            color: rgb(102, 102, 102);
          }

          .text2 {
            float: right;
            font-weight: 700;
          }
        }

        .text_padd {
          padding: 0 10% 0 10%;
        }
      }

      .page_item_info {
        padding: 20rpx 16rpx;
        text-align: left;
        line-height: 60rpx;
        font-size: 32rpx;

        .page_item_info_title {
          font-weight: 700;
        }

        .text {
          float: right;
          font-weight: 700;

          .text_span {
            color: #49b856;
          }
        }
      }

      #infos {
        height: 0;
        overflow: hidden;
      }

      .page_item_infos {
        padding-bottom: 20rpx;
        border-bottom: 2rpx dashed #e5e9ed;

        .page_item_info2 {
          text-align: left;
          line-height: 60rpx;
          font-size: 32rpx;
          padding-left: 16rpx;

          .page_item_foot_text {
            font-size: 32rpx;
            margin-bottom: 20rpx;

            .text1 {
              color: rgb(102, 102, 102);
            }

            .text2 {
              float: right;
              font-weight: 700;
            }
          }
        }
      }

      #pulldown {
        color: #49b856;
        font-size: 36rpx;
        height: 60rpx;
        text-align: center;

        .cubeic-pulldown {
          font-size: 48rpx;
          position: relative;
          bottom: 6rpx;
        }
      }

      #pullup {
        color: #49b856;
        font-size: 36rpx;
        height: 60rpx;
        text-align: center;

        .cubeic-pullup {
          font-size: 48rpx;
          position: relative;
          top: 12rpx;
        }
      }
    }

    .foot_btn2 {
      position: fixed;
      bottom: 0;
      right: 20rpx;
      left: 20rpx;
      line-height: 66rpx;
      height: 100rpx;
      border-top: 2rpx solid #e5e9ed;
      background: #f9fafb;
      display: flex;
      justify-content: space-between;

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

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

    .foot_btn1 {
      position: fixed;
      bottom: 0;
      right: 20rpx;
      left: 20rpx;
      line-height: 66rpx;
      height: 100rpx;
      border-top: 2rpx solid #e5e9ed;
      background: #f9fafb;

      .btn1,
      .btn2 {
        height: 66rpx;
        width: 45%;
        background-image: linear-gradient(to right, #72c172, #3bb197);
        color: #fff;
        border-radius: 8rpx;
        font-size: 32rpx;
        margin-top: 16rpx;
        text-align: center;
      }

      .btn1 {
        float: left;
      }

      .btn2 {
        float: right;
        text-align: center;
      }
    }
  }
</style>