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

3
src/views/enforce/noScan.vue

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

3
src/views/enforce/scanQrCode.vue

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

4
src/views/login.vue

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

Loading…
Cancel
Save