chenrui
/
zdxtLawEnforcementCodeView
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

应对拍摄临时提交

master
蟑螂恶霸 2 years ago
parent
0c7645238b
commit
8c781543ea
3 changed files with 345 additions and 334 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/Home.vue
  2. 657
      src/views/enforce/scanQrCode.vue
  3. 14
      src/views/enforceHome.vue

2
src/views/Home.vue
View File

@ -147,7 +147,7 @@
onMounted(() => { onMounted(() => {
// console.log(useCommon.phonenumber) // console.log(useCommon.phonenumber)
// useCommon.SET_USER_PHONENUMBER(success.data.phonenumber); // useCommon.SET_USER_PHONENUMBER(success.data.phonenumber);
new Vconsolefrom(); // new Vconsolefrom();
const access_key = '6374106c5eb449a4ad6c2430f30796e6'; const access_key = '6374106c5eb449a4ad6c2430f30796e6';
const access_secret = '434fec85aa5846e88bbeb8fac6cf6d7f'; const access_secret = '434fec85aa5846e88bbeb8fac6cf6d7f';

657
src/views/enforce/scanQrCode.vue
View File

@ -1,354 +1,365 @@
<template> <template>
<div class="home app_content"> <div class="home app_content">
<!-- 导航栏 --> <!-- 导航栏 -->
<div class="header_body"> <div class="header_body">
<!-- <header-nav :leftArrow="false" titelText="扫码入企"></header-nav> --> <!-- <header-nav :leftArrow="false" titelText="扫码入企"></header-nav> -->
<header-nav <header-nav
:slefBack="true" :slefBack="true"
@goBack="goBack" @goBack="goBack"
:titelText="`扫码入企`" :titelText="`扫码入企`"
> >
</header-nav> </header-nav>
</div> </div>
<!-- 中间 --> <!-- 中间 -->
<div class="warp_body"> <div class="warp_body">
<!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> --> <!-- <refresh-list v-model:freshMap="freshMap" @refresh="onRefresh" @onLoad="onLoad"> -->
<div class="white-body"> <div class="white-body">
<div class="carousel_box"> <div class="carousel_box">
<div class="box-scan-one"> <div class="box-scan-one">
<span class="box-scan-text">扫一扫<br />企业二维码</span> <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>
<div class="box-scan-two"> <!-- <div class="recommend_box">
<span class="box-scan-text">即可查看<br />企业信息</span> <van-cell :border="false" title="推荐" />
</div> <div class="recommend_body">
</div> <goodsCard :goodsList="recommend"></goodsCard>
<div class="boutique_box"> </div>
<!-- <van-cell :border="false" title="精品" /> --> </div> -->
<div class="boutique_body"> <!-- </refresh-list> -->
<!-- <goodsCard :goodsList="boutique" :cardAttr="boutiqueAttr"></goodsCard> --> </div>
<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"> <!-- <div class="footer_body">
<footer-nav></footer-nav> <footer-nav></footer-nav>
</div> --> </div> -->
</div> </div>
</template> </template>
<script setup name="Home"> <script setup name="Home">
// import Vconsole from "vconsole"; // import Vconsole from "vconsole";
import { showFailToast } from 'vant'; import {showFailToast} from 'vant';
import {getEnterpriseMerchantAuthorization} from '@/api/Home'; import {getEnterpriseMerchantAuthorization} from '@/api/Home';
import {checkIsExists} from '@/api/enterprise'; import {checkIsExists} from '@/api/enterprise';
import {szyptGetToken} from "../../api/Home"; import {szyptGetToken} from "../../api/Home";
import wx from "weixin-js-sdk"; import wx from "weixin-js-sdk";
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({});
const boutiqueAttr = reactive({
columnNum: 4,
itemClass: "boutique_item",
goodsCradclass: "boutique-crad",
}); // 商品卡片展示
//获取轮播 const {useCommon} = $globalStore;
const getCarousel = async () => { const router = useRouter();
// const res = await useHome.getCarousel(); let carouselList = reactive([]); // 轮播列表
// if (res?.code === 20000) { let boutique = reactive([]); // 精品数据
// carouselList = res?.data; let recommend = reactive([]); // 推荐
// } let freshMap = reactive({
}; refreshLoad: false, // 是否刷新
listLoading: false, // 是否加载中
listFinished: false, // 是否加载完成标识
});
const data = reactive({});
const boutiqueAttr = reactive({
columnNum: 4,
itemClass: "boutique_item",
goodsCradclass: "boutique-crad",
}); // 商品卡片展示
//精品 //获取轮播
const boutiqueGoods = async () => { const getCarousel = async () => {
// const res = await useHome.boutiqueGoods(); // const res = await useHome.getCarousel();
// if (res?.code === 20000) { // if (res?.code === 20000) {
// boutique = res?.data; // carouselList = res?.data;
// } // }
}; };
const openScan = () => { //精品
let fullUrl = window.location.href; const boutiqueGoods = async () => {
let code = fullUrl.substring(fullUrl.indexOf('code=')+5, fullUrl.indexOf('&state=')); // const res = await useHome.boutiqueGoods();
let paramUrl = window.location.href.split("#")[0]; // if (res?.code === 20000) {
let param = { code: code, url: paramUrl }; // boutique = res?.data;
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("获取失败");
});
},error =>{});
};
const ClickScan = () => {
wx.scanQRCode({
needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
success: (res) => {
// 页面跳转
console.log("=========== 扫码返回 ===========")
console.log(res)
checkIsExists(res,success=>{
console.log(success.data)
if(success.data){
router.push({
path:"/enterpriseScanPreview",
query:{
enterpriseNumber: res.resultStr
}
})
}else{
showFailToast('企业信息不存在，请确认二维码是否正确！');
router.push({
path:"/enforce/scanQrCode",
})
}
},error =>{
}) const openScan = () => {
// router.push({ let fullUrl = window.location.href;
// path: "/enterpriseScanPreview", let code = fullUrl.substring(fullUrl.indexOf('code=') + 5, fullUrl.indexOf('&state='));
// query: { let paramUrl = window.location.href.split("#")[0];
// enterpriseNumber: res.resultStr let param = {code: code, url: paramUrl};
// } szyptGetToken(param, success => {
// }); let resMsg = success.data;
}, console.log(resMsg);
cancel: (res) => { wx.config({
console.log('err', res); // 开启调试模式,调用的所有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("获取失败");
});
}, error => {
});
};
const ClickScan = () => {
wx.scanQRCode({
needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
success: (res) => {
// 页面跳转
console.log("=========== 扫码返回 ===========")
console.log(res)
// checkIsExists(res, success => {
// console.log(success.data)
// if (success.data) {
router.push({
path: "/enterpriseScanPreview",
query: {
enterpriseNumber: res.resultStr
}
})
// } else {
// showFailToast('企业信息不存在，请确认二维码是否正确！');
// router.push({
// path: "/enforce/scanQrCode",
// })
// }
// }, error => {
//
// })
// router.push({
// path: "/enterpriseScanPreview",
// query: {
// enterpriseNumber: res.resultStr
// }
// });
},
cancel: (res) => {
console.log('err', res);
},
});
};
const toScanPageView = async() =>{ const toScanPageView = async () => {
openScan(); openScan();
// router.push({ // router.push({
// path: "/enforce/scanPage_szy", // path: "/enforce/scanPage_szy",
// query: {} // query: {}
// }); // });
}; };
const toNoScanView = async() =>{ const toNoScanView = async () => {
router.push({ router.push({
path: "/enforce/noScan", path: "/enforce/noScan",
query: {} query: {}
}); });
}; };
const toRegistrationListView = async() =>{ const toRegistrationListView = async () => {
router.push({ router.push({
path: "/enterprise/registrationList", path: "/enterprise/registrationList",
}); });
} }
const toComplaintView = async() =>{ const toComplaintView = async () => {
router.push({ router.push({
path: "/enterprise/complaint", path: "/enterprise/complaint",
}); });
} }
//下拉刷新 //下拉刷新
const onRefresh = () => { const onRefresh = () => {
freshMap.listFinished = false; freshMap.listFinished = false;
freshMap.listLoading = true; freshMap.listLoading = true;
freshMap.refreshLoad = true; freshMap.refreshLoad = true;
// Promise.all([getCarousel(), boutiqueGoods(), recommendGoods()]).then(() => { // Promise.all([getCarousel(), boutiqueGoods(), recommendGoods()]).then(() => {
// freshMap.refreshLoad = false; // freshMap.refreshLoad = false;
// }); // });
}; };
// 触底加载 // 触底加载
const onLoad = () => { const onLoad = () => {
// recommendGoods(true); // recommendGoods(true);
}; };
onMounted(() => { onMounted(() => {
// new Vconsole(); // new Vconsole();
getEnterpriseMerchantAuthorization({merchantTel: useCommon.phonenumber},success =>{ getEnterpriseMerchantAuthorization({merchantTel: useCommon.phonenumber}, success => {
if(!(success.data == null && success.data.length == 0)){ if (!(success.data == null && success.data.length == 0)) {
useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber); useCommon.SET_USER_ENTERPRISE_NUMBER(success.data[0].enterpriseNumber);
} }
},error =>{ }, error => {
}) })
}) })
// 返回 // 返回
const goBack = () => { const goBack = () => {
router.go(-1); router.go(-1);
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.home { .home {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background-color: #ebf3fb; background-color: #ebf3fb;
.warp_body {
background-image: linear-gradient(to bottom, #ebf3fb, transparent);
background-size: cover;
position: relative;
.carousel_box {
position: relative;
top: 2%;
height: 150px;
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: 100px;
width: 30%;
font-size: 0.4rem;
color: #999;
.warp_body { .box-scan-text {
background-image: linear-gradient(to bottom, #ebf3fb, transparent); margin-top: 70%;
background-size: cover; display: block;
position: relative; width: 100%;
.carousel_box { text-align: center
position: relative; }
top: 2%; }
height: 150px;
width: 100%; .box-scan-two {
background: url("/src/assets/images/scan-mean.jpg") no-repeat center center; left: auto;
background-size: 60%; right: 12.5%;
opacity: 0.75; }
}
.box-scan-one , .box-scan-two{
position: absolute;
top: 30%;
left: 15%;
height: 100px;
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_box { .boutique_body {
position: relative; padding: 0px 0px 10px 0px;
top: 10%; display: flex;
z-index: 100; justify-content: center;
width: 100%; }
;
.boutique_body { .box-qr-code {
padding: 0px 0px 10px 0px; width: 52%;
display: flex; text-align: right;
justify-content: center; height: 7rem;
}; //background-color: var(--van-primary-color);
.box-qr-code{ background: url("../../assets/images/scan-btn.jpg") no-repeat center center;
width: 52%; background-size: 100%;
text-align: right; // border-radius: 0.26667rem;
height: 7rem; // background-size: cover;
//background-color: var(--van-primary-color); // border-radius: 50%;
background: url("../../assets/images/scan-btn.jpg") no-repeat center center; // background-image: url("@/assets/images/scan.png");
background-size: 100%; .box-qr-code-text {
// border-radius: 0.26667rem; margin-right: 25%;
// background-size: cover; margin-top: 70%;
// border-radius: 50%; display: block;
// background-image: url("@/assets/images/scan.png"); font-size: 0.45333rem;
.box-qr-code-text{ }
margin-right: 25%;
margin-top: 70%;
display: block;
font-size: 0.45333rem;
}
img{
position: absolute;
top: 0%;
left: 34%;
}
}
.box-info{
width: 52%;
text-align: right;
height: 3.66667rem;
background-color: #ff976a;
border-radius: 10px;
background: url("@/assets/images/item_check.png");
background-size: cover;
.box-info-text{ img {
margin-right: 3%; position: absolute;
margin-top: 2%; top: 0%;
display: block; left: 34%;
font-size: 17px }
} }
}
.box-complaint{ .box-info {
width: 36%; width: 52%;
text-align: right; text-align: right;
height: 3.66667rem; height: 3.66667rem;
background-color: #ff976a; background-color: #ff976a;
border-radius: 10px; border-radius: 10px;
margin-left: 2%; background: url("@/assets/images/item_check.png");
background: url("@/assets/images/item_complain.png"); background-size: cover;
background-size: cover;
.box-complaint-text{ .box-info-text {
margin-right: 5%; margin-right: 3%;
margin-top: 3%; margin-top: 2%;
display: block; display: block;
font-size: 17px font-size: 17px
} }
} }
}
.recommend_box { .box-complaint {
.recommend_body { width: 36%;
width: 100%; text-align: right;
} height: 3.66667rem;
} background-color: #ff976a;
} border-radius: 10px;
margin-left: 2%;
background: url("@/assets/images/item_complain.png");
background-size: cover;
.white-body { .box-complaint-text {
margin: 0 4%; margin-right: 5%;
width: 92%; margin-top: 3%;
height: 96%; display: block;
background-color: #fff; font-size: 17px
border-radius: 0.25remnpm; }
} }
}
.recommend_box {
.recommend_body {
width: 100%;
}
}
}
.nocode { .white-body {
width: 100%; margin: 0 4%;
color: #fb7905; width: 92%;
font-size: 0.45rem; height: 96%;
text-align: center; background-color: #fff;
line-height: 3; border-radius: 0.25 remnpm;
} }
.nocode {
width: 100%;
color: #fb7905;
font-size: 0.45rem;
text-align: center;
line-height: 3;
}
</style> </style>

14
src/views/enforceHome.vue
View File

@ -153,7 +153,7 @@
}; };
onMounted(() => { onMounted(() => {
new Vconsolefrom(); // new Vconsolefrom();
let fullUrl = window.location.href; let fullUrl = window.location.href;
let code = fullUrl.substring(fullUrl.indexOf('code=') + 5, fullUrl.indexOf('&state=')); let code = fullUrl.substring(fullUrl.indexOf('code=') + 5, fullUrl.indexOf('&state='));
// getSzyptLoginAuth(route?.query?.code,success =>{ // getSzyptLoginAuth(route?.query?.code,success =>{
@ -162,12 +162,12 @@
useCommon.SET_USER_ID(success.data.userId); useCommon.SET_USER_ID(success.data.userId);
// 如果不是执法用户 则跳转 // 如果不是执法用户 则跳转
if (!success.data.lawOfficer) { // if (!success.data.lawOfficer) {
router.push( // router.push(
{ // {
path: "/noAccess" // path: "/noAccess"
}); // });
} // }
}, error => { }, error => {
}) })

Write Preview
Loading…
Cancel
Save