<template>
  <div class="pagePadding">
    <div
      style="width: 100%"
    >
    
      <el-collapse v-model="activeNames" style="margin: -18px 0 0 0">
        <!-- <el-collapse-item title="商品信息" name="1">
              <show-goods-data-table
                :newTime="newTime"
                v-if="newTime !== ''"
                :type="sitem.order_type"
                :skucode="sitem.skuCode"
                :spucode="sitem.spuCode"
                :iscgd="true"
              />

              <editPrice
                :newTime="newTime"
                v-if="
                  newTime !== '' &&
                  sitem.status == '0' &&
                  sitem.can[0].id == '6' &&
                  cost_detailArr.is_gold_price == '1'
                "
                :sitem="sitem"
                :cost_detailArr="cost_detailArr"
                @refresh="refresh"
              >
              </editPrice>
            </el-collapse-item> -->
            <el-collapse-item title="采购单信息" name="2" v-if="newTime!==''">
              <detail2 queryId="CG2206230923441071">
              </detail2>
            </el-collapse-item>

            <el-collapse-item title="采购入库单信息" name="3" v-if="newTime!==''">
              <detail3 queryId="CF2206231840116680">
              </detail3>
            </el-collapse-item>
            
            <el-collapse-item title="采购退货单信息" name="4" v-if="newTime!==''">
              <detail4 queryId="CR2206021737423153">
              </detail4>
            </el-collapse-item>
            <el-collapse-item title="采购工差单信息" name="5" v-if="newTime!==''">
              <detail5 queryId="2">
              </detail5>
            </el-collapse-item>
        </el-collapse>
  
    </div>

  </div>
</template>
   <script>
import mixinPage from "@/mixins/elPaginationHandle";
import asyncRequest from "@/apis/service/reportQuery/saleReport";

import resToken from "@/mixins/resToken";
import { mapGetters } from "vuex";
import detail2 from "./components/detail2/main.vue"
import detail3 from "./components/detail3/main.vue"
import detail4 from "./components/detail4/main.vue"
import detail5 from "./components/detail5/main.vue"

export default {
  name: "test",
  mixins: [mixinPage, resToken],
  components: {
    detail2,
    detail3,
    detail4,
    detail5,
  },

  computed: {
    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
    // powers() {
    //   let tran =
    //     this.$store.getters.btnList.find(
    //       (item) => item.menu_route == "testDetail"
    //     ) || {};
    //   if (tran && tran.action && tran.action.length > 0) {
    //     return tran.action;
    //   } else {
    //     return [];
    //   }
    // },
  },
  data() {
    return {
      newTime: "",
      activeNames: ["2"],
    };
  },
  mounted() {
    // console.log(11111,this.row)
    this.initData();
  },
  methods: {
   getNewTime() {
      this.newTime = new Date().valueOf();
    },
   async initData(){
      this.getNewTime()
    }


  },
};
</script>
   <style lang="scss" scoped>
.purchaseOrderDetail {
}
</style>

