You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
354 lines
12 KiB
354 lines
12 KiB
<template>
|
|
<div class="home app_content">
|
|
<!-- 导航栏 -->
|
|
<!-- <div class="header_body"> -->
|
|
<!-- <header-nav :leftArrow="false" titelText="扫码入企"></header-nav> -->
|
|
<!-- <header-nav
|
|
:slefBack="true"
|
|
@goBack="goBack"
|
|
:titelText="`扫码入企`"
|
|
>
|
|
</header-nav>
|
|
</div> -->
|
|
|
|
<!-- 中间 -->
|
|
<div class="warp_body">
|
|
<!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> -->
|
|
<div class="white-body">
|
|
<div class="carousel_box">
|
|
<div class="box-scan-one">
|
|
<span class="box-scan-text">扫一扫<br/>企业二维码</span>
|
|
</div>
|
|
<div class="box-scan-two">
|
|
<span class="box-scan-text">即可查看<br/>企业信息</span>
|
|
</div>
|
|
</div>
|
|
<div class="boutique_box">
|
|
<!-- <van-cell :border="false" title="精品" /> -->
|
|
<div class="boutique_body">
|
|
<!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> -->
|
|
<div class="box-qr-code" @click="toScanPageView">
|
|
<!-- <img src="../../assets/images/scan.png" />
|
|
<span class="box-qr-code-text">执法监督码</span>-->
|
|
</div>
|
|
</div>
|
|
<div class="nocode" @click="toNoScanView">没有企业码？手动输入关键词查询 >></div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="recommend_box">
|
|
<van-cell :border="false" title="推荐" />
|
|
<div class="recommend_body">
|
|
<goodsCard :goodsList="recommend"></goodsCard>
|
|
</div>
|
|
</div> -->
|
|
<!-- </refresh-list> -->
|
|
</div>
|
|
|
|
<!-- 底部 -->
|
|
<!-- <div class="footer_body">
|
|
<footer-nav></footer-nav>
|
|
</div> -->
|
|
</div>
|
|
</template>
|
|
|
|
<script setup name="Home">
|
|
import Vconsole from "vconsole";
|
|
import {showFailToast} from 'vant';
|
|
import {getEnterpriseMerchantAuthorization} from '@/api/Home';
|
|
import {checkIsExists} from '@/api/enterprise';
|
|
import {checkIsState,getEnterpriseInfoBySj} from '@/api/enforce';
|
|
import {szyptGetToken} from "@/api/Home";
|
|
import wx from "weixin-js-sdk";
|
|
|
|
import noScan from '@/views/enforce/noScan.vue';
|
|
|
|
const {useCommon} = $globalStore;
|
|
const router = useRouter();
|
|
let carouselList = reactive([]); // 轮播列表
|
|
let boutique = reactive([]); // 精品数据
|
|
let recommend = reactive([]); // 推荐
|
|
let freshMap = reactive({
|
|
refreshLoad: false, // 是否刷新
|
|
listLoading: false, // 是否加载中
|
|
listFinished: false, // 是否加载完成标识
|
|
});
|
|
const data = reactive({
|
|
showNoScanPicker: ref(false)
|
|
});
|
|
const boutiqueAttr = reactive({
|
|
columnNum: 4,
|
|
itemClass: "boutique_item",
|
|
goodsCradclass: "boutique-crad",
|
|
}); // 商品卡片展示
|
|
|
|
//获取轮播
|
|
const getCarousel = async () => {
|
|
// const res = await useHome.getCarousel();
|
|
// if (res?.code === 20000) {
|
|
// carouselList = res?.data;
|
|
// }
|
|
};
|
|
|
|
//精品
|
|
const boutiqueGoods = async () => {
|
|
// const res = await useHome.boutiqueGoods();
|
|
// if (res?.code === 20000) {
|
|
// boutique = res?.data;
|
|
// }
|
|
};
|
|
|
|
const openScan = () => {
|
|
let fullUrl = window.location.href;
|
|
let code = fullUrl.substring(fullUrl.indexOf('code=') + 5, fullUrl.indexOf('&state='));
|
|
let paramUrl = window.location.href.split("#")[0];
|
|
let param = {code: code, url: fullUrl};
|
|
szyptGetToken(param, success => {
|
|
let resMsg = success.data;
|
|
console.log(resMsg);
|
|
wx.config({
|
|
// 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
|
debug: false,
|
|
// 必填，公众号的唯一标识
|
|
appId: resMsg.corpid,
|
|
// 必填，生成签名的时间戳
|
|
timestamp: resMsg.timestamp,
|
|
// 必填，生成签名的随机串
|
|
nonceStr: resMsg.nonceStr,
|
|
// 必填，签名，见附录1
|
|
signature: resMsg.signature,
|
|
// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
|
|
jsApiList: ["scanQRCode"],
|
|
});
|
|
wx.ready(() => {
|
|
//微信扫一扫请求操作
|
|
ClickScan()
|
|
});
|
|
wx.error((res) => {
|
|
console.log("获取失败", res);
|
|
});
|
|
}, error => {
|
|
});
|
|
};
|
|
const ClickScan = () => {
|
|
wx.scanQRCode({
|
|
needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
|
|
scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
|
|
success: (res) => {
|
|
// 页面跳转
|
|
console.log("=========== 扫码返回 ===========")
|
|
console.log(res)
|
|
//TODO 判断是否是市监
|
|
if(isHttpLink(res.resultStr)){
|
|
|
|
getEnterpriseInfoBySj({"url":res.resultStr},success =>{
|
|
if (success.success) {
|
|
router.push({
|
|
path: "/enterpriseScanPreview",
|
|
query: {
|
|
enterpriseNumber: success.data.salt,
|
|
isNoScan: false
|
|
}
|
|
})
|
|
} else {
|
|
showFailToast(success.message);
|
|
router.push({
|
|
path: "/enforce/scanQrCode",
|
|
})
|
|
}
|
|
},error =>{})
|
|
|
|
}else{
|
|
const scanObj = JSON.parse(res.resultStr);
|
|
// 判断二维码是否过期, 如果已过期则跳转提示页
|
|
checkIsState(scanObj.salt, scanObj.codeId, success => {
|
|
console.log(success)
|
|
if (success.data) {
|
|
router.push({
|
|
path: "/enterpriseScanPreview",
|
|
query: {
|
|
enterpriseNumber: scanObj.salt,
|
|
isNoScan: false
|
|
}
|
|
})
|
|
} else {
|
|
showFailToast(success.message);
|
|
router.push({
|
|
path: "/enforce/scanQrCode",
|
|
})
|
|
}
|
|
}, error => {
|
|
showFailToast("该二维码不正确");
|
|
})
|
|
}
|
|
|
|
|
|
},
|
|
cancel: (res) => {
|
|
console.log('err', res);
|
|
},
|
|
});
|
|
};
|
|
|
|
const toScanPageView = async () => {
|
|
openScan();
|
|
// router.push({
|
|
// path: "/enforce/scanPage_szy",
|
|
// query: {}
|
|
// });
|
|
};
|
|
|
|
const toNoScanView = async () => {
|
|
router.push({
|
|
path: "/enforce/noScan",
|
|
query: {}
|
|
});
|
|
};
|
|
|
|
const toRegistrationListView = async () => {
|
|
router.push({
|
|
path: "/enterprise/registrationList",
|
|
});
|
|
}
|
|
const toComplaintView = async () => {
|
|
router.push({
|
|
path: "/enterprise/complaint",
|
|
});
|
|
}
|
|
|
|
//下拉刷新
|
|
const onRefresh = () => {
|
|
freshMap.listFinished = false;
|
|
freshMap.listLoading = true;
|
|
freshMap.refreshLoad = true;
|
|
// Promise.all([getCarousel(), boutiqueGoods(), recommendGoods()]).then(() => {
|
|
// freshMap.refreshLoad = false;
|
|
// });
|
|
};
|
|
|
|
// 触底加载
|
|
const onLoad = () => {
|
|
// recommendGoods(true);
|
|
};
|
|
|
|
onMounted(() => {
|
|
// new Vconsole();
|
|
getEnterpriseMerchantAuthorization({merchantTel: useCommon.phonenumber}, success => {
|
|
if (success.data != null && success.data.length > 0) {
|
|
useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
|
|
}
|
|
}, error => {
|
|
})
|
|
})
|
|
// 返回
|
|
const goBack = () => {
|
|
router.go(-1);
|
|
};
|
|
const isHttpLink = (url) =>{
|
|
return url.indexOf("http://") === 0 || url.indexOf("https://") === 0;
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.home {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
background-color: #ebf3fb;
|
|
|
|
.warp_body {
|
|
position: relative;
|
|
background-image: linear-gradient(to bottom, #ebf3fb, transparent);
|
|
|
|
.carousel_box {
|
|
position: relative;
|
|
top: 2%;
|
|
height: 4rem;
|
|
width: 100%;
|
|
background: url("/src/assets/images/scan-mean.jpg") no-repeat center center;
|
|
background-size: 60%;
|
|
opacity: 0.75;
|
|
|
|
.box-scan-one, .box-scan-two {
|
|
position: absolute;
|
|
top: 30%;
|
|
left: 15%;
|
|
height: 2.67rem;
|
|
width: 30%;
|
|
font-size: 0.4rem;
|
|
color: #999;
|
|
|
|
.box-scan-text {
|
|
margin-top: 70%;
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
}
|
|
|
|
.box-scan-two {
|
|
left: auto;
|
|
right: 12.5%;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.boutique_box {
|
|
position: relative;
|
|
top: 10%;
|
|
z-index: 100;
|
|
width: 100%;
|
|
|
|
.boutique_body {
|
|
padding: 0 0 0.27rem 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
;
|
|
|
|
.box-qr-code {
|
|
width: 52%;
|
|
text-align: right;
|
|
height: 7rem;
|
|
//background-color: var(--van-primary-color);
|
|
background: url("../../assets/images/scan-btn.jpg") no-repeat center center;
|
|
background-size: 100%;
|
|
// border-radius: 0.27rem;
|
|
// background-size: cover;
|
|
// border-radius: 50%;
|
|
// background-image: url("@/assets/images/scan.png");
|
|
.box-qr-code-text {
|
|
margin-right: 25%;
|
|
margin-top: 70%;
|
|
display: block;
|
|
font-size: 0.45rem;
|
|
}
|
|
|
|
img {
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 34%;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.white-body {
|
|
margin: 0 3%;
|
|
width: 94%;
|
|
height: 99%;
|
|
background-color: #fff;
|
|
border-radius: 0.27rem;
|
|
}
|
|
|
|
.nocode {
|
|
width: 100%;
|
|
color: #fb7905;
|
|
font-size: 0.42rem;
|
|
text-align: center;
|
|
line-height: 3;
|
|
}
|
|
</style>
|
|
|