themblem/examples/template-0506/js/green.js

var app = new Vue({
  el: "#app",
  data: {
    active: 0,
    code: 'loading...',
    info: {},
    mapShow: false,
    mapAddress: {
      name: '广州市诚投科技有限公司',
      address: '广东省广州市番禺区节能科技园天安总部中心25号楼',
      latitude: 22.825255,
      longitude: 113.514967,
    },
    reports: ["./images/report1.jpg",
      "./images/report2.jpg",
      "./images/report3.jpg"
    ],
    productMsg: [{
      title: '产品名称:',
      msg: '立健牌三清冲剂'
    },
      {
        title: '产品规格:',
        msg: '15g/袋x20袋/盒'
      },
      {
        title: '产品型号:',
        msg: '定制装'
      },
      {
        title: '产品类别:',
        msg: '保健食品'
      },
      {
        title: '指导价格:',
        msg: 'XX元/盒'
      },
    ],
    syMsg: [{
      title: '产品名称:',
      msg: '立健牌三清冲剂'
    },
      {
        title: '生产批次:',
        msg: '001'
      },
      {
        title: '生产日期:',
        msg: '2024年1月1日'
      },
      {
        title: '生产企业:',
        msg: '衍生健康医药(广东)有限公司'
      },
      {
        title: '生产地址:',
        msg: '广东省云浮市何杨公路1-8号衍生健康医药产业园'
      },

    ],
    btns: [{
      img: './images/green/pjicon1.png',
      img1: './images/green/pjicon2.png'
    },
      {
        img: './images/green/cpicon1.png',
        img1: './images/green/cpicon2.png'
      },
      {
        img: './images/green/jcicon1.png',
        img1: './images/green/jcicon2.png'
      },
      {
        img: './images/green/syicon1.png',
        img1: './images/green/syicon2.png'
      },
      {
        img: './images/green/ppicon1.png',
        img1: './images/green/ppicon2.png'
      },


    ],
  },
  created() {
    this.code = this.code.replace(/(.{4})/g, '$1 ')
  },
  computed: {
    properties() {
      return this.info.properties || {};
    },
  },
  methods: {
    get_property(name) {
      console.log("get_property", name, this.properties);
      if (this.properties[name]) {
        var x = this.properties[name];
        if (x.file) {
          return x.file;
        }
        if (x.text) {
          return x.text;
        }
        if (x.richtext) {
          return x.richtext;
        }
      }
      return '';
    },
    changeBtn(index) {
      this.active = index
    },
    goDetails(index) {
      location.href = "img_details.html?index=" + index
    },
    goPageZfsy() {
      // location.href=this.zfsy_url
    },
    //---物流查询--------------
    wl(code, type, area_code, area_addresss) {
      let _this = this
      if (type == 0) {
        var url = "/open/wl?code=" + code
      } else {
        if (area_code) {
          var url = "/open/wl?code=" + code + '&is_warn=1&adcode=' + area_code + '&area_addresss=' + area_addresss;
        } else {
          var url = "/open/wl?code=" + code + '&is_warn=1'
        }
      }

      $
        .ajax({
          'url': URL + "/open/fw?code=" +
          code + "&tenant_prefix=" + flag,
          'type': 'get',
          'dataType': 'json',
          'success': function(data, statusText) {
            if (data.success) {
              var details = data.details;

              _this.first_query_time = details.first_query_time
              if (details.query_times == 1) {
                _this.descn = "您所查询的是珞参麟品牌官方正品，品质保证，敬请放心食用。"
              } else {
                _this.descn = `您好！您所查询的防伪码已被查询，查询次数为${details.query_times}次，如有疑问请联系您所购买的产品的供应商。`
              }
            } else {
              _this.descn = "该溯源码不存在，如有疑问请联系您所购买的产品的供应商。"
            }

          },
          error: function(data) {
            _this.descn = "正在为您努力计算密码，请24小时候查询"
          }
        });



    },


    showImg(e) {
      let url = e.currentTarget.src
      vant.ImagePreview({
        images: [url],
        startPosition: 0
      });
    },
    previewReport() {
      let reports = this.reports
      vant.ImagePreview({
        images: reports,
        startPosition: 0
      });
    },
    openAddress() {
      this.mapShow=true
    },
    getMapApp(mapType) {
      const {
        name,
        address,
        latitude,
        longitude,
      } = this.mapAddress;
      if (wx && wx.miniProgram && wx.miniProgram.navigateTo) {
        wx.miniProgram.navigateTo({
          url: `/pages/nav/nav?latitude=${latitude}&longitude=${longitude}`,
        });
      } else {
        let url = '';
        switch (mapType) {
          case '腾讯地图':
            url = 'https://apis.map.qq.com/uri/v1/marker?marker=coord:' + latitude + ',' + longitude + ';addr:' +
              address + ';title:'+name+'&referer=keyfree';
            break;
          case '高德地图':
            url = 'https://uri.amap.com/marker?position=' + longitude + ',' + latitude + '&name=' + address +
              '&callnative=1';
            break;
          case '百度地图':
            url = 'http://api.map.baidu.com/marker?location=' + latitude + ',' + longitude + '&title='+name+'&content=' +
              address + '&output=html&src=webapp.reformer.appname&coord_type=gcj02';
            break;
          default:
            break;
        }
        window.location.href = url;
      }
    },
    async reload() {
      let params = new URLSearchParams(window.location.search);
      var baseurl = params.get('baseurl') || "";
      var url = baseurl + 'api/properties/';
      var r = await fetch(url);
      var b = await r.json();
      console.log(b);
      this.info = b;
      this.code = b.code;
      var pos = this.get_property("公司位置");
      if (pos) {
        try {
          var fs = pos.split(',');
          this.mapAddress.latitude = parseFloat(fs[0].trim())
          this.mapAddress.longitude = parseFloat(fs[1].trim())
        } catch (e) {
        }
      }
      document.title = b.product;
    },
  },
  mounted() {
    this.reload();
  },
})