root
/
digital_park_static
ウォッチ 1
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
ソースを参照

修改我的企业

master
王饶冀 3年前
親
8f65c4acd8
コミット
af502171d9
4個のファイルの変更、148行の追加、28行の削除
ユニファイド表示 差分情報を表示
  1. バイナリ
      digital-park-web/digital-park/src/assets/image/myRelated/default-home.png
  2. バイナリ
      digital-park-web/digital-park/src/assets/image/myRelated/no-data.png
  3. 67
    4
      digital-park-web/digital-park/src/views/my-related/business/Business.scss
  4. 81
    24
      digital-park-web/digital-park/src/views/my-related/business/Business.vue

バイナリ
digital-park-web/digital-park/src/assets/image/myRelated/default-home.png ファイルの表示


バイナリ
digital-park-web/digital-park/src/assets/image/myRelated/no-data.png ファイルの表示


+ 67
- 4
digital-park-web/digital-park/src/views/my-related/business/Business.scss ファイルの表示

box-sizing: border-box; box-sizing: border-box;
padding: 30px; padding: 30px;
cursor: pointer; cursor: pointer;
position: relative;
.main-img-box { .main-img-box {
width: 200px; width: 200px;
height: 200px; height: 200px;
margin-right: 20px; margin-right: 20px;
// background: green;
img {
background: #ecf4fa;
.main-img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
text-align: center;
.default-img {
margin: 55px;
}
} }
.main-info { .main-info {
width: calc(100% - 220px); width: calc(100% - 220px);
// #0086e7 100% // #0086e7 100%
// ); // );
// border-image-slice: 1; // border-image-slice: 1;
border:solid 1px #0086e7;
border: solid 1px #0086e7;
@include font(14px, #0086e7); @include font(14px, #0086e7);
margin-right: 10px; margin-right: 10px;
} }
.value-span { .value-span {
color: #334a5f; color: #334a5f;
font-weight: bold; font-weight: bold;
} }
} }
} }
} }
// .mh{
// content: "";
// position: absolute;
// top: 0;
// left: 0;
// height: 100%;
// width: 100%;
// backdrop-filter: blur(2px);
// }
} }
} }
} }
text-align: right; 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 { .tax-query-box {
margin: 30px 0; margin: 30px 0;
background: #fff; background: #fff;
position: relative;
.tax-content { .tax-content {
margin-top: 20px; margin-top: 20px;
.tax-btn { .tax-btn {
text-align: center; text-align: center;
} }
.el-loading-spinner { .el-loading-spinner {
top: 35vh; 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 ファイルの表示

v-loading="pageLoading" v-loading="pageLoading"
element-loading-text="数据加载中..." element-loading-text="数据加载中..."
> >
<div class="business-header" :class="{'is-claimed':isClaimed}">
<div class="business-header" :class="{'is-claimed':true}">
<Nav /> <Nav />
<div class="header-container"> <div class="header-container">
<div class="company-name"> <div class="company-name">
<span class="btn-span" @click="openApplyForAdmission">我要入驻园区</span> <span class="btn-span" @click="openApplyForAdmission">我要入驻园区</span>
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" /> <img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" />
</div> </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>
<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"> <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>
<div class="main-info fl"> <div class="main-info fl">
<div class="main-title-box"> <div class="main-title-box">
</el-row> </el-row>
</div> </div>
</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>
</div> </div>
<div class="body-container"> <div class="body-container">
<div class="my-message-box" v-if="myMsgList.length > 0">
<div class="my-message-box">
<div class="title"> <div class="title">
<span class="title-span">我的消息</span> <span class="title-span">我的消息</span>
<span class="num-msg" v-if="notRead > 0">（您有{{ notRead }}条未读通知）</span> <span class="num-msg" v-if="notRead > 0">（您有{{ notRead }}条未读通知）</span>
<img src="~@assets/image/index/icon_more.png" alt="more" /> <img src="~@assets/image/index/icon_more.png" alt="more" />
</div> </div>
</div> </div>
<div class="msg-list">
<div class="msg-list" v-if="myMsgList.length > 0">
<div <div
class="msg-list-item" class="msg-list-item"
v-for="(item,inx) of myMsgList" v-for="(item,inx) of myMsgList"
>{{ item.modifiedOn | formatDate("YYYY-MM-DD HH:mm") }}</div> >{{ item.modifiedOn | formatDate("YYYY-MM-DD HH:mm") }}</div>
</div> </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>
<div class="tax-query-box my-message-box"> <div class="tax-query-box my-message-box">
<div class="title"> <div class="title">
</div> </div>
</div> </div>
<!-- 没授权 --> <!-- 没授权 -->
<div class="tax-content" v-if="!isAuthorize">
<!-- <div class="tax-content" v-if="!isAuthorize">
<div class="tax-btn"> <div class="tax-btn">
<el-button type="primary">企业授权</el-button> <el-button type="primary">企业授权</el-button>
</div> </div>
<div class="tax-info">企业授权后即可进行税收查询</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="tax-content-title">
<div <div
class="fl tax-item" class="fl tax-item"
<el-table-column prop="v5" label="金额" /> <el-table-column prop="v5" label="金额" />
</el-table> </el-table>
</div> </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>
</div> </div>
<Footer /> <Footer />
<ApplyForAdmission ref="ApplyForAdmission" /> <ApplyForAdmission ref="ApplyForAdmission" />
<!-- 消息详情 --> <!-- 消息详情 -->
<MessageDetailDialog ref="MessageDetailDialog" @close="initData" /> <MessageDetailDialog ref="MessageDetailDialog" @close="initData" />
<!-- 认领企业 -->
<claim-dialog
v-if="claimDialog"
:claimDialog="claimDialog"
@close="claimDialog = false"
@updateData="initData"
></claim-dialog>
</div> </div>
</template> </template>


import ApplyForAdmission from "@/views/index/ApplyForAdmission.vue"; import ApplyForAdmission from "@/views/index/ApplyForAdmission.vue";
import MessageDetailDialog from "../mseeage/components/MessageDetailDialog/index.vue"; import MessageDetailDialog from "../mseeage/components/MessageDetailDialog/index.vue";
import { getMessageNoticeList, markReadMessage } from "@api/my-related"; import { getMessageNoticeList, markReadMessage } from "@api/my-related";
import ClaimDialog from "@/views/park-enterprises/components/ClaimDialog.vue";
export default { export default {
components: { Nav, Footer, ApplyForAdmission, MessageDetailDialog },
components: {
Nav,
Footer,
ApplyForAdmission,
MessageDetailDialog,
ClaimDialog,
},
computed: { computed: {
...mapGetters({ ...mapGetters({
currentAccount: "currentAccount", currentAccount: "currentAccount",
// 未读条数 // 未读条数
notRead: 0, notRead: 0,
// 是否授权 // 是否授权
isAuthorize: true,
isAuthorize: false,
// 税收查询公司信息 // 税收查询公司信息
taxComanyInfo: [ taxComanyInfo: [
{ {
], ],
// 主图 // 主图
mainImg: "", mainImg: "",
// 认领企业弹框
claimDialog: false,
}; };
}, },
mounted() { mounted() {
getCompanyList({ claim: true }) getCompanyList({ claim: true })
.then((res) => { .then((res) => {
if (res.data.status == 0) { if (res.data.status == 0) {
// console.log(res.data.data);
this.companyDetail = res.data.data.list[0]; this.companyDetail = res.data.data.list[0];
let { enterpriseLabel, logo, claimState } = let { enterpriseLabel, logo, claimState } =
this.companyDetail; 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.mainImg = logo ? JSON.parse(logo)[0] : "";
// 标签 // 标签
this.comanyTags = enterpriseLabel this.comanyTags = enterpriseLabel
? enterpriseLabel.text ? enterpriseLabel.text
: []; : [];
// 如果未认领
if (!this.isClaimed) {
this.companyDetail.companyName =
"上海禾获仁网络科技有限公司";
this.comanyTags = [
"上市企业",
"高新企业",
"潜力企业",
"高危企业",
"低碳企业",
];
}
} else if (res.data.status == 102) { } else if (res.data.status == 102) {
this.$router.push("/login"); this.$router.push("/login");
} else { } else {
}); });
}); });
}, },
goDetail(companyId) {
goDetail(companyDetail) {
// 如果是未认证
if (!this.isClaimed) {
this.claimDialog = true;
return;
}
// companyDetail.companyId/
this.$router.push({ this.$router.push({
path: "/company-detail", path: "/company-detail",
query: { query: {
companyId,
companyId: companyDetail.companyId,
}, },
}); });
}, },
if (res.data.status == 0) { if (res.data.status == 0) {
const data = res.data.data; const data = res.data.data;
let { resultData } = data; let { resultData } = data;
this.myMsgList = resultData.list;
// this.myMsgList = resultData.list;
this.myMsgList = [];
this.notRead = resultData.total - data.readCount; this.notRead = resultData.total - data.readCount;
this.notRead = this.notRead < 0 ? 0 : this.notRead; this.notRead = this.notRead < 0 ? 0 : this.notRead;
} else if (res.data.status == 102) { } else if (res.data.status == 102) {

書き込み プレビュー
読み込み中…
キャンセル
保存