4 changed files with 260 additions and 247 deletions
@ -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 () => { |
||||
const onLoad = () => { |
router.push({ |
||||
// recommendGoods(true); |
path: "/enterprise/registrationList", |
||||
}; |
}); |
||||
|
} |
||||
|
const toComplaintView = async () => { |
||||
|
router.push({ |
||||
|
path: "/enterprise/complaint", |
||||
|
}); |
||||
|
} |
||||
|
|
||||
onMounted(() => { |
// 触底加载 |
||||
getEnterpriseInformation(data.enterpriseNumber,success =>{ |
const onLoad = () => { |
||||
if (null != success.data) { |
// recommendGoods(true); |
||||
console.log(success.data); |
}; |
||||
data.searchParam.enterpriseNumber = success.data.enterpriseNumber; |
|
||||
console.log(data.searchParam.enterpriseNumber); |
onMounted(() => { |
||||
//查询企业历史检查案件 |
getEnterpriseInformation(data.enterpriseNumber, success => { |
||||
queryEarlyWarning(data.searchParam,success =>{ |
if (null != success.data) { |
||||
if(success.data.length > 0){ |
console.log(success.data); |
||||
data.warningInfo = success.data[0]; |
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 =>{ |
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> |
||||
|
|||||
Loading…
Reference in new issue