root
/
digital_park_static
Seguir 1
Destacar 0
Fork 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Actividad
Explorar el Código

官网小昆山税收页签调整

master
王饶冀 hace 2 años
padre
58b3a0c898
commit
8d4aa31f03
Se han modificado 4 ficheros con 426 adiciones y 130 borrados
Unificar vista Mostrar estadísticas de diff
  1. 4
    1
      digital-park-web/digital-park/src/api/company.js
  2. 170
    129
      digital-park-web/digital-park/src/views/my-related/business/Business.vue
  3. 50
    0
      digital-park-web/digital-park/src/views/my-related/business/TaxQuery/index.scss
  4. 202
    0
      digital-park-web/digital-park/src/views/my-related/business/TaxQuery/index.vue

+ 4
- 1
digital-park-web/digital-park/src/api/company.js Ver fichero

export const getCompanyNewsList = p => get("/areaCompany/getCompanyNewsList", p); export const getCompanyNewsList = p => get("/areaCompany/getCompanyNewsList", p);


// 获取资讯详情 // 获取资讯详情
export const getCompanyNewsById = p => get("/areaCompany/getCompanyNewsById", p);
export const getCompanyNewsById = p => get("/areaCompany/getCompanyNewsById", p);

// 通过企业列表获取企业税收
export const getTaxAdministrationInfoByConmpany = p => get("/taxAdministration/getTaxAdministrationInfoByConmpany", p);

+ 170
- 129
digital-park-web/digital-park/src/views/my-related/business/Business.vue Ver fichero

data-1664518006392 data-1664518006392
v-loading="pageLoading" v-loading="pageLoading"
element-loading-text="数据加载中..." element-loading-text="数据加载中..."
>
<div class="business-header" :class="{'is-claimed':true}">
>
<div class="business-header is-claimed">
<Nav /> <Nav />
<div class="header-container"> <div class="header-container">
<div class="company-name"> <div class="company-name">
>用户名：{{ currentAccount ? currentAccount.accountName : ''}}</div> >用户名：{{ currentAccount ? currentAccount.accountName : ''}}</div>
<span class="logout fl" @click="logout">退出登录</span> <span class="logout fl" @click="logout">退出登录</span>
<!-- 未认领，未入驻园区 --> <!-- 未认领，未入驻园区 -->
<div class="company-btn fr" v-if="!isClaimed">
<!-- <div class="company-btn fr" v-if="!isClaimed">
我是企业， 我是企业，
<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> </div>
<div class="comany-info-box" @click="goDetail(companyDetail)">
<div class="main-img-box fl">
<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">
<div
class="main-title fl"
:title="companyDetail.companyName"
>{{ companyDetail.companyName }}</div>
<div class="main-icon fl">
<img src="~@assets/image/myRelated/isClaimedIcon.png" alt />
已认领
<el-carousel
trigger="click"
height="260px"
:autoplay="false"
@change="companyChange"
indicator-position="outside"
>
<el-carousel-item v-for="(company,inx) of companyList" :key="inx">
<div class="comany-info-box" @click="goDetail(company)">
<div class="main-img-box fl">
<img
:src="formatImg(company.logo?company.logo[0]:null)"
alt="main-img"
v-if="company.claimState.text == '已认领'"
class="main-img"
/>
<img
src="~@assets/image/myRelated/default-home.png"
alt="main-img"
class="default-img"
v-else
/>
</div> </div>
</div>
<div class="main-tag-box">
<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"
>
<span class="label-span">{{ info.label }}：</span>
<span
class="value-span"
v-if="info.value == 'establishOn'"
>{{ companyDetail[info.value] | formatDate("YYYY-MM-DD") }}</span>
<div class="main-info fl">
<div class="main-title-box">
<div
class="main-title fl"
:title="company.companyName"
>{{ company.companyName }}</div>
<div class="main-icon fl">
<img src="~@assets/image/myRelated/isClaimedIcon.png" alt />
已认领
</div>
</div>
<div class="main-tag-box">
<span <span
class="value-span"
v-else
:title="companyDetail[info.value]"
>{{ companyDetail[info.value] | formatNull}}</span>
</el-col>
</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" />
v-for="(tag,inx) of company.enterpriseLabel?company.enterpriseLabel.text : []"
: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"
>
<span class="label-span">{{ info.label }}：</span>
<span
class="value-span"
v-if="info.value == 'establishOn'"
>{{ company[info.value] | formatDate("YYYY-MM-DD") }}</span>
<span
class="value-span"
v-else
:title="company[info.value]"
>{{ company[info.value] | formatNull}}</span>
</el-col>
</el-row>
</div>
</div>
<div class="no-claimed" v-if="company.claimState.text !== '已认领'">
<div class="claiming-enterprise" @click.stop="goDetail(company)">
前往认领企业
<img
src="~@assets/image/myRelated/companyBtnIcon.png"
alt="icon"
/>
</div>
</div>
</div> </div>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div> </div>
</div> </div>
<div class="body-container"> <div class="body-container">
</div> </div>
</div> </div>
</div> </div>
<!-- <TaxQuery /> -->
<div class="tax-query-box my-message-box"> <div class="tax-query-box my-message-box">
<div class="title">
<TaxQuery
v-loading="taxInfoLoading"
element-loading-text="数据加载中..."
:companyTaxInfo="companyTaxInfo"
/>
<!-- <div class="title">
<span class="title-span">税收查询</span> <span class="title-span">税收查询</span>
<div class="more-icon fr" @click="businessQuery"> <div class="more-icon fr" @click="businessQuery">
<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">
<!-- <div class="tax-content">
<div class="tax-content-title"> <div class="tax-content-title">
<div <div
class="fl tax-item" class="fl tax-item"
v-for="(item,inx) of taxComanyInfo" v-for="(item,inx) of taxComanyInfo"
:key="inx"
:key="inx"
:style="{'width': item.width + '%'}" :style="{'width': item.width + '%'}"
> >
<div class="tax-info-box"> <div class="tax-info-box">
立即授权 立即授权
<img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" /> <img src="~@assets/image/myRelated/companyBtnIcon.png" alt="icon" />
</div> </div>
</div>
</div>-->
</div> </div>
</div> </div>
<Footer /> <Footer />
import Nav from "@components/Header.vue"; import Nav from "@components/Header.vue";
import Footer from "@components/Footer.vue"; import Footer from "@components/Footer.vue";
import { logout } from "@api/login"; import { logout } from "@api/login";
import { getCompanyList } from "@api/company";
import {
getCompanyList,
getTaxAdministrationInfoByConmpany,
} from "@api/company";
import { routerOpenInNewWindow, formatImg } from "@/utils/common.js"; import { routerOpenInNewWindow, formatImg } from "@/utils/common.js";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
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 TaxQuery from "./TaxQuery/index.vue";
export default { export default {
components: { components: {
Nav, Nav,
Footer, Footer,
ApplyForAdmission, ApplyForAdmission,
MessageDetailDialog, MessageDetailDialog,
TaxQuery,
}, },
computed: { computed: {
...mapGetters({ ...mapGetters({
data() { data() {
return { return {
pageLoading: false, pageLoading: false,
// 公司列表
companyList: [],
// 当前显示的公司
companyDetail: {}, companyDetail: {},
// 是否认领企业
isClaimed: false,
// 认领企业弹框
showClaimDialog: false,
// 是否入驻园区
isSettleParl: false,
// 所有税收信息
allTaxInfo: {},
// 当前公司税收信息
companyTaxInfo: {},
taxInfoLoading: false,
// 公司标签 // 公司标签
comanyTags: [], comanyTags: [],
// 公司信息 // 公司信息
mainImg: "", mainImg: "",
// 认领企业弹框 // 认领企业弹框
claimDialog: false, claimDialog: false,
msg:"",
msg: "",
}; };
}, },
mounted() { mounted() {
this.pageLoading = false; this.pageLoading = false;
}); });
}, },
// 企业切换
companyChange(v) {
this.companyDetail = this.companyList[v];
this.getTaxInfo();
},
// 获取企业信息 // 获取企业信息
getCompanyList() { getCompanyList() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getCompanyList({ claim: true }) getCompanyList({ claim: true })
.then((res) => { .then((res) => {
if (res.data.status == 0) { if (res.data.status == 0) {
this.companyDetail = res.data.data.list[0] || {};
let { enterpriseLabel, logo, claimState } =
this.companyDetail;
// 是否认领
this.isClaimed =
res.data.data.total > 0 &&
claimState &&
claimState.text == "已认领";
// 主图
this.mainImg = logo ? logo[0] : "";
// 标签
this.comanyTags = enterpriseLabel
? enterpriseLabel.text
: [];
// 如果未认领
if (!this.isClaimed) {
this.companyDetail.companyName =
"上海禾获仁网络科技有限公司";
this.comanyTags = [
"上市企业",
"高新企业",
"潜力企业",
"高危企业",
"低碳企业",
];
this.companyList = res.data.data.list;
if (this.companyList.length > 0) {
this.companyDetail = this.companyList[0];
this.getTaxInfo();
} }
} else if (res.data.status == 102) { } else if (res.data.status == 102) {
this.$router.push("/login"); this.$router.push("/login");
}); });
}); });
}, },
goDetail(companyDetail) {
// 跳转详情
goDetail(company) {
// 如果是未认证 // 如果是未认证
if (!this.isClaimed) {
if (!company.claimState.text == "已认领") {
this.$router.push("/company-list"); this.$router.push("/company-list");
return; return;
} }
// companyDetail.companyId/
this.$router.push({ this.$router.push({
path: "/company-detail", path: "/company-detail",
query: { query: {
companyId: companyDetail.companyId,
companyId: company.companyId,
}, },
}); });
}, },
// 获取税收信息
getTaxInfo() {
let { companyId } = this.companyDetail;
// 看看是否已有税收信息，有的话就不调接口，无的话就调接口
if (!this.allTaxInfo[companyId]) {
this.getTaxAdministrationInfoByConmpanyApi(companyId);
} else {
this.setTaxInfo(companyId);
}
},
getTaxAdministrationInfoByConmpanyApi(companyId) {
this.taxInfoLoading = true;
getTaxAdministrationInfoByConmpany({
// companyId: "975-01837deff02500f8",
companyId,
})
.then((res) => {
if (res.data.status == 0) {
this.allTaxInfo[companyId] = res.data.data || [];
this.setTaxInfo(companyId);
} else {
console.log("获取企业税收信息失败");
}
this.taxInfoLoading = false;
})
.catch((err) => {
console.log("获取企业税收信息失败");
this.taxInfoLoading = false;
});
},
setTaxInfo(companyId) {
this.companyTaxInfo =
this.$cloneDeep(this.allTaxInfo[companyId]) || [];
console.log(
this.$cloneDeep(this.companyTaxInfo),
"当前公司税收信息1"
);
},
// 更多税收查询 // 更多税收查询
businessQuery(){
businessQuery() {
// 未认领不能授权 // 未认领不能授权
if (!this.isClaimed) {
this.$message.info("请先认领企业");
return;
}
this.goPath('/tax-inquiry');
// if (!this.isClaimed) {
// this.$message.info("请先认领企业");
// return;
// }
// this.goPath("/tax-inquiry");
}, },
formatImg(url) { formatImg(url) {
return formatImg(url); return formatImg(url);
}, },
// 前往税收授权 // 前往税收授权
goToRPA() {
// 未认领不能授权
if (!this.isClaimed) {
this.$message.info("请先认领企业");
return;
}
let { companyId } = this.companyDetail;
window.open("/cyc/toRPA?companyId=" + companyId);
},
// goToRPA() {
// // 未认领不能授权
// if (!this.isClaimed) {
// this.$message.info("请先认领企业");
// return;
// }
// let { companyId } = this.companyDetail;
// window.open("/cyc/toRPA?companyId=" + companyId);
// },
// 我的消息 // 我的消息
getMessageNoticeList() { getMessageNoticeList() {
let param = { let param = {
path, path,
}); });
}, },
// 获取公司名称
getCompanyName() {
let companyName = "未认领企业";
// 如果已认领但是未入驻园区
if (this.isClaimed) {
companyName = "上海禾获仁网络科技有限公司";
}
return companyName;
},
// 打开详情 // 打开详情
openDetail(row) { openDetail(row) {
this.$refs.MessageDetailDialog.openDialog(row); this.$refs.MessageDetailDialog.openDialog(row);

+ 50
- 0
digital-park-web/digital-park/src/views/my-related/business/TaxQuery/index.scss Ver fichero

.tax-query[data-1675747038673]{
// background: red;
.date-select {
// position: relative;
margin-top: -5px;
}
.tab-item-container{
margin-top: 20px;
background: #fff;
border-radius: 2px;
.tab-item-title {
height: 50px;
border-bottom: 1px solid #bce1ff;
.tab-title-span {
font-family: Alibaba-PuHuiTi;
@include font(16px, #334a5f);
// font-weight: bold;
height: 25px;
margin-left: 30px;
margin-top: 20px;
position: relative;
cursor: pointer;
&::after {
content: "";
width: 100%;
height: 3px;
border-radius: 3px;
background-image: linear-gradient(
135deg,
#42a6fe 0%,
#0070d2 100%
);
position: absolute;
bottom: -5px;
left: 0;
}
}
}
.tab-item-content {
box-sizing: border-box;
padding: 22px 30px;
@include font(14px, #334a5f);
padding-left: 15%;
padding-bottom: 10px;
.el-form-item {
margin-bottom: 10px;
}
}
}
}

+ 202
- 0
digital-park-web/digital-park/src/views/my-related/business/TaxQuery/index.vue Ver fichero

<template>
<div class="tax-query" data-1675747038673>
<div class="title">
<span class="title-span">税收查询</span>
<div class="date-select fr">
<el-select v-model="value" placeholder="请选择月份" size="small" @change="dateChage">
<el-option
v-for="item in options"
:key="item.nianduyuefen"
:label="item.nianduyuefen"
:value="item.nianduyuefen"
></el-option>
</el-select>
</div>
</div>
<el-form label-width="240px">
<div class="tab-item-container" v-for="(item,inx) of tabList" :key="inx">
<div class="tab-item-title">
<span class="tab-title-span fl">{{ item.label }}</span>
</div>
<div class="tab-item-content">
<el-row>
<el-col
class="tab-col"
:span="10"
v-for="(field,fieldInx) of item.field"
:key="fieldInx"
>
<el-form-item
:label="field.fieldName + '：'"
>{{ cutTaxInfo[field.fieldCode] }}</el-form-item>
</el-col>
</el-row>
</div>
</div>
</el-form>
</div>
</template>

<script>
import "./index.scss";
export default {
props: {
// 税收信息
companyTaxInfo: {
types: Array,
required: false,
default: () => [],
},
},
computed: {
getTaxInfoList() {
return this.companyTaxInfo;
},
},
watch: {
getTaxInfoList(newV, oldV) {
// do something
// console.log(newV, oldV);
if(newV && newV.length > 0){
this.initData(newV);
}
},
},
data() {
return {
options: [],
value: "",
tabList: [
{
label: "增值税信息",
field: [
{
fieldName: "增值税本月（元）",
fieldCode: "zengzhishuibenyue",
},
{
fieldName: "增值税累计（元）",
fieldCode: "zengzhishuileiji",
},
],
},
{
label: "企业所得税",
field: [
{
fieldName: "企业所得税本月（元）",
fieldCode: "qiyesuodeshuibenyue",
},
{
fieldName: "企业所得税累计（元）",
fieldCode: "qiyesuodeshuileiji",
},
],
},
{
label: "个人所得税信息",
field: [
{
fieldName: "个人所得税本月（元）",
fieldCode: "gerensuodeshuibenyue",
},
{
fieldName: "个人所得税累计（元）",
fieldCode: "gerensuodeshuileiji",
},
],
},
{
label: "其他税收信息",
field: [
{
fieldName: "城建税本月（元）",
fieldCode: "chengjianshuibenyue",
},
{
fieldName: "城建税累计（元）",
fieldCode: "chengjianshuileiji",
},
{
fieldName: "印花税本月（元）",
fieldCode: "yinhuashuibenyue",
},
{
fieldName: "印花税累计（元）",
fieldCode: "yinhuashuileiji",
},
{
fieldName: "土地使用税本月（元）",
fieldCode: "tudishiyongshuibenyue",
},
{
fieldName: "土地使用税累计（元）",
fieldCode: "tudishiyongshuileiji",
},
{
fieldName: "房本税本月（元）",
fieldCode: "fangchanshuibenyue",
},
{
fieldName: "房本税累计（元）",
fieldCode: "fangchanshuileiji",
},
{
fieldName: "其他个税本月（元）",
fieldCode: "qitageshuibenyue",
},
{
fieldName: "其他个税累计（元）",
fieldCode: "qitageshuileiji",
},
],
},
{
label: "税收总计信息",
field: [
{
fieldName: "合计本月（元）",
fieldCode: "hejibenyue",
},
{
fieldName: "合计累计（元）",
fieldCode: "hejileiji",
},
{
fieldName: "增幅额度（元）",
fieldCode: "zengfuedu",
},
{
fieldName: "累计同比情况上年同期累计（元）",
fieldCode:
"leijitongbiqingkuangshangniantongqileiji",
},
],
},
],
cutTaxInfo: {},
};
},
mounted() {
// console.log(this.$cloneDeep(this.companyTaxInfo),'当前公司税收信息2')
// if(this.companyTaxInfo && this.companyTaxInfo.length > 0){
// this.cutTaxInfo = this.$cloneDeep(this.companyTaxInfo[0]);
// this.value = this.cutTaxInfo.nianduyuefen;
// console.log(this.$cloneDeep(this.cutTaxInfo),'当前月份的税收信息')
// }
},
methods:{
initData(newV){
this.options = this.$cloneDeep(newV);
this.cutTaxInfo = this.$cloneDeep(this.options[0]);
this.value = this.cutTaxInfo.nianduyuefen;
console.log(this.value);
},
// 时间切换
dateChage(v){
this.cutTaxInfo = this.options.filter(res => res.nianduyuefen == v)[0];
},
},
};
</script>


Escribir Vista previa
Cargando…
Cancelar
Guardar