<template>
  <div class="drugBasicInfo">
    <block-header title="基本信息" style="min-height: 300px">
      <div v-loading="loading">
        <my-descriptions :descriptions="list"></my-descriptions>
      </div>
    </block-header>
  </div>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue";
export default {
  data() {
    return {
      loading: true,
      list: [],
      // 药品
      descriptions: [
        {
          id: 1,
          label: "药品通用名称",
          value: "",
          data:'yptymc',
        },
        {
          id: 2,
          label: "药品英文名称",
          value: "",
          data:'yptymcyw',
        },
        {
          id: 3,
          label: "商品名",
          value: "",
          data:'ypspmc'
        },
        {
          id: 4,
          label: "药品分类",
          value: "",
          data:'ypfl',
        },
        {
          id: 5,
          label: "剂型",
          value: "",
          data:'jx'
        },
        {
          id: 6,
          label: "规格",
          value: "",
          data:'ypgg'
        },
        {
          id: 7,
          label: "包装规格",
          value: "",
          data:'bzgg'
        },
        {
          id: 8,
          label: "批准日期",
          value: "",
          data:'pzrq'
        },
        {
          id: 9,
          label: "药品批准文号",
          value: "",
          data:'yppzwh'
        },
        {
          id: 10,
          label: "批准文号有限期",
          value: "",
          data:'yppzwhyxq'
        },
        {
          id: 11,
          label: "原批准文号",
          value: "",
          data:'ypypzwh'
        },
        {
          id: 12,
          label: "原注册证号",
          value: "",
          data:'ypyzczh'
        },
        {
          id: 13,
          label: "上市许可持有人",
          value: "",
          data:'ssxkcyr'
        },
        {
          id: 14,
          label: "上市许可持有人英文",
          value: "",
          data:'ssxkcyryw'
        },
        {
          id: 15,
          label: "上市许可持有人地址",
          value: "",
          data:'ssxkcyrdz'
        },
        {
          id: 16,
          label: "上市许可持有人地址英文",
          value: "-",
          data:'ssxkcyrdzyw'
        },
        {
          id: 17,
          label: "生产单位",
          value: "-",
          data:'ypscqymc'
        },
        {
          id: 18,
          label: "生产地址",
          value: "",
          data:'scdz'
        },
        {
          id: 19,
          label: "药品编码",
          value: "-",
          data:'ypbm'
        },
        {
          id: 20,
          label: "药品编码备注",
          value: "",
          data:'ypbmbz'
        },
        {
          id: 21,
          label: "生产厂商（中文）",
          value: "-",
          data:'qymczw'
        },
        {
          id: 22,
          label: "生产厂商名称（英文）",
          value: "-",
          data:'qymcyw'
        },
        {
          id: 23,
          label: "厂商地址（中文）",
          value: "-",
          data:''
        },
        {
          id: 24,
          label: "厂商地址（英文）",
          value: "-",
          data:'scdzyw'
        },
        {
          id: 25,
          label: "生产厂商所在国/地区（中文）",
          value: "-",
          data:'dzgjhdqScc'
        },
        {
          id: 26,
          label: "生产厂商所在国/地区（英文）",
          value: "-",
          data:'sccszgdqyw'
        },
        {
          id: 27,
          label: "公司名称（中文）",
          value: "-",
          data:'qymcGs',
        },
        {
          id: 28,
          label: "公司名称（英文）",
          value: "-",
          data:'gsmcyw'
        },
        {
          id: 29,
          label: "公司地址（中文）",
          value: "-",
          data:'gsdzzw'
        },
        {
          id: 30,
          label: "公司地址（英文）",
          value: "-",
          data:'gsdzyw'
        },
        {
          id: 31,
          label: "公司所在国/地区（中文）",
          value: "-",
          data:'gsszgdqzw'
        },
        {
          id: 32,
          label: "公司所在国/地区（英文）",
          value: "-",
          data:'gsszgdqyw'
        },
        {
          id: 33,
          label: "分包装批准文号",
          value: "-",
          data:'fbzpzwh'
        },
        {
          id: 34,
          label: "分包装文号批准日期",
          value: "-",
          data:'fbzwhpzrq'
        },
        {
          id: 35,
          label: "分包装批准文号有效期",
          value: "-",
          data:'fbzpzwhyxq'
        },
        {
          id: 36,
          label: "分包装企业名称",
          value: "-",
          data:'qymcFbz'
        },
        {
          id: 37,
          label: "分包装企业地址",
          value: "-",
          span: 2,
          data:'scdzFbz'
        },
      ],
      // 国产化妆品
      descriptionsTwo: [
        {
          id: 1,
          label: "产品名称",
          value: "",
          data: "mc",
        },
        {
          id: 2,
          label: "备案人名称",
          value: "",
          data: "",
        },
        {
          id: 3,
          label: "备案人住所地址",
          value: "",
          data: "",
        },
        {
          id: 4,
          label: "备案编码",
          value: "",
          data: "bah",
        },
        {
          id: 5,
          label: "备案日期",
          value: "",
          data: "sj",
        },
        {
          id: 6,
          label: "生产企业名称",
          value: "",
          data: "qy",
        },
        {
          id: 7,
          label: "生产企业地址",
          value: "",
          data: "",
        },
        {
          id: 8,
          label: "生产许可证",
          value: "",
          data: "",
        },
        {
          id: 9,
          label: "备注",
          value: "",
          data: "",
        },
        {
          id: 10,
          label: "公示状态",
          value: "",
          data: "",
        },
      ],
      // 进口化妆品
      descriptionsThree: [
        {
          id: 1,
          label: "产品名称（中文）",
          value: "",
          data: "mc",
        },
        {
          id: 2,
          label: "产品名称（英文）",
          value: "",
        },
        {
          id: 3,
          label: "备案编号",
          value: "",
          data: "bah",
        },
        {
          id: 4,
          label: "备案日期",
          value: "",
          data: "sj",
        },
        {
          id: 5,
          label: "备案人（中文）",
          value: "",
        },
        {
          id: 6,
          label: "备案人（英文）",
          value: "",
        },
        {
          id: 7,
          label: "备案人住所地址",
          value: "",
          data: "dz",
        },
        {
          id: 8,
          label: "所在国家/地区",
          value: "",
          data: "dq",
        },
        {
          id: 9,
          label: "企业名称",
          value: "",
          data: "qy",
        },
        {
          id: 10,
          label: "企业地址",
          value: "",
          data: "",
        },
        {
          id: 11,
          label: "生产地址",
          value: "",
          data: "",
        },
        {
          id: 12,
          label: "境内责任人名称",
          value: "",
          data: "",
        },
        {
          id: 13,
          label: "境内责任人地址",
          value: "",
          data: "",
        },
        {
          id: 14,
          label: "进口省份",
          value: "",
          data: "",
        },
        {
          id: 15,
          label: "备注",
          value: "",
          data: "",
        },
        {
          id: 16,
          label: "公示状态",
          value: "",
          data: "",
        },
      ],
      // 特殊化妆品
      descriptionsFour: [
        {
          id: 1,
          label: "产品名称（中文）",
          value: "",
          data: "cpmc",
        },
        {
          id: 2,
          label: "产品名称（英文）",
          value: "",
          data: "",
        },
        {
          id: 3,
          label: "产品类型",
          value: "",
          data: "",
        },
        {
          id: 4,
          label: "注册人住所地址",
          value: "",
          data: "",
        },
        {
          id: 5,
          label: "注册人所在国（地区）",
          value: "",
          data: "sf",
        },
        {
          id: 6,
          label: "境内责任人名称",
          value: "",
          data: "jnzrr",
        },
        {
          id: 7,
          label: "境内责任人住所地址",
          value: "",
          data: "",
        },
        {
          id: 8,
          label: "生产信息",
          value: "",
          data: "",
        },
        {
          id: 9,
          label: "注册证号",
          value: "",
          data: "zczh",
        },
        {
          id: 10,
          label: "批准日期",
          value: "",
          data: "pzrq",
        },
        {
          id: 11,
          label: "注册证有效期至",
          value: "",
          data: "",
        },
        {
          id: 12,
          label: "备注",
          value: "",
          data: "",
        },
        {
          id: 13,
          label: "产品的执行标准",
          value: "-",
          data: "",
        },
        {
          id: 14,
          label: "状态",
          value: "",
          data: "",
        },
      ],
    };
  },
  components: { blockHeader, myDescriptions },
  props: ["transinformation"],
  created() {
    // 获取地址栏参数
    var queryString = window.location.search;
    // 创建 URLSearchParams 对象
    var params = new URLSearchParams(queryString);
    // 创建空的 JSON 对象
    var obj = {};
    // 遍历参数，并将其添加到 JSON 对象中
    params.forEach(function (value, key) {
      // 对地址栏参数进行解码
      var decodedValue = decodeURIComponent(value);
      obj[key] = decodedValue;
    });
    this.$store.commit('app/URLChange',obj)
    console.log(obj);
    //化妆品是1
    if (obj.type == 1) {
      if (obj.flag == 1) {
        this.chinaData(obj.data);
      } else if (obj.flag == 2) {
        this.specialChina(obj.data);
      } else if (obj.flag == 3) {
        this.importData(obj.data);
      } else if (obj.flag == 4) {
        this.specialImport(obj.data);
      }
    }else if(obj.type == 2){
      //药品是2
      this.yaopin(obj.data)
    }else if(obj.type == 3){
      //医疗器械是3
    }
  },
  mounted() {},
  methods: {
    //药品信息
    async yaopin(e){
      this.loading = true;
      let msg1 = await this.$api.cosmetics.getYaoPin(e);
      this.list = this.filter(msg1.data, this.descriptions);
      this.loading = false;
    },
    //国产化妆品单条数据
    async chinaData(e) {
      this.loading = true;
      let msg1 = await this.$api.cosmetics.getChina1(e);
      this.list = this.filter(msg1.data, this.descriptionsTwo);
      this.loading = false;
    },
    //国产特殊化妆品单条数据
    async specialChina(e) {
      this.loading = true;
      let msg1 = await this.$api.cosmetics.getChinaSpecial(e);
      this.list = this.filter(msg1.data, this.descriptionsFour);
      this.loading = false;
    },
    //进口化妆品单条数据
    async importData(e) {
      this.loading = true;
      let msg1 = await this.$api.cosmetics.getInlet(e);
      this.list = this.filter(msg1.data, this.descriptionsThree);
      this.loading = false;
    },
    //进口特殊化妆品单条数据
    async specialImport(e) {
      this.loading = true;
      let msg1 = await this.$api.cosmetics.getInletSpecial(e);
      this.list = this.filter(msg1.data, this.descriptionsFour);
      this.loading = false;
    },
    //处理数据
    filter(A, B) {
      let arr1 = A
      let arr2 = B
      for (let key in arr1) {
        arr2.forEach((values, index) => {
          if (values.data === key) {
            arr2[index].value = arr1[key];
          }
        });
      }
      return arr2;
    },
  },
};
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
.drugBasicInfo {
  // overflow-y: scroll;
  // height: vh(783);
}
</style>
