204 lines
4.9 KiB
JavaScript
204 lines
4.9 KiB
JavaScript
new Vue({
|
||
el: "#app",
|
||
data: {
|
||
active: 0,
|
||
code: 'loading...',
|
||
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/blue/rzicon1.png',
|
||
img1: './images/blue/rzicon2.png'
|
||
},
|
||
{
|
||
img: './images/blue/cpicon1.png',
|
||
img1: './images/blue/cpicon2.png'
|
||
},
|
||
{
|
||
img: './images/blue/jcicon1.png',
|
||
img1: './images/blue/jcicon2.png'
|
||
},
|
||
{
|
||
img: './images/blue/syicon1.png',
|
||
img1: './images/blue/syicon2.png'
|
||
},
|
||
{
|
||
img: './images/blue/ppicon1.png',
|
||
img1: './images/blue/ppicon2.png'
|
||
},
|
||
|
||
|
||
],
|
||
},
|
||
created() {
|
||
this.code = this.code.replace(/(.{4})/g, '$1 ')
|
||
|
||
|
||
|
||
},
|
||
methods: {
|
||
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.dataset.url
|
||
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() {
|
||
var url = 'api/properties/';
|
||
var r = await fetch(url);
|
||
var b = await r.json();
|
||
this.code = b.code;
|
||
},
|
||
},
|
||
mounted() {
|
||
this.reload();
|
||
},
|
||
})
|