<template>
  <ListViewWithHead
    :table-config="tableConfig"
    :head-config="headFormConfigs"
    :dialog-configs="dialogConfigs"
    :list-query-extra="[]"
    :trigger-update="triggerUpdateKey"
  />
  <!-- attach-list-query-extra="blenderOrderId" -->
</template>

<script>
import initConfig from "./config";
import ListViewWithHead from "@/views/atomViews/ListViewWithHead.vue";

export default {
  name: "QualityInspectionRecordView",
  components: { ListViewWithHead },
  provide() {
    return {
      urls: this.allUrls,
    };
  },
  computed: {
    // 混料订单id
    id() {
      return this.$route.query.id || "";
    },
  },
  data() {
    const { tableConfig, headFormConfigs, urls, dialogConfigs } = initConfig.call(this);
    return {
      tableConfig,
      headFormConfigs,
      allUrls: urls,
      dialogConfigs,
      triggerUpdateKey: "",
    };
  },
  // watch: {
  //   $route: {
  //     handler: function (route) {
  //       if (route.query.id) {
  //         this.triggerUpdateKey = Math.random().toString();
  //         console.log("[$oute changed] val.params.id", route.query.id, this.triggerUpdateKey);
  //       }
  //     },
  //     immediate: true,
  //     deep: true,
  //   },
  // },
  mounted() {},
  activated() {
    // console.log("activated...");
    this.triggerUpdateKey = Math.random().toString();
  },
  // deactivated() {
  //   console.log("deactivated...");
  // },
  methods: {},
};
</script>

<style scoped></style>
