|
|
|
@@ -4,8 +4,8 @@ |
|
|
|
data-1664518006392 |
|
|
|
v-loading="pageLoading" |
|
|
|
element-loading-text="数据加载中..." |
|
|
|
> |
|
|
|
<div class="business-header" :class="{'is-claimed':true}"> |
|
|
|
> |
|
|
|
<div class="business-header is-claimed"> |
|
|
|
<Nav /> |
|
|
|
<div class="header-container"> |
|
|
|
<div class="company-name"> |
|
|
|
@@ -14,74 +14,87 @@ |
|
|
|
>用户名：{{ currentAccount ? currentAccount.accountName : ''}}</div> |
|
|
|
<span class="logout fl" @click="logout">退出登录</span> |
|
|
|
<!-- 未认领，未入驻园区 --> |
|
|
|
<div class="company-btn fr" v-if="!isClaimed"> |
|
|
|
<!-- <div class="company-btn fr" v-if="!isClaimed"> |
|
|
|
我是企业， |
|
|
|
<span class="btn-span" @click="openApplyForAdmission">我要入驻园区</span> |
|
|
|
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" /> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
</div> |
|
|
|
<div class="comany-info-box" @click="goDetail(companyDetail)"> |
|
|
|
<div class="main-img-box fl"> |
|
|
|
<img |
|
|
|
:src="formatImg(mainImg)" |
|
|
|
alt="main-img" |
|
|
|
v-if="isClaimed" |
|
|
|
class="main-img" |
|
|
|
/> |
|
|
|
<img |
|
|
|
src="~@assets/image/myRelated/default-home.png" |
|
|
|
alt="main-img" |
|
|
|
class="default-img" |
|
|
|
v-else |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="main-info fl"> |
|
|
|
<div class="main-title-box"> |
|
|
|
<div |
|
|
|
class="main-title fl" |
|
|
|
:title="companyDetail.companyName" |
|
|
|
>{{ companyDetail.companyName }}</div> |
|
|
|
<div class="main-icon fl"> |
|
|
|
<img src="~@assets/image/myRelated/isClaimedIcon.png" alt /> |
|
|
|
已认领 |
|
|
|
<el-carousel |
|
|
|
trigger="click" |
|
|
|
height="260px" |
|
|
|
:autoplay="false" |
|
|
|
@change="companyChange" |
|
|
|
indicator-position="outside" |
|
|
|
> |
|
|
|
<el-carousel-item v-for="(company,inx) of companyList" :key="inx"> |
|
|
|
<div class="comany-info-box" @click="goDetail(company)"> |
|
|
|
<div class="main-img-box fl"> |
|
|
|
<img |
|
|
|
:src="formatImg(company.logo?company.logo[0]:null)" |
|
|
|
alt="main-img" |
|
|
|
v-if="company.claimState.text == '已认领'" |
|
|
|
class="main-img" |
|
|
|
/> |
|
|
|
<img |
|
|
|
src="~@assets/image/myRelated/default-home.png" |
|
|
|
alt="main-img" |
|
|
|
class="default-img" |
|
|
|
v-else |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="main-tag-box"> |
|
|
|
<span |
|
|
|
v-for="(tag,inx) of comanyTags" |
|
|
|
:key="inx" |
|
|
|
class="tag-span fl" |
|
|
|
>{{ tag }}</span> |
|
|
|
</div> |
|
|
|
<div class="main-other-info"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col |
|
|
|
:span="info.span" |
|
|
|
v-for="(info,inx) of mainOtherInfo" |
|
|
|
:key="inx" |
|
|
|
class="info-col" |
|
|
|
> |
|
|
|
<span class="label-span">{{ info.label }}：</span> |
|
|
|
<span |
|
|
|
class="value-span" |
|
|
|
v-if="info.value == 'establishOn'" |
|
|
|
>{{ companyDetail[info.value] | formatDate("YYYY-MM-DD") }}</span> |
|
|
|
<div class="main-info fl"> |
|
|
|
<div class="main-title-box"> |
|
|
|
<div |
|
|
|
class="main-title fl" |
|
|
|
:title="company.companyName" |
|
|
|
>{{ company.companyName }}</div> |
|
|
|
<div class="main-icon fl"> |
|
|
|
<img src="~@assets/image/myRelated/isClaimedIcon.png" alt /> |
|
|
|
已认领 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="main-tag-box"> |
|
|
|
<span |
|
|
|
class="value-span" |
|
|
|
v-else |
|
|
|
:title="companyDetail[info.value]" |
|
|
|
>{{ companyDetail[info.value] | formatNull}}</span> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="no-claimed" v-if="!isClaimed"> |
|
|
|
<div class="claiming-enterprise" @click.stop="goDetail(companyDetail)"> |
|
|
|
前往认领企业 |
|
|
|
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" /> |
|
|
|
v-for="(tag,inx) of company.enterpriseLabel?company.enterpriseLabel.text : []" |
|
|
|
:key="inx" |
|
|
|
class="tag-span fl" |
|
|
|
>{{ tag }}</span> |
|
|
|
</div> |
|
|
|
<div class="main-other-info"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col |
|
|
|
:span="info.span" |
|
|
|
v-for="(info,inx) of mainOtherInfo" |
|
|
|
:key="inx" |
|
|
|
class="info-col" |
|
|
|
> |
|
|
|
<span class="label-span">{{ info.label }}：</span> |
|
|
|
<span |
|
|
|
class="value-span" |
|
|
|
v-if="info.value == 'establishOn'" |
|
|
|
>{{ company[info.value] | formatDate("YYYY-MM-DD") }}</span> |
|
|
|
<span |
|
|
|
class="value-span" |
|
|
|
v-else |
|
|
|
:title="company[info.value]" |
|
|
|
>{{ company[info.value] | formatNull}}</span> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="no-claimed" v-if="company.claimState.text !== '已认领'"> |
|
|
|
<div class="claiming-enterprise" @click.stop="goDetail(company)"> |
|
|
|
前往认领企业 |
|
|
|
<img |
|
|
|
src="~@assets/image/myRelated/companyBtnIcon.png" |
|
|
|
alt="icon" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-carousel-item> |
|
|
|
</el-carousel> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="body-container"> |
|
|
|
@@ -114,20 +127,27 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <TaxQuery /> --> |
|
|
|
<div class="tax-query-box my-message-box"> |
|
|
|
<div class="title"> |
|
|
|
<TaxQuery |
|
|
|
v-loading="taxInfoLoading" |
|
|
|
element-loading-text="数据加载中..." |
|
|
|
:companyTaxInfo="companyTaxInfo" |
|
|
|
/> |
|
|
|
<!-- <div class="title"> |
|
|
|
<span class="title-span">税收查询</span> |
|
|
|
<div class="more-icon fr" @click="businessQuery"> |
|
|
|
<img src="~@assets/image/index/icon_more.png" alt="more" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
|
|
|
|
<!-- 已授权 --> |
|
|
|
<div class="tax-content"> |
|
|
|
<!-- <div class="tax-content"> |
|
|
|
<div class="tax-content-title"> |
|
|
|
<div |
|
|
|
class="fl tax-item" |
|
|
|
v-for="(item,inx) of taxComanyInfo" |
|
|
|
:key="inx" |
|
|
|
:key="inx" |
|
|
|
:style="{'width': item.width + '%'}" |
|
|
|
> |
|
|
|
<div class="tax-info-box"> |
|
|
|
@@ -163,7 +183,7 @@ |
|
|
|
立即授权 |
|
|
|
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<Footer /> |
|
|
|
@@ -179,18 +199,24 @@ import "./Business.scss"; |
|
|
|
import Nav from "@components/Header.vue"; |
|
|
|
import Footer from "@components/Footer.vue"; |
|
|
|
import { logout } from "@api/login"; |
|
|
|
import { getCompanyList } from "@api/company"; |
|
|
|
import { |
|
|
|
getCompanyList, |
|
|
|
getTaxAdministrationInfoByConmpany, |
|
|
|
} from "@api/company"; |
|
|
|
import { routerOpenInNewWindow, formatImg } from "@/utils/common.js"; |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import ApplyForAdmission from "@/views/index/ApplyForAdmission.vue"; |
|
|
|
import MessageDetailDialog from "../mseeage/components/MessageDetailDialog/index.vue"; |
|
|
|
import { getMessageNoticeList, markReadMessage } from "@api/my-related"; |
|
|
|
// 税收查询 |
|
|
|
import TaxQuery from "./TaxQuery/index.vue"; |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
Nav, |
|
|
|
Footer, |
|
|
|
ApplyForAdmission, |
|
|
|
MessageDetailDialog, |
|
|
|
TaxQuery, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters({ |
|
|
|
@@ -200,13 +226,15 @@ export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
pageLoading: false, |
|
|
|
// 公司列表 |
|
|
|
companyList: [], |
|
|
|
// 当前显示的公司 |
|
|
|
companyDetail: {}, |
|
|
|
// 是否认领企业 |
|
|
|
isClaimed: false, |
|
|
|
// 认领企业弹框 |
|
|
|
showClaimDialog: false, |
|
|
|
// 是否入驻园区 |
|
|
|
isSettleParl: false, |
|
|
|
// 所有税收信息 |
|
|
|
allTaxInfo: {}, |
|
|
|
// 当前公司税收信息 |
|
|
|
companyTaxInfo: {}, |
|
|
|
taxInfoLoading: false, |
|
|
|
// 公司标签 |
|
|
|
comanyTags: [], |
|
|
|
// 公司信息 |
|
|
|
@@ -295,7 +323,7 @@ export default { |
|
|
|
mainImg: "", |
|
|
|
// 认领企业弹框 |
|
|
|
claimDialog: false, |
|
|
|
msg:"", |
|
|
|
msg: "", |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
@@ -315,37 +343,21 @@ export default { |
|
|
|
this.pageLoading = false; |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 企业切换 |
|
|
|
companyChange(v) { |
|
|
|
this.companyDetail = this.companyList[v]; |
|
|
|
this.getTaxInfo(); |
|
|
|
}, |
|
|
|
// 获取企业信息 |
|
|
|
getCompanyList() { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
getCompanyList({ claim: true }) |
|
|
|
.then((res) => { |
|
|
|
if (res.data.status == 0) { |
|
|
|
this.companyDetail = res.data.data.list[0] || {}; |
|
|
|
let { enterpriseLabel, logo, claimState } = |
|
|
|
this.companyDetail; |
|
|
|
// 是否认领 |
|
|
|
this.isClaimed = |
|
|
|
res.data.data.total > 0 && |
|
|
|
claimState && |
|
|
|
claimState.text == "已认领"; |
|
|
|
// 主图 |
|
|
|
this.mainImg = logo ? logo[0] : ""; |
|
|
|
// 标签 |
|
|
|
this.comanyTags = enterpriseLabel |
|
|
|
? enterpriseLabel.text |
|
|
|
: []; |
|
|
|
// 如果未认领 |
|
|
|
if (!this.isClaimed) { |
|
|
|
this.companyDetail.companyName = |
|
|
|
"上海禾获仁网络科技有限公司"; |
|
|
|
this.comanyTags = [ |
|
|
|
"上市企业", |
|
|
|
"高新企业", |
|
|
|
"潜力企业", |
|
|
|
"高危企业", |
|
|
|
"低碳企业", |
|
|
|
]; |
|
|
|
this.companyList = res.data.data.list; |
|
|
|
if (this.companyList.length > 0) { |
|
|
|
this.companyDetail = this.companyList[0]; |
|
|
|
this.getTaxInfo(); |
|
|
|
} |
|
|
|
} else if (res.data.status == 102) { |
|
|
|
this.$router.push("/login"); |
|
|
|
@@ -360,42 +372,80 @@ export default { |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
goDetail(companyDetail) { |
|
|
|
// 跳转详情 |
|
|
|
goDetail(company) { |
|
|
|
// 如果是未认证 |
|
|
|
if (!this.isClaimed) { |
|
|
|
if (!company.claimState.text == "已认领") { |
|
|
|
this.$router.push("/company-list"); |
|
|
|
return; |
|
|
|
} |
|
|
|
// companyDetail.companyId/ |
|
|
|
this.$router.push({ |
|
|
|
path: "/company-detail", |
|
|
|
query: { |
|
|
|
companyId: companyDetail.companyId, |
|
|
|
companyId: company.companyId, |
|
|
|
}, |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 获取税收信息 |
|
|
|
getTaxInfo() { |
|
|
|
let { companyId } = this.companyDetail; |
|
|
|
// 看看是否已有税收信息，有的话就不调接口，无的话就调接口 |
|
|
|
if (!this.allTaxInfo[companyId]) { |
|
|
|
this.getTaxAdministrationInfoByConmpanyApi(companyId); |
|
|
|
} else { |
|
|
|
this.setTaxInfo(companyId); |
|
|
|
} |
|
|
|
}, |
|
|
|
getTaxAdministrationInfoByConmpanyApi(companyId) { |
|
|
|
this.taxInfoLoading = true; |
|
|
|
getTaxAdministrationInfoByConmpany({ |
|
|
|
// companyId: "975-01837deff02500f8", |
|
|
|
companyId, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
if (res.data.status == 0) { |
|
|
|
this.allTaxInfo[companyId] = res.data.data || []; |
|
|
|
this.setTaxInfo(companyId); |
|
|
|
} else { |
|
|
|
console.log("获取企业税收信息失败"); |
|
|
|
} |
|
|
|
this.taxInfoLoading = false; |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
console.log("获取企业税收信息失败"); |
|
|
|
this.taxInfoLoading = false; |
|
|
|
}); |
|
|
|
}, |
|
|
|
setTaxInfo(companyId) { |
|
|
|
this.companyTaxInfo = |
|
|
|
this.$cloneDeep(this.allTaxInfo[companyId]) || []; |
|
|
|
console.log( |
|
|
|
this.$cloneDeep(this.companyTaxInfo), |
|
|
|
"当前公司税收信息1" |
|
|
|
); |
|
|
|
}, |
|
|
|
// 更多税收查询 |
|
|
|
businessQuery(){ |
|
|
|
businessQuery() { |
|
|
|
// 未认领不能授权 |
|
|
|
if (!this.isClaimed) { |
|
|
|
this.$message.info("请先认领企业"); |
|
|
|
return; |
|
|
|
} |
|
|
|
this.goPath('/tax-inquiry'); |
|
|
|
// if (!this.isClaimed) { |
|
|
|
// this.$message.info("请先认领企业"); |
|
|
|
// return; |
|
|
|
// } |
|
|
|
// this.goPath("/tax-inquiry"); |
|
|
|
}, |
|
|
|
formatImg(url) { |
|
|
|
return formatImg(url); |
|
|
|
}, |
|
|
|
// 前往税收授权 |
|
|
|
goToRPA() { |
|
|
|
// 未认领不能授权 |
|
|
|
if (!this.isClaimed) { |
|
|
|
this.$message.info("请先认领企业"); |
|
|
|
return; |
|
|
|
} |
|
|
|
let { companyId } = this.companyDetail; |
|
|
|
window.open("/cyc/toRPA?companyId=" + companyId); |
|
|
|
}, |
|
|
|
// goToRPA() { |
|
|
|
// // 未认领不能授权 |
|
|
|
// if (!this.isClaimed) { |
|
|
|
// this.$message.info("请先认领企业"); |
|
|
|
// return; |
|
|
|
// } |
|
|
|
// let { companyId } = this.companyDetail; |
|
|
|
// window.open("/cyc/toRPA?companyId=" + companyId); |
|
|
|
// }, |
|
|
|
// 我的消息 |
|
|
|
getMessageNoticeList() { |
|
|
|
let param = { |
|
|
|
@@ -433,15 +483,6 @@ export default { |
|
|
|
path, |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 获取公司名称 |
|
|
|
getCompanyName() { |
|
|
|
let companyName = "未认领企业"; |
|
|
|
// 如果已认领但是未入驻园区 |
|
|
|
if (this.isClaimed) { |
|
|
|
companyName = "上海禾获仁网络科技有限公司"; |
|
|
|
} |
|
|
|
return companyName; |
|
|
|
}, |
|
|
|
// 打开详情 |
|
|
|
openDetail(row) { |
|
|
|
this.$refs.MessageDetailDialog.openDialog(row); |
