<template>
  <view class="query-wrap">
    <view class="inner-item">
      <view class="text-title">
        <view class="title-circ"> </view>
        <span class="title-text">基本信息</span>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label"> 采购订单号: </view>
          <view class="shuo-unit">
            {{ acceptDetaData.id }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label"> 计划单号: </view>
          <view class="shuo-unit">
            {{ acceptDetaData.purcPlanId }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item">
          <view class="shuo-label"> 采购品种: </view>
          <view class="shuo-cont">
            {{ acceptDetaData.detlCnt || "" }}
          </view>
        </view>
        <view class="shuo-item">
          <view class="shuo-label"> 采购总数: </view>
          <view class="shuo-cont">
            {{ acceptDetaData.purcCntSum || "" }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item">
          <view class="shuo-label"> 采购总额: </view>
          <view class="shuo-cont">
            {{ acceptDetaData.purcAmt || "" }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label"> 配送企业: </view>
          <view class="shuo-cont">
            {{ acceptDetaData.splerName }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label"> 采购员: </view>
          <view class="shuo-cont">
            {{ acceptDetaData.docmker }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label"> 采购时间: </view>
          <view class="shuo-cont">
            {{ acceptDetaData.docmkDate }}
          </view>
        </view>
      </view>
    </view>

    <view class="empty-cont" v-if="listData.length == '0'"> 暂无明细数据 </view>
    <view class="inner-item" v-for="(item, idex) in listData" :key="idex">
      <view class="item-stats">
        <span v-if="item.stas == 'A'">未受理</span>
        <span v-if="item.stas == 'B'">已受理</span>
        <span v-if="item.stas == 'R'">被驳回</span>
        <span v-if="item.stas == 'DB'">部分出库</span>
        <span v-if="item.stas == 'DC'">已出库</span>
        <span v-if="item.stas == 'DQ'">部分验收</span>
        <span v-if="item.stas == 'DR'">已验收</span>
        <span v-if="item.stas == 'Y'">已入库</span>
      </view>
      <view class="text-title" v-if="idex == '0'">
        <view class="title-circ"> </view>
        <span class="title-text">药品清单</span>
      </view>
      <view class="inventory-item" style="margin-top: 40rpx">
        <view class="shuo-item-name">
          <view class="shuo-label-podnme"> 药品名称: </view>
          <view class="shuo-unit">
            <span>{{ item.drugName }}</span>
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label-podnme"> 药品编码: </view>
          <view class="shuo-cont">
            <span>{{ item.drugListId }}</span>
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label-podnme"> 医保编码: </view>
          <view class="shuo-cont">
            <span>{{ item.natDrugNo }}</span>
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label"> 药品规格: </view>
          <view class="shuo-cont">
            {{
              "【" +
              item.specName +
              "*" +
              item.convrat +
              item.pac +
              "/" +
              item.pacUnt +
              "】"
            }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item">
          <view class="shuo-label"> 采购数量: </view>
          <view class="shuo-cont">
            {{ item.purcCnt || "" }}
          </view>
        </view>
        <view class="shuo-item">
          <view class="shuo-label"> 采购金额: </view>
          <view class="shuo-cont">
            {{ item.purcAmt }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item">
          <view class="shuo-label"> 药品剂型: </view>
          <view class="shuo-cont">
            {{ item.dosformName }}
          </view>
        </view>
        <view class="shuo-item">
          <view class="shuo-label"> 单价: </view>
          <view class="shuo-cont">
            {{ item.purcPric || "" }}
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label-podnme"> 批准文号: </view>
          <view class="shuo-cont">
            <span>{{ item.aprvNo || "" }}</span>
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label-podnme"> 生产企业: </view>
          <view class="shuo-cont">
            <span>{{ item.prodentpName }}</span>
          </view>
        </view>
      </view>
      <view class="inventory-item">
        <view class="shuo-item-name">
          <view class="shuo-label-podnme"> 配送企业: </view>
          <view class="shuo-cont">
            <span>{{ item.splerName }}</span>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
import moment from "moment";
export default {
  data() {
    return {
      listData: [],
      acceptDetaData: {},
      subMitData: {},
    };
  },
  onShow() {
    let that = this;
    uni.getStorage({
      key: "puderDelData",
      success: function (res) {
        that.acceptDetaData = res.data;
        that.getDetail(res.data.id);
      },
    });
  },
  mounted() {},
  methods: {
    async getDetail(id) {
      await this.$http("drugHospital.getPurcOrdDetl", { id }, "加载中").then((res) => {
        if (res && res.data) {
          this.listData = res.data || [];
        }
      });
    },
    forMatTime(row) {
      return moment(row).format("YYYY-MM-DD HH:mm");
    },
    //日期格式化
    forMatTime(time) {
      return moment(time).format("YYYY-MM-DD");
    },
    //加时分秒
    forMatTimehs(time) {
      return moment(time).format("YYYY-MM-DD HH:mm");
    },
  },
  watch: {},
};
</script>

<style lang="scss" scoped>
.query-wrap {
  width: 100%;
  height: 100%;
  padding: 20rpx;
  box-sizing: border-box;
  background-color: #f1f1f1;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  padding-bottom: 200rpx;

  .botm-btn {
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    padding-top: 40rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .time-view {
    height: 350rpx;
    background-color: #fff;
    padding: 50rpx 50rpx 0 50rpx;
    box-sizing: border-box;

    .btn-view {
      width: 100%;
      height: 100rpx;
      margin-top: 100rpx;
      display: flex;
      justify-content: space-around;
    }
  }
}
.title-text {
  font-size: 32rpx;
  color: #5ab7a5;
  font-weight: bold;
}
.item-stats {
  margin-top: 80rpx;
}
uni-page-body {
  width: 100%;
  height: 100%;
}
</style>
