|
|
|
@@ -5,7 +5,7 @@ |
|
|
|
v-loading="pageLoading" |
|
|
|
element-loading-text="数据加载中..." |
|
|
|
> |
|
|
|
<div class="business-header" :class="{'is-claimed':isClaimed}"> |
|
|
|
<div class="business-header" :class="{'is-claimed':true}"> |
|
|
|
<Nav /> |
|
|
|
<div class="header-container"> |
|
|
|
<div class="company-name"> |
|
|
|
@@ -19,19 +19,21 @@ |
|
|
|
<span class="btn-span" @click="openApplyForAdmission">我要入驻园区</span> |
|
|
|
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" /> |
|
|
|
</div> |
|
|
|
<!-- 未认领 --> |
|
|
|
<!-- <div class="company-btn fr" v-if="!isClaimed"> |
|
|
|
<span class="btn-span" @click="showClaimDialog = true">认领企业</span> |
|
|
|
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon"> |
|
|
|
</div>--> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
class="comany-info-box" |
|
|
|
v-if="isClaimed" |
|
|
|
@click="goDetail(companyDetail.companyId)" |
|
|
|
> |
|
|
|
<div class="comany-info-box" @click="goDetail(companyDetail)"> |
|
|
|
<div class="main-img-box fl"> |
|
|
|
<img :src="formatImg(mainImg)" alt="main-img" /> |
|
|
|
<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"> |
|
|
|
@@ -73,11 +75,17 @@ |
|
|
|
</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" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="body-container"> |
|
|
|
<div class="my-message-box" v-if="myMsgList.length > 0"> |
|
|
|
<div class="my-message-box"> |
|
|
|
<div class="title"> |
|
|
|
<span class="title-span">我的消息</span> |
|
|
|
<span class="num-msg" v-if="notRead > 0">（您有{{ notRead }}条未读通知）</span> |
|
|
|
@@ -85,7 +93,7 @@ |
|
|
|
<img src="~@assets/image/index/icon_more.png" alt="more" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="msg-list"> |
|
|
|
<div class="msg-list" v-if="myMsgList.length > 0"> |
|
|
|
<div |
|
|
|
class="msg-list-item" |
|
|
|
v-for="(item,inx) of myMsgList" |
|
|
|
@@ -99,6 +107,12 @@ |
|
|
|
>{{ item.modifiedOn | formatDate("YYYY-MM-DD HH:mm") }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-else class="msg-list"> |
|
|
|
<div class="not-img-div"> |
|
|
|
<img src="~@assets/image/myRelated/no-data.png" alt="icon" /> |
|
|
|
<span class="not-text">暂无消息</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="tax-query-box my-message-box"> |
|
|
|
<div class="title"> |
|
|
|
@@ -108,14 +122,14 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 没授权 --> |
|
|
|
<div class="tax-content" v-if="!isAuthorize"> |
|
|
|
<!-- <div class="tax-content" v-if="!isAuthorize"> |
|
|
|
<div class="tax-btn"> |
|
|
|
<el-button type="primary">企业授权</el-button> |
|
|
|
</div> |
|
|
|
<div class="tax-info">企业授权后即可进行税收查询</div> |
|
|
|
</div> |
|
|
|
</div>--> |
|
|
|
<!-- 已授权 --> |
|
|
|
<div class="tax-content" v-else> |
|
|
|
<div class="tax-content"> |
|
|
|
<div class="tax-content-title"> |
|
|
|
<div |
|
|
|
class="fl tax-item" |
|
|
|
@@ -151,6 +165,12 @@ |
|
|
|
<el-table-column prop="v5" label="金额" /> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<div class="no-claimed" v-if="!isAuthorize"> |
|
|
|
<div class="claiming-enterprise is-authorize"> |
|
|
|
立即授权 |
|
|
|
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<Footer /> |
|
|
|
@@ -158,6 +178,13 @@ |
|
|
|
<ApplyForAdmission ref="ApplyForAdmission" /> |
|
|
|
<!-- 消息详情 --> |
|
|
|
<MessageDetailDialog ref="MessageDetailDialog" @close="initData" /> |
|
|
|
<!-- 认领企业 --> |
|
|
|
<claim-dialog |
|
|
|
v-if="claimDialog" |
|
|
|
:claimDialog="claimDialog" |
|
|
|
@close="claimDialog = false" |
|
|
|
@updateData="initData" |
|
|
|
></claim-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@@ -172,8 +199,15 @@ 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 ClaimDialog from "@/views/park-enterprises/components/ClaimDialog.vue"; |
|
|
|
export default { |
|
|
|
components: { Nav, Footer, ApplyForAdmission, MessageDetailDialog }, |
|
|
|
components: { |
|
|
|
Nav, |
|
|
|
Footer, |
|
|
|
ApplyForAdmission, |
|
|
|
MessageDetailDialog, |
|
|
|
ClaimDialog, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters({ |
|
|
|
currentAccount: "currentAccount", |
|
|
|
@@ -229,7 +263,7 @@ export default { |
|
|
|
// 未读条数 |
|
|
|
notRead: 0, |
|
|
|
// 是否授权 |
|
|
|
isAuthorize: true, |
|
|
|
isAuthorize: false, |
|
|
|
// 税收查询公司信息 |
|
|
|
taxComanyInfo: [ |
|
|
|
{ |
|
|
|
@@ -275,6 +309,8 @@ export default { |
|
|
|
], |
|
|
|
// 主图 |
|
|
|
mainImg: "", |
|
|
|
// 认领企业弹框 |
|
|
|
claimDialog: false, |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
@@ -300,18 +336,32 @@ export default { |
|
|
|
getCompanyList({ claim: true }) |
|
|
|
.then((res) => { |
|
|
|
if (res.data.status == 0) { |
|
|
|
// console.log(res.data.data); |
|
|
|
this.companyDetail = res.data.data.list[0]; |
|
|
|
let { enterpriseLabel, logo, claimState } = |
|
|
|
this.companyDetail; |
|
|
|
// 是否认领 |
|
|
|
this.isClaimed = res.data.data.total > 0 && claimState && claimState.text == '已认领'; |
|
|
|
this.isClaimed = |
|
|
|
res.data.data.total > 0 && |
|
|
|
claimState && |
|
|
|
claimState.text == "已认领"; |
|
|
|
// 主图 |
|
|
|
this.mainImg = logo ? JSON.parse(logo)[0] : ""; |
|
|
|
// 标签 |
|
|
|
this.comanyTags = enterpriseLabel |
|
|
|
? enterpriseLabel.text |
|
|
|
: []; |
|
|
|
// 如果未认领 |
|
|
|
if (!this.isClaimed) { |
|
|
|
this.companyDetail.companyName = |
|
|
|
"上海禾获仁网络科技有限公司"; |
|
|
|
this.comanyTags = [ |
|
|
|
"上市企业", |
|
|
|
"高新企业", |
|
|
|
"潜力企业", |
|
|
|
"高危企业", |
|
|
|
"低碳企业", |
|
|
|
]; |
|
|
|
} |
|
|
|
} else if (res.data.status == 102) { |
|
|
|
this.$router.push("/login"); |
|
|
|
} else { |
|
|
|
@@ -325,11 +375,17 @@ export default { |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
goDetail(companyId) { |
|
|
|
goDetail(companyDetail) { |
|
|
|
// 如果是未认证 |
|
|
|
if (!this.isClaimed) { |
|
|
|
this.claimDialog = true; |
|
|
|
return; |
|
|
|
} |
|
|
|
// companyDetail.companyId/ |
|
|
|
this.$router.push({ |
|
|
|
path: "/company-detail", |
|
|
|
query: { |
|
|
|
companyId, |
|
|
|
companyId: companyDetail.companyId, |
|
|
|
}, |
|
|
|
}); |
|
|
|
}, |
|
|
|
@@ -347,7 +403,8 @@ export default { |
|
|
|
if (res.data.status == 0) { |
|
|
|
const data = res.data.data; |
|
|
|
let { resultData } = data; |
|
|
|
this.myMsgList = resultData.list; |
|
|
|
// this.myMsgList = resultData.list; |
|
|
|
this.myMsgList = []; |
|
|
|
this.notRead = resultData.total - data.readCount; |
|
|
|
this.notRead = this.notRead < 0 ? 0 : this.notRead; |
|
|
|
} else if (res.data.status == 102) { |
