<template>
  <view class="Scanning_Result_seimin">
    <view class="Scanning_top" v-if="queryObj.status == 200">
      <view class="Scanning_top_icon">
        <text class="cubeic-ok icon_transport transport-duigou"></text>
      </view>
      <view class="Scanning_top_text">
        <view class="text1"> 操作成功 </view>
      </view>
    </view>

    <view class="Scanning_top" v-if="queryObj.status != 200">
      <view class="Scanning_top_icon">
        <text class="cubeic-close icon_transport transport-shibai"></text>
      </view>
      <view class="Scanning_top_text">
        <view class="text1"> 操作失败 </view>
      </view>
    </view>

    <view class="Scanning_cont" v-if="queryObj.status == 200">
      <view> 药包编码 : #{{ queryObj.packid }} </view>
      <view v-if="queryObj.account"> 交接人账号 : {{ queryObj.account }} </view>
      <view v-if="queryObj.accountName">
        交接人姓名 : {{ queryObj.accountName }}
      </view>
      <view> 所属科室 : {{ queryObj.targetDept || "-" }} </view>
    </view>
    <view class="Scanning_cont" v-if="queryObj.status != 200">
      <view class="Scanning_cont_center">
        {{ queryObj.msg }}
      </view>
    </view>
    <view class="foot_btn">
      <view class="btn3" @click="showAlert()"> 知道了 </view>
      <view class="btn3" @click="toDrugBatches(queryObj.batchNo)" v-if="taskTypeConfig.drugsBatchInfo == 1"> 药品批次 </view>
    </view>
  </view>
</template>
<script>
import { post, webHandle } from "../../http/http.js";
export default {
  data() {
    return {
      hosId: null,
      options: {},
      queryObj: {},
      taskTypeConfig: {},
    };
  },
  methods: {
    // 跳转到药品批次页面
    toDrugBatches(batchNo){
      uni.navigateTo({
        url: `../drugBatches/drugBatches?batchNo=${batchNo}`,
      });
    },
    // 知道了
    showAlert() {
      uni.navigateTo({
        url: "../receiptpage/receiptpage",
      });
    },
    // 判断药品页面控制-是否显示关联批次药品
    isShowDrugsBatchInfo(){
      uni.showLoading({
        title: "加载中",
        mask: true,
      });
      post("/simple/data/fetchDataList/taskType", {
        "idx": 0,
        "sum": 10,
        "taskType": {
          "simpleQuery": true,
          "hosId": {
            "id": this.hosId
          },
          "associationType": {
            "key": "association_types",
            "value": "drugsBag"
          }
        }
      }).then((res) => {
        if (res.status == 200) {
          res.list = res.list || [];
          let taskType = res.list[0] || {};
          if(taskType.id){
            post("/simple/data/fetchDataList/taskTypeConfig", {
              "idx": 0,
              "sum": 10,
              "taskTypeConfig": {
                "taskTypeDTO": {
                  "hosId": {
                    "id": this.hosId
                  },
                  "associationType": taskType.associationType
                }
              }
            }).then((res) => {
              if (res.status == 200) {
                res.list = res.list || [];
                this.taskTypeConfig = res.list[0] || {};
                uni.hideLoading();
              } else {
                uni.hideLoading();
                uni.showToast({
                  icon: "none",
                  title: "请求失败！",
                });
              }
            });
          }else{
            uni.hideLoading();
            uni.showToast({
              icon: "none",
              title: "请配置药品业务类型！",
            });
          }
        } else {
          uni.hideLoading();
          uni.showToast({
            icon: "none",
            title: "请求失败！",
          });
        }
      });
    },
    
  },
  onLoad(options) {
    this.hosId = uni.getStorageSync('userData').user.currentHospital.id;
    console.log(options, "result");
    this.options = options;
    this.isShowDrugsBatchInfo();
    this.queryObj = JSON.parse(this.options.info);
    // #ifdef APP-PLUS
    webHandle("no", "app");
    // #endif
    // #ifdef H5
    webHandle("no", "wx");
    // #endif
  },
};
</script>
<style lang="less">
.Scanning_Result_seimin {
  padding: 0 20rpx;

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

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

      .cubeic-close {
        font-size: 140rpx;
        color: #ff3b53;
      }
    }

    .Scanning_top_text {
      .text1 {
        margin-top: 40rpx;
        font-size: 48rpx;
        text-align: center;
      }

      .success_tips {
        color: red;
        font-size: 30rpx;
      }
    }
  }

  .Scanning_cont {
    font-size: 32rpx;
    text-align: center;

    view {
      margin-bottom: 16rpx;
    }

    .Scanning_cont_center {
      text-align: center;
    }

    .text {
      margin-top: 24rpx;
      color: #35b34a;
    }

    .text1 {
      margin-top: 24rpx;
      color: #ff3b53;
    }
  }

  .foot_btn {
    line-height: 88rpx;
    height: 100rpx;
    margin-top: 40rpx;
    display: flex;
    justify-content: center;

    .btn1,
    .btn2,
    .btn3 {
      height: 88rpx;
      flex: 1;
      margin: 0 1%;
      background-image: linear-gradient(to right, #72c172, #3bb197);
      color: #fff;
      border-radius: 8rpx;
      font-size: 32rpx;
      margin-top: 16rpx;
      text-align: center;
    }
  }
}
</style>
