root
/
digital_park_static
Obserwuj 1
Gwiazdka 0
Forkuj 0
Kod Problemy 0 Pull Requests 0 Wydania 0 Wiki Aktywność
Przeglądaj źródła

修复公司企业认领

master
王饶冀 2 lat temu
rodzic
25718c78f2
commit
fb61a52205
2 zmienionych plików z 219 dodań i 157 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 5
    1
      digital-park-web/digital-park/src/views/my-related/business/Business.scss
  2. 214
    156
      digital-park-web/digital-park/src/views/my-related/business/Business.vue

+ 5
- 1
digital-park-web/digital-park/src/views/my-related/business/Business.scss Wyświetl plik

@@ -58,7 +58,11 @@
width: 200px;
height: 200px;
margin-right: 20px;
background: green;
// background: green;
img {
width: 100%;
height: 100%;
}
}
.main-info {
width: calc(100% - 220px);

+ 214
- 156
digital-park-web/digital-park/src/views/my-related/business/Business.vue Wyświetl plik

@@ -1,48 +1,68 @@
<template>
<div class="business" data-1664518006392 v-loading="pageLoading" element-loading-text="数据加载中...">
<div
class="business"
data-1664518006392
v-loading="pageLoading"
element-loading-text="数据加载中..."
>
<div class="business-header" :class="{'is-claimed':isClaimed}">
<Nav />
<div class="header-container">
<div class="company-name">
<div class="company-span fl">
用户名：{{ currentAccount ? currentAccount.accountName : ''}}
</div>
<div
class="company-span fl"
>用户名：{{ currentAccount ? currentAccount.accountName : ''}}</div>
<span class="logout fl" @click="logout">退出登录</span>
<!-- 未认领，未入驻园区 -->
<div class="company-btn fr" v-if="!isClaimed">
我是企业，<span class="btn-span" @click="openApplyForAdmission">我要入驻园区</span>
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon"></img>
我是企业，
<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>
<div class="comany-info-box" v-if="isClaimed">
<div class="main-img-box fl">
主图
<img :src="formatImg(mainImg)" alt="main-img" />
</div>
<div class="main-info fl">
<div class="main-title-box">
<div class="main-title fl">
上海禾获仁网络科技有限公司上海禾获仁网络科技有限公司上海禾获仁网络科技有限公司上海禾获仁网络科技有限公司上海禾获仁网络科技有限公司
</div>
<div
class="main-title fl"
>上海禾获仁网络科技有限公司上海禾获仁网络科技有限公司上海禾获仁网络科技有限公司上海禾获仁网络科技有限公司上海禾获仁网络科技有限公司</div>
<div class="main-icon fl">
<img src="~@assets/image/myRelated/isClaimedIcon.png" alt="">
<img src="~@assets/image/myRelated/isClaimedIcon.png" alt />
已认领
</div>
</div>
<div class="main-tag-box">
<span v-for="(tag,inx) of comanyTags" :key="inx" class="tag-span fl">
{{ tag }}
</span>
<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">
<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">{{ companyDetail[info.value] }}</span>
<span
class="value-span"
v-if="info.value == 'establishOn'"
>{{ companyDetail[info.value] | formatDate("YYYY-MM-DD") }}</span>
<span
class="value-span"
v-else
>{{ companyDetail[info.value] | formatNull}}</span>
</el-col>
</el-row>
</div>
@@ -60,12 +80,19 @@
</div>
</div>
<div class="msg-list">
<div class="msg-list-item" v-for="(item,inx) of myMsgList" :key="inx" @click="openDetail(item)">
<div
class="msg-list-item"
v-for="(item,inx) of myMsgList"
:key="inx"
@click="openDetail(item)"
>
<div class="icon fl"></div>
<div class="msg-text fl">{{ item.title }}</div>
<div class="msg-time fr">{{ item.modifiedOn | formatDate("YYYY-MM-DD HH:mm") }}</div>
<div
class="msg-time fr"
>{{ item.modifiedOn | formatDate("YYYY-MM-DD HH:mm") }}</div>
</div>
</div>
</div>
</div>
<div class="tax-query-box my-message-box">
<div class="title">
@@ -79,40 +106,52 @@
<div class="tax-btn">
<el-button type="primary">企业授权</el-button>
</div>
<div class="tax-info">
企业授权后即可进行税收查询
</div>
<div class="tax-info">企业授权后即可进行税收查询</div>
</div>
<!-- 已授权 -->
<div class="tax-content" v-else>
<div class="tax-content-title">
<div class="fl tax-item" v-for="(item,inx) of taxComanyInfo" :key="inx" :style="{'width': item.width + '%'}">
<div
class="fl tax-item"
v-for="(item,inx) of taxComanyInfo"
:key="inx"
:style="{'width': item.width + '%'}"
>
<div class="tax-info-box">
<div class="fl tax-icon-box">
<img :src="require('@assets/image/myRelated/' + item.icon + '.png')" alt="icon">
<img
:src="require('@assets/image/myRelated/' + item.icon + '.png')"
alt="icon"
/>
</div>
<div class="fl tax-right-content">
<div class="tax-right-title" :title="item.label">{{ item.label }}</div>
<div class="tax-right-value" :title="item.value">{{ item.value }}</div>
<div
class="tax-right-title"
:title="item.label"
>{{ item.label }}</div>
<div
class="tax-right-value"
:title="item.value"
>{{ item.value }}</div>
</div>
</div>
</div>
</div>
<el-table class="tax-tabel" :border="true" :data="taxTableData">
<el-table-column prop="v1" label="申报类型" />
<el-table-column prop="v2" label="申报日期" />
<el-table-column prop="v3" label="开始日期" />
<el-table-column prop="v4" label="结束日期" />
<el-table-column prop="v5" label="金额" />
<el-table-column prop="v1" label="申报类型" />
<el-table-column prop="v2" label="申报日期" />
<el-table-column prop="v3" label="开始日期" />
<el-table-column prop="v4" label="结束日期" />
<el-table-column prop="v5" label="金额" />
</el-table>
</div>
</div>
</div>
<Footer />
<!-- 入驻园区 -->
<ApplyForAdmission ref="ApplyForAdmission"/>
<ApplyForAdmission ref="ApplyForAdmission" />
<!-- 消息详情 -->
<MessageDetailDialog ref="MessageDetailDialog" @close="initData"/>
<MessageDetailDialog ref="MessageDetailDialog" @close="initData" />
</div>
</template>

@@ -120,15 +159,15 @@
import "./Business.scss";
import Nav from "@components/Header.vue";
import Footer from "@components/Footer.vue";
import { logout } from '@api/login';
import { getCompanyById } from '@api/company';
import { routerOpenInNewWindow } from "@/utils/common.js";
import { logout } from "@api/login";
import { getCompanyList } 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 { getMessageNoticeList, markReadMessage } from "@api/my-related";
export default {
components: { Nav, Footer,ApplyForAdmission,MessageDetailDialog },
components: { Nav, Footer, ApplyForAdmission, MessageDetailDialog },
computed: {
...mapGetters({
currentAccount: "currentAccount",
@@ -136,8 +175,8 @@ export default {
},
data() {
return {
pageLoading:false,
companyDetail:{},
pageLoading: false,
companyDetail: {},
// 是否认领企业
isClaimed: false,
// 认领企业弹框
@@ -145,158 +184,176 @@ export default {
// 是否入驻园区
isSettleParl: false,
// 公司标签
comanyTags:["科技型中小企业1","科技型中小企业2","科技型中小企业3","科技型中小企业4","科技型中小企业5","科技型中小企业科技型中小企业科技型中小企业科技型中小企业科技型中小企业6","科技型中小企业7","科技型中小企业","科技型中小企业科技型中小企业",],
comanyTags: [],
// 公司信息
mainOtherInfo:[
mainOtherInfo: [
{
label:"法人代表",
value:"legalPerson",
span:7
label: "法人代表",
value: "legalPerson",
span: 7,
},
{
label:"统一社会信用代码",
value:"creditCode",
span:10
label: "统一社会信用代码",
value: "creditCode",
span: 10,
},
{
label:"电话",
value:"companyMobilePhone",
span:7
label: "电话",
value: "companyMobilePhone",
span: 7,
},
{
label:"网站",
value:"www.hhrchina.com",
span:7
label: "网站",
value: "url",
span: 7,
},
{
label:"成立日期",
value:"establishOn",
span:10
label: "成立日期",
value: "establishOn",
span: 10,
},
{
label:"邮箱",
value:"email",
span:7
label: "邮箱",
value: "email",
span: 7,
},
],
// 我的消息
myMsgList:[],
myMsgList: [],
// 未读条数
notRead:0,
notRead: 0,
// 是否授权
isAuthorize:true,
isAuthorize: true,
// 税收查询公司信息
taxComanyInfo:[
taxComanyInfo: [
{
label:"公司名称",
value:"上海禾获仁网络科技有限公司",
icon:'tax-1',
width:29
label: "公司名称",
value: "上海禾获仁网络科技有限公司",
icon: "tax-1",
width: 29,
},
{
label:"纳税人识别号",
value:"91310115MA1H71QG17",
icon:'tax-2',
width:29
label: "纳税人识别号",
value: "91310115MA1H71QG17",
icon: "tax-2",
width: 29,
},
{
label:"税务征信等级",
value:"SSS",
icon:'tax-3',
width:20
label: "税务征信等级",
value: "SSS",
icon: "tax-3",
width: 20,
},
{
label:"评价得分(大查柜)",
value:"98（2015）",
icon:'tax-4',
width:22
label: "评价得分(大查柜)",
value: "98（2015）",
icon: "tax-4",
width: 22,
},
],
taxTableData:[
taxTableData: [
{
v1:"企业所得税",
v2:"2022-12-23",
v3:"2022-12-23",
v4:"2022-12-23",
v5:"50066.25",
v1: "企业所得税",
v2: "2022-12-23",
v3: "2022-12-23",
v4: "2022-12-23",
v5: "50066.25",
},
{
v1:"企业所得税",
v2:"2022-12-23",
v3:"2022-12-23",
v4:"2022-12-23",
v5:"50066.25",
v1: "企业所得税",
v2: "2022-12-23",
v3: "2022-12-23",
v4: "2022-12-23",
v5: "50066.25",
},
],
};
// 主图
mainImg: "",
};
},
mounted(){
mounted() {
this.initData();
},
methods: {
// 初始化加载数据
initData(){
console.log(this.$cloneDeep(this.currentAccount),'登录信息');
initData() {
console.log(this.$cloneDeep(this.currentAccount), "登录信息");
this.pageLoading = true;
Promise.all([
// 获取企业信息
this.getCompanyById(),
this.getCompanyList(),
// 获取我的消息
this.getMessageNoticeList()
]).then(()=>{
this.getMessageNoticeList(),
]).then(() => {
this.pageLoading = false;
})
});
},
// 获取企业信息
getCompanyById(){
return new Promise( (resolve, reject) => {
getCompanyById({companyId:this.currentAccount.accountId}).then(res => {
if(res.data.status == 0){
this.companyDetail = res.data.data;
// 测试代码，让企业已认领
this.isClaimed = this.companyDetail.claimState;
console.log(this.$cloneDeep(this.companyDetail),'企业信息')
}else if(res.data.status == 102){
this.$router.push('/login')
}else {
this.$message.error(res.data.msg);
}
resolve();
}).catch(err => {
console.log(err);
resolve();
})
})
getCompanyList() {
return new Promise((resolve, reject) => {
getCompanyList({ claim: true })
.then((res) => {
if (res.data.status == 0) {
// console.log(res.data.data);
this.companyDetail = res.data.data.list[0];
// 是否认领
this.isClaimed = res.data.data.total > 0;
let { enterpriseLabel, logo } =
this.companyDetail;
// 主图
this.mainImg = logo ? JSON.parse(logo)[0] : "";
// 标签
this.comanyTags = enterpriseLabel
? enterpriseLabel.text
: [];
} else if (res.data.status == 102) {
this.$router.push("/login");
} else {
this.$message.error(res.data.msg);
}
resolve();
})
.catch((err) => {
console.log(err);
resolve();
});
});
},
formatImg(url) {
return formatImg(url);
},
// 我的消息
getMessageNoticeList(){
getMessageNoticeList() {
let param = {
page:1,
pageSize:10
page: 1,
pageSize: 10,
};
getMessageNoticeList(param).then(res => {
if(res.data.status == 0){
const data = res.data.data;
let { resultData } = data;
this.myMsgList = resultData.list;
this.notRead = resultData.total - data.readCount;
this.notRead = this.notRead < 0 ? 0 : this.notRead;
}else if(res.data.status == 102){
this.$router.push('/login')
}else {
getMessageNoticeList(param)
.then((res) => {
if (res.data.status == 0) {
const data = res.data.data;
let { resultData } = data;
this.myMsgList = resultData.list;
this.notRead = resultData.total - data.readCount;
this.notRead = this.notRead < 0 ? 0 : this.notRead;
} else if (res.data.status == 102) {
this.$router.push("/login");
} else {
this.$message.error(res.data.msg);
}
}).catch(err => {
console.log(err);
resolve();
})
})
.catch((err) => {
console.log(err);
resolve();
});
},
markReadMessage(list) {
markReadMessage(list).then(() => {}).catch((err) => {});
markReadMessage(list)
.then(() => {})
.catch((err) => {});
},
// 跳转路由
goPath(path){
goPath(path) {
console.log(1);
routerOpenInNewWindow({
path,
@@ -312,32 +369,33 @@ export default {
return companyName;
},
// 打开详情
openDetail(row){
this.$refs.MessageDetailDialog.openDialog(row)
if(!row.isRead){
openDetail(row) {
this.$refs.MessageDetailDialog.openDialog(row);
if (!row.isRead) {
row.isRead = true;
this.markReadMessage([row.messageNoticeId]);
}
},
// 入驻园区
openApplyForAdmission(){
openApplyForAdmission() {
this.$refs.ApplyForAdmission.showDialog();
},
// 退出登录
logout(){
this.$confirm('确认是否退出登录', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
logout().then(()=>{
this.$store.dispatch('getUserInfo').then(()=>{
this.$router.push('/login');
this.$message.info("已退出登录")
logout() {
this.$confirm("确认是否退出登录", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
logout().then(() => {
this.$store.dispatch("getUserInfo").then(() => {
this.$router.push("/login");
this.$message.info("已退出登录");
});
});
})
})
}).catch(() => {});
.catch(() => {});
},
},
};

Napisz Podgląd
Ładowanie…
Anuluj
Zapisz