Sfoglia il codice sorgente

修改我的企业

master
王饶冀 2 anni fa
parent
commit
af502171d9

BIN
digital-park-web/digital-park/src/assets/image/myRelated/default-home.png Vedi File


BIN
digital-park-web/digital-park/src/assets/image/myRelated/no-data.png Vedi File


+ 67
- 4
digital-park-web/digital-park/src/views/my-related/business/Business.scss Vedi File

@@ -55,15 +55,20 @@
box-sizing: border-box;
padding: 30px;
cursor: pointer;
position: relative;
.main-img-box {
width: 200px;
height: 200px;
margin-right: 20px;
// background: green;
img {
background: #ecf4fa;
.main-img {
width: 100%;
height: 100%;
}
text-align: center;
.default-img {
margin: 55px;
}
}
.main-info {
width: calc(100% - 220px);
@@ -109,7 +114,7 @@
// #0086e7 100%
// );
// border-image-slice: 1;
border:solid 1px #0086e7;
border: solid 1px #0086e7;
@include font(14px, #0086e7);
margin-right: 10px;
}
@@ -130,11 +135,20 @@
.value-span {
color: #334a5f;
font-weight: bold;
}
}
}
}
// .mh{
// content: "";
// position: absolute;
// top: 0;
// left: 0;
// height: 100%;
// width: 100%;
// backdrop-filter: blur(2px);
// }
}
}
}
@@ -193,13 +207,27 @@
text-align: right;
}
}
.not-img-div {
text-align: center;
position: relative;
padding: 30px 0;
.not-text {
position: absolute;
left: calc(50% - 10px);
color: #fff;
font-size: 16px;
top: 134px;
}
}
}
}
.tax-query-box {
margin: 30px 0;
background: #fff;
position: relative;
.tax-content {
margin-top: 20px;
.tax-btn {
text-align: center;
}
@@ -273,4 +301,39 @@
.el-loading-spinner {
top: 35vh;
}
.no-claimed {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(4px);
// background: red;
}
.claiming-enterprise {
width: 240px;
height: 60px;
background-image: linear-gradient(
-19deg,
#009ada 0%,
#00c3c5 100%
),
linear-gradient(#52b7ff, #52b7ff);
background-blend-mode: normal, normal;
border-radius: 30px;
color: #fff;
text-align: center;
line-height: 60px;
margin: 0 auto;
margin-top: 100px;
cursor: pointer;
&.is-authorize {
margin-top: 140px;
}
img {
position: relative;
left: 5px;
top: 1px;
}
}
}

+ 81
- 24
digital-park-web/digital-park/src/views/my-related/business/Business.vue Vedi File

@@ -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) {

Loading…
Annulla
Salva