root
/
digital_park_static
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Merge branch 'master' of http://192.168.18.147:9000/root/digital_park_static

master
王露 3 years ago
parent
18950e2ace 0991a48653
commit
135bf5a8f6
5 changed files with 152 additions and 47 deletions
Unified View Show Diff Stats
  1. BIN
      digital-park-web/digital-park/src/assets/image/myRelated/default-home.png
  2. BIN
      digital-park-web/digital-park/src/assets/image/myRelated/no-data.png
  3. 4
    3
      digital-park-web/digital-park/src/views/investment-service/InvestmentServiceList/components/PropertyManage.vue
  4. 79
    15
      digital-park-web/digital-park/src/views/my-related/business/Business.scss
  5. 69
    29
      digital-park-web/digital-park/src/views/my-related/business/Business.vue

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


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


+ 4
- 3
digital-park-web/digital-park/src/views/investment-service/InvestmentServiceList/components/PropertyManage.vue View File

:style="getListingColor(advantage)" :style="getListingColor(advantage)"
>{{ advantage }}</span> >{{ advantage }}</span>
</div> </div>
<div class="main-optional">{{ getOptional(item) }}</div>
</div> </div>
<div class="main-right fr"> <div class="main-right fr">
<div class="main-showPrice" v-if="item.housingInformationList[0].showTotalPrice == '面议'"> <div class="main-showPrice" v-if="item.housingInformationList[0].showTotalPrice == '面议'">
@include font(18px, #334a5f); @include font(18px, #334a5f);
font-weight: bold; font-weight: bold;
line-height: 35px; line-height: 35px;
margin-top: 5px;
} }
.main-address { .main-address {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin: 10px 0;
margin: 15px 0;
@include text-ellipsis(); @include text-ellipsis();
@include font(16px, #637485); @include font(16px, #637485);
.main-address-icon { .main-address-icon {
.main-des { .main-des {
@include font(16px, #637485); @include font(16px, #637485);
@include text-ellipsis(); @include text-ellipsis();
margin: 15px 0;
// span { // span {
// margin-right: 10px; // margin-right: 10px;
// margin-left: 5px; // margin-left: 5px;
// } // }
} }
.main-advantageList { .main-advantageList {
margin: 10px 0;
margin: 20px 0;
overflow: hidden; overflow: hidden;
height: 22px; height: 22px;
.item-span { .item-span {

+ 79
- 15
digital-park-web/digital-park/src/views/my-related/business/Business.scss View File

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);
} }
} }
.main-tag-box { .main-tag-box {
height: 20px;
margin-top: 20px;
// height: 20px;
margin-top: 15px;
overflow: hidden; overflow: hidden;
.tag-span { .tag-span {
box-sizing: border-box; box-sizing: border-box;
height: 20px;
padding: 0 8px;
border-style: solid;
border-width: 1px;
border-image-source: linear-gradient(
135deg,
#01d8ba 0%,
#0086e7 100%
);
border-image-slice: 1;
padding: 2px 8px;
line-height: 20px;
// border-style: solid;
// border-width: 1px;
// border-image-source: linear-gradient(
// 135deg,
// #01d8ba 0%,
// #0086e7 100%
// );
// border-image-slice: 1;
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: 164px;
}
}
} }
} }
.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;
}
}
} }

+ 69
- 29
digital-park-web/digital-park/src/views/my-related/business/Business.vue View File

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">
<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="tax-content" v-if="!isAuthorize">
<div class="tax-btn">
<el-button type="primary">企业授权</el-button>
</div>
<div class="tax-info">企业授权后即可进行税收查询</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 />
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";
export default { export default {
components: { Nav, Footer, ApplyForAdmission, MessageDetailDialog },
components: {
Nav,
Footer,
ApplyForAdmission,
MessageDetailDialog,
},
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.$router.push("/company-list");
return;
}
// companyDetail.companyId/
this.$router.push({ this.$router.push({
path: "/company-detail", path: "/company-detail",
query: { query: {
companyId,
companyId: companyDetail.companyId,
}, },
}); });
}, },

Write Preview
Loading…
Cancel
Save