Browse Source

未扫码也要先进入企业画像

v2
蟑螂恶霸 2 years ago
parent
commit
a779bec7fa
  1. 497
      src/views/enforce/enterpriseScanPreview.vue
  2. 3
      src/views/enforce/noScan.vue
  3. 3
      src/views/enforce/scanQrCode.vue
  4. 4
      src/views/login.vue

497
src/views/enforce/enterpriseScanPreview.vue

@ -1,284 +1,295 @@
<template>
<div class="home app_content">
<!-- 导航栏 -->
<!-- <div class="header_body">
<div class="home app_content">
<!-- 导航栏 -->
<!-- <div class="header_body">
<header-nav
:slefBack="true"
@goBack="goBack"
:titelText="`企业详情`"
:slefBack="true"
@goBack="goBack"
:titelText="`企业详情`"
>
</header-nav>
</div>-->
</header-nav>
</div>-->
<span class="tohome" @click="toEnforceHomeView"><i class="van-badge__wrapper van-icon van-icon-wap-home-o"></i></span>
<!-- 中间 -->
<div class="warp_body">
<div class="white-body">
<div class="tabs">
<ul>
<li v-for='(item,index) in data.list' @click='check(index)' :class="{ active: index === data.TabId }">
<span v-if="index === 0"> {{item.title}}</span>
<span v-else-if="index === 1 && data.warningInfo.warningLevel ==0" class="warn-tab"> {{item.title}}</span>
<span v-else-if="index === 1 && data.warningInfo.warningLevel==1" class="warn-tab level1"> {{item.title}}</span>
<span v-else-if="index === 1 && data.warningInfo.warningLevel==2" class="warn-tab level2"> {{item.title}}</span>
<span v-else-if="index === 1 && data.warningInfo.warningLevel==3" class="warn-tab level3"> {{item.title}}</span>
<span v-else-if="index === 1" class="warn-tab"> {{item.title}}</span>
</li>
</ul>
</div>
<div v-if="data.TabId == 0">
<enterpriseBaseInfo :enterpriseNumber="data.enterpriseNumber"></enterpriseBaseInfo>
</div>
<div v-if="data.TabId == 1">
<enterpriseWarningInfo :enterpriseNumber="data.searchParam.enterpriseNumber"></enterpriseWarningInfo>
</div>
<span class="tohome" @click="toEnforceHomeView"><i class="van-badge__wrapper van-icon van-icon-wap-home-o"></i></span>
<!-- 中间 -->
<div class="warp_body">
<div class="white-body">
<div class="tabs">
<ul>
<li v-for='(item,index) in data.list' @click='check(index)'
:class="{ active: index === data.TabId }">
<span v-if="index === 0"> {{item.title}}</span>
<span v-else-if="index === 1 && data.warningInfo.warningLevel ==0" class="warn-tab"> {{item.title}}</span>
<span v-else-if="index === 1 && data.warningInfo.warningLevel==1" class="warn-tab level1"> {{item.title}}</span>
<span v-else-if="index === 1 && data.warningInfo.warningLevel==2" class="warn-tab level2"> {{item.title}}</span>
<span v-else-if="index === 1 && data.warningInfo.warningLevel==3" class="warn-tab level3"> {{item.title}}</span>
<span v-else-if="index === 1" class="warn-tab"> {{item.title}}</span>
</li>
</ul>
</div>
<div v-if="data.TabId == 0">
<enterpriseBaseInfo :enterpriseNumber="data.enterpriseNumber"></enterpriseBaseInfo>
</div>
<div v-if="data.TabId == 1">
<enterpriseWarningInfo
:enterpriseNumber="data.searchParam.enterpriseNumber"></enterpriseWarningInfo>
</div>
</div>
</div>
</div>
<div class="addinfo" @click="toSign">登记</div>
</div>
</div>
</div>
<div class="addinfo" @click="toSign">登记</div>
</template>
<script setup name="Home">
import {getEnterpriseMerchantAuthorization} from '@/api/Home';
import {queryEarlyWarning} from '../../api/enforce';
import {getEnterpriseInformation} from '../../api/enterprise'
import enterpriseBaseInfo from './enterpriseBaseInfo.vue'
import enterpriseWarningInfo from './enterpriseWarningInfo.vue'
import {getEnterpriseMerchantAuthorization} from '@/api/Home';
import {queryEarlyWarning} from '../../api/enforce';
import {getEnterpriseInformation} from '../../api/enterprise'
import enterpriseBaseInfo from './enterpriseBaseInfo.vue'
import enterpriseWarningInfo from './enterpriseWarningInfo.vue'
import { Tab, Tabs } from 'vant';
const { useCommon } = $globalStore;
const router = useRouter();
//路由参数
const route = useRoute();
let freshMap = reactive({
refreshLoad: false, // 是否刷新
listLoading: false, // 是否加载中
listFinished: false, // 是否加载完成标识
});
const data = reactive({
// enterpriseNumber:"1cc6f476adff430fafb1adde3395509b$42341cb9e4d5b7cf964ff752b2a96d41",
enterpriseNumber:route?.query?.enterpriseNumber,
warningInfo:{},
searchParam:{},
status:0,
TabId: 0,
list: [
{
title: '企业画像',
value: '0'
},
{
title: '企业预警',
value: '1'
},
]
});
const boutiqueAttr = reactive({
columnNum: 4,
itemClass: "boutique_item",
goodsCradclass: "boutique-crad",
}); // 商品卡片展示
import {Tab, Tabs} from 'vant';
const check = (index) =>{
console.log("点击切换tab",index);
data.TabId = index;
};
const {useCommon} = $globalStore;
const router = useRouter();
//路由参数
const route = useRoute();
let freshMap = reactive({
refreshLoad: false, // 是否刷新
listLoading: false, // 是否加载中
listFinished: false, // 是否加载完成标识
});
const data = reactive({
// enterpriseNumber:"1cc6f476adff430fafb1adde3395509b$42341cb9e4d5b7cf964ff752b2a96d41",
enterpriseNumber: route?.query?.enterpriseNumber,
warningInfo: {},
searchParam: {},
status: 0,
TabId: 0,
list: [
{
title: '企业画像',
value: '0'
},
{
title: '企业预警',
value: '1'
},
],
reason: route?.query?.reason,
checkCss: route?.query?.checkCss,
isNoScan: route?.query?.isNoScan,
});
const boutiqueAttr = reactive({
columnNum: 4,
itemClass: "boutique_item",
goodsCradclass: "boutique-crad",
}); // 商品卡片展示
// 返回首页
const toEnforceHomeView = () =>{
router.push({
path: "/enforceHome",
});
};
const check = (index) => {
console.log("点击切换tab", index);
data.TabId = index;
};
const toSign = () =>{
router.push({
path: "/sign",
query:{
enterpriseNumber: data.enterpriseNumber,
isNoScan: false
}
// 返回首页
const toEnforceHomeView = () => {
router.push({
path: "/enforceHome",
});
};
};
const toEnterpriseBaseInfo = async() =>{
router.push({
path: "/enterpriseBaseInfo",
query:{
enterpriseNumber: data.enterpriseNumber
}
const toSign = () => {
router.push({
path: "/sign",
query: {
enterpriseNumber: data.enterpriseNumber,
// isNoScan: false,
reason: data.reason,
checkCss: data.checkCss,
isNoScan: data.isNoScan,
}
});
};
};
const toEnterpriseWarningInfo = async() =>{
router.push({
path: "/enterpriseWarningInfo",
query:{
enterpriseNumber: data.enterpriseNumber
}
const toEnterpriseBaseInfo = async () => {
router.push({
path: "/enterpriseBaseInfo",
query: {
enterpriseNumber: data.enterpriseNumber
}
});
};
};
const toRegistrationListView = async() =>{
router.push({
path: "/enterprise/registrationList",
});
}
const toComplaintView = async() => {
router.push({
path: "/enterprise/complaint",
});
}
const toEnterpriseWarningInfo = async () => {
router.push({
path: "/enterpriseWarningInfo",
query: {
enterpriseNumber: data.enterpriseNumber
}
});
};
const toRegistrationListView = async () => {
router.push({
path: "/enterprise/registrationList",
});
}
const toComplaintView = async () => {
router.push({
path: "/enterprise/complaint",
});
}
// 触底加载
const onLoad = () => {
// recommendGoods(true);
};
// 触底加载
const onLoad = () => {
// recommendGoods(true);
};
onMounted(() => {
getEnterpriseInformation(data.enterpriseNumber,success =>{
if (null != success.data) {
console.log(success.data);
data.searchParam.enterpriseNumber = success.data.enterpriseNumber;
console.log(data.searchParam.enterpriseNumber);
//查询企业历史检查案件
queryEarlyWarning(data.searchParam,success =>{
if(success.data.length > 0){
data.warningInfo = success.data[0];
onMounted(() => {
getEnterpriseInformation(data.enterpriseNumber, success => {
if (null != success.data) {
console.log(success.data);
data.searchParam.enterpriseNumber = success.data.enterpriseNumber;
console.log(data.searchParam.enterpriseNumber);
//查询企业历史检查案件
queryEarlyWarning(data.searchParam, success => {
if (success.data.length > 0) {
data.warningInfo = success.data[0];
}
}, error => {
})
}
},error =>{})
}
},error=>{
}, error => {
})
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);
};
})
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);
};
</script>
<style lang="less" scoped>
.home {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background-color: #ebf3fb;
.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);
}
.warp_body {
position: relative;
background-image: linear-gradient(to bottom, #ebf3fb, transparent);
}
.white-body {
margin: 0 3%;
width: 94%;
height: 99%;
background-color: #fff;
border-radius: 0.27rem;
}
}
.white-body {
margin: 0 3%;
width: 94%;
height: 99%;
background-color: #fff;
border-radius: 0.27rem;
}
}
.tohome {
position: absolute;
top: 1.25%;
right: 5%;
font-size: 0.5rem;
}
.tohome {
position: absolute;
top: 1.25%;
right: 5%;
font-size: 0.5rem;
}
.tabs {
padding: 3% 3% 0;
width: 94%;
height: 1.25rem;
box-sizing: content-box;
}
.tabs {
padding: 3% 3% 0;
width: 94%;
height: 1.25rem;
box-sizing: content-box;
}
.tabs ul {
display: flex;
width: 100%;
height: 100%;
font-size: 0.4rem;
line-height: 1.25rem;
text-align: center;
align-content: center;
justify-items: center;
}
.tabs ul {
display: flex;
width: 100%;
height: 100%;
font-size: 0.4rem;
line-height: 1.25rem;
text-align: center;
align-content: center;
justify-items: center;
}
.tabs ul li {
float: left;
width: 50%;
height: 100%;
}
.tabs ul li {
float: left;
width: 50%;
height: 100%;
}
.tabs ul li span {
display: block;
width: 100%;
height: 100%;
color: #4aa1f9;
background: url("../../assets/images/tab_bg1_1.png") no-repeat;
background-size: 100% 100%;
}
.tabs ul li span {
display: block;
width: 100%;
height: 100%;
color: #4aa1f9;
background: url("../../assets/images/tab_bg1_1.png") no-repeat;
background-size: 100% 100%;
}
.tabs ul li.active span {
background: url("../../assets/images/tab_bg1.png") no-repeat;
background-size: 100% 100%;
color: #fff;
}
.tabs ul li.active span {
background: url("../../assets/images/tab_bg1.png") no-repeat;
background-size: 100% 100%;
color: #fff;
}
.tabs ul li span.warn-tab {
margin-left: -2%;
background: url("../../assets/images/tab_bg.png") no-repeat;
background-size: 100% 100%;
}
.tabs ul li span.warn-tab {
margin-left: -2%;
background: url("../../assets/images/tab_bg.png") no-repeat;
background-size: 100% 100%;
}
.tabs ul li.active span.warn-tab {
background: url("../../assets/images/tab_bg_1.png") no-repeat;
background-size: 100% 100%;
color: #fff;
}
.tabs ul li.active span.warn-tab {
background: url("../../assets/images/tab_bg_1.png") no-repeat;
background-size: 100% 100%;
color: #fff;
}
.tabs ul li span.level1 {
background: url("../../assets/images/tab_shine_red.gif") no-repeat !important;
background-size: 100% 100% !important;
color: #fff !important;
}
.tabs ul li span.level1 {
background: url("../../assets/images/tab_shine_red.gif") no-repeat !important;
background-size: 100% 100% !important;
color: #fff !important;
}
.tabs ul li span.level2 {
background: url("../../assets/images/tab_shine_org.gif") no-repeat !important;
background-size: 100% 100% !important;
color: #fff !important;
}
.tabs ul li span.level2 {
background: url("../../assets/images/tab_shine_org.gif") no-repeat !important;
background-size: 100% 100% !important;
color: #fff !important;
}
.tabs ul li span.level3 {
background: url("../../assets/images/tab_shine_yel.gif") no-repeat !important;
background-size: 100% 100% !important;
color: #fff !important;
}
.tabs ul li span.level3 {
background: url("../../assets/images/tab_shine_yel.gif") no-repeat !important;
background-size: 100% 100% !important;
color: #fff !important;
}
.addinfo {
position: absolute;
bottom: 3%;
right: 2%;
z-index: 99999;
width: 1.5rem;
height: 1.5rem;
background-color: #1367fe;
border-radius: 50%;
box-shadow: 0 0 0.27rem #1367fe;
color: #fff;
font-size: 0.4rem;
text-align: center;
vertical-align: middle;
padding-top: 0.45rem;
box-sizing: border-box;
}
.addinfo {
position: absolute;
bottom: 3%;
right: 2%;
z-index: 99999;
width: 1.5rem;
height: 1.5rem;
background-color: #1367fe;
border-radius: 50%;
box-shadow: 0 0 0.27rem #1367fe;
color: #fff;
font-size: 0.4rem;
text-align: center;
vertical-align: middle;
padding-top: 0.45rem;
box-sizing: border-box;
}
</style>

3
src/views/enforce/noScan.vue

@ -117,7 +117,8 @@
},
toDetail(item) {
this.$router.push({
path: "/sign",
// path: "/sign",
path: "/enterpriseScanPreview",
query: {
reason: this.reason,
checkCss: this.checkCss,

3
src/views/enforce/scanQrCode.vue

@ -140,7 +140,8 @@
router.push({
path: "/enterpriseScanPreview",
query: {
enterpriseNumber: res.resultStr
enterpriseNumber: res.resultStr,
isNoScan: false
}
})
} else {

4
src/views/login.vue

@ -44,8 +44,8 @@ const onSubmit = async (values) => {
// userLogin(values,success=>{
testLogin({"secretName": loginParam.secretName, "secretKey": values.secretKey},success=>{
console.log(success);
router.push({ name: "Home" });
// router.push({ name: "enforceHome" });
// router.push({ name: "Home" });
router.push({ name: "enforceHome" });
//设置全局变量
useCommon.SET_USER_PHONENUMBER(success.data.phonenumber.toString());
useCommon.SET_USER_ID(success.data.userId);

Loading…
Cancel
Save